@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:#fe1c25;}
.main_visual .main_visual_bg{background: url(../img/main_visual_img.jpg) right center no-repeat;background-size: 59%;}
.main_visual .main_visual_bg .main_visual_tech{position:relative;padding-bottom: 27.75%}
.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:3.5em;font-weight: bold;margin-top:-15%;}
.main_title .main_title_wrap .undertitle{position:relative;font-size:1.63em;padding-top:1.6%;}
.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 .lead{padding-top:28px;}
.section .exhibit_list{margin-top:70px;}
.section .exhibit_list .sub_title{font-size:1.5em;font-weight:bold;padding-left:44px;padding-bottom:2px;border-bottom:1px solid #000;margin-bottom:35px;line-height: 1.5em;}
.section .exhibit_list .sub_text{margin-bottom:35px;}
.section .exhibit_list .subcol_02{display: flex;flex-wrap: wrap;justify-content: space-between;}
.section .exhibit_list .subcol_02 .col{width:47.5%;}
.section .exhibit_list .subcol_02 .col img{width:100%;vertical-align: baseline;}

.section .exhibit_list .exhibit_list_wrap{display:flex;flex-wrap: wrap;justify-content: flex-start;}
.section .exhibit_list .exhibit_list_wrap li{width:30%;margin-left:5%;}
.section .exhibit_list .exhibit_list_wrap li img{max-width:100%;vertical-align:middle;}
.section .exhibit_list .exhibit_list_wrap li .inner_title{font-size:1em;font-weight:bold;padding-top:18px;}
.section .exhibit_list .exhibit_list_wrap li .list_text{font-size:0.88em;padding-top:12px;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn{display:block;font-size:0.88em;text-decoration: none;background-color:#e0e0e0;color:#333333;margin-top: 20px;text-align: center;padding:15px 10px 15px;webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn span{position:relative;background:url(../img/window_icon.png) no-repeat right center;font-size:0.88em;padding-left:1em;padding-right:1em;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn span:after{content: "";position:absolute;background-image:url(../img/pdf_icon.png);background-size:27px 35px;width:27px;height:35px;left:-2.5em;top:50%;transform: translate(0,-50%);}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn:hover{background-color:#ff1d25;color:#ffffff;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn:hover span:after{background-image:url(../img/pdf_icon_ov.png);}
.section .exhibit_list .sub_title{color:#d00b21;background:url(../img/icon.jpg) no-repeat left 0.1em;background-size: 27px 27px;}
.section .exhibit_list .sub_head{font-weight:bold;font-size:113%;margin-bottom:6px;}
.section .exhibit_list .exhibit_list_wrap li .inner_title{color:#d00b21;}

.section .exhibit_list.subsetion_01{margin-top:52px;}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap{margin-top:20px;}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li{display:flex;align-items: center;width:100%;margin-left:0}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li .list_text_wrap{width:65%;}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li .link_btn{max-width:300px;width:30%;margin-left:5%; }
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li .inner_title{color:#d00b21;}

.section .exhibit_list.subsetion_02 .exhibit_list_wrap li{margin-top:22px;}
.section .exhibit_list.subsetion_02 .exhibit_list_wrap li:nth-child(3n-2){margin-left:0}

.section .exhibit_list.subsetion_03 .col{max-width:680px;width:100%;margin:0 auto;}
.section .exhibit_list.subsetion_03 .col img{width:100%;vertical-align:baseline;}
.section .exhibit_list.subsetion_03 .exhibit_list_wrap{margin-top:22px;}
.section .exhibit_list.subsetion_03 .exhibit_list_wrap li{width: 47.5%;margin-left:0;}
.section .exhibit_list.subsetion_03 .exhibit_list_wrap li:nth-child(2n){margin-left:5%}

.section .exhibit_list.subsetion_04 .col{max-width:680px;width:100%;margin:0 auto;}
.section .exhibit_list.subsetion_04 .col img{width:100%;vertical-align:baseline;}
.section .exhibit_list.subsetion_04 .exhibit_list_wrap li{width: 47.5%;margin-left:0;margin-top:22px;}
.section .exhibit_list.subsetion_04 .exhibit_list_wrap li:nth-child(2n){margin-left:5%}

.section .exhibit_list.subsetion_05 .exhibit_list_wrap li{width: 47.5%;margin-left:0}
.section .exhibit_list.subsetion_05 .exhibit_list_wrap li:nth-child(2n){margin-left:5%}
.section .exhibit_list.subsetion_05 .exhibit_list_wrap li .inner_title{padding-top:28px;}

#section_01{margin:70px 0 15px;}
#section_02{margin-top:55px;}
#section_02 .col_02{display: flex;flex-wrap: wrap;margin-top:50px;}
#section_02 .col_02 .col{width:55%;}
#section_02 .col_02 .col+.col{width:40%;margin-left:5%;}
#section_02 .col_02 .col img{max-width:100%;vertical-align:baseline;}
#section_03{margin-top:75px;margin-bottom:40px;}

.recommend_section{background-color:#e4e4e4;padding:40px 0;}
.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.png) no-repeat center center;background-size:100% auto;padding-bottom:32%;margin-top:10px;webkit-transition: opacity .25s ease-out;transition: opacity .25s ease-out;}
.recommend_section .recommend_btn{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 screen and (max-width: 1174px) and (min-width: 768px){
.main_title .main_title_wrap{font-size:1.17vw;}
}

@media screen and (max-width: 980px) and (min-width: 768px){
.main_title .main_title_wrap .head_title{margin-top: -12.4%;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn span:after{left: -1.8em;}
}

@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.4%}
.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.29em;margin-top:-18px;}
.main_title .main_title_wrap .undertitle{font-size:1.3em;padding-top:17px;line-height:1.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 .lead{padding-top:28px;}
.section .exhibit_list{margin-top:45px;margin-bottom:50px;}
.section .exhibit_list .sub_title{font-size:1.3em;padding-left:33px;margin-bottom:40px;}

.section .exhibit_list .exhibit_list_wrap li{width:47.3%;margin-left:0;margin-top:37px;}
.section .exhibit_list .exhibit_list_wrap li .inner_title{font-size:1.15em;padding-top:12px;}
.section .exhibit_list .exhibit_list_wrap li .list_text{font-size:1em;padding-top:8px;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn{font-size:1.07em;margin-top: 20px;padding:12px 0;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn span{font-size:0.88em;padding-left:1.7em;display:inline-block;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn span:after{left:-0.8em;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn:hover{background-color:#e0e0e0;color:#333333;}
.section .exhibit_list .exhibit_list_wrap li .pdf_btn:hover span:after{background-image:url(../img/pdf_icon.png);}
.section .exhibit_list .sub_title{background:url(../img/icon.jpg) no-repeat left 0.01em;background-size: 20px 20px;padding-bottom:6p;margin-bottom:18px}
.section .exhibit_list .sub_text{margin-bottom:28px;}

.section .exhibit_list.subsetion_01{margin-top:45px;}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap{margin-top:10px;}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li{display:block;}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li .list_text_wrap{width:100%;}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li .link_btn{max-width:100%;width:100%;margin-left:0; }
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li:nth-child(2n){margin-left:5.4%}
.section .exhibit_list.subsetion_01 .exhibit_list_wrap li:nth-child(-n+2){margin-top:0}

.section .exhibit_list.subsetion_02 .exhibit_list_wrap li{margin-top:10px;width:47.5%;}
.section .exhibit_list.subsetion_02 .exhibit_list_wrap li:nth-child(2n){margin-left:5%;}

.section .exhibit_list.subsetion_03 .exhibit_list_wrap{margin-top:0}
.section .exhibit_list.subsetion_03 .exhibit_list_wrap li{margin-top:10px;}

.section .exhibit_list.subsetion_04 .exhibit_list_wrap li{width: 47.5%;margin-top:10px;}
.section .exhibit_list.subsetion_04 .exhibit_list_wrap li:nth-child(2n){margin-left:5%}

.section .exhibit_list.subsetion_05 .exhibit_list_wrap li{width: 100%;margin-top: 0}
.section .exhibit_list.subsetion_05 .exhibit_list_wrap li+li{margin-top:42px;}
.section .exhibit_list.subsetion_05 .exhibit_list_wrap li:nth-child(2n){margin-left:0%}
.section .exhibit_list.subsetion_05 .exhibit_list_wrap li .inner_title{padding-top:22px;}

#section_01{margin:45px 0 25px;}
#section_02{margin-top:50px;}
#section_02 .col_02{display: block;margin-top:25px;}
#section_02 .col_02 .col{width:100%;}
#section_02 .col_02 .col+.col{width:100%;margin-left:0;margin-top:25px;}
#section_02 .col_02 .col .col_text+.col_text{margin-top:22px;}
#section_03{margin-top:58px;margin-bottom:70px;}

.recommend_section{padding:40px 0;}
.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.png) no-repeat 50% 50%;background-size:100% auto;padding-bottom:82.5%;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;}
}