@charset "UTF-8";

.container-fluid { padding-bottom:0; }
.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/2024/12_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/2024/12_whm/assets/img/img_main_bg.png) no-repeat center top;background-size:cover; }
.main_visual_inner .main_heading { font-size:557.143%;font-weight:bold;color:#fff;text-align:center;padding-top:38px;letter-spacing:-0.03em; }
.main_visual_inner .main_heading .text_color { font-size:120.5128%;color:#FFEC00;display:inline-block;line-height:1em;vertical-align:-0.05em;font-weight: 900; }
.main_visual_inner .main_image { max-width:1146px;margin:9px 30px 0px 64px; }
.main_visual_inner .main_text { font-size:285.714%;font-weight:bold;text-align:center;color:#fff;letter-spacing:-0.07em;line-height: 1.3;margin-bottom: 20px;width: 72%;}
.main_visual_inner .main_text_blk{display: flex;justify-content: center;align-items: end;margin-top: -7.2%;}
.main_visual_inner .main_text .main_color_text{color:#FFEC00;font-size: 125%;    letter-spacing: -0.08em;}
.main_visual_inner .main_text em{letter-spacing: -0.5em;}
.main_visual_inner .main_text_blk .main_btn{position: relative;top: 7px;transition: all .25s ease-out;width: 38.6%;}
.main_visual_inner .main_text_blk .main_btn:hover{opacity: .7;}
.main_visual_inner .img_data { max-width:1174px;margin:12px auto 0; }
.case_studies_icon{text-align: center;margin-top: 52px;}
.download_btn { max-width:1201px;margin:23px auto 0; }
.work_section {padding-bottom:136px; }
.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/2024/12_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:40px;margin-left:-4px;padding-bottom:40px; }
.work_section .info_block.cloud { border:4px solid #FFBF00;border-radius:14px;text-align:center;box-shadow: 4px 4px 0 0 #FFBF00;margin-top:38px;margin-left:-4px;padding-bottom:40px; }
.work_section .info_block_inner{padding: 0 10px;}
.work_section .info_block_inner+.info_block_inner{margin-top: 80px;}
.work_section .info_block+.info_block { margin-top:90px;padding-bottom: 38px; }
.work_section .info_block .lead_text .tip_color { font-size: 117.6471%; }
.work_section .mobile { background-color: #E5FFFF; }
.work_section .cloud { background-color:#FFFEF1; }
.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.cloud .info_head { font-size:385.7143%;font-weight: 900;color:#E60012;padding:30px 0 20px;position:relative; }
.work_section .info_block .inner_head .tip_color { font-size: 118.5185%; }
.work_section .info_block .info_head:after { content:"";position:absolute;left:0;bottom:-6px;background:url(/fa/topics/2024/12_whm/assets/img/img_dott_01.png) repeat-x left center;background-size:10px 5px;width:100%;height:5px; }
.work_section .info_block.cloud .info_head:after { content:"";position:absolute;left:0;bottom:-6px;background:url(/fa/topics/2024/12_whm/assets/img/img_dott_02.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_inner+.info_block_inner .lead_text{padding-top: 0;}
.work_section .info_block.cloud .info_block_inner+.info_block_inner .single_image{margin-top: 25px;}
.work_section .info_block .inner_info_head{font-size: 385.714%;}
.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 .info_list { margin-top:28px; }
.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 > span { padding-left: 40px; }
.work_section .info_block .info_list .list .reg { font-size:100%;top:0; }
.work_section .info_block .info_list .list sup { font-size: 56%; }
.work_section .info_block .info_list .list+.list { margin-top:10px; }
.work_section .info_block .info_list .list+.list > span { padding-left: 46px; }
.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.73em;letter-spacing: -0.05em; }
.work_section .info_block.cloud .summary { margin-top:42px; }
.work_section .info_block .single_image { margin-top:33px; }
.work_section .info_block.cloud .single_image { margin-top:28px; }
.work_section .info_block .detail_text { font-size:300%;font-weight:900;color:#333;margin-top:85px; }
.work_section .info_block .download_btn{margin-top: 10px;max-width: 1111px;}
.work_section .info_block .note { font-size:157.1429%;font-weight:600;color:#333;margin-top:14px;letter-spacing:-0.06em }
.work_section { margin-top:94px; }
.detail_section{background-color: #0077D8;padding: 78px 0 68px;}
.detail_section .detail_heading { font-size:557.143%;font-weight:bold;color:#fff;text-align:center;letter-spacing:-0.03em; }
.detail_section .detail_heading .text_color { font-size:120.5128%;color:#FFEC00;display:inline-block;line-height:1em;vertical-align:-0.05em;font-weight: 900; }
.detail_section .detail_subheading { font-size:357.143%;font-weight:bold;color:#fff;text-align:center;padding-top:30px;letter-spacing:-0.07em; }
.detail_section .detail_subheading .text_color { font-size:128%;color:#FFEC00;display:inline-block;line-height:1em;vertical-align:-0.05em;font-weight: 900; }
.detail_section em{letter-spacing: -0.5em;}
.detail_section .detail_area { margin-top:56px;background-color: #fff;border-radius: 30px;padding: 30px 30px 23px;display: flex;justify-content: space-between;position: relative;}
.detail_section .detail_area .detail_img.left_img{ width: 26.758%; }
.detail_section .detail_area .detail_info{ width: 42%;margin-left: 20px; }
.detail_section .detail_area .detail_img.right_img{ width: 28.65%; }
.detail_section .detail_area .detail_info_text { font-size:300%;font-weight:900;line-height:1.55em;text-align: center;letter-spacing: -0.1em; }
.detail_section .detail_area .detail_info_text span { font-size:128.5714%; }
.detail_section .detail_area .detail_text { font-size:300%;font-weight:600;line-height:1.48em;text-align: center;margin-top: 14px; }
.detail_section .detail_area .detail_img.right_img img{ position: relative;top: -7px; }
.detail_section .click_text{position: relative;font-size: 400%;font-weight: 900;text-align: center;color: #fff;padding-top: 112px;}
.detail_section .click_text: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: #fff transparent transparent transparent;}
.detail_section .download_btn { margin:20px auto 0;max-width: 1201px; }
.space{ margin-left: 10px; }

@media only screen and (min-width:768px) and (max-width:1600px){
.main_visual.full_bg { padding-bottom:8%; }
.case_studies_section{ margin-top: -8.2%; }
.work_section .heading{ letter-spacing: -0.03em; }
}
@media (min-width:1600px) {
	.main_visual.full_bg { background-size: 100% 100%; }
}
@media (min-width:1400px) {
.main_visual_inner .main_text{margin-left: 25px;}
}
@media (min-width:1300px) {
.download_btn { position: relative;left: 6px; }
.work_section .info_block.cloud .single_image { position: relative;left: 7px; }
}

@media only screen and (min-width:768px) and (max-width:1300px){
.c-content { font-size:1.076923vw; }
.main_visual_inner .main_text_blk .main_btn{width: 37%;}
.work_section .heading:after { left:50%;transform:translateX(-50%);width:87.5%;height:25%;bottom:-13%; }
.detail_section .detail_area .detail_info_text {font-size: 270%;}
.detail_section .detail_area .detail_text {font-size: 250%;}
}

@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/2024/12_whm/assets/img/img_main_bg_sp.png) no-repeat center top;background-size:cover;padding-bottom: 37px;}
.main_visual_inner .main_heading { font-size:500%;padding-top:20px;line-height:1.4em; }
.main_visual_inner .main_image { margin:-13px auto 0;text-align:center; }
.main_visual_inner .main_text { font-size:200%;letter-spacing:normal;width: 60%;line-height: 1.5em;margin-bottom: 0;}
.main_visual_inner .main_text em {letter-spacing: -0.6em;}
.main_visual_inner .main_text_blk{justify-content: space-between;align-items: center;margin-top: -12px;}
.main_visual_inner .main_text .main_color_text{font-size: 121.4288%;}
.main_visual_inner .main_text_blk .main_btn img{width: 100%;}
.main_visual_inner .main_text_blk .main_btn{width: 55%;top: 0;margin-left: 0}
.main_visual_inner .img_data { max-width:100%;margin:0 auto 0;text-align:center; }
.case_studies_section{margin-top: -38px;}
.case_studies_icon {margin-top: 28px;}
.case_studies_icon img{max-width: 167px;width: 100%;}
.download_btn { max-width:93%;margin:6px auto 0;text-align:center; }
.work_section { padding-bottom:40px;margin-top: 37px; }
.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:20px;padding-bottom:14px;margin-left:0; }
.work_section .info_block.cloud { border:2px solid #FFBF00;border-radius:5px;box-shadow: 2px 2px 0 0 #FFBF00;margin-top:18px;padding-bottom:16px;margin-left:0; }
.work_section .info_block.cloud { padding-bottom:16px; }
.work_section .info_block+.info_block { margin-top:30px; }
.work_section .info_block .info_head { font-size:228.5714%;padding:8px 0 9px; }
.work_section .info_block .info_head:after { bottom:0;background-size:5px 2px;height:2px; }
.work_section .info_block.cloud .info_head:after { bottom:-4px;background-size:5px 2px;height:2px; }
.work_section .info_block.cloud .info_head  { padding:12px 0 5px;font-size: 228.572%; }
.work_section .info_block .lead_text { font-size:185.7143%;padding-top:14px;line-height:1.6em;letter-spacing:-0.04em; }
.work_section .info_block.cloud .lead_text { padding-top:16px;letter-spacing:-0.06em;line-height:1.7em;font-size: 157.143%; }
.work_section .info_block .inner_info_head {font-size: 228.572%;}
.work_section .info_block .inner_head { font-size:242.8571%;margin-top:23px; }
.work_section .info_block_inner+.info_block_inner {margin-top: 20px;}
.work_section .info_block.cloud .info_block_inner+.info_block_inner .lead_text{padding-top: 0;}
.work_section .info_block.cloud .info_block_inner+.info_block_inner .single_image {margin-top: 8px;}
.work_section .info_block .inner_head:before { content:"";position:absolute;left:calc(50% - 14px);top: -14px;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:20px; }
.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 .info_list .list > span, 
.work_section .info_block .info_list .list+.list > span{padding-left: 0;}

.work_section .info_block .single_image { margin-top:16px;}
.work_section .info_block.cloud .single_image { margin-top:6px; }
.work_section .info_block .note { font-size:142.8575%;margin-top:10px; }
.work_section .info_block.cloud .info_block_inner { padding: 0px 20px;}
.work_section .info_block .detail_text { font-size:185.714%;margin-top:21px; }
.work_section .info_block .download_btn{margin: 2px 15px 0;}
.detail_section{padding: 20px 0;}
.detail_section .detail_heading {font-size: 328.572%;}
.detail_section .detail_heading .text_color {font-size: 113.0434%;}
.detail_section .detail_subheading {font-size: 214.286%;padding-top: 10px;}
.detail_section .detail_subheading .text_color {font-size: 126.6667%;}
.detail_section .detail_area .detail_info_text {font-size: 185.714%;}
.detail_section .detail_area .detail_info_text span {font-size: 123.077%;}
.detail_section .detail_area{padding: 11px 10px 7px;margin-top: 17px;border-radius: 15px;}
.detail_section .detail_area .detail_info{margin-left: 0}
.detail_section .detail_area .detail_text {font-size: 185.714%;margin-top: 5px;margin-top: 0;}
.detail_section .detail_area .detail_img.left_img {width: 25.758%;}
.detail_section .detail_area .detail_img.right_img {width: 27.65%;}
.detail_section .detail_area .detail_img.right_img img {top: -4px;}
.detail_section .click_text { font-size: 242.857%;padding-top: 30px;}
.detail_section .click_text:before{content: "";position: absolute;left: calc(50% - 14px);top: 14px;width: 0;height: 0;border-style: solid;border-width: 12px 14px 0 14px;border-color: #fff transparent transparent transparent;}
.detail_section em{letter-spacing: -0.6em;}
.detail_section .download_btn {margin: 8px 10px 0;}
}
@media only screen and (max-width:320px){
.main_visual_inner .main_text{letter-spacing: -0.1em;}
.main_visual_inner .main_text .main_color_text {font-size: 113%;}
.work_section .info_block_inner {padding: 0 7px;}
.detail_section .detail_subheading {font-size: 212%;}
.detail_section .detail_area .detail_img.left_img {max-width: 70px;}
.detail_section .detail_area .detail_img.right_img {max-width: 78px;}
}