@charset "utf-8";

/* ----------------------------　共通 ------------------------------- */
.title_box{position: relative;}
.title_box .ja-ttl{position: absolute; bottom: 15px; width: 100%;}
.en-ttl{ position: relative; font-size: 249px; font-family: "Neue Haas Grotesk Display Pro", sans-serif; font-weight: 500;  font-style: normal; text-align: center; line-height: 100%;}
.ja-ttl{ z-index: 1; position: relative; font-size: 45px; line-height: 150%; text-align: center; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
.white-ttl{ color: #fff; }
.gradation-ttl{ background: #A0CCF2; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.yellow_border{font-feature-settings: "palt"; background:linear-gradient(transparent 70%, #FFF45C 70%);}

.flex{display: flex;}
.flex_right{flex-direction: row-reverse;}
.flex_wrap{flex-wrap: wrap}

.inner_2{max-width: 1450px; padding: 0px 25px; margin: 0 auto;}
.inner_3{max-width: 1180px; padding: 0 25px; margin: 0 auto;}
.inner_4{max-width: 1294px; padding: 0 25px; margin: 0 auto;}
a.btn{text-align: center; margin: 53px auto 0; width: 565px; border: 1px solid #000; height: auto; display: block; border-radius: 100px; font-size: 30px; line-height: 200%; padding: 17px 0 18px;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;transition: 0.5s;}
a.btn.thumb-hover{transition: 0.5s;border: 1px solid #000; color: #fff; background: #000;}
/* ------------------------------------------------------------ fv */
#fv{background: linear-gradient(to bottom right,#FFBEC7 50%,#A5F1FF); width: 100%; height: auto; padding: 0 0 49px;min-height: 800px;}
#fv .fv_img_box{width: calc(100% - 50%); height: auto; max-height: 1174px; background: url(../images/index/fv_bg_1.jpg?var=1345) no-repeat center left 42%; background-size: cover;}
#fv .fv_img_box img{width: 100%; height: 100%; object-fit: cover;}
#fv .text_box{ height: auto; padding: 149px 43px 0 40px; min-width: 805px;}
#fv .text_box .text{padding: 47px 0 0;}
#fv .text_box .text h2{font-size: 30px; line-height: 184%;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#fv .text_box .text h2 span{font-size: 72px; line-height: 130%;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#fv .text_box .text .ed_tt{font-size: 22px; line-height: 180%;margin:24px 0 0;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400; }
#fv .text_box .text .jp_tt{font-size: 18px; line-height: 178%; margin:10px 0 0;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400; }
#fv .text_box .text .pink_box{background: #F47575; color: #fff; font-size: 40px; text-align: center; line-height: 160%; padding: 4px 10px; max-width: 629px; margin: 39px 0 0;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}

#fv .form-box{ width: 465px; padding: 40px 35px 50px; background: #fff; border-radius: 30px; filter: drop-shadow(0 0 10px rgba(0,0,0,0.1)); text-align: center; }
#fv .form-box h3{ padding: 0 0 15px; font-size: 28px; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; }
#fv .form-box p{ font-size: 14px; padding: 0 0 10px; }
#fv .form-box img{ padding: 0 0 10px; }

#fv .form-box tr{ padding: 0 0 25px; }
#fv .form-box th{ margin: 0 0 10px; }
#fv .form-box .required{ font-size: 11px; }
#fv .banner{padding: 50px 50px 0; max-width: 1500px; min-width: 1200px; margin: 0 auto; display: block;}
#fv .banner img{width: 100%; height: auto;}
/* ------------------------------------------------------------ #metaverse */
#metaverse{padding: 60px 0 129px; }
#metaverse .clients { max-width: 1500px; min-width: 1200px; padding: 0 50px 50px; margin: 0 auto;}
#metaverse .clients h3{ padding: 0 0 30px; font-size: 39px; text-align: center; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#metaverse .clients .pic{text-align: center;}


#metaverse .banner{width: 100%; height: auto; padding: 0 25px 50px; margin: 0 auto; max-width: 1450px; }
#metaverse .banner img{width: 100%; height: auto;}
#metaverse .metaverse_box{background: url(../images/index/metaverse_bg_1.jpg) no-repeat center top 170px; background-size: 100% 100%;}

#metaverse p.en-ttl{font-size: 120px; line-height: 90%; margin: 0 auto;}
#metaverse .title_box{text-align: center;}
#metaverse h3.ja-ttl{font-size: 50px; text-align: center; position: relative; display: inline-block; padding: 50px 50px 0; margin: 0px; width: auto;}
#metaverse h3.ja-ttl span{font-size: 50px; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#metaverse h3.ja-ttl:before{content: ""; display: block; width: 3px; height: 80px; background: #000; content: ""; position: absolute; left: 0px; transform: rotateZ(-45deg); bottom: -10px;}
#metaverse h3.ja-ttl:after{content: ""; display: block; width: 3px; height: 80px; background: #000; content: ""; position: absolute; right: 0px; transform: rotateZ(45deg); bottom: -10px;}
#metaverse .content_box{background: #fff; border-radius: 30px; padding: 48px 61px 36px 63px; z-index: 1;position: relative;margin: 8px 17px 0 0; box-shadow: 16px 16px 0 0 #C7C7C7;}
#metaverse .content_box h4{text-align: center; font-size: 33px; line-height: 194%; background: #E7E6E7;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#metaverse .content_box .flex{justify-content: center; padding: 33px 61px 0; max-width: 1285px; margin: 0 auto;}
#metaverse .content_box .flex img{width: 22%; height: auto;}
#metaverse .content_box .flex img:not(:last-child){margin-right: 41px;}
#metaverse .content_box p{ font-size: 36px; line-height: 170%; text-align: center;padding: 40px 0 0;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#metaverse .triangle{width: 0; height: 0; border-left: 152px solid transparent; border-right:152px solid transparent; border-top: 113px solid #FFF35D;margin: 37px auto 30px;}
#metaverse .metaverse_tt{text-align: center; line-height: 187%; padding: 85px 0 0; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;font-size: 42px;}
#metaverse .metaverse_tt span{font-size: 42px; line-height: 187%; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#metaverse .metaverse_tt.metaverse_tt_2{padding: 0px;}

/* ------------------------------------------------------------ #about */
#about{}
#about .about_box_1{padding: 60px 0 160px;}
#about .about_box_1 .flex{ justify-content: space-between; padding: 60px 0 0;}
#about .about_box_1 .flex .img{width: 50%;height: auto; max-width: 647px; margin: 0 0 0 auto;}
#about .about_box_1 .text_box{width: calc(100% - 380px); height: auto; max-width: 666px; margin: 0 2% 0 0;}
#about .about_box_1 .text_box h4{font-size: 40px; line-height: 150%;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#about .about_box_1 .text_box p{font-size: 20px; line-height: 215%; letter-spacing: 0.04em;padding: 40px 0 0;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400; }
#about .about_box_1 .text_box p:not(:nth-child(2)){padding: 46px 0 0;}

#about .about_box_2{background: url(../images/index/about_bg_1.jpg) no-repeat center center; padding: 64px 0 39px; background-size: cover;}
#about .about_box_2 .big_tt{text-align: center; font-size: 45px;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;line-height: 156%; }
#about .about_box_2 .big_tt .yellow_border{font-size: 45px;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;}
#about .about_box_2 .flex_box{padding: 70px 0 0;}
#about .about_box_2 .flex_box .box{background: #fff; width: 49%; height: auto; box-shadow: 5px 5px 0 0 #DDD7D7; position: relative; padding: 70px 31px 55px 39px;}
#about .about_box_2 .flex_box .box:first-child{margin-right: 30px;}
#about .about_box_2 .flex_box .box h4{transform: translateX(-50%); left: 50%; top: -29px; width: 477px; color: #fff; font-size: 33px; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;text-align: center; position: absolute; background: #9B9B9B;clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); padding: 12px 0 14px;}
#about .about_box_2 .flex_box .box_2 h4{background: linear-gradient(to right, #72C0F0,#E2ACFF);}
#about .about_box_2 .flex_box .img{margin-right: 20px; width: calc(100% - 369px); min-width: 200px;height: 257px;}
#about .about_box_2 .flex_box .img img{width: 100%; height: 100%; object-fit: cover;}
#about .about_box_2 .flex_box ul{width: auto; height: auto; }
#about .about_box_2 .flex_box ul li{width: 100%; height: auto;position: relative; background: #F0F0F0;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 500;  font-size: 18px; line-height: 176%; padding: 5px 10px 6px 41px;}
#about .about_box_2 .flex_box ul li img{position: absolute; top: 50%; transform: translateY(-50%); left:12px;}
#about .about_box_2 .flex_box ul li:not(:last-child){margin: 0 0 11px;}
#about .about_box_2 .flex_box .box_2 ul li{background: #FFF8A5;}
#about .about_box_2 .flex_box p{text-align: center; line-height: 160%; font-size: 24px; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; padding: 36px 0 0;}
#about .about_box_2 .big_tt.big_tt_2{padding: 50px 0 0;}

/* ------------------------------------------------------------ #reason */
#reason{padding: 110px 0 0;}
#reason .title_box{margin: 0 0 108px;}
#reason .box:not(:last-child){padding: 0 0 34px;}
#reason .box .img_box{margin:0 54px 0 0;}
#reason .box.flex_right .img_box{margin:0 0 0 54px;}
#reason .box .text_box{width: 554px; height: auto;}
#reason .box .text_box .flex{display: flex; align-items: center; }
#reason .box .text_box p.big{font-size: 65px; font-family: "Helvetica Neue" , Helvetica, sans-serif; font-weight: 700; padding: 0 20px 0 0; line-height: 100%;}
#reason .box .text_box h4{font-size: 30px;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; line-height: 150%;}
#reason .box .text_box h4 span{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; line-height: 134%;}
#reason .box .text_box p{font-size: 18px; line-height: 223%; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400;  padding: 28px 0 0;}
#reason .reason_box_2{position: relative; margin: 140px 0 0; }
#reason .reason_box_2:before{content: ""; display: block; width: calc(100% - 100px); height: 100%; background: linear-gradient(to right, #FFF0CE,#FCC3CB);clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%); position: absolute; right: 0px;}
#reason .reason_box_2 .reason_2{position: relative;z-index: 1;padding: 40px 0 76px;}
#reason .reason_box_2 .reason_2 h4{width: calc(100% - 7.6%); margin: 0 0 0 auto; background: #000; text-align: center; padding: 25px 125px 25px 15px;}
#reason .reason_box_2 .reason_2 h4 img{width: 100%; height: auto; max-width: 1341px; height: auto; margin: 0 auto;}
#reason .reason_box_2 .reason_2 .flex{padding: 93px 0 0 38px; justify-content: flex-start;}
#reason .reason_box_2 .reason_2 .flex .img{margin: 0 49px 0 0; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1); height: 362px; width: calc(100% - 718px); min-width: 490px;}
#reason .reason_box_2 .reason_2 .flex .img img{width: 100%; height: 100%;object-fit: cover; }
#reason .reason_box_2 .reason_2 .flex ul li{ display: flex;}
#reason .reason_box_2 .reason_2 .flex ul li:not(:last-child){padding: 0 0 28px;}
#reason .reason_box_2 .reason_2 .flex ul li p{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400;  font-size: 26px; line-height: 140%; padding: 0 0 0 23px;}
#reason .reason_box_2 .reason_2 .flex ul li p span{background:linear-gradient(transparent 70%, #fff 70%) center top;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400; font-size: 26px; }
#reason .reason_box_2 .reason_2 .reason_text{text-align: center; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;line-height: 146%; padding: 82px 0 0;font-size: 42px;}
#reason .reason_box_2 .reason_2 .reason_text.reason_text_2{padding: 0px;}

/* ------------------------------------------------------------ #feature */
#feature{padding: 90px 0 0; background: linear-gradient( #fff, rgba(230,238,255,0.5));}
#feature .title_box .gradation-ttl{font-size: 165px;}
#feature .title_box .ja-ttl{bottom: -5px;}
#feature .title_tt{text-align: center; font-size: 20px; line-height: 170%;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400;  padding: 30px 0 0;}
#feature .feature_box_1{padding: 80px 0 0px;}
#feature .feature_box_1 .box{width: 48%;background: #fff; border-radius: 15px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1); padding: 89px 81px 81px; margin-bottom: 34px;}
#feature .feature_box_1 .box .text{padding: 30px 0 0;}
#feature .feature_box_1 .box .text h4{text-align: center;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; line-height: 179%;font-size: 28px;}
#feature .feature_box_1 .box .text p{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400; font-size: 20px; line-height: 175%; padding: 30px 0 0;}
#feature .feature_box_1 .box:not(:nth-child(2n)){margin-right: 4%;}

#feature .feature_box_2{padding: 31px 0 102px;}
#feature .feature_box_2 .logo_1{text-align: center; max-width: 1351px; height: auto; margin: 0px auto;}
#feature .feature_box_2 .logo_1 .tt{text-align: center;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; line-height: 190%; font-size: 38px; padding: 14px 0 0;}
#feature .feature_box_2 .logo_1 .yellow_tt{text-align: center; font-size: 52px; background: #FFFB98; display: inline-block; padding: 0 23px;}
#feature .feature_box_2 .logo_1 .yellow_tt span{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; line-height: 144%;}
#feature .feature_box_2 .flex{padding: 64px 0 0;}
#feature .feature_box_2 .box{width: calc(100% / 3 - 7px); height: auto; background: #fff; padding: 22px 21px 33px;}
#feature .feature_box_2 .box:not(:last-child){margin-right: 10px;}
#feature .feature_box_2 .box .text_box{padding: 24px 0 0;}
#feature .feature_box_2 .box .text_box h4{text-align: center;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; line-height: 179%;font-size: 23px;}
#feature .feature_box_2 .box .text_box p{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400; font-size: 20px; line-height: 179%; padding: 20px 13px 0;}

/* ------------------------------------------------------------ #case_study */
#case_study{}
#case_study .case_study_bg{width: 100%; height: auto;}
#case_study .case_study_bg img{width: 100%; height: auto;}
#case_study .inner_2 .title_box{margin: -45px 0 0;}
#case_study .inner_2 .title_box .en-ttl{font-size: 185px;}
#case_study .inner_2 .title_box .ja-ttl{bottom: 0px;}
#case_study .inner_2 .case_study_box{padding: 70px 0 0;}
#case_study .inner_2 .case_study_box .box{background: #fff; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1); padding: 44px 50px 75px;}
#case_study .inner_2 .case_study_box .box:not(:last-child){margin: 0 0 61px;}
#case_study .inner_2 .case_study_box .box .bot_top{border-bottom: 2px solid #707070; padding: 0 0 43px;}
#case_study .inner_2 .case_study_box .box .bot_top .case{font-family: futura-pt, sans-serif; font-weight: 500;  font-style: normal; font-size: 17px; color: #fff;background: linear-gradient(to right, #95A9FF,#FF86A7);clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 0% 100%); width: 189px; height: auto; text-align: center; padding: 5px 12px 5px 0; line-height: 100%;}
#case_study .inner_2 .case_study_box .box .bot_top .case span{font-family: "Helvetica Neue" , Helvetica, sans-serif; font-weight: 700; font-size: 68px; color: #fff;}
#case_study .inner_2 .case_study_box .box .bot_top h4{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400; font-size: 24px; line-height: 140%; margin-left: 28px;}
#case_study .inner_2 .case_study_box .box .bot_top h4 span{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;font-size: 36px; line-height: 140%;}
#case_study .inner_2 .case_study_box .box .box_bottom{padding: 45px 0 0;justify-content: space-between;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box{max-width: 616px; height: auto; width: calc(100% - 270px); }
#case_study .inner_2 .case_study_box .box .box_bottom .img_box{margin:0 5% 0 0;min-width: 440px;}
#case_study .inner_2 .case_study_box .box .box_bottom.flex_right .img_box{margin: 0 0 0 5%;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box h5{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;font-size: 42px; line-height: 143%;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table {padding: 23px 0 0; display: block;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr th{width: 159px; height: auto; padding-right: 16px;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr th span{width: 100%; height: auto; display: block; font-size: 18px; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; line-height: 128%; text-align: center;border: 1px solid #000; background: #fff;padding: 5px 0 7px;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr th.blue span{border: 1px solid #48A5C1; background: #48A5C1;color: #fff;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr th.orange,
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr th.blue{vertical-align: top; }
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr th.orange span{border: 1px solid #ED9C4A; background: #ED9C4A; color: #fff;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td span{font-family: "Helvetica Neue" , Helvetica, sans-serif; font-weight: 700; font-size: 40px;line-height: 128%;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td.tt{font-size: 18px; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400;  line-height: 167%;position: relative; top: -5px;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td{font-size: 28px;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700;line-height: 128%;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr:not(:last-child) td{padding: 0 0 25px;}
#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr:last-child td{padding: 0 0 4px;}

/* ------------------------------------------------------------ #plan */
#plan{padding: 80px 0 0;}
#plan .title_box p.en-ttl{font-size: 165px; }
#plan .title_box .ja-ttl{bottom: 0px;}
#plan .flex{padding: 34px 0 0;justify-content: center}
#plan .flex .box{width: 605px; height: auto; }
#plan .flex .box:first-child{margin: 0 02% 0 0;}
#plan .flex .box.red{background: linear-gradient(120deg, rgba(255,237,204,0.5), rgba(238,169,168,0.5));}
#plan .flex .box.blur{background: linear-gradient(120deg, rgba(221,244,250,0.5) ,rgba(106,204,2374,0.5));}
#plan .flex .box .text{padding: 36px 44px 47px;}
#plan .flex .box .text h4{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; font-size: 40px; line-height: 100%; text-align: center;}
#plan .flex .box .text p.tt{font-size: 18px; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400;  line-height: 178%; padding: 27px 0 0;}
#plan .flex .box .text p.amount{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; font-size: 32px; line-height: 160%; text-align: center;padding: 21px 0 0;}
#plan .flex .box .text p.amount span{font-family: "Helvetica Neue" , Helvetica, sans-serif; font-weight: 700; font-size:57px;line-height: 128%;}


/* ------------------------------------------------------------ #cta */
#cta{padding: 128px 0 0; width: 100%;}
#cta .img_box{width: 50%; height: 500px; }
#cta .img_box img{width: 100%; height: 100%; object-fit: cover;}
#cta .text_box{width: 50%;background: linear-gradient(to right , #59AFE3, #BC89D6 ); padding: 60px 30px 90px; min-width: 700px;}
#cta .text_box h3{text-align: center;font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; font-size: 40px; line-height: 160%; letter-spacing: 0.05em; color: #fff;}
#cta .text_box p{font-size: 18px; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 400;  line-height: 178%; color: #fff; text-align: center; margin: 20px 0 0;}
#cta .text_box a{position: relative; width: 537px; height: auto; margin: 55px auto 0; display: block;}
#cta .text_box a:before{content: ""; display: block; width: 100%; height: 94px; background: #848484; border-radius: 1000px; position: relative; bottom: 0px;}
#cta .text_box a div{background: #fff; border-radius: 1000px; padding: 29px 0 30px 80px; text-align: center; width: 100%; z-index: 1; position: absolute; margin: 0 0 5px; top: -8px; transition: 0.5s;}
#cta .text_box a div span{font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; font-size: 22px; line-height: 160%;}
#cta .text_box a img{position: absolute; bottom: 7px; z-index: 2; left: 59px;transition: 0.5s;}

#cta .text_box a.thumb-hover div{top: 0; transition: 0.5s;}
#cta .text_box a.thumb-hover img{transition: 0.5s; bottom: 0px;}
/* ------------------------------------------------------------ faq */
#faq{ padding: 100px 0 ; }
#faq .gradation-ttl{font-size: 150px;}
#faq .ja-ttl{font-size: 34px; bottom: -5px;}
.faq-list{padding: 44px 0 0;}
.faq-list .type{ padding: 0 15px 0 0; font-size: 34px; font-family: "neue-haas-grotesk-text", sans-serif; font-weight: 700; font-style: normal; }

.faq-list dl{ margin: 0 0 10px; padding: 30px 40px; border: 1px solid #D0D0D0; border-radius: 15px; }
.faq-list dt{ position: relative; display: flex; align-items: center; }
.faq-list dt p{ font-size: 24px; letter-spacing: 0.05em; line-height: 150%; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 700; }

.faq-list dl dt:after{ transition: 0.8s; position: absolute; content: ""; right: 0; top: 50%; translate: 0 -50%; width: 15px; height: 15px; border-right: 2px solid #000; border-bottom: 2px solid #000; rotate: 45deg; }
.faq-list .open dt:after{ transition: 0.8s; rotate: -135deg; } 

.faq-list dd{ margin: 40px 0 0; display: flex; align-items: center; }
.faq-list dd .type{ color: #C10000; }
.faq-list dd p{ font-size: 16px; letter-spacing: 0.05em; line-height: 150%; font-family: 'Noto-Sans-JP','NotoSansJP',sans-serif; font-weight: 500;  }


@media only screen and (min-width:769px) and ( max-width:1600px)  {
		
	/* ----------------------------　共通 ------------------------------- */
	.title_box{position: relative;}
	.title_box .ja-ttl{position: absolute; bottom: 15px; width: 100%;}
	.en-ttl{ position: relative; font-size: 249px; }
	.ja-ttl{ z-index: 1; position: relative; font-size: 45px; }
		
	.inner_2{max-width: 1200px; }
	.inner_4{max-width: 1200px; }

	/* ------------------------------------------------------------ fv */
	#fv{ padding: 0 0 49px;min-height: 800px;}
	#fv .text_box{ padding: 149px 3.5% 0 3%; min-width: auto; width: 50%;}
	#fv .text_box .img{width: 100%; height: auto;}
	#fv .text_box .img img{width: 100%; height: auto;}
	#fv .text_box .text{padding: 47px 0 0;}
	#fv .text_box .text h2{font-size: clamp(25px, calc(1vw + 1vw), 2vw); }
	#fv .text_box .text h2 span{font-size: clamp(51px, calc(1vw + 4.6vw), 4.25vw);}
	#fv .text_box .text .ed_tt{font-size: clamp(16px, calc(1vw + 2vw), 1.4vw); margin:24px 0 0;}
	#fv .text_box .text .jp_tt{font-size: clamp(14px, calc(1vw + 1vw), 1.2vw); margin:10px 0 0;}
	#fv .text_box .text .pink_box{font-size: clamp(33px, calc(1vw + 4vw), 2.8vw); padding: 7px 10px; max-width: 629px; margin: 39px 0 0;}
	
	/* ------------------------------------------------------------ #metaverse */
	#metaverse .content_box{padding: 48px 61px 36px 63px; margin: 8px 17px 0 0; }
	#metaverse .content_box .flex{ padding: 33px 15px 0;}
	#metaverse .content_box .flex img{width: 22%; height: auto;}
	#metaverse .content_box .flex img:not(:last-child){margin-right: 3%;}
	#metaverse .content_box p{ font-size: 32px; }
	#metaverse .metaverse_tt{font-size: 37px;}
	#metaverse .metaverse_tt span{font-size: 37px; }
	#metaverse .metaverse_tt.metaverse_tt_2{padding: 0px;}

	/* ------------------------------------------------------------ #about */
	#about .about_box_1 .text_box{ width: calc(100% - 618px); margin: 0 3% 0 0;}
	#about .about_box_1 .text_box h4{font-size: 35px; }
	#about .about_box_1 .text_box p{font-size: 18px; padding: 40px 0 0;}
	#about .about_box_1 .text_box p:not(:nth-child(2)){padding: 46px 0 0;}
	
	#about .about_box_2 .big_tt .yellow_border{font-size: 45px;}
	#about .about_box_2 .flex_box{padding: 70px 0 0;}
	#about .about_box_2 .flex_box .box{width: 49%;padding: 70px 31px 55px 39px;}
	#about .about_box_2 .flex_box .box h4{width: 400px;}
	#about .about_box_2 .flex_box ul li{font-size: 13px; padding: 5px 10px 6px 41px;}
	#about .about_box_2 .flex_box ul li img{left:12px;}
	#about .about_box_2 .flex_box ul li:not(:last-child){margin: 0 0 11px;}
	#about .about_box_2 .flex_box p{ font-size: 22px; }
	
	/* ------------------------------------------------------------ #reason */
	#reason .reason_box_2{ margin: 140px 0 0; }
	#reason .reason_box_2 .reason_2{padding: 40px 0 76px;}
	#reason .reason_box_2 .reason_2 h4{width: calc(100% - 7.6%); padding: 25px 125px 25px 15px;}
	#reason .reason_box_2 .reason_2 .flex{padding: 93px 0 0 38px;}
	#reason .reason_box_2 .reason_2 .flex .img{margin: 0 3% 0 0; height: 362px; min-width: 490px;}
	#reason .reason_box_2 .reason_2 .flex ul li p{ font-size: 22px;padding: 0 0 0 20px;}
	#reason .reason_box_2 .reason_2 .flex ul li p span{font-size: 22px;}
	#reason .reason_box_2 .reason_2 .reason_text{padding: 82px 0 0;font-size: 37px;}
	
	/* ------------------------------------------------------------ #feature */
	#feature .title_tt{ font-size: 20px; padding: 30px 0 0;}
	#feature .feature_box_1{padding: 80px 0 0px;}
	#feature .feature_box_1 .box{width: 48%; padding: 89px 5% 81px; margin-bottom: 34px;}
	#feature .feature_box_1 .box .text{padding: 30px 0 0;}
	#feature .feature_box_1 .box .text h4{font-size: 23px;}
	#feature .feature_box_1 .box .text p{font-size: 20px; padding: 30px 0 0;}
	#feature .feature_box_1 .box:not(:nth-child(2n)){margin-right: 4%;}
	
	#feature .feature_box_2{padding: 31px 0 102px;}
	#feature .feature_box_2 .logo_1 .tt{font-size: 33px; padding: 14px 0 0;}
	#feature .feature_box_2 .logo_1 .yellow_tt{ font-size: 45px; padding: 0 23px;}
	#feature .feature_box_2 .flex{padding: 64px 0 0;}
	#feature .feature_box_2 .box{padding: 22px 21px 33px;}
	#feature .feature_box_2 .box:not(:last-child){margin-right: 10px;}
	#feature .feature_box_2 .box .text_box{padding: 24px 0 0;}
	#feature .feature_box_2 .box .text_box h4{font-size: 18px;}
	#feature .feature_box_2 .box .text_box p{font-size: 20px; padding: 20px 13px 0;}
	
	/* ------------------------------------------------------------ #case_study */
	#case_study .inner_2 .title_box .en-ttl{font-size: 185px;}
	#case_study .inner_2 .title_box .ja-ttl{bottom: 0px;}
	#case_study .inner_2 .case_study_box .box{ padding: 44px 3% 75px;}
	#case_study .inner_2 .case_study_box .box .bot_top .case span{font-size: 60px; }
	#case_study .inner_2 .case_study_box .box .bot_top h4{font-size: 24px; margin-left: 28px;}
	#case_study .inner_2 .case_study_box .box .bot_top h4 span{font-size: 36px; }
	#case_study .inner_2 .case_study_box .box .box_bottom .img_box{min-width: 460px;}
	#case_study .inner_2 .case_study_box .box .box_bottom.flex_right .img_box{margin: 0 0 0 5%;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box h5{font-size: 36px;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table {padding: 23px 0 0; }
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td span{font-size: 40px;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td.tt{font-size: 18px;  top: -5px;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td{font-size: 28px;}
	
	/* ------------------------------------------------------------ #plan */
	#plan{padding: 80px 0 0;}
	#plan .title_box p.en-ttl{font-size: 165px; }
	#plan .title_box .ja-ttl{bottom: 0px;}
	#plan .flex{padding: 34px 0 0;}
	#plan .flex .box{width: 49%; height: auto; }
	#plan .flex .box:first-child{margin: 0 02% 0 0;}
	#plan .flex .box .text{padding: 36px 44px 47px;}
	#plan .flex .box .text h4{font-size: 40px; }
	#plan .flex .box .text p.tt{font-size: 18px; padding: 27px 0 0;}
	#plan .flex .box .text p.amount{font-size: 32px; padding: 21px 0 0;}
	#plan .flex .box .text p.amount span{ font-size:57px;line-height: 128%;}
	

	/* ------------------------------------------------------------ #cta */
	#cta{padding: 128px 0 0; width: 100%;}
	#cta .text_box{ padding: 60px 2% 90px; min-width: 600px;}
	#cta .text_box h3{ font-size: 36px; }
	#cta .text_box p{font-size: 14px; margin: 20px 0 0;}
	#cta .text_box a{position: relative; width: 500px; height: auto; margin: 55px auto 0; }
	#cta .text_box a:before{ height: 94px; bottom: 0px;}
	#cta .text_box a div{ padding: 29px 0 30px 80px;  margin: 0 0 5px; top: -8px; }
	#cta .text_box a div span{font-size: 22px; line-height: 160%;}
	#cta .text_box a img{position: absolute; bottom: 7px; }
	
}
/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	
	/* ------------------------------------------------------------ 共通 */
	.title_box .en-ttl{ font-size: 90px; }
	.title_box .ja-ttl{ font-size: 18px; bottom: 3px;}
	
	.flex{flex-direction: column;}
	.flex_right{flex-direction: column;}
	.flex_wrap{}
	
	.inner_2{max-width: 90%; padding: 0; margin: 0 auto;}
	.inner_3{max-width: 90%; padding: 0; margin: 0 auto;}
	.inner_4{max-width: 90%; padding: 0; margin: 0 auto;}
	a.btn{text-align: center; margin: 32px auto 0; width: 80%; font-size: 20px; line-height: 120%; padding: 10px 0 11px;}
	img{width: 100%; height: auto;}
	/* ------------------------------------------------------------ fv */
	#fv{padding: 0 0 0;min-height: auto; height: auto; position: relative;}
	#fv .fv_img_box{max-height: none; position: absolute;top: 0px; left: 0px;padding:0 0 84.5%;}
	#fv .fv_img_box img{width: 100%; height: 100%; object-fit: auto; position: absolute; top: 0px; left: 0px;}
	#fv .img{position: relative; z-index: 2; margin: 0 0 0 auto; padding: 0px 15px; width: 65%; height: auto;}
	#fv .text_box{padding: 80px 0 0; height: auto; min-width: 100%; position: relative; z-index: 2;}
	#fv .text_box .text{padding: 24px 25px 31px;background: rgba(255,255,255,0.5); width: 100%; margin: 0 auto;}
	#fv .text_box .text h2{font-size: clamp(14px, calc(1vw + 8vw), 3.6vw); }
	#fv .text_box .text h2 span{font-size: clamp(30px, calc(1vw + 7.6vw), 10vw);}
	#fv .text_box .text .ed_tt{font-size: clamp(11px, calc(1vw + 8vw), 2.9vw); margin:0px;}
	#fv .text_box .text .jp_tt{font-size: clamp(12px, calc(1vw + 8vw), 3vw); margin:10px 0 0;}
	#fv .text_box .text .pink_box{font-size: clamp(19px, calc(1vw + 8vw), 5vw); ; padding: 5px 10px; max-width: 100%; margin: 29px 0 0; line-height: 116%;}
		
	#fv .form-box{ width: 100%; padding: 30px 15px 30px; border-radius: 15px; margin: 30px 0 0;}
	#fv .form-box h3{ padding: 0 0 10px; font-size: 19px; }
	#fv .form-box p{ font-size: 13px; }
	#fv .form-box th{ font-size: 13px; }
	#fv .form-box .required{ padding: 1px 8px; font-size: 10px; }
	#fv .form-box img { padding: 0 0 10px; width: 75%;}
	
	#fv .banner {padding: 30px 0 0; min-width: auto; width: 90%;}
	
	.form-box input{ border-radius: 5px; font-size: 13px; }
	.form-box .submit-btn{ height: 55px; font-size: 12px; }
	#fv .form-box .submit-btn {height: 50px;}
	.form-box .submit:after{ width: 8px; height: 8px; }
	/* ------------------------------------------------------------ #metaverse */
	#metaverse{padding: 30px 0 27px; }
	
	#metaverse .banner{width: 90%; height: auto; padding: 0 0 30px; margin: 0 auto;}
	#metaverse .banner img{width: 100%; height: auto;}
	#metaverse .metaverse_box{background: url(../images/index/metaverse_bg_1_sp.jpg) no-repeat center top 75px; background-size: cover; }
	
	#metaverse p.en-ttl{font-size: 56px; }
	#metaverse .title_box{text-align: center;}
	#metaverse h3.ja-ttl{font-size: 18px; padding:0px 25px; margin: 14px 0 0px; }
	#metaverse h3.ja-ttl span{font-size: 18px; }
	#metaverse h3.ja-ttl:before{width: 2px; height: 36px; bottom: 0px;}
	#metaverse h3.ja-ttl:after{width: 2px; height: 36px; bottom: 0px;}
	#metaverse .content_box{ padding: 25px 25px 19px ; margin: 0; box-shadow: 8px 8px 0 0 #C7C7C7; }
	#metaverse .content_box.box_1{margin: 14px 0 0;}
	#metaverse .content_box h4{ font-size: 14px; line-height: 143%; padding: 2px 0 3px; width: 100%; margin: 0 auto;}
	#metaverse .content_box .flex{justify-content: center; flex-direction: row;flex-wrap: wrap; padding: 13px 0px 0; }
	#metaverse .content_box .flex img{width: 47%; height: auto; margin-bottom: 22px;}
	#metaverse .content_box .flex img:not(:nth-child(2n)){margin-right:5%;}
	#metaverse .content_box .flex img:not(:last-child){margin-right:5%;}
	#metaverse .content_box .flex img:nth-child(2n){margin-right:0%;}
	#metaverse .content_box .flex img:nth-child(3),
	#metaverse .content_box .flex img:nth-child(4){margin-bottom: 0px;}
	#metaverse .content_box p{font-size: 16px; padding: 21px 0px 0; line-height: 127%; text-align: left;}
	#metaverse .triangle{width: 0; height: 0; border-left: 56px solid transparent; border-right:56px solid transparent; border-top:38px solid #FFF35D;margin: 17px auto 8px;}
	#metaverse .metaverse_tt{font-size: 18px; line-height: 150%; padding: 35px 0 0; text-align: left; width: 95%; margin: 0 auto;text-align: center;}
	#metaverse .metaverse_tt span{font-size: 18px; line-height: 130%; }
	#metaverse .metaverse_tt.metaverse_tt_2{padding: 21px 0 0;}
	
	#metaverse .clients { min-width: auto; padding: 0; margin: 0 auto 30px; width: 90%;}
	#metaverse .clients h3{ padding: 0 0 5px; font-size: 20px; line-height: 150%; }
	#metaverse .clients .pic img{ width: 100%; height: auto; }
	/* ------------------------------------------------------------ #about */
	#about .about_box_1{padding: 21px 0 78px;}
	#about .about_box_1 .flex{ flex-direction: column-reverse; padding: 10px 0 0;}
	#about .about_box_1 .text_box{width: 100%; height: auto; padding: 15px 0 0;}
	#about .about_box_1 .text_box h4{font-size: 18px; text-align: center; }
	#about .about_box_1 .text_box p{font-size: 14px; padding: 15px 0 0;}
	#about .about_box_1 .text_box p:not(:nth-child(2)){padding: 20px 0 0;}
	
	#about .about_box_2{background: url(../images/index/about_bg_1_sp.jpg) no-repeat center center; padding: 12px 0 18px; background-size: cover;}
	#about .about_box_2 .big_tt{text-align: center; font-size: 20px;}
	#about .about_box_2 .big_tt .yellow_border{font-size: 18px;}
	#about .about_box_2 .flex_box{padding: 27px 0 0;}
	#about .about_box_1 .flex .img { width: 100%; max-width: 100%; margin:0 auto; }
	#about .about_box_2 .flex_box .flex{flex-direction: row;}
	#about .about_box_2 .flex_box .box.box_2{margin: 40px 0 0;}
	#about .about_box_2 .flex_box .box{width: 100%; padding: 40px 16px 24px;}
	#about .about_box_2 .flex_box .box:first-child{margin-right: 30px;}
	#about .about_box_2 .flex_box .box h4{ top: -17px; width: 229px; font-size: 18px; padding: 7px 0 9px;}
	#about .about_box_2 .flex_box .img{margin-right: 7px; width: 40%; min-width: auto;height: auto}
	#about .about_box_2 .flex_box ul{width: calc(100% - 40%);}
	#about .about_box_2 .flex_box ul li{font-size: clamp(8px, calc(1.0vw + 0.33rem), 11px); line-height: 176%; padding: 3px 0 4px 24px;}
	#about .about_box_2 .flex_box ul li img{ left:6px; width: 13px; height: auto;}
	#about .about_box_2 .flex_box ul li:not(:last-child){margin: 0 0 5px;}
	#about .about_box_2 .flex_box p{ line-height: 158%; font-size: 14px; padding: 24px 0 0; text-align: left;}
	#about .about_box_2 .big_tt.big_tt_2{padding: 23px 0 0;font-size: 18px; width: 95%; margin: 0 auto; text-align: center;}
	
	/* ------------------------------------------------------------ #reason */
	#reason{padding: 37px 0 0;}
	#reason .title_box .en-ttl {font-size: 74px;}
	#reason .title_box{margin: 0 0 25px;}
	#reason .box{width: 95%;margin: 0 auto;}
	#reason .box:not(:last-child){padding: 0 0 45px;}
	#reason .box .img_box{margin-right: 0px;}
	#reason .box.flex_right .img_box{margin-left: 0;}
	#reason .box .text_box{width: 100%; height: auto;}
	#reason .box .text_box .flex{flex-direction: row; padding: 11px 0 0; }
	#reason .box .text_box p.big{font-size: 32px; padding: 0 10px 0 0; }
	#reason .box:not(:last-child,:nth-child(2)) .text_box p.big{ padding: 0 10px 10px 0; }
	#reason .box .text_box h4{font-size: 18px;}
	#reason .box .text_box p{font-size: 14px; line-height: 186%; padding: 17px 0 0;}
	#reason .reason_box_2{ margin: 57px 0 0; background: linear-gradient(#FFF0CE, #FCC3CB);}
	#reason .reason_box_2:before{ display: none;}
	#reason .reason_box_2 .reason_2{padding: 0px 0 50px;}
	#reason .reason_box_2 .reason_2 h4{text-align: right; right: 0px; padding: 0; background: no-repeat; line-height: 100%; max-width: 76%; position: absolute; width: 100%;font-size: 22px; top: -22px;}
	#reason .reason_box_2 .reason_2 h4 img{width: 100%; height: auto; max-width: 100%; height: auto; margin: 0 auto;}

	#reason .reason_box_2 .reason_2 .flex{padding: 26% 0 0;width: 95%; margin: 0 auto;}
	#reason .reason_box_2 .reason_2 .flex .img{margin: 0 auto 33px; height: auto; width: 100%; min-width: auto;}
	#reason .reason_box_2 .reason_2 .flex ul{}
	#reason .reason_box_2 .reason_2 .flex ul li{ display: flex;align-items: flex-start}
	#reason .reason_box_2 .reason_2 .flex ul li img{width: 18px; height: auto; margin: 2px 0 0;}
	#reason .reason_box_2 .reason_2 .flex ul li:not(:last-child){padding: 0 0 17px;}
	#reason .reason_box_2 .reason_2 .flex ul li p{font-size: 14px; padding: 0 0 0 19px; line-height: 143%;}
	#reason .reason_box_2 .reason_2 .flex ul li p span{font-size: 14px; }
	#reason .reason_box_2 .reason_2 .reason_text{ font-size: 15px;padding: 46px 0 0; text-align: left;width: 95%; margin: 0 auto;}
	#reason .reason_box_2 .reason_2 .reason_text.reason_text_2{padding: 0;}
	/* ------------------------------------------------------------ #feature */
	#feature{padding: 50px 0 0; }
	#feature .title_box .gradation-ttl{font-size: 74px;}
	#feature .title_box .ja-ttl{bottom: 0px;}
	#feature .title_tt{font-size: 14px; padding: 30px 0 0; text-align: left;line-height: 186%;}
	#feature .feature_box_1{padding: 39px 0 0px;}
	#feature .feature_box_1 .box{width: 100%; padding: 27px 30px 21px; margin-bottom: 15px;}
	#feature .feature_box_1 .box .text{padding: 13px 0 0;}
	#feature .feature_box_1 .box .text h4{font-size: 17px; line-height: 160%;}
	#feature .feature_box_1 .box .text p{font-size: 14px; line-height: 175%; padding: 5px 0 0;}
	#feature .feature_box_1 .box:not(:nth-child(2n)){margin-right: 0px;}
	
	#feature .feature_box_2{padding: 50px 0 49px;}
	#feature .feature_box_2 .logo_1 { max-width: 90%;}
	#feature .feature_box_2 .logo_1 .tt{text-align: center; font-size: 16px; padding: 14px 0 0; text-align: center;line-height: 160%;}
	#feature .feature_box_2 .logo_1 .yellow_tt{font-size: clamp(19px, calc(1vw + 1rem), 24px); background: none;padding: 0 0;}
	#feature .feature_box_2 .logo_1 .yellow_tt span{background: #FFFB98;padding: 0 9px; display: inline-block;}
	#feature .feature_box_2 .logo_1 .yellow_tt span:last-child{margin: 10px 0 0;}
	#feature .feature_box_2 .flex{padding: 14px 0 0;}
	#feature .feature_box_2 .box{width: 100%; padding: 22px 21px 25px;}
	#feature .feature_box_2 .box:not(:last-child){margin-bottom: 29px; right: 0px;}
	#feature .feature_box_2 .box .text_box{padding: 16px 0 0;}
	#feature .feature_box_2 .box .text_box h4{font-size: 17px; line-height: 160%;}
	#feature .feature_box_2 .box .text_box p{font-size: 14px; line-height: 179%; padding: 12px 0px 0;}
	
	/* ------------------------------------------------------------ #case_study */
	#case_study .inner_2 .title_box{margin: -12px 0 0;}
	#case_study .inner_2 .title_box .en-ttl{font-size: 51px;}
	#case_study .inner_2 .title_box .ja-ttl{bottom: 0px;}
	#case_study .inner_2 .case_study_box{padding: 30px 0 0;}
	#case_study .inner_2 .case_study_box .box{ padding: 17px 16px 26px;}
	#case_study .inner_2 .case_study_box .box:not(:last-child){margin: 0 0 16px;}
	#case_study .inner_2 .case_study_box .box .bot_top{border-bottom: 1px solid #707070; flex-direction: row; padding: 0 0 17px; align-items: flex-start; position: relative;}
	#case_study .inner_2 .case_study_box .box .bot_top .case{ font-size: 11px; width: 60px; padding: 5px 0; line-height: 100%; position: absolute; left: -16px; top: 5px;}
	#case_study .inner_2 .case_study_box .box .bot_top .case span{font-size: 26px; }
	#case_study .inner_2 .case_study_box .box .bot_top h4{font-size: 11px; line-height: 164%; margin-left: auto;width: calc(100% - 55px);}
	#case_study .inner_2 .case_study_box .box .bot_top h4 span{ line-height: 156%;font-size: 18px;}
	#case_study .inner_2 .case_study_box .box .box_bottom{padding: 12px 0 0;justify-content: space-between;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box{max-width: 100%; height: auto; width: 100%; }
	#case_study .inner_2 .case_study_box .box .box_bottom .img_box{margin:0;min-width: 100%;}
	#case_study .inner_2 .case_study_box .box .box_bottom.flex_right .img_box{margin: 0;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box h5{font-size: 18px; line-height: 143%; padding: 18px 0 0;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table {padding: 12px 0 0; display: block;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr th{width: 105px; height: auto; padding:25px 0px 0; display: block;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr th span{ font-size: 14px; padding: 4px 0;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td span{ font-size: 24px;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td.tt{font-size: 14px;top: 0px; }
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr td{font-size: 16px; display: block; padding: 8px 0 0;line-height: 186%;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr:not(:last-child) td{padding: 8px 0 0;}
	#case_study .inner_2 .case_study_box .box .box_bottom .text_box table tr:last-child td{padding: 8px 0 0;}
	/* ------------------------------------------------------------ #plan */
	#plan{padding: 55px 0 0;}
	#plan .title_box p.en-ttl{font-size: 90px; }
	#plan .title_box .ja-ttl{bottom: 0px;}
	#plan .flex{padding: 34px 0 0;}
	#plan .flex .box{width: 100%; height: auto; }
	#plan .flex .box:first-child{margin: 0 0 22px;}
	#plan .flex .box .text{padding:12px 22px 18px;}
	#plan .flex .box .text h4{font-size: 22px; line-height: 160%;}
	#plan .flex .box .text p.tt{font-size: 14px; padding: 12px 0 0;}
	#plan .flex .box .text p.amount{ font-size: 18px; padding: 18px 0 0;}
	#plan .flex .box .text p.amount span{font-size:32px;line-height: 128%;}
	
	
	/* ------------------------------------------------------------ #cta */
	#cta{padding: 62px 0 0; width: 100%;}
	#cta .img_box{width: 100%; height: auto; }
	#cta .img_box img{width: 100%; height: auto; }
	#cta .text_box{width: 100%;padding: 25px 51px 31px; min-width: 100%;}
	#cta .text_box h3{font-size: 20px; }
	#cta .text_box p{font-size: 12px; margin: 20px 0 0; text-align: left;}
	#cta .text_box a{position: relative; width: 100%; height: auto; margin: 30px auto 0; display: block;}
	#cta .text_box a:before{height: 50px; }
	#cta .text_box a div{ padding: 11px 0 12px 25%; margin: 0 0 5px; top: -5px;}
	#cta .text_box a div span{font-size: 16px; line-height: 160%;}
	#cta .text_box a img{position: absolute; bottom: 6px; z-index: 2; left: 8%; width: 47px; height: auto;}
	
	/* ------------------------------------------------------------ faq */
	#faq{ padding: 40px 0 50px; }
	#faq .gradation-ttl{font-size: 90px;}
	#faq .ja-ttl{font-size: 18px; bottom: 6px;}
	
	.faq-list dl{ padding: 20px 10px; border-radius: 10px;}
	.faq-list .type{ padding: 0 10px 0 0; font-size: 17px; }
	.faq-list dl dt:after{ top: 9px; width: 10px; height: 10px; }
	.faq-list dt p{ padding-right: 15px; font-size: 14px; letter-spacing: 0em;line-height: 160%; }
	.faq-list dd{ margin: 20px 0 0; }
	.faq-list dd p{ font-size: 14px; line-height: 160%;letter-spacing: 0em; }
}