@charset "UTF-8";

.container-fluid { padding-bottom:5px; }
.c-content { font-family: YakuHanJPs,"Noto Sans JP",sans-serif; }
.c-content img { max-width:100%;height:auto;vertical-align:bottom; }
.content_bg { background:url(/fa/topics/2023/09_whm/assets/img/img_bg.jpg) repeat center center;background-size:17px auto;max-width: 2000px;margin:0 auto; }
sup { font-size:66%; }
.tip_color { color:#ED1C24; }
.dl_link { transition: all .25s ease-out; }
.dl_link:hover { opacity:.7; }
.main_visual .l-inner--large{max-width: calc(1240px + (30px * 2));}
.main_visual.full_bg { background:url(/fa/topics/2023/09_whm/assets/img/img_main_bg.png) no-repeat center top;background-size:cover;padding-bottom:13%; }
.main_visual_inner .main_heading { font-size:457.1429%;font-weight:bold;color:#fff;text-align:center;padding-top:11px;letter-spacing:-0.03em; }
.main_visual_inner .main_heading .text_color { font-size:118.75%;color:#FFF100;display:inline-block;line-height:1em;vertical-align:-0.05em;font-weight: 900; }
.main_visual_inner .main_image { max-width:1176px;margin:5px auto 0; }
.main_visual_inner .main_text { font-size:307.1429%;font-weight:bold;text-align:center;color:#fff;letter-spacing:-0.07em;margin-top:-3.2%; }
.main_visual_inner .main_text em{letter-spacing: -0.5em;}
.main_visual_inner .img_data { max-width:1177px;margin:9px auto 0; }
.download_btn { max-width:1170px;margin:26px auto 0; }
.work_section { margin-top:-9.5%;padding-bottom:80px; }
.work_section .heading { font-size:385.7143%;font-weight:900;text-align:center;color:#333;position:relative; }
.work_section .heading:after { content:"";position:absolute;left:calc(50% - 512px);bottom:-13px;background:url(/fa/topics/2023/09_whm/assets/img/img_line.png)no-repeat center bottom;background-size:100% auto;width:1024px;height:18px; }
.work_section .has_3col { display:flex;max-width:1123px;margin:68px auto 0;justify-content:space-between;align-items:center; }
.work_section .has_3col .col { width: calc((360 / 1123) * 100%);background-color:#0077D8;text-align:center;color:#fff;font-size:257.1429%;font-weight:bold;border-radius:5px;padding:7px 0 11px; }
.work_section .text_wrap { font-size: 242.8571%;font-weight: bold;text-align:center;color:#333;margin-top:48px; }
.work_section .text_wrap p+p { margin-top:8px; }
.work_section .sub_heading { font-size:385.7143%;font-weight:900;color:#333;text-align:center;position:relative;margin-top:91px;letter-spacing:-0.03em; }
.work_section .sub_heading:before { content:"";position:absolute;left:calc(50% - 50px);top: -53px;width: 0;height: 0;border-style: solid;border-width: 40px 50px 0 50px;border-color: #000 transparent transparent transparent; }
.work_section .sub_heading .tip_color { font-size:118.5185%; }
.work_section .info_block { border:4px solid #04479B;border-radius:14px;text-align:center;box-shadow: 4px 4px 0 0 #04479B;margin-top:66px;margin-left:-4px;padding-bottom:54px; }
.work_section .info_block_inner{padding: 0 10px;}
.work_section .info_block+.info_block { margin-top:78px; }
.work_section .mobile { background-color:#E5FFFF; }
.work_section .cloud { background-color:#CFE9FF; }
.work_section .info_block .info_head { font-size:385.7143%;font-weight: 900;color:#04479B;padding:30px 0 20px;position:relative; }
.work_section .info_block .info_head .small_text { font-size:81.4815%; }
.work_section .info_block .info_head:after { content:"";position:absolute;left:0;bottom:-6px;background:url(/fa/topics/2023/09_whm/assets/img/img_dott.png) repeat-x left center;background-size:10px 5px;width:100%;height:5px; }
.work_section .info_block.cloud .info_head:after { bottom:-12px; }
.work_section .info_block.cloud .info_head  { padding:26px 0 18px; }
.work_section .info_block .lead_text { font-size:242.8571%;font-weight:bold;color:#333;padding-top:49px;line-height:1.9em; }
.work_section .info_block .lead_text .tip_color { font-size:117.6471%; }
.work_section .info_block .inner_head { font-size:385.7143%;font-weight: 900;color:#333;position:relative;margin-top:90px;letter-spacing:-0.05em; }
.work_section .info_block .inner_head:before { content:"";position:absolute;left:calc(50% - 50px);top: -53px;width: 0;height: 0;border-style: solid;border-width: 40px 50px 0 50px;border-color: #000 transparent transparent transparent; }
.work_section .info_block .inner_head .tip_color { font-size:118.5185%; }
.work_section .info_block .info_list { margin-top:35px; }
.work_section .info_block.cloud .info_list { margin-top:43px; }
.work_section .info_block .info_list .list { font-size:242.8571%;font-weight:bold;color:#333; }
.work_section .info_block .info_list .list .reg { font-size:100%;top:-8px; }
.work_section .info_block .info_list .list+.list { margin-top:10px; }
.work_section .info_block .info_list .list span+span { padding-left:35px; }
.work_section .info_block .info_list .list .tip_color { font-size:117.6471%; }
.work_section .info_block .summary { font-size:200%;font-weight:600;color:#333;margin-top:30px;line-height:1.7em; }
.work_section .info_block.cloud .summary { margin-top:42px; }
.work_section .info_block .single_image { margin-top:48px; }
.work_section .info_block.cloud .single_image { margin-top:12px; }
.work_section .info_block .note { font-size:157.1429%;font-weight:600;color:#333;margin-top:45px;letter-spacing:-0.06em }
.work_section .info_block.cloud .note { margin-top:-5px; }
.work_section .detail_area { margin-top:62px;text-align:center; }
.work_section .detail_area .detail_info { font-size:342.8571%;font-weight:900;line-height:1.4em; }
.work_section .detail_area .detail_text { font-size:342.8571%;font-weight:900;color:#333;margin-top:25px; }
.work_section .detail_area .download_btn { margin-top:27px; }

@media only screen and (min-width:768px) and (max-width:1600px){
.main_visual.full_bg { padding-bottom:16%; }
.work_section { margin-top:-11.5%; }
}

@media only screen and (min-width:768px) and (max-width:1300px){
.c-content { font-size:1.076923vw; }
.work_section .heading:after { left:50%;transform:translateX(-50%);width:87.5%;height:25%;bottom:-13%; }
}

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

@media only screen and (max-width:767px){
.container-fluid { padding-bottom:0; }
.pc_only { display:none !important; }
.c-content { font-size:1.866666vw; }
.content_bg { background-size:5px auto;max-width: 100%; }
.dl_link:hover { opacity:1; }
.main_visual .l-inner--large{max-width: calc(1240px + (15px * 2));}
.main_visual.full_bg { background:url(/fa/topics/2023/09_whm/assets/img/img_main_bg_sp.png) no-repeat center top;background-size:cover;padding-bottom:8%; }
.main_visual_inner .main_heading { font-size:385.7143%;padding-top:5%;line-height:1.4em; }
.main_visual_inner .main_image { margin:4% auto 0;text-align:center; }
.main_visual_inner .main_text { font-size:185.7143%;letter-spacing:-0.08em;margin-top:2%; }
.main_visual_inner .main_text em {letter-spacing: -0.6em;}
.main_visual_inner .img_data { max-width:100%;margin:5px auto 0;text-align:center; }
.download_btn { max-width:100%;margin:13px auto 0;text-align:center; }
.work_section { margin-top:1%;padding-bottom:35px; }
.work_section .heading { font-size:228.5714%; }
.work_section .heading:after { left:50%;transform:translateX(-50%);width:90%;height:27%;bottom:-20%; }
.work_section .has_3col { margin:25px auto 0;padding-left:5px;padding-right:5px; }
.work_section .has_3col .col { width:32%;font-size:171.4286%;padding:4px 0;border-radius:2px; }
.work_section .text_wrap { font-size: 185.7143%;margin-top:16px; }
.work_section .text_wrap p+p { margin-top:3px; }
.work_section .sub_heading { font-size:242.8571%;margin-top:24px;line-height:1.7em; }
.work_section .sub_heading:before { content:"";position:absolute;left:calc(50% - 14px);top: -13px;width: 0;height: 0;border-style: solid;border-width: 12px 14px 0 14px;border-color: #000 transparent transparent transparent; }
.work_section .sub_heading .tip_color { font-size:118.5185%; }
.work_section .info_block { border:2px solid #04479B;border-radius:5px;box-shadow: 2px 2px 0 0 #04479B;margin-top:30px;padding-bottom:16px;margin-left:0; }
.work_section .info_block.cloud { padding-bottom:10px; }
.work_section .info_block+.info_block { margin-top:16px; }
.work_section .info_block .info_head { font-size:228.5714%;padding:8px 0 4px; }
.work_section .info_block .info_head:after { bottom:-4px;background-size:5px 2px;height:2px; }
.work_section .info_block.cloud .info_head:after { bottom:-1px; }
.work_section .info_block.cloud .info_head  { padding:8px 0 6px; }
.work_section .info_block .lead_text { font-size:185.7143%;padding-top:18px;line-height:1.6em;letter-spacing:-0.04em; }
.work_section .info_block.cloud .lead_text { padding-top:18px;letter-spacing:-0.06em;line-height:1.7em; }
.work_section .info_block .inner_head { font-size:242.8571%;margin-top:22px; }
.work_section .info_block .inner_head:before { content:"";position:absolute;left:calc(50% - 14px);top: -15px;width: 0;height: 0;border-style: solid;border-width: 12px 14px 0 14px;border-color: #000 transparent transparent transparent; }
.work_section .info_block .info_list { margin-top:15px; }
.work_section .info_block.cloud .info_list { margin-top:10px; }
.work_section .info_block .info_list .list { font-size:185.7143%;letter-spacing:-0.04em; }
.work_section .info_block .info_list .list .reg { font-size:110%;top:0; }
.work_section .info_block .info_list .list+.list { margin-top:3px; }
.work_section .info_block .info_list .list span+span { padding-left:12px; }
.work_section .info_block .summary { font-size:157.1429%;margin-top:6px;line-height:1.85em;letter-spacing:-0.04em; }
.work_section .info_block.cloud .summary { margin-top:5px; }
.work_section .info_block .single_image { margin-top:18px;padding-left:12px;padding-right:12px; }
.work_section .info_block.cloud .single_image { margin-top:12px; }
.work_section .info_block .note { font-size:142.8575%;margin-top:6px; }
.work_section .info_block.cloud .note { margin-top:0; }
.work_section .detail_area { margin-top:30px; }
.work_section .detail_area .detail_info { font-size:200%; }
.work_section .detail_area .detail_text { font-size:200%;margin-top:8px; }
.work_section .detail_area .download_btn { margin-top:12px; }
}
@media only screen and (max-width:320px){
.main_visual_inner .main_text{letter-spacing: -0.1em;}
}