@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; }
.block_bg { background:url(/fa/topics/2023/07_got/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:#e5e5e5 url(/fa/topics/2023/07_got/assets/img/img_main_bg.jpg) no-repeat top center;padding: 54px 0 12px;}
.main_visual_inner .main_title{width: 67.5%;margin-left: 2.5%;}
.main_visual_inner .product_text{font-size: 171.4287%;font-weight: 900;margin-top: 12px;}
.main_image{display: flex;margin-top: 10px;}
.main_image .col{width: 28.307%;}
.main_image .col+.col{width: 45%;margin-top: 6%;margin-left: -2px;}
.main_visual .img_btn{position: relative;top: -28px}
.bg_gray{background-color: #bfbfbf;padding: 39px 0 40px;}
.lead_text{font-size: 357.143%;font-weight: 900;letter-spacing: -0.065em;}

.img_btn{text-align: center;}
.has_col{display: flex;justify-content: space-between;}

.manufacture_block{padding: 62px 0 75px;}
.manufacture_block .item_title{font-size: 357.143%;font-weight: 900;padding-bottom: 8px;border-bottom: 5px solid #e60012;}
.manufacture_block .has_col{margin-top: 23px;}
.manufacture_block .has_col .col{width: 47.0087%;}
.manufacture_block .has_col .col+.col{width: 51.197%;}
.manufacture_block .has_col .sub_title{font-size: 285.714%;font-weight: 900;letter-spacing: -0.03em;margin-bottom: 30px;}
.manufacture_block .has_col .item_text{font-size: 200%;line-height: 1.71425;}
.manufacture_block .has_col .item_img{margin-top: 12px;}
.manufacture_block .item_block:nth-of-type(2){margin-top: 60px;}
.manufacture_block .item_block:nth-of-type(3){margin-top: 76px;}
.manufacture_block .img_btn{margin-top: 104px;}

.automobile_block{padding: 64px 0 130px;}
.automobile_block .has_col{flex-wrap: wrap;}
.automobile_block .product_list{width: 47.437%;position: relative;margin-bottom: 40px;padding-bottom: 32%;}
.automobile_block .product_title{font-size: 214.286%;font-weight: 700;position: relative;padding-left: 1em;line-height: 1.747;}
.automobile_block .product_title:before{content: '■';position: absolute;left: 0;color: #e60012;}
.automobile_block .product_img {position: absolute;left: 0;bottom: 0;width: 100%;}

.operation_block{background-color: #a7bccb;padding: 75px 0 100px;}
.operation_block .operation_title{font-size: 535.714%;font-weight: 900;text-align: center;line-height: 1.3;}
.operation_block .operation_title span{font-size: 66.6667%;letter-spacing: -0.08em;}
.operation_block .operation_img{text-align: center;margin-top: -12px;margin-left: -14px;}
.operation_block .circle_list{text-align: center;margin-top: -4%;}
.operation_block .circle_list li{position: relative;font-size: 250%;display: inline-block;padding-left: 1.2em;padding-right: 1.2em;letter-spacing: -0.05em;line-height: 1.742857;}
.operation_block .circle_list li span:before,.circle_list li span:after{content: "●";position: absolute;left: 0;top: 0;color: #000;}
.operation_block .circle_list li span:after{left: inherit;right: 0;}
.operation_block .detail_text{font-size: 357.143%;font-weight: 900;text-align: center;letter-spacing: -0.08em;margin-top: 70px;}
.operation_block .img_btn{margin-top:12px;}

@media only screen and (min-width:768px) and (max-width:1180px){
.main_visual.full_bg{background-size: cover;}
.main_visual .img_btn{top: 0;}
.manufacture_block .item_title{font-size: 4.4843vw;}
.manufacture_block .has_col .sub_title{font-size: 3.58744vw;}
.operation_block .operation_title{font-size: 6.726445vw;}
}

@media only screen and (min-width:500px) and (max-width:767px){
.operation_block .circle_list li{width: 56%!important;}
}

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

@media only screen and (max-width:767px){
.pc_only { display:none !important; }
.l-inner--large{padding-left: 37px;padding-right: 37px;}
.main_visual .l-inner--large{max-width: calc(1240px + (15px * 2));padding-left: 15px;padding-right: 15px;}
.main_visual.full_bg { background:#e5e5e5 url(/fa/topics/2023/07_got/assets/img/img_main_bg_sp.jpg) no-repeat;background-size: cover;padding: 5.4% 0 2px;}
.main_visual_inner .main_title{width: 74.64%;}
.main_image .col{width: 37.685%;}
.main_image .col+.col{width: 60%;margin-left: 0;}
.main_visual_inner{margin-left: 0;}
.main_visual_inner .product_text {font-size: 71.4287%;margin-top: 5px;letter-spacing: -0.06em;}
.main_image{margin-left: -2px;margin-top: 25px;}
.main_visual .img_btn{top: -7px;}
.lead_text{font-size: 157.143%;letter-spacing: normal;}
.img_btn{width: 94.134%;margin: 0 auto;}

.bg_gray{padding: 10px 0 12px;}

.manufacture_block{padding: 30px 0 38px;}
.manufacture_block .item_title{font-size: 157.143%;border-bottom: 2px solid #e60012;padding-bottom: 5px;}
.manufacture_block .has_col{display: block;margin-top: 8px;}
.manufacture_block .has_col .col,.manufacture_block .has_col .col+.col{width: 100%;}
.manufacture_block .has_col .sub_title {font-size: 128.5713%;letter-spacing: normal;line-height: 1.67;margin-bottom: 6px;}
.manufacture_block .has_col .item_text{font-size: 100%;}
.manufacture_block .img_btn{margin-top: 42px;}
.manufacture_block .has_col .item_img{margin-top: 0;text-align: center;}
.manufacture_block .item_block:nth-of-type(2){margin-top: 40px;}
.manufacture_block .item_block:nth-of-type(3){margin-top:34px;}
.manufacture_block .has_col .col+.col{margin-top: 10px;}

.automobile_block{padding: 25px 0  45px;}
.automobile_block .product_title{font-size: 100%;line-height: 1.35714;letter-spacing: -0.05em;}
.automobile_block .product_img{position: static;margin-top: 4px;}
.automobile_block .product_list{padding-bottom: 0;margin-bottom: 8px;}

.operation_block{padding: 14px 0 34px;}
.operation_block .l-inner--large{padding-left: 15px;padding-right: 15px;}
.operation_block .operation_title{font-size: 171.428%;line-height: 1.411;}
.operation_block .operation_title span{font-size: 66.6667%;letter-spacing: -0.03em;}
.operation_block .operation_img{width: 82.9%;margin: 5px auto 0;}
.operation_block .circle_list li{width: 82.61%;font-size: 100%;line-height: 1.4285;}
.operation_block .circle_list{margin-top: -4px;}
.operation_block .circle_list li+li{margin-top: 14px;}
.operation_block .detail_text{font-size: 128.5713%;margin-top: 26px;}
.operation_block .img_btn{margin-top: 6px;}
}

@media only screen and (max-width:320px){
.operation_block .circle_list li {width: 95%;}
.operation_block .detail_text{padding: 0 15px}
}

