@charset "UTF-8";

#main{position: relative;padding:0 0 113px}
.w_1200{max-width:1200px;margin-left: auto;margin-right: auto;}
.w_1002{max-width:1002px;margin-left: auto;margin-right: auto;}
.w_1000{max-width:1000px;margin-left: auto;margin-right: auto;}
.w_760{max-width:760px;margin-left: auto;margin-right: auto;}
.container{max-width:1174px;margin-left: auto;margin-right: auto;padding-left: 13px;padding-right: 13px;}
.main_visual{position:relative;background-color:#ff1d25;}
.main_visual .main_visual_bg{background: url(../img/main_visual_img.jpg) right center no-repeat;background-size: 78.6%;}
.main_visual .main_visual_bg .main_visual_tech{position:relative;padding-bottom: 27.5%}
.main_visual .main_visual_bg .main_visual_tech .image_text{position: absolute;top: 0;left: 0;width:21.4%;}
.main_visual .main_visual_bg .main_visual_tech .image_text .image_title{width: 70.9%;padding: 1.9em 0 0;margin:0 auto;}
.main_visual .main_visual_bg .main_visual_tech .image_text .title{max-width:182px;}
.main_visual .main_visual_bg .main_visual_tech .image_text .title img{width:100%;vertical-align:middle;}

.main_title{background-color:#000000;padding-bottom:55px}
.main_title .main_title_wrap{max-width:1068px;margin-left: auto;margin-right: auto;color: #fff;}
.main_title .main_title_wrap .head_title{position:relative;font-size:4.25em;font-weight:bold;margin-top:-0.5em;line-height:1em;}
.main_title .main_title_wrap .undertitle{font-size:1.63em;padding-top:30px;}
.main_title .main_title_wrap .undertitle sup{font-size:0.5em;}
.main_title .main_title_wrap .head_text{font-size:1em;padding-top:22px;line-height:1.8em}

.section .headline:after{width: 254px;height: 5px;}

#section_01{margin:70px 0 15px;}

.recommend_section{background-color:#e4e4e4;padding:40px 0;margin-top:98px;}
.recommend_section .top_text{background-color:#000000;padding:10px 0;}
.recommend_section .top_text em{color:#ff1d25;font-size:1.25em;padding-left:15px;}
.recommend_section .top_text span{color:#ffffff;font-size:1.25em;padding-left:23px;}
.recommend_section .recommend_bg{background:url(../img/recommend_bg.jpg) no-repeat center center;background-size:100% auto;padding-bottom:27.5%;margin-top:10px;webkit-transition: opacity .25s ease-out;transition: opacity .25s ease-out;}
.recommend_section .recommend_btn{display:block;background-color:#fff;text-decoration:none;webkit-transition: opacity .25s ease-out;transition: opacity .25s ease-out;}
.recommend_section .recommend_btn:hover .recommend_bg{opacity: .7;}

.back_btn{max-width:482px;margin:100px auto 0;}
.back_btn a{display:block;position:relative;background-color:#000;color:#fff;text-decoration:none;font-size:1.56em;font-weight:bold;text-align: center;padding:12px 57px 11px 0;}
.back_btn a:after{content: "";display:block;position:absolute;background:url(../img/arr.png) no-repeat center center #ff0000;background-size:32px 17px;width:57px;height:57px;right:0;top:50%;transform: translate(0,-50%);}
.back_btn a:hover{opacity:0.7}

.swiper-container-horizontal .swiper-pagination-bullets{bottom:auto;left:auto;width:auto;position:static;display:inline-block;margin-left:32px;}
.swiper-container-vertical .swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical .swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiper-container {width: 100%;height: 25.25vw; transition: opacity 0.6s ease;padding-bottom:50px;z-index:0!important;}
.swiper-container.swiper-container-coverflow {padding-top: 2%;}
.swiper-container.loading {opacity: 0; visibility: hidden;}

.swiper-slide {background-position: center;background-size: cover;}
.swiper-slide .entity-img {display: none;}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px 0 4px;position: relative;width: 17px;height: 16px;background-color: #c8c8c8;}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet::before {content: '';position: absolute;top: 50%;left: 50%;width: 17px;height: 16px;transform: translate(-50%, -50%);border: 0px solid #c8c8c8;border-radius: 50%;}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {background-color: #ff1d25;}
.swiper-pagination-bullet{opacity:1!important;}
.swiper-pagination-wrap{position: absolute;bottom: 10px;left: 0;width: 100%;text-align: center;}
.swiper-button-play{position:relative;top:2px;width:17px;height:19px;display:inline-block;margin-left:15px;cursor:pointer;}
.swiper-button-play::before,.swiper-button-play::after{position:absolute;top:0;content:"";display:block;width:7px;height:19px;background-color:#c8c8c8;border-radius:3px;}
.swiper-button-play::before{left:0;}
.swiper-button-play::after{right:0;}
.swiper-button-stop::before{width:0;height:0;border-left:18px solid #c8c8c8;border-top:9px solid transparent;border-bottom:9px solid transparent;border-radius:0;background-color:transparent;}
.swiper-button-stop::after{display:none;}
.swiper-button-next, .swiper-button-prev{display: none;}

@media only screen and (max-width:767px){

#main{padding:0}
.main_visual .main_visual_bg{max-width: 100%;background: url(../img/main_visual_img_2x.jpg) center bottom no-repeat;background-size: 100% auto;}
.main_visual .main_visual_bg .main_visual_tech{position:relative;padding-bottom: 53.2%}
.main_visual .main_visual_bg .main_visual_tech .image_text{position:static;width:47%;margin:0 auto;}
.main_visual .main_visual_bg .main_visual_tech .image_text .image_title{width: 100%;padding: 17px 0 16px;}
.main_visual .main_visual_bg .main_visual_tech .image_text .title{max-width:100%;}

.main_title{padding-bottom:35px}
.main_title .main_title_wrap .head_title{font-size:2.3em;margin-top:-15px;line-height:inherit;}
.main_title .main_title_wrap .undertitle{font-size:1.3em;padding-top:17px;line-height:1.6em}
.main_title .main_title_wrap .undertitle sup{font-size:0.66em}
.main_title .main_title_wrap sup{font-size:0.8em;vertical-align:0.6em;}
.main_title .main_title_wrap .head_text{font-size:1.07em;padding-top:15px;line-height:1.6em}

.section .headline:after{width: 165px;height: 3px;}

#section_01{margin:45px 0 25px;}

.recommend_section{padding:40px 0;margin-top:40px;}
.recommend_section .top_text{padding:10px 0;text-align:center;}
.recommend_section .top_text em{font-size:1.25em;padding-left:15px;font-weight:bold;}
.recommend_section .recommend_bg{background:url(../img/recommend_bg_2x.jpg) no-repeat 50% 50%;background-size:100% auto;padding-bottom:82%;margin-top:0;}

.back_btn{max-width:100%;width:auto;margin:35px 0 50px;}
.back_btn a{font-size:1.28em;padding:13px 70px 13px 0;}
.back_btn a:after{background:url(../img/arr.png) no-repeat center center #ff0000;background-size:27px 15px;width:70px;height:100%;right:0;}
.back_btn a:hover{opacity:1}

.swiper-container {width: auto;height: 66.7vw; padding-bottom:40px; margin-left:13px; margin-right:13px;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background: url(../img/left_arr.png) no-repeat left center;background-size: 30px;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background: url(../img/right_arr.png) no-repeat right center;background-size: 30px;}
.swiper-button-next, .swiper-button-prev{display: block;top:auto;bottom: 0;width: 30px;height: 30px;margin-top: 0;z-index: 10;cursor: pointer;background-size: 30px 30px;}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet::before {width: 9px;height: 9px;}
.swiper-container-horizontal .swiper-pagination-bullets{margin-left:33px;}
.swiper-button-play{top:5px;width:15px;height:17px;display:inline-block;margin-left:10px;}
.swiper-button-play::before,.swiper-button-play::after{width:6px;height:17px;border-radius:3px;}
.swiper-button-stop::before{width:0;height:0;border-left:13px solid #c8c8c8;border-top:8px solid transparent;border-bottom:9px solid transparent;border-radius:0;}
}