@charset "UTF-8";

.container-fluid { padding-bottom:0; }
.c-content { font-family: "Noto Sans JP",sans-serif; font-size: 16px;}
.c-content img { max-width:100%;height:auto;vertical-align:bottom; }
sup { font-size:66%; }
.title_02{font-size: 4.125em;font-weight: 900;color: #00377f;letter-spacing: -0.03em;}
.title_02 span{display: inline-block;margin-right: 28px;width: 20.35%;}
.title_02 span img{vertical-align: middle;}
.bg_01{background: #efefef;}
.bg_02{background: #d0e9fe;position: relative;}
.sm_arrow{position: absolute;top: -10px;left: calc(50% - 60px);}
.text_center{text-align: center;}
.normal_text{font-size: 1.875em;font-weight: bold;padding-top: 40px;}
.text_01{font-size: 2.25em;font-weight: bold;line-height: 1.6;}
.text_01 .text_color{color: #e60012;font-size: 1.556em;font-weight: 900;}
.text_01 .text_sm{font-size: 1.3889em;}
.text_01 b{font-size: 1.112em;}
.text_02{font-size: 3.5em;font-weight: 900;padding-top: 25px;letter-spacing: 0.04em;}
.text_03{font-size: 2.5em;font-weight: bold;line-height: 1.8;letter-spacing: 0.04em;}
.text_03 span{font-weight: 900;font-size: 1.4em;}
.text_03 span.highlight{background: #ffff3a;color: #e60012;margin-left: 10px;line-height: 1.25;display: inline-block;}
.text_04{font-size: 2.25em;font-weight: bold;padding-top: 27px;}
.highlight_text{background: #00377f;font-size: 2.39375em;font-weight: bold;color: #fff;padding: 0 18px;display: inline-block;}
.main_visual .l-inner--large{max-width: calc(1240px + (30px * 2));}
.main_visual.full_bg{background: url(/fa/topics/2025/10_cnc/assets/img/img_main_bg.png) no-repeat center top #000;}
.main_heading{font-size: 2.4375em;font-weight: 900;color: #00377f;padding: 57px 0 42px;line-height: 1.2;}
.main_heading b{font-size: 3.667em;letter-spacing: 0.04em;padding-left: 65px;}
.main_heading span{font-size: 3.2821em;}
.main_visual_inner{text-align: center;padding-bottom: 37px;}
.main_visual_inner .main_btn{transition: all .25s ease-out;display: block;width: 58%;margin: 0 auto;}
.main_visual_inner .main_button_text{text-align: center;padding-bottom: 3px;}
.main_visual_inner .main_btn:hover{opacity: 0.7;}
.main_visual_text{font-size: 1.75em;font-weight: bold;padding: 25px 0 30px;letter-spacing: 0.06em;}
.main_visual_text span{font-size: 1.57143em;padding-left: 16px;position: relative;top: 7px;}
.main_visual_inner .mv_icon_cov{width: 47.9%;margin: 0 auto;}
.section_01{margin: 163px 0 137px;line-height: 1.65;}
.section_01 .title_01{font-size: 2.375em;font-weight: bold;color: #00377f;padding-bottom: 43px;}
.section_01 .title_01 span{font-size: 1.57895em;font-weight: 900;}
.section_01 .title_01 span b{letter-spacing: 0.02em;}
.section_inner{max-width: 1220px;margin: 0 auto;padding: 0 25px;}
.section_01 .text{font-size: 1.875em;font-weight: bold;line-height: 1.9;}
.section_01 .section_inner{position: relative;}
.section_01 .section_inner .section_01_img{position: absolute;top: -48px;right: 26px;width: 31.25%;}
.section_01 .section_inner .section_01_img img{width: 100%;}
.section_02 .bg_01{padding: 65px 0 80px;margin-top: -30px;}
.section_02 .section_02_img01{padding-top: 10px;}
.section_02 .bg_02{padding: 102px 0 80px;}
.section_02 .section_02_img02{margin-top: -57px;text-align: right;padding-right: 50px;}
.section_02 .section_02_img02 img{width: 73.8%;}
.section_02 .border_box{border: 4px solid #e60012;background: #fff3cc;font-size: 1.875em;font-weight: bold;border-radius: 30px;width: 77.9%;margin: 64px auto 0;color: #e60012;padding: 17px 0 19px;line-height: 1.6;}
.section_03{padding-top: 118px;}
.section_03 .bg_01{margin-top: -33px;padding: 87px 0 80px;}
.section_03 .section_03_img01{padding-top: 55px;}
.section_03 .bg_02{padding: 111px 0 73px;}
.section_03 .section_03_img02{padding-top: 80px;width: 78.3%;margin: 0 auto;}
.section_03 .caption{text-align: right;padding-top: 7px;}
.section_04{padding-top: 126px;}
.section_04 .bg_01{margin-top: -45px;padding: 95px 0 111px;}
.section_04 .section_04_img01{padding-top: 80px;width: 65.73%;margin: 0 auto;}
.section_04 .bg_02{padding: 85px 0 140px;}
.section_04 .text_02{padding-top: 30px;}
.section_04 .section_04_img02{padding: 50px 0 40px;width: 45.82%;margin: 0 auto;}
.section_04 .section_04_img03{padding-top: 40px;}
.arrow{margin: -95px auto 0;position: relative;width: 20.25%;}
.download_button{padding: 32px 0 120px;width: 70%;margin: 0 auto;}
.download_button a{display: inline-block;transition: all .25s ease-out;}
.download_button a:hover{opacity: 0.7;}
@media only screen and (min-width:768px) and (max-width:1300px){
.title_02{font-size: 5.077vw;}
.title_02 span{margin-right: 2.154vw;}
.normal_text{padding-top: 3.077vw;font-size: 2.308vw;}
.text_01{font-size: 2.769vw;}
.text_01 .text_color{font-size: 4.308vw;}
.text_01 .text_sm{font-size: 3.846vw;}
.text_01 b{font-size: 3.077vw;}
.text_02{font-size: 4.308vw;padding-top: 1.923vw;}
.sm_arrow{top: -0.769vw;width: 9%;}
.text_03{font-size: 3.077vw;}
.text_03 span{font-size: 4.308vw;}
.text_04{font-size: 2.769vw;padding-top: 2.077vw;}
.highlight_text{font-size: 2.946vw;padding: 0 1.385vw;}
.main_heading{font-size: 3vw;padding: 4.385vw 0 3.231vw;}
.main_heading b{font-size: 11vw;padding-left: 5vw;}
.main_heading span{font-size: 9.846vw;}
.main_visual_text{font-size: 2.154vw;padding-top: 1.923vw;}
.main_visual_text span{font-size: 3.385vw;padding-left: 1.231vw;top: 0.538vw;}
.main_visual_inner{padding-bottom: 2.846vw;}
.section_01{margin: 12.538vw 0 10.538vw;}
.section_01 .title_01{font-size: 2.923vw;padding-bottom: 3.308vw;}
.section_01 .title_01 span{font-size: 4.615vw;}
.section_01 .text{font-size: 2.308vw;}
.section_01 .section_inner .section_01_img{position: absolute;top: -3.692vw;right: 2vw;}
.section_02 .bg_01{padding: 5vw 0 6.154vw;margin-top: -2.308vw;}
.section_02 .section_02_img01{padding-top: 0.769vw;}
.section_02 .bg_02{padding: 7.846vw 0 6.154vw;}
.section_02 .section_02_img02{margin-top: -4.385vw;padding-right: 3.846vw;}
.section_02 .border_box{font-size: 2.308vw;border-radius: 2.308vw;margin: 4.923vw auto 0;padding: 1.308vw 0 1.462vw;}
.section_03{padding-top: 9.077vw;}
.section_03 .bg_01{margin-top: -2.538vw;padding: 6.692vw 0 6.154vw;}
.section_03 .section_03_img01{padding-top: 4.231vw;}
.section_03 .bg_02{padding: 8.538vw 0 5.615vw;}
.section_03 .section_03_img02{padding-top: 6.154vw;}
.section_03 .caption{padding-top: 0.538vw;}
.section_03 .caption{font-size: 1.231vw;}
.section_04{padding-top: 9.692vw;}
.section_04 .section_04_img01{padding-top: 6.154vw;}
.section_04 .bg_01 {margin-top: -3.462vw;padding: 7.308vw 0 8.538vw;}
.section_04 .bg_02{padding: 6.538vw 0 10.769vw;}
.section_04 .text_02{padding-top: 2.308vw;}
.section_04 .section_04_img02{padding: 3.846vw 0 3.077vw;}
.section_04 .section_04_img03{padding-top: 3.077vw;}
.arrow{margin-top: -7.308vw;}
.download_button{padding: 2.462vw 0 9.231vw;}

}

@media (min-width:768px) {
.sp_only { display:none !important; }
}

@media only screen and (max-width:767px){
.pc_only { display:none !important; }
.text_01 b{font-size: 4vw;}
.text_01{font-size: 4vw;line-height: 1.7;}
.text_01 .text_color{font-size: 6vw;}
.text_01 .text_sm {font-size: 5.357vw;}
.text_02{font-size: 6vw;letter-spacing: 0;padding-top: 4.5%;}
.text_03 span.highlight{line-height: 1.2;}
.text_03 span{font-size: 6vw;}
.text_03{font-size: 4.267vw;line-height: 2;}
.text_04{font-size: 4.267vw;padding-top: 5%;}
.title_02{font-size: 6vw;text-align: center;}
.title_02 span{display: block;margin: 0 auto 4%;width: 34.8%;}
.normal_text{font-size: 4vw;padding-top: 4%;line-height: 1.6;}
.sm_arrow{width: 10.5%;}
.sm_arrow {position: absolute;top: 0;left: calc(50% - 6.2vw);width: 10.5%;}
.sm_arrow img {vertical-align: top;}
.highlight_text{font-size: 4.6vw;padding: 0 10px;}
.main_visual.full_bg{background: url(/fa/topics/2025/10_cnc/assets/img/img_main_bg_sp.jpg) no-repeat center top;background-size: cover;padding-bottom: 45%;}
.main_heading{font-size: 5.1vw;padding: 0 0 2vw;}
.main_heading b{font-size: 15.35vw;padding-left: 5vw;}
.main_heading span{font-size: 13.75vw;}
.main_visual_text span{font-size: 5.75vw;padding-left: 10px;margin-top: 4px;display: inline-block;top: 2px;}
.main_visual_text{font-size: 3.67vw;padding-top: 1.2vw;padding-bottom: 4vw;}
.main_visual_inner .mv_icon_cov{width: 100%;}
.mv_icon{width: 75.2%;}
.main_visual_inner .main_btn{width: 93.8%;margin: 0 auto;}
.main_visual_inner{padding-top: 55%;padding-bottom: 5%;}
.main_btn{width: 95%;display: block;margin: 4% auto 0;}
.main_visual_inner .main_button_text{width: 41.8%;margin: 0 auto;padding-bottom: 1px;}
.section_01 .title_01{font-size: 5.1vw;padding-bottom: 5%;text-align: center;order: 1;}
.section_01 .section_inner{display: flex;flex-direction: column;}
.section_01 .title_01 span{font-size: 6.7vw;}
.section_01 .text{font-size: 4vw;text-align: center;order: 3;padding-top: 4%;line-height: 1.85;}
.section_01{margin: 12% 0 16%;}
.section_inner{padding: 0 15px;}
.section_01 .section_inner .section_01_img {position: relative;top: auto;right: auto;width: 55.3%;margin: 0 0 0 18%;order: 2;}
.section_02 .bg_01{margin-top: 6%;padding: 5% 0 7%;}
.section_02 .section_02_img01_sp{width: 69%;margin: 0 auto;padding-top: 4%;}
.section_02 .section_02_img02_sp{width: 69.8%;margin: 0 auto;padding-top: 5%;margin-left: 18%;}
.section_02 .bg_02 {padding: 10% 0 9%;}
.section_02 .section_02_img02 {margin-top: 4%;text-align: center;padding-right: 0;}
.section_02 .section_02_img02 img {width: 91.8%;}
.section_02 .border_box {border: 2px solid #e60012;font-size: 3.75vw;border-radius: 15px;width: 100%;margin: 8% auto 0;padding: 8px 0 10px;}
.section_03 {padding-top: 20%;}
.section_03 .bg_01 {margin-top: 7%;padding: 4% 0 12%;}
.section_03 .section_03_img01 {padding-top: 4%;}
.section_03 .bg_02 {padding: 8.5% 0 4%;}
.section_03 .section_03_img02 {padding-top: 7%;width: 100%;margin: 0 auto;}
.section_03 .caption{font-size: 3.733vw;}
.section_04 {padding-top: 17%;}
.section_04 .bg_01 {margin-top: 6%;padding: 5% 0 13%;}
.section_04 .text_01{line-height: 1.6;}
.section_04 .section_04_img01 {padding-top: 7%;width: 93%;}
.section_04 .bg_02 {padding: 13% 0 16%;}
.section_04 .text_02 {padding-top: 3%;}
.section_04 .section_04_img02 {padding: 4% 0 4%;width: 66%;}
.section_04 .section_04_img03 {padding-top: 5%;width: 72.5%;margin: 0 auto;}
.arrow {margin: -11% auto 0;width: 36.25%;}
.download_button {padding: 3% 0 18%;width: 94.7%;margin: 0 auto;}
.download_button a{width: 91%;margin: 0 auto;}
.button_text_sp{width: 40.7%;margin: 0 auto;padding-bottom: 1px;}
}
@media (max-width:330px) {
.section_01 .title_01{font-size: 5vw;}
}