@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,sub { 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/05_synrm/assets/img/img_main_bg.jpg) no-repeat center top;background-size:cover;padding-bottom:154px; }
.main_visual .download_btn {max-width: 594px;width: 50.7699%;margin-left: auto;margin-top: -11.7%;margin-right: 1%;}
.main_visual .main_heading { font-size:321.4288%;font-weight:bold;color:#008C69;text-align:right;line-height: 1.5em;padding-top: 7.5%;z-index: 1;position: relative; }
.main_visual .main_group{display: flex;align-items: center;margin-top: -9.8%;}
.main_visual .main_image{margin-left: -1%}
.main_visual .main_text_block{color: #008C69;margin-top: -4%;margin-left: 0.5%;text-align: center;}
.main_visual .main_text{font-size: 214.286%;}
.main_visual .main_logo{padding-top: 4%}
.main_visual .main_under_text{font-size: 157.143%;padding-top: 2%;}

.heading{color: #008C69;text-align: center;font-size: 335.714%;}
.heading_under_text{text-align: center;font-size: 164.286%;color: #4d4d4d;padding-top: 25px;line-height: 1.8em;}

.manufacture_area{padding: 90px 0 103px}
.manufacture_block{text-align: center;position: relative;}
.manufacture_text{font-size: 214.286%;color: #008C69;font-weight: bold;}
.manufacture_text_block{border: 5px solid #008C69;border-radius: 30px;background-color: #FCE6D8;width: 37.009%;line-height: 3.5em;padding: 2% 1%;}
.manufacture_block>.manufacture_text_block{margin-left: 1.93%;margin-top: 6.1%;}
.manufacture_img+.manufacture_text_block{position: absolute;right: 2%;top: 4.3%;}
.manufacture_img{margin-top: -15.6%;margin-left: auto;width: 37.778%;margin-right: auto;}

.full_bg{background:url(/fa/topics/2023/05_synrm/assets/img/img_bg.jpg) repeat top center;background-size: 11px auto;width: 100%;}
.inner_wrap{background-color: #fff;border-radius: 23px;}
.img_tip{position:absolute;left:50%;transform:translateX(-50%);top:-43px;}

.motor_area{padding: 87px 0 68px}
.motor_area .img_tip{top: -36px;}
.motor_area .motor_block{padding: 100px 7.4% 45px;position: relative;}
.under_heading_note{font-size: 142.857%;color: #4d4d4d;position: relative;padding-left: 1em;margin-top: 1.3%;}
.under_heading_note span{position: absolute;left: 0;}
.motor_area .motor_img{text-align: center;margin-top: 78px;margin-left: 46px;}


.product_block{display: flex;justify-content: space-between;}
.product_text_wrap{width: 46.12%;}
.product_image_wrap{width: 51.45%;}
.product_text_inner{position: relative;padding-left: 4.5em;}
.icon_image{position: absolute;left: 0;}
.sub_title{font-size: 285.75%;line-height: 1.3em;color: #008C69;}
.product_text{font-size: 164.5%;color: #4d4d4d;font-weight: 500;}
.sub_title + .product_text{margin-top: 13px;}
.product_block + .product_block{margin-top: 70px;}
.product_about_list{margin-top: 78px;}
.product_image_wrap img{position: relative;}
.product_block:nth-child(1) .product_image_wrap img{left: 3.2%;top: -2px;}
.product_block:nth-child(2) .product_image_wrap img{left: 3.3%;top: -3%;}
.product_block:nth-child(3){margin-top: 100px;}
.product_block:nth-child(3) .product_image_wrap img{left: 3%;top: 1px;}
.product_block:nth-child(4){margin-top: 122px;}
.product_block:nth-child(4) .product_image_wrap img{left: 3%;top: -11%;}

.case_area{padding: 92px 0 88px;}
.case_wrap{padding: 0 20px}
.case_block{max-width: 825px;margin-left: auto;margin-right: auto;position: relative;}
.case_text_block{font-size: 214.286%;color: #008C69;font-weight: bold;background-color: #FCE6D8;text-align: center;border: 4px solid #008C69;border-radius: 30px;width: 53.698%;position: absolute;top: 23%;left: -3%;padding: 30px 20px;}
.case_img{margin-left: auto;width: 38.546%;margin-right: 3.7%}
.case_text_block:after{content: "";display: inline-block;width: 53px;height: 33px;background:url(/fa/topics/2023/05_synrm/assets/img/img_arw.png)no-repeat center center;background-size: 53px 33px;position: absolute;right: -53px;top: 43%;}
.lineup_text{font-size: 285.714%;color: #F08208;text-align: center;font-weight: bold;margin-top: 65px;}

.step_list_area{padding:82px 0 90px;}
.step_list_wrap{padding:100px 30px 119px 60px;position:relative; }
.step_list_wrap .list_block_wrap{max-width:920px;margin:0 auto;padding-right:4.2%;}
.step_list_wrap .list_block{border:4px solid #008C69;border-radius:32px;position:relative;padding:35px 35px 33px 48px;margin-top:41px;}
.step_list_wrap .list_block:nth-of-type(3){padding-top:45px;}
.step_list_wrap .list_block:nth-of-type(4){padding-top:42px;padding-bottom:37px;}
.step_list_wrap .list_block+.list_block{margin-top:84px;}
.step_list_wrap .list_block:before{content:"";position:absolute;left:-4px;top:43px;width:4px;height:4px;border-radius:50%;background-color:#008C69;z-index:1}
.step_list_wrap .list_block .item_head:before{content:"";position:absolute;right:-2px;top:30px;width:4px;height:4px;border-radius:50%;background-color:#008C69;z-index:1}
.step_list_wrap .list_num{margin-right:13px;display:inline-block;}
.step_list_wrap .list_num img{vertical-align:top;}
.step_list_wrap .item_head{font-size:285.7143%;font-weight:bold;color:#008C69;display:inline-block;background-color:#fff;position:absolute;left:-32px;top:-34px;padding-right:15px;padding-bottom:8px;}
.step_list_wrap .note{font-size:164.2857%;color:#4d4d4d;position:relative;padding-left:1em;line-height:1.56em;letter-spacing:-0.027em;}
.step_list_wrap .note .small_text{font-size:86.9565%;margin-left:20px;}
.step_list_wrap .note .indent{position:absolute;left:0;}
.detail_area{padding-top:64px;}
.detail_area .detail_text{font-size:285.7143%;font-weight:bold;color:#F08208;text-align:center;}
.detail_area .download_btn{max-width:750px;width:64.2%;margin:15px auto 0;}

@media only screen and (min-width:768px) and (max-width:1230px){
.c-content { font-size:1.138vw; }
.motor_area .motor_block{padding: 100px 5% 50px;}
.icon_image img{max-width: 40px;}
.product_text_inner{padding-left: 4.5em;}
.step_list_wrap .list_block{margin-top:3.3vw;padding:2.84vw 2.84vw 2.84vw 3.9vw;}
.step_list_wrap .list_block+.list_block{margin-top:6.83vw;}
.step_list_wrap .list_num{margin-right:1.05vw;width:5.37vw;}
.step_list_wrap .item_head{padding-bottom:0.65vw;left:-2.6vw;top:-2.76vw;}
.step_list_wrap .list_num img{vertical-align:-2vw;}
.step_list_wrap .list_block:before{top:3.5vw;}
.step_list_wrap .list_block .item_head:before{top:2.439vw;}
.step_list_wrap .list_block:nth-of-type(3),
.step_list_wrap .list_block:nth-of-type(4){padding:2.84vw 2.84vw 2.84vw 3.9vw;}
}

@media only screen and (min-width:980px) and (max-width:1212px){
.step_list_wrap .list_block .item_head:before{top:2.42vw;}
}

@media only screen and (min-width:768px) and (max-width:979px)
{
.step_list_wrap .list_block .item_head:before{top:2.3vw;}
}

@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/05_synrm/assets/img/img_main_bg_sp.jpg) no-repeat center top;background-size:100% 72%;padding-bottom: 0;margin-bottom: -41.4%; }
.main_visual .main_image { padding-top:15px;order:2;margin-left: 0;}
.main_visual .main_logo {padding-top: 12px;}
.main_visual .download_btn { position:inherit;width:calc(100% - 28px);margin-left:auto;margin-right:auto;margin-top:10px;max-width: 297px;}
.main_visual .main_heading {font-size: 135.714%;line-height: 1.6em;padding-top: 50px;text-align: center;}
.main_visual .main_group{flex-direction: column;margin-top: 0;padding-top: 10px}
.main_visual .main_text_block{order: 1;margin-top: 0;margin-left: 0}
.main_visual .main_text {font-size: 107.143%}
.main_visual .main_under_text {font-size: 78.5714%;padding-top: 5px}
.main_visual .main_logo img{max-width: 278px;}
.main_visual .main_image img{max-width: 245px;}

.heading{font-size: 135.714%;line-height: 1.8em}
.heading_under_text{font-size: 107.143%;line-height: 1.6em;padding-top: 12px;text-align: left;}

.manufacture_area {padding: 49% 0 20px;}
.manufacture_text{font-size: 109.559%}
.manufacture_img{width: 54%;margin-top: 1%;margin-left: auto;margin-right: 5%;}
.manufacture_text_block{width: 60.14%;line-height: 1.752945em;padding: 3.2% 1%;border-width: 2px;border-radius: 20px;}
.manufacture_block>.manufacture_text_block{margin-left: auto;margin-top: 12%;margin-right: 7%;}
.manufacture_img+.manufacture_text_block { left: 4%;top: 35.5%;right: 0;margin-left: 0;margin-top: 0}

.full_bg{padding: 44px 15px 30px;background-size: 6px auto;}
.inner_wrap{border-radius: 10px}
.motor_area .img_tip,.img_tip{max-width:102px;width:100%;top:-20px;}

.motor_area {padding: 44px 15px 35px;}
.motor_area .motor_block{padding: 50px 35px 40px;}
.under_heading_note {font-size: 80.3434%;text-align: center;position: inherit;padding-left: 0;margin-top: 8px}
.under_heading_note span{position: inherit;}
.motor_area .motor_img {margin-top: 23px;margin-left: 0;}
.motor_area .motor_img img{max-width: 245px;width: 100%;margin: 0 auto;display: block;}
.product_about_list {margin-top: 52px;}
.product_block{display: block;margin: 0 -20px;}
.sub_title + .product_text {margin-top: 5px;}
.product_text_wrap{width: 100%;}
.product_image_wrap{width: 100%;margin-top: 15px;}
.icon_image img{max-width: 25px;}
.sub_title{font-size: 135.75%;}
.product_text{font-size: 108%;}
.product_text_inner {padding-left: 30px;}
.product_image_wrap img {max-width: 251px;width: 100%;margin: 0 auto;display: block;}
.product_block + .product_block,
.product_block:nth-child(3),
.product_block:nth-child(4) {margin-top: 20px;}

.case_area {padding: 50px 0 28px}
.case_text_block {font-size:109.559%;border-width: 2px;left:0;width:70.16%;top:10%;transform: translateY(-50%);padding: 4.8% 1%;border-radius: 15px;}
.lineup_text{font-size: 138.7746%;margin-top: 15px;}
.case_img {width: 38.413%;margin-right: -4%;}
.case_wrap{padding: 0 6%}
.case_area .download_btn{width: 87%}
.case_text_block:after{width: 24px;height: 16px;;background-size: 24px 16px;right: -24px;top: 43%;}

.step_list_wrap{padding:40px 30px 20px 30px;}
.step_list_wrap .list_block_wrap{padding-right:0;}
.step_list_wrap .list_block{border:2px solid #008C69;border-radius:15px;padding:18px 10px 12px 20px;margin-top:41px;}
.step_list_wrap .list_block:nth-of-type(3){padding-top:18px;}
.step_list_wrap .list_block:nth-of-type(4){padding-top:18px;padding-bottom:12px;}
.step_list_wrap .list_block+.list_block{margin-top:30px;}
.step_list_wrap .list_block:before{left:-2px;top:23px;width:2px;height:2px;}
.step_list_wrap .list_block .item_head:before{right:-1px;top:14px;width:2px;height:2px;}
.step_list_wrap .list_num{margin-right:8px;max-width:33px;width:100%;}
.step_list_wrap .item_head{font-size:135.7143%;left:-16px;top:-16px;padding-right:10px;padding-bottom:5px;}
.step_list_wrap .note{font-size:100%;line-height:1.45em;letter-spacing:normal;}
.step_list_wrap .note .small_text{font-size:78.5714%;margin-left:0;}
.detail_area{padding-top:30px;margin-left:-15px;margin-right:-15px;}
.detail_area .detail_text{font-size:135.7143%;}
.detail_area .download_btn{width:87%;margin:10px auto 0;}
}

@media only screen and (max-width:370px){
.c-content { font-size:3.684vw; }
.step_list_wrap .list_block .item_head:before{display:none;}
}