@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; }
sup { font-size:66%; }
.dl_link { transition: all .25s ease-out; }
.dl_link:hover { opacity:.7; }
.content_wrapper { max-width:1600px;margin-left:auto;margin-right:auto; }
.main_visual { background:url(/fa/topics/2023/04_servo/assets/img/img_main_bg.png) no-repeat center top;background-size:cover; }
.main_visual .main_image { position:relative; }
.main_visual .download_btn { position:absolute;right:0.2%;bottom:9.2%;max-width:634px;width:54.2%; }
.main_visual .main_heading { font-size:342.8571%;font-weight:bold;color:#333;text-align:center;line-height:1.62em;margin-top:0.8%;padding-bottom:6.4%; }
.section_01.full_bg { background:url(/fa/topics/2023/04_servo/assets/img/img_bg_01.png) no-repeat center top;background-size:cover; }
.section_01 .product_info { padding-top:12.2%;padding-bottom:14.3%;position:relative; }
.section .heading { font-size:278.5714%;font-weight:bold;color:#5498AD;text-align:center;line-height:1.88em;letter-spacing:0.07em; }
.section .large_text { font-size:148.7179%;display:inline-block;vertical-align:-0.12em;line-height:1em; }
.section_01 .product_info .bubble_01 .large_text { font-size:164.1026%; }
.section .info_text { font-size:157.1429%;text-align:center;color:#333;padding-top:2%;line-height:1.8em;letter-spacing:-0.02em; }
.section_01 .bubble_01 { position:absolute;left:0;top:6.74%;width:70%;padding:2.45% 0;}
.section_01 .bubble_02 { position:absolute;right:1.4%;top:24.3%;width:74%;padding:2.45% 0;}
.section_01 .bubble_03 { position:absolute;right:3.1%;bottom:8.2%;width:78.4%;padding:2% 0 1.6%;}
.section_01 .product_info .bubble_03 .info_text { padding-top:1%; }
.bg_gradient { background:linear-gradient(270deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%) }
.download_area { padding:7.1% 0 6.8%;text-align:center; }
.download_area .detail { font-size:214.2857%;color:#484848; }
.download_area .download_btn { max-width:617px;width:54%;margin:25px auto 0; }
.section_wrap.full_bg { background:url(/fa/topics/2023/04_servo/assets/img/img_bg_02.png) no-repeat center top;background-size:cover; }
.section_wrap .info_text { padding-top:1.6%; }
.section_wrap .note { font-size:128.5714%;text-align:center;color:#333;margin-top:12px; }
.section_02 { padding:7.7% 0 6.893%; }
.section_02 .single_image { max-width:860px;width:74%;margin:58px auto 0; }
.section_03 { padding:6.1% 0 4.139%; }
.section_wrap .section_03 .info_text { padding-top:1.4%; }
.section_wrap .section_03 .note { margin-top:6px; }
.section_03 .single_image { max-width:860px;width:74%;margin:32px auto 0; }
.service_area { padding:4.8% 0 4.36%;text-align:center; }
.service_area .info_text { padding-top:2.7%; }
.service_area .note { font-size:128.5714%;color:#333;margin-top:15px; }
.service_area .sub_heading { font-size:414.2857%;font-weight:bold;color:#5498AD;letter-spacing:0.07em;margin-top:5.5%; }
.service_area .sub_heading .head_text { position:relative; }
.service_area .sub_heading .head_text:before { content:"";position:absolute;left:-53px;top:57%;transform:translateY(-50%);background:url(/fa/topics/2023/04_servo/assets/img/img_leftstick.png) no-repeat left center;background-size:100% auto;width:6.232%;height:95.24%; }
.service_area .sub_heading .head_text:after { content:"";position:absolute;right:-40px;top:57%;transform:translateY(-50%);background:url(/fa/topics/2023/04_servo/assets/img/img_rightstick.png) no-repeat left center;background-size:100% auto;width:6.232%;height:95.24%; }
.service_area .detail { font-size:214.2857%;color:#484848;margin-top:1.4%; }
.service_area .download_btn { max-width:617px;width:54%;margin:25px auto 0; }

@media only screen and (min-width:768px) and (max-width:1230px){
.c-content { font-size:1.138vw; }
}

@media only screen and (min-width:376px) and (max-width:767px){
.c-content { font-size:3.651vw; }
}

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

@media only screen and (max-width:767px){
.pc_only { display:none !important; }
.dl_link:hover { opacity:1; }
.main_visual { background:url(/fa/topics/2023/04_servo/assets/img/img_main_bg_sp.png) no-repeat center top;background-size:cover; }
.main_visual .main_image { padding-top:14%; }
.main_visual .download_btn { position:inherit;width:calc(100% - 28px);margin-left:auto;margin-right:auto;margin-top:3.4%;padding-bottom:13px; }
.main_visual .main_heading { font-size:157.1429%;line-height:1.72em;margin-top:2.4%;padding-bottom:8px; }
.main_visual .main_series { width:90%;margin:0 auto; }

.section_01.full_bg { background:url(/fa/topics/2023/04_servo/assets/img/img_bg_01_sp.png) no-repeat center top;background-size:cover; }
.section_01 .product_info { padding-top:12.2%;padding-bottom:7%; }
.section .heading { font-size:121.4286%;line-height:1.6em;letter-spacing:normal; }
.section .large_text { font-size:141.1765%; }
.section_01 .product_info .bubble_01 .large_text { font-size:141.1765%; }
.section .info_text { font-size:107.1429%;padding-top:2.5%;line-height:1.6em; }
.section_01 .bubble_01 { top:4.3%;width:83%;padding:4% 6%;}
.section_01 .bubble_02 { right:0.4%;top:25.5%;width:90.6%;padding:3.8%;}
.section_01 .bubble_03 { right:4.7%;bottom:2.6%;width:90.4%;padding:3.6%;}
.section_01 .product_info .bubble_03 .info_text { padding-top:2%; }
.download_area { padding:25px 0; }
.download_area .detail { font-size:107.1429%; }
.download_area .download_btn { max-width:100%;width: calc(100% - 28px);margin:10px auto 0; }
.section_wrap.full_bg { background:transparent; }
.section_wrap .info_text { padding-top:4%; }
.section_wrap .note { font-size:92.8571%;margin-top:2%; }
.section_02 { background:url(/fa/topics/2023/04_servo/assets/img/img_bg_02_sp.png) no-repeat center top;background-size:cover;padding:6% 0; }
.section_02 .heading,
.section_03 .heading { line-height:1.8em; }
.section_02 .single_image { width:calc(100% + 30px);margin:5% -15px 0; }
.section_03 .single_image { max-width:100%;width:94%;margin:5% auto 0; }
.section_03 { padding:5.5% 0; }
.section_wrap .section_03 .info_text { padding-top:4%; }
.section_wrap .section_03 .note { margin-top:2%; }
.service_area { padding:6% 0 11%; }
.service_area .info_text { padding-top:4%; }
.service_area .note { font-size:92.8571%;margin-top:2%; }
.service_area .sub_heading { font-size:171.4286%;letter-spacing:normal;margin-top:45px;line-height:1.3em; }
.service_area .sub_heading .head_text:before { left:-65%;width:29px;height:40px;transform:rotate(15deg) translateY(-50%); }
.service_area .sub_heading .head_text:after { right:-16%;width:29px;height:40px;transform:rotate(-5deg) translateY(-50%); }
.service_area .detail { font-size:107.1429%;margin-top:20px; }
.service_area .download_btn { max-width:100%;width: calc(100% - 28px);margin:10px auto 0; }
}

@media only screen and (max-width:370px){
.c-content { font-size:3.684vw; }
}