@charset "UTF-8";

/* メインビジュアル
***************************** */
.main_visual{background: url(../img/main_visual.jpg) no-repeat;background-size: cover;background-position: 50% 50%;display: flex; align-items: center; min-height: 340px; }
.main_visual .c-mainVisual__main {padding: 0 55px;width: 100%;}
.main_title{font-size: 62px;line-height: 0.5;color: #fff;}
.main_title span{position: relative;font-size: 20px;}
.main_title span:after{content: '';display: block;position: absolute;width: 130px;height: 1px;background-color: #fff;right: -8em;top: 18px;}
.main_content{padding-top: 90px;}
.main_content>.l-separator-x6{margin-top: 0;}

@media only screen and (max-width:767px){
.main_visual{background: url(../img/main_visual_x2.jpg) no-repeat;background-size: 100% auto;min-height: auto;}
.main_visual .c-mainVisual__main{padding: 16% 15px 13% 26px;}
.main_title{font-size: 30px;line-height: 1.0;}
.main_title span{font-size: 12px;}
.main_title span:after{display: none;}
.main_content{padding-top: 26px;}
.main_visual + .l-inner-large{padding-left: 0;padding-right: 0;}
}

/* アンカー
***************************** */
.anchor_block{position: relative;}
.anchor_block ul{position: absolute;right: 0;bottom: -43px;}
.anchor_list{display: flex;}
.anchor_list li{position: relative;width: 272px;}
.anchor_list .btn a{font-size: 18px;font-weight: bold;padding: 17px 20px;display: block;text-align: center;color: #fff;-webkit-transform: skewX(-34deg);-ms-transform: skewX(-34deg);transform: skewX(-34deg);line-height: 1.61111;box-shadow: 0 3px 4px 0 rgb(0 0 0 / 10%);}
.anchor_list .btn a:hover{opacity: 0.7;}
.anchor_list .btn a span{position: relative;display: inline-block;-webkit-transform: skewX(34deg);-ms-transform: skewX(34deg);transform: skewX(34deg);}
.anchor_list .btn_download a{background: #022222;}
.anchor_list .btn_download span{padding: 0 20px 0 60px;}
.anchor_list .btn_download a span:before{content: '';display: inline-block;position: absolute;width: 43px;height: 32px;background: url(../img/icon_01.png) no-repeat left center;background-size: 100% auto;left: 5px;top: -4px;}
.anchor_list .btn_inquiry a span{padding: 0 36px;}
.anchor_list .btn_inquiry a span:before{content: '';display: inline-block;position: absolute;width: 36px;height: 36px;background: url(../img/icon_02.png) no-repeat left center;background-size: 100% auto;left: -17px;top: -6px;}
.anchor_list .btn a span{background: url(../img/arr_white.png) no-repeat right center;background-size:13px 8px;}
.anchor_list .btn_inquiry a{background: #e60012;}

@media only screen and (max-width:767px){
.anchor_block ul{position: inherit;right: 0;bottom: 0;justify-content: space-between;}
.anchor_list li{width: calc(50% + 16px);}
.anchor_list li+li{width: calc(50% - 16px);}
.anchor_list .btn a{transform: inherit;font-size: 13px;padding: 13px 15px 7px;}
.anchor_list .btn a span{transform: inherit;padding: 0 0 10px 35px;background-position: center bottom;background-size: 9px 6px;}
.anchor_list .btn_inquiry a:before{content: "";position: absolute;top: 0;left: -32px;width: 0;height: 0;border-top: 51px solid transparent;border-right: 32px solid #e60012;}
.anchor_list .btn_download a span:before{width: 27px;height: 20px;left: 0;top: 0;}
.anchor_list .btn_inquiry a span{padding: 0 0 10px 30px;}
.anchor_list .btn_download a span{padding: 0 0 10px 35px;}
.anchor_list .btn_inquiry a span:before{width: 23px;height: 23px;left: 0;top: 0;}
}
/* リード
***************************** */
.lead_title{font-size: 32px;text-align: center;}
.lead_text{text-align: center;margin-top: 14px;margin-bottom: 42px;}

@media only screen and (max-width:767px){
.lead_title {font-size: 157.143%;}
}

/* 資料・問い合わせ
***************************** */
.product_introduction{background-color: #f2f2f2;padding: 34px 0 8em;}
.product_has2col{display: flex;}
.product_has2col .col{position: relative;width: 44.287%;text-align: center;}
.product_has2col .col_inner{position: relative;display: flex;flex-direction: column;flex-grow: 1;height: 100%;}
.product_has2col .col .c-img img{max-width: 435px;}
.product_has2col .col+.col .c-img{display: flex;align-items: center;justify-content: center;}
.product_has2col .col+.col .c-img img{max-width: 140px;}
.product_has2col .col+.col{width: 39.524%;margin-left: 11.6%;}
.product_has2col .col+.col:before{content: '';display: block;position: absolute;width: 1px;height: 456px;background-color: #d9d9d9;left: -15%;top: -4%;}
.product_has2col .product_title{font-size: 22px;font-weight: bold;line-height: 1.636366;padding-bottom: 18px;}
.product_has2col .col+.col .item_product{margin-top: 25px;}
.product_has2col .button{display: flex;justify-content: center;margin-top: auto}
.product_has2col .product_text {margin-top: -15px;margin-bottom: 22px;}
.product_has2col .button:hover{opacity: 0.7;}
.product_has2col .button span{font-weight: normal;}
.product_has2col .pdf_btn{background-color: #f50f10;color: #fff;}
.product_has2col .button span{padding:17px 20px 18px 0;}
.product_has2col .pdf_btn span{display: inline-block;background: url(../img/icon_pdf.png) no-repeat right center;background-size: 18px auto;}
.member_text{position: absolute;font-size: 16px;text-align: left;margin-top: 10px;letter-spacing:-0.1em}
.product_has2col .contact_btn{background-color: #fff;color: #000000;}
.product_has2col .pdf_btn .u-icons--bulletRight::before{color: #fff;}
.product_has2col .contact_btn span{padding-bottom: 19px;}
.product_has2col .u-icons--bulletRight::before{vertical-align: -2px;}

@media only screen and (max-width:767px){
.product_has2col .col+.col{margin-left: 0;margin-top: 37px;padding-top: 25px;}
.product_has2col .col+.col:before{width: 100%;height: 1px;left: 0;top: 0;}
.product_has2col .col+.col .c-img img{max-width: 95px;}
.product_has2col .col+.col .item_product{margin-top: 0;}
.product_has2col .product_title{font-size: 18px;line-height: 1.44444;padding-bottom: 20px;}
.product_introduction .l-inner--medium{margin-top: 0;}
.product_introduction {padding: 45px 0 58px;}
.product_has2col .product_text{line-height: 1.5;margin-top: -6px;margin-bottom: 0;}
.product_has2col .col .c-img img {max-width: 299px;}
.product_has2col .button {margin-top: 11px;}
.product_has2col .pdf_btn span{background-size: 18px auto;padding-right: 20px;}
.product_has2col .col+.col .button{margin-top: 20px;}
.member_text{position: inherit;font-size: 14px;text-align: center;}
}

/* 関連リンク
***************************** */
.related_block{background-color:#fafafa ;padding: 60px 0;}
.related_block .l-separator-x6{margin-top: 0;}
.related_col{display: flex;justify-content: space-between;margin-top: 45px;}
.related_col .related_list{width: 23.525%;text-align: center;border-radius: 20px 0 20px 0;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);background: #fff;}
.related_col .related_list:nth-of-type(n+3) .related_title{padding-top: 25px;}
.related_col .related_list:nth-child(1) img{max-width: 104px;}
.related_col .related_list:nth-child(2) img{max-width: 165px;}
.related_col .related_list:nth-child(3) img{max-width: 165px;}
.related_col .related_list:nth-child(4) img{max-width: 50px;}
.related_img img{width: 100%;vertical-align: bottom;}
.related_title{font-size: 16px;font-weight: bold;}
.related_col .related_list a{display: block;color: #000;padding: 28px 15px 14px;transition: opacity .2s;}
.related_col .related_list a:hover{color: #f50f10;}
.related_col .related_list .u-icons{display: flex;justify-content: flex-end;position: relative;}
.related_col .related_list .u-icons:before{position: absolute;color: #000;bottom: -3px;right: 0;margin-right: 0;}
.related_col .related_list:nth-child(1) .u-icons:before,
.related_col .related_list:nth-child(4) .u-icons:before{bottom: -12px;}
@media only screen and (max-width:767px){
.related_col{flex-wrap: wrap;}
.related_col .related_list{width: 47%;}
.related_col .related_list:nth-of-type(n+3){margin-top: 20px;}
.related_col .related_list:nth-of-type(2n){margin-left: 5.8%;}
.related_block{padding: 40px 0 36px;}
.related_col {margin-top: 30px;}
.related_title{font-size: 14px;margin: 9px 0 10px;line-height: 1.4;}
.related_col .related_list:nth-child(1) img{max-width: 86px;}
.related_col .related_list:nth-child(3) img{max-width: 100px;}
.related_col .related_list:nth-child(4) img{max-width: 44px;}
.related_col .related_list{border-radius: 10px 0 10px 0;}
.related_col .related_list a{padding: 15px 8px 8px;}
.related_col .related_list:nth-of-type(3) .related_title{padding-top: 13px;}
.related_col .related_list:nth-of-type(3){padding-top: 35px;}
.related_col .related_list:nth-of-type(4){padding-top: 20px;padding-bottom: 12px;}
.related_col .related_list:nth-of-type(4) .related_title{padding-top: 6px;}
.related_col .related_list .u-icons:before{bottom: -12px!important;}
}

/* 製品紹介
***************************** */
#section03{margin-top: -167px;padding: 0;}
.automation_block{padding-bottom: 95px;}
.col_box {display: flex;justify-content: space-between;position: relative;padding: 50px 48px 45px;border-radius: 20px;box-shadow: 0 0 3px 3px rgb(0 0 0 / 10%);}
.col_box .col {width: 47.17%;}
.col_box img{width: 100%;vertical-align: bottom;}
.col_box .col_img {text-align: center;margin-top: 22px;}
.col_box .col:first-of-type .col_img img{max-width: 306px;}
.col_box .caption{font-size: 22px;font-weight: bold;color: #e60012;text-align: center;margin-top: 18px;}
.col_box:after{content: '';display: block;position: absolute;width: 604px;height: 88px;background: url(../img/arr.png) no-repeat center bottom;background-size: 100% auto;left: 50%;transform: translateX(-50%);bottom: -88px;z-index: -1;}

@media only screen and (max-width:767px){
#section02 .l-grid .c-img{margin-top: 0;}
.col_box,
.product_has2col{display: block;}
.col_box{border-radius: 10px;box-shadow: 0 0 2px 2px rgb(0 0 0 / 10%);padding: 40px 25px 0px;}
.col_box .caption{font-size: 18px; padding-bottom: 40px;}
.col_box .col,.product_has2col .col,.product_has2col .col+.col{width: 100%;}
.col_box:after{width: 28px;height: 45px;background: url(../img/arr_x2.png) no-repeat center bottom;background-size: 100% auto;bottom: -45px;}
.automation_block{padding-bottom: 40px;}
}

/* 全体
***************************** */
main{ padding-bottom: 0; }
@media only screen and (max-width:1200px){
#section03{margin-top: 0;}
 .l-inner--medium{padding-left: 40px;padding-right: 40px;}
 .product_has2col .product_title{font-size: 18px;}
}
@media (min-width:768px) {
.sp_only { display:none; }
}
@media only screen and (max-width:767px){
.pc_only{display: none;}
.l-inner--medium{ padding-left: 15px;padding-right: 15px;}
}
@media only screen and (max-width:320px){
.anchor_list .btn a{text-align: left;}
}