.con-reason{margin-top:-85px;background:#19A27A url(../img/beginner/bg_reason.svg) center top no-repeat;background-size:cover;position:relative}@media screen and (max-width:600px){.con-reason{margin-top:-30px}}.con-reason p.txt-beginner-left,.con-reason p.txt-beginner-right{position:absolute;top:calc(50% - 2px);width:50px}@media only screen and (max-width:1450px){.con-reason p.txt-beginner-left,.con-reason p.txt-beginner-right{display:none}}.con-reason p.txt-beginner-left{left:8.75%;transform:translateY(-50%)}.con-reason p.txt-beginner-right{right:8.75%;transform:translateY(-50%) rotate(180deg)}.con-reason>.inner{padding-top:158px;padding-bottom:182px;max-width:1000px;margin:0 auto}@media only screen and (max-width:1080px){.con-reason>.inner{width:93.3333333333%}}@media screen and (max-width:767px){.con-reason>.inner{padding-top:130px;padding-bottom:120px}}@media screen and (max-width:600px){.con-reason>.inner{padding-top:70px;padding-bottom:60px}}.con-reason>.inner h2{margin-bottom:123px}@media screen and (max-width:767px){.con-reason>.inner h2{margin-bottom:70px}}@media screen and (max-width:600px){.con-reason>.inner h2{margin-bottom:40px}}.con-reason>.inner h2 span{display:block}.con-reason>.inner h2 span.jp{margin-bottom:13px;color:#FFF;font-size:3.2rem;font-weight:700;text-align:center}@media screen and (max-width:767px){.con-reason>.inner h2 span.jp{font-size:2.7rem}}@media screen and (max-width:600px){.con-reason>.inner h2 span.jp{margin-bottom:8px;font-size:2.2rem}}.con-reason>.inner h2 span.title img{max-width:364px;margin:0 auto}@media screen and (max-width:767px){.con-reason>.inner h2 span.title img{max-width:324px}}@media screen and (max-width:600px){.con-reason>.inner h2 span.title img{max-width:284px}}.con-reason>.inner .box-reason .item:not(:last-child){margin-bottom:110px}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item:not(:last-child){margin-bottom:90px}}@media screen and (max-width:600px){.con-reason>.inner .box-reason .item:not(:last-child){margin-bottom:80px}}.con-reason>.inner .box-reason .item:nth-child(odd) .inner-item .block-image{order:2}.con-reason>.inner .box-reason .item:nth-child(odd) .inner-item .block-detail{margin-right:46px}@media screen and (max-width:999px){.con-reason>.inner .box-reason .item:nth-child(odd) .inner-item .block-detail{margin-right:40px}}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item:nth-child(odd) .inner-item .block-detail{margin-right:0}}.con-reason>.inner .box-reason .item:nth-child(2n) .inner-item .block-detail{margin-left:46px}@media screen and (max-width:999px){.con-reason>.inner .box-reason .item:nth-child(2n) .inner-item .block-detail{margin-left:40}}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item:nth-child(2n) .inner-item .block-detail{margin-left:0}}.con-reason>.inner .box-reason .item .inner-item{display:flex}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item .inner-item{display:block}}.con-reason>.inner .box-reason .item .inner-item .block-image{width:50%}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item .inner-item .block-image{width:100%}}.con-reason>.inner .box-reason .item .inner-item .block-image .image{position:relative;overflow:hidden;padding-bottom:66.8%;border-radius:5px}.con-reason>.inner .box-reason .item .inner-item .block-image .image img{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.con-reason>.inner .box-reason .item .inner-item .block-detail{padding-top:16px;flex:1}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item .inner-item .block-detail{padding:26px 4.5% 0}}@media screen and (max-width:600px){.con-reason>.inner .box-reason .item .inner-item .block-detail{padding:20px 4.5% 0}}.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title{margin-bottom:36px;display:flex}@media screen and (max-width:999px){.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title{display:block}}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title{margin-bottom:28px}}@media screen and (max-width:600px){.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title{margin-bottom:18px}}.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title .icon{margin-right:26px;width:85px}@media screen and (max-width:999px){.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title .icon{margin-bottom:12px;margin-right:0}}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title .icon{margin:0 auto 14px}}@media screen and (max-width:600px){.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title .icon{width:64px;margin-bottom:8px}}.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title h3{padding-top:2px;flex:1;color:#FFF;font-size:2.4rem;font-weight:700;line-height:1.66}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title h3{font-size:2.2rem;text-align:center}}@media screen and (max-width:600px){.con-reason>.inner .box-reason .item .inner-item .block-detail .wrap-title h3{font-size:2rem}}.con-reason>.inner .box-reason .item .inner-item .block-detail p.txt{color:#FFF;font-size:1.8rem;font-weight:500;line-height:2}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item .inner-item .block-detail p.txt{font-size:1.65rem}}@media screen and (max-width:600px){.con-reason>.inner .box-reason .item .inner-item .block-detail p.txt{font-size:1.5rem}}.con-reason>.inner .box-reason .item .inner-item .block-detail p.style-btn-link02{margin-top:28px}@media screen and (max-width:767px){.con-reason>.inner .box-reason .item .inner-item .block-detail p.style-btn-link02{margin-top:22px;text-align:center}}@media screen and (max-width:600px){.con-reason>.inner .box-reason .item .inner-item .block-detail p.style-btn-link02{margin-top:20px}}.con-area{padding-bottom:124px;background:url(../img/common/bg_mesh_gray.jpg)}@media screen and (max-width:600px){.con-area{padding-bottom:80px}}.con-area .box-main-image .image{position:relative;overflow:hidden;padding-bottom:778px}@media screen and (max-width:767px){.con-area .box-main-image .image{padding-bottom:340px}}@media screen and (max-width:600px){.con-area .box-main-image .image{padding-bottom:240px}}.con-area .box-main-image .image img{position:absolute;width:110%;margin-left:-5%}.con-area .box-title{margin-top:-120px;position:relative;z-index:2}@media screen and (max-width:767px){.con-area .box-title{margin-top:-70px}}@media screen and (max-width:600px){.con-area .box-title{margin-top:-44px}}.con-area .box-title h2{margin-bottom:96px}@media screen and (max-width:767px){.con-area .box-title h2{margin-bottom:80px}}@media screen and (max-width:600px){.con-area .box-title h2{margin-bottom:60px}}.con-area .box-title h2 span{display:block}.con-area .box-title h2 span.title{margin-bottom:24px}@media screen and (max-width:767px){.con-area .box-title h2 span.title{margin-bottom:16px}}@media screen and (max-width:600px){.con-area .box-title h2 span.title{margin-bottom:12px}}.con-area .box-title h2 span.title img{max-width:708px;margin:0 auto}@media screen and (max-width:999px){.con-area .box-title h2 span.title img{max-width:580px}}@media screen and (max-width:767px){.con-area .box-title h2 span.title img{max-width:460px}}@media screen and (max-width:600px){.con-area .box-title h2 span.title img{max-width:290px}}.con-area .box-title h2 span.jp{color:#333;font-size:3rem;font-weight:700;text-align:center}@media screen and (max-width:999px){.con-area .box-title h2 span.jp{font-size:2.6rem}}@media screen and (max-width:767px){.con-area .box-title h2 span.jp{font-size:2rem}}@media screen and (max-width:600px){.con-area .box-title h2 span.jp{font-size:1.66rem}}.con-area .box-area>.inner{max-width:1000px;margin:0 auto}@media only screen and (max-width:1080px){.con-area .box-area>.inner{width:93.3333333333%}}.con-area .box-area>.inner section.sec-area{padding:80px 10% 80px;background-color:#fff;border-radius:5px;position:relative}@media screen and (max-width:999px){.con-area .box-area>.inner section.sec-area{padding:80px 5% 80px}}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area{padding:80px 5% 65px}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area{padding:35px 5.5% 40px}}.con-area .box-area>.inner section.sec-area:not(:last-child){margin-bottom:88px}.con-area .box-area>.inner section.sec-area h3{position:absolute;top:-22px;left:-27px}@media only screen and (max-width:1080px){.con-area .box-area>.inner section.sec-area h3{left:-16px}}@media screen and (max-width:999px){.con-area .box-area>.inner section.sec-area h3{left:-8px}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area h3{margin-top:-48px;margin-bottom:20px;position:static}}.con-area .box-area>.inner section.sec-area h3 span{display:block}.con-area .box-area>.inner section.sec-area h3 span.title{margin-bottom:16px}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area h3 span.title{margin-bottom:14px}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area h3 span.title{margin-bottom:12px}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area h3 span.title.s-long01 img{height:70px}}.con-area .box-area>.inner section.sec-area h3 span.title img{width:auto;height:45px}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area h3 span.title img{height:37px}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area h3 span.title img{height:26px;margin:0 auto}}.con-area .box-area>.inner section.sec-area h3 span.jp{padding-left:0.2em;color:#00986B;font-size:2rem;font-weight:900}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area h3 span.jp{font-size:1.85rem}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area h3 span.jp{font-size:1.7rem;text-align:center}}.con-area .box-area>.inner section.sec-area .block-area{display:flex}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area .block-area{display:block}}.con-area .box-area>.inner section.sec-area .block-area .b-image{width:35%;order:2}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area .block-area .b-image{width:100%}}.con-area .box-area>.inner section.sec-area .block-area .b-image .image{position:relative;overflow:hidden;padding-bottom:66.7857142857%;border-radius:5px}.con-area .box-area>.inner section.sec-area .block-area .b-image .image:not(:last-child){margin-bottom:25px}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area .block-area .b-image .image:not(:last-child){margin-bottom:15px}}.con-area .box-area>.inner section.sec-area .block-area .b-image .image img{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.con-area .box-area>.inner section.sec-area .block-area .b-detail{margin-right:78px;padding-top:58px;flex:1}@media screen and (max-width:999px){.con-area .box-area>.inner section.sec-area .block-area .b-detail{margin-right:50px}}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area .block-area .b-detail{padding-top:34px;margin-right:0}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area .block-area .b-detail{padding-top:24px}}.con-area .box-area>.inner section.sec-area .block-area .b-detail h4{margin-bottom:55px;color:#00986B;font-size:2.7rem;font-weight:700;line-height:1.77}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area .block-area .b-detail h4{margin-bottom:28px}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area .block-area .b-detail h4{margin-bottom:14px;font-size:2.1rem;text-align:center}}.con-area .box-area>.inner section.sec-area .block-area .b-detail p.txt{color:#00986B;font-size:1.8rem}@media screen and (max-width:767px){.con-area .box-area>.inner section.sec-area .block-area .b-detail p.txt{font-size:1.65rem}}@media screen and (max-width:600px){.con-area .box-area>.inner section.sec-area .block-area .b-detail p.txt{font-size:1.5rem}}
/*# sourceMappingURL=beginner.css.map */