@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; }
.block_bg { background:url(/fa/topics/2023/01_robot/assets/img/img_bg.jpg) repeat center center;background-size:16px auto;width: 100%; }
sup { font-size:66%; }
.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/01_robot/assets/img/img_main_bg.jpg) repeat center center;background-size:14px auto;width: 100%;}
.main_visual_inner { position:relative; }
.main_visual_inner .main_heading { font-size:642.8571%;font-weight:bold;color:#fff;position:absolute;left:2.34%;top:2.4%;line-height:1.3em;letter-spacing:-0.033em; }
.main_visual_inner .main_image { max-width:1240px;margin:0 auto; }
.main_visual .main_info_area { background-color:#184989;margin-top:-167px;padding:28px 0 19px; }
.main_visual .main_info_area .main_text { margin-left:34px;width:60%; }
.main_visual .main_info_area .main_btn { margin-left:34px;margin-top:8px;width:60%;position:relative;z-index:1; }
.intro_area { padding:64px 0 0; }
.intro_area_inner { position:relative;padding-bottom:86px; }
.intro_area .heading { font-size:257.1429%;font-weight:bold;color:#003465;text-align:center;line-height:1.34em; }
.intro_area .intro_image { max-width:1170px;margin:17px auto 0;text-align:center; }
.intro_area .intro_text { font-size:128.5714%;font-weight:bold;color:#505050;text-align:center;line-height:1.66em;margin-top:33px; }
.intro_area .intro_person { position:absolute;right:9.52%;bottom:0;max-width:262px;width:21.3%; }
.charm_area { padding:86px 0 96px; }
.charm_area .heading { font-size:335.7143%;font-weight:bold;color:#fff;text-align:center; }
.charm_area .logo_image { display:inline-block;max-width:200px;width:16.13%;vertical-align:middle;margin:0 16px; }
.charm_area .color_text { display:inline-block;font-size:170.2128%;color:#FFFF00;vertical-align:-0.15em;line-height:1em; }
.charm_area .charm_list { max-width:1170px;background-color:#fff;border-radius:25px;padding:80px 8.952% 93px;margin:58px auto 0; }
.charm_area .charm_list .list_head { position:relative;padding-left:130px; }
.charm_area .charm_list .list_head .num_image { position:absolute;left:0; }
.charm_area .charm_list .list_block:nth-of-type(1) .num_image { top:-8px; }
.charm_area .charm_list .list_block:nth-of-type(2) { border-top:2px solid #003465;margin-top:72px;padding-top:57px; }
.charm_area .charm_list .list_block:nth-of-type(3) { border-top:2px solid #003465;margin-top:59px;padding-top:66px; }
.charm_area .charm_list .list_head .sub_head { font-size:257.1429%;font-weight:bold;color:#003465; }
.charm_area .charm_list .list_head .list_text { font-size:128.5714%;font-weight:bold;color:#505050;padding-top:10px; }
.charm_area .charm_list .has_3col { display:flex;align-items:flex-end;justify-content:space-between;margin-top:45px; }
.charm_area .charm_list .has_3col .col { width: calc((310 / 948) * 100%); }
.charm_area .charm_list .single_image { max-width:614px;margin: 38px auto 0; }
.charm_area .download_btn { max-width:754px;margin:94px auto 0; }
.service_area { padding:65px 0 63px; }
.service_area .heading { font-size:335.7143%;font-weight:bold;color:#003465;text-align:center; }
.service_area .logo_image { display:inline-block;max-width:200px;width:16.13%;vertical-align:middle;margin:0 16px; }
.service_area .large_text { display:inline-block;font-size:170.2128%;vertical-align:-0.19em;line-height:1em; }
.service_area .service_block { max-width: 1165px;border:5px solid #003465;border-radius:10px;margin:43px auto 0;box-shadow: 5px 5px 5px 0px rgba(209,209,209,0.7);overflow:hidden; }
.service_area .service_block+.service_block { margin-top:38px; }
.service_area .head_wrap { background-color:#B3E3FF;padding:17px 28px;display:flex;align-items:center;border-bottom:5px solid #003465; }
.service_area .machine_image { width:74px; }
.service_area .topic_area { width:calc(100% - 88px);margin-left:14px; }
.service_area .topic_area .header { font-size:257.1429%;font-weight:bold;color:#003465;line-height:1.2em; }
.service_area .topic_area .topic { font-size:171.4286%;font-weight:bold;color:#003465;margin-top:6px; }
.service_area .inner_section { padding:60px 50px 43px; }
.service_area .has_2col { display:flex;justify-content:space-between; }
.service_area .has_2col .col { width: calc((638 / 1052) * 100%);padding-left:2.9%; }
.service_area .has_2col .col+.col { width: calc((362 / 1052) * 100%);padding-left:0; }
.service_area .has_2col .col .babble_p { font-size:142.8571%;font-weight:bold;color:#000;position:relative;padding:10px 20px;border:2px solid #231815;border-radius:10px;display:inline-block;margin-bottom:20px; }
.service_area .has_2col .col .babble_p:after { content:"";position:absolute;left:32px;bottom:-19px;background:url(/fa/topics/2023/01_robot/assets/img/img_babble_arr.jpg)no-repeat center center;background-size:19px 19px;width:19px;height:19px;transform:rotate(-90deg); }
.service_area .has_2col .col .person_logo { max-width:88px; }
.service_area .has_2col .col .babble { font-size:142.8571%;font-weight:bold;color:#000;padding:28px 32px 20px;border:2px solid #231815;border-radius:10px;display:inline-block;margin-left:120px;margin-top:-78px;line-height:1.76em; }
.service_area .has_2col .col .service_image { margin-top:5px; }
.service_area .service_block:nth-of-type(2) .babble { margin-top:-86px;padding:25px 32px 26px; }
.service_area .service_block:nth-of-type(2) .inner_section { padding-bottom:20px; }
.service_area .service_block:nth-of-type(2) .service_image { margin-top:16px; }
.service_area .service_block:nth-of-type(3) .babble { margin-top:-62px;padding:22px 32px 26px; }
.service_area .service_block .note { font-size:114.2857%;font-weight:bold;color:#505050;position:relative;padding-left:1em;margin-left:146px;margin-top:20px; }
.service_area .service_block .note .indent { position:absolute;left:0; }
.info_area { padding:62px 0 74px; }
.info_area .info_lead { font-size:257.1429%;font-weight:bold;color:#fff;text-align:center; }
.info_area .info_text { font-size:178.5714%;font-weight:bold;color:#fff;text-align:center;margin-top:24px; }
.info_area .tip { font-size:414.2857%;font-weight:bold;color:#FFF00D;text-align:center;line-height:1.7em; }
.info_area .tip .small_text { font-size:62.069%; }
.info_area .tip .large_text { font-size:200%; }
.info_area .note { font-size:114.2857%;color:#fff;text-align:center;margin-top:-5px; }
.detail_area { padding:60px 0; }
.detail_area .detail_text { font-size:250%;font-weight:bold;color:#003465;text-align:center; }
.detail_area .download_btn { max-width:754px;margin:14px auto 0; }
.link_block{background: #f6f6f6;padding: 49px 0 46px;}
.link_block a{transition: all .25s ease-out;display: inline-block;}
.link_block a:hover{opacity: 0.7;}
.banner_bg{    background: url(/fa/topics/2023/01_robot/assets/img/banner_bg.jpg) repeat center center;background-size: 16px auto;width: 100%;padding: 90px 0;}
.detail_area .banner_block{margin-top: 42px;}
.banner_block a{transition: all .25s ease-out;display: inline-block;}
.banner_block a:hover{opacity: 0.7;}
@media only screen and (min-width:768px) and (max-width:1300px){
.main_visual_inner .main_heading { font-size:6.9230769230769vw; }
}

@media only screen and (min-width:981px) and (max-width:1180px){
.main_visual .main_info_area { margin-top: -13.3%;padding:1.8% 0 1.4%;}
}

@media only screen and (min-width:768px) and (max-width:980px){
.main_visual .main_info_area { margin-top: -13%;padding:1.6% 0 1.4%;}
}

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

@media only screen and (max-width:767px){
.container-fluid { padding-bottom:30px; }
.pc_only { display:none !important; }
.block_bg { background:url(/fa/topics/2023/01_robot/assets/img/img_bg.jpg) repeat center center;background-size:8px auto;width: 100%; }
.main_visual .l-inner--large{max-width: calc(1240px + (15px * 2));}
.main_visual.full_bg { background:url(/fa/topics/2023/01_robot/assets/img/img_main_bg.jpg) repeat center center;background-size:7px auto;width: 100%;}
.main_visual_inner .main_image { margin-left:-15px;margin-right:-15px; }
.main_visual_inner .main_heading { font-size:9.234667535854vw;left:0;top:0.9%;line-height:1.4em;margin-left:-3px;margin-right:-3px; }
.main_visual .main_info_area { padding: 16px 35px 14px;margin-top:0; }
.main_visual .main_info_area .main_text { margin-left:0;width:100%;text-align:center; }
.main_visual .main_info_area .main_btn { margin:8px auto 0;max-width:600px;width:auto;text-align:center;position:inherit; }
.intro_area { padding:24px 0 0; }
.intro_area_inner { padding-bottom:66px; }
.intro_area .heading { font-size:135.7143%;line-height:1.2em; }
.intro_area .intro_image { max-width:100%;margin-top:10px; }
.intro_area .intro_text { font-size:100%;line-height:1.5em;margin:12px -10px 0; }
.intro_area .intro_person { right:12%;max-width:85px;width:22.6%; }
.charm_area { padding:28px 0 20px; }
.charm_area .heading { font-size:142.8571%;letter-spacing:-0.03em; }
.charm_area .logo_image { max-width:88px;width:26%;margin:0 4px; }
.charm_area .color_text { font-size:170%;vertical-align:-0.15em; }
.charm_area .charm_list { border-radius:10px;padding:30px 11px 28px;margin:16px auto 0; }
.charm_area .charm_list .list_head { padding-left:70px; }
.charm_area .charm_list .list_head .num_image { width:58px; }
.charm_area .charm_list .list_block { padding:0 15px; }
.charm_area .charm_list .list_block:nth-of-type(1) .num_image { top:-6px; }
.charm_area .charm_list .list_block:nth-of-type(2) { border-top:1px solid #003465;margin-top:30px;padding-top:25px; }
.charm_area .charm_list .list_block:nth-of-type(3) { border-top:1px solid #003465;margin-top:18px;padding-top:23px; }
.charm_area .charm_list .list_head .sub_head { font-size:142.8571%; }
.charm_area .charm_list .list_head .list_text { font-size:107.1429%;padding-top:4px; }
.charm_area .charm_list .has_3col { display:block;margin-top:8px; }
.charm_area .charm_list .has_3col .col { width:66%;margin:0 auto; }
.charm_area .charm_list .has_3col .col+.col { margin-top:20px; }
.charm_area .charm_list .single_image { max-width:574px;margin-top: 15px; }
.charm_area .download_btn { max-width:640px;margin-top:21px;padding:0 20px; }
.service_area { padding:25px 0 23px; }
.service_area .heading { font-size:142.8571%; }
.service_area .logo_image { max-width:88px;width:26%;margin:0 4px; }
.service_area .large_text { font-size:175%;vertical-align:-0.15em; }
.service_area .service_block { border:2px solid #003465;border-radius:6px;margin:14px auto 0;box-shadow:3px 3px 3px 0px rgb(209 209 209 / 70%); }
.service_area .service_block+.service_block { margin-top:20px; }
.service_area .head_wrap { padding:6px 14px 8px;border-bottom:2px solid #003465; }
.service_area .machine_image { width:51px; }
.service_area .topic_area { width:calc(100% - 60px);margin-left:9px; }
.service_area .topic_area .header { font-size:142.8571%;line-height:1.2em; }
.service_area .topic_area .topic { font-size:107.1429%;margin-top:4px;line-height:1.4em; }
.service_area .inner_section { padding:17px 15px 22px; }
.service_area .has_2col { display:block; }
.service_area .has_2col .col { width: 100%;padding-left:0;position:relative; }
.service_area .has_2col .col+.col { width: 100%; }
.service_area .has_2col .col .babble_p { display:block;font-size:107.1429%;padding:7px 15px;border:1px solid #231815;border-radius:5px;margin-bottom:20px;margin-left:62px; }
.service_area .has_2col .col .babble_p:after { content:"";position:absolute;left:-10px;bottom:auto;top:15px;background:url(/fa/topics/2023/01_robot/assets/img/img_babble_arr.jpg)no-repeat center center;background-size:10px 10px;width:10px;height:10px;transform:rotate(0deg); }
.service_area .has_2col .col .person_logo { position:absolute;left: 0;top:0;max-width:52px; }
.service_area .has_2col .col .babble { display:block;font-size:107.1429%;padding:11px 15px 12px;border:1px solid #231815;border-radius:5px;margin-left:62px;margin-top:0;line-height:1.55em; }
.service_area .has_2col .col .service_image { margin:15px auto 0;max-width:170px; }
.service_area .service_block:nth-of-type(2) .babble { margin-top:0;padding:11px 15px 12px; }
.service_area .service_block:nth-of-type(3) .babble { margin-top:0;padding:11px 15px 12px; }
.service_area .service_block .note { font-size:85.7143%;margin-left:0;margin-top:12px;font-weight:normal; }
.info_area { padding:18px 0 25px; }
.info_area .info_lead { font-size:142.8571%; }
.info_area .info_text { font-size:107.1429%;margin-top:2px; }
.info_area .tip { font-size:228.5714%;line-height:1.8em; }
.info_area .tip .small_text { font-size:62.5%; }
.info_area .tip .large_text { font-size:196.875%; }
.info_area .note { font-size:85.7143%;margin-top:-10px; }
.detail_area { padding:20px 0; }
.detail_area .detail_text { font-size:128.5714%; }
.detail_area .download_btn { max-width:640px;margin-top:7px;padding:0 20px; }
.link_block{padding: 25px 0 28px;}
.banner_bg{padding: 35px 0;}
.detail_area .banner_block{margin-top: 48px;}
}

@media only screen and (max-width:320px){
.charm_area .heading { font-size:119.8571%; }
.service_area .heading { font-size:119.8571%; }
.info_area .tip { font-size:203.5714%; }
.service_area .has_2col .col .babble_p { font-size:100.1429%; }
.service_area .has_2col .col .babble { font-size:100.1429%; }
}