@charset "utf-8";

.width-m {width:147rem !important;}
header {border-bottom:0.1rem solid #eaeaea;}
#wrapper #container {padding-top:16.5rem;}

/* section01 */
#section01 {display:flex;flex-direction:column;align-items:center;padding:0 0 13.5rem;}
#section01 img {width:auto;height:100%;}
#section01 .inner {position:relative;}
#section01 .tit-wrap {padding-top:8rem;}
#section01 .tit-wrap .title {font-weight:700;font-size:4.3rem;line-height:1.4;letter-spacing:-0.3rem;color:#111;}
#section01 .tit-wrap .desc {font-size:1.8rem;color:#111;}
#section01 .tit-wrap .btn {width:21rem;height:7.5rem;border-radius:10rem;border:0.1rem solid #111;background:#fff;}
#section01 .item-box {position:relative;display:flex;justify-content:center;;}
#section01 .item-box .right {width:50%;}
#section01 .item-box .left {width:50%;position:relative;z-index:2;left:6.5rem;}
#section01 .item-box .left:after {position:absolute;}
#section01 .item-box img {width:100%;object-fit:cover;}
#section01 .tit-wrap .desc {padding-top:4rem;padding-bottom:2.7rem;}
#section01 .tit-wrap .desc .cp {font-size:2.3rem;line-height:1.5;letter-spacing:-0.1rem;}
#section01 .btn {}
#section01 .btn a {display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;left:-1rem;color:#000;font-size:1.85rem;font-weight:300;letter-spacing:-0.175rem;}
#section01 .btn a:after {background-image:url("/img/book_btn2.svg");content:"";position:absolute;bottom:50%;transform:translateY(50%);right:1.4rem;width:2rem;height:2rem;display:inline-block;background-repeat:no-repeat;background-size:contain;z-index:2;}
#section01 .image-box {position:absolute;bottom:-6rem;left:27%;}

@media (min-width:1024px) and (max-width:1679px) {
    .width-m {width:90% !important;}
    #wrapper #container {padding-top:10.5rem;}
    #section01 .tit-wrap .sub {font-size:1.1rem;}
    #section01 .item-box {padding-left:0;gap:3.5rem;}
    #section01 .item-box .hide-m {display:none;}
    #section01 .item-box .left,
    #section01 .item-box .right {width:50%;}
    #section01 .tit-wrap {padding-top:0;}
    #section01 .item-box .left {padding-right:0;left:0;}
    #section01 .image-box {position:absolute;bottom:-6rem;left:27%;z-index:-1;}
}
@media (max-width:1023px) {
    .width-m {width:100% !important;}
    .m-bo-category {padding-top:6.6rem !important;}
    #wrapper #container {padding-top:0rem;}
    #section01 {padding-bottom:0;}
    #section01 .tit-wrap {padding-top:12rem;}
    #section01 .tit-wrap .sub {font-size:calc(1rem * 1.15);letter-spacing:0.25rem !important;font-weight:100 !important;zoom:0.8 !important;}
    #container .tit-wrap .title {padding-top:2.5rem !important;}
    #section01 .tit-wrap .title h2 {font-size:calc(2.4rem * 1.1);letter-spacing:-0.15rem;font-weight:700;line-height:1.35;white-space:normal;}
    #section01 .tit-wrap .desc {font-size:calc(1.3rem * 1.15);letter-spacing:0;line-height:1.7;padding-top:2.2rem !important;word-break:keep-all;padding-bottom:2.4rem;}
    #section01 .item-box {padding-left:0;flex-direction:column;}
    #section01 .item-box .hide-m {display:none;}
    #section01 .item-box .left {width:80%;margin:0 auto;padding:0;position:relative;z-index:2;left:0;}
    #section01 .item-box .right {width:100%;position:relative;background-color:#f8f8f8;padding-bottom:0;}
    #section01 .tit-wrap .btn {width:14.2rem;height:5rem;margin-bottom:3.4rem;margin-left:0;}
    #section01 .tit-wrap .btn a {font-size:calc(1.2rem * 1.05);letter-spacing:-0.05rem;}
    #section01 .btn {margin-bottom:4.5rem;}
    #section01 .btn a {font-size:calc(1rem * 1.15);letter-spacing:unset;left:-0.6rem;}
    #section01 .btn a:after {width:1.4rem;height:1.4rem;right:0.8rem;}
    #section01 .image-box {display:none;}
    #section01 .item-box .right:before {background-image:url("/img/freesia_typo.png");content:"";position:absolute;bottom:-2.5rem;right:30%;max-width:20.5rem;width:100%;height:100%;display:inline-block;background-repeat:no-repeat;background-size:contain;transform:translateX(50%);z-index:-1;padding-top:0;padding-bottom:10rem;}
}