main#contents {display: block;}
.mainTitle { display: block;  text-align:center; }
.mainTitle h2 {font-weight: normal; }
.main_txt {text-align:center; line-height:2em; margin:100px 0;}
.main_txt h2 {margin-bottom:15px;}
/* swiper */
.swiper-container { position:relative; overflow:hidden; z-index: 1; width: 100%; margin-left: auto; margin-right: auto; margin-top: 20px; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; background:#000; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform;transition-property: transform,-webkit-transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-slide { position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;
-webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform;}
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity;-o-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.mainVisual .swiper-control{padding:5px 0 0 0;position:absolute;bottom:0;left:50%;z-index:100;width:70px;height:20px;text-align:center;overflow:hidden;margin:0 auto;box-sizing:border-box;border:1px solid #ddd;border-bottom:0;border-radius:8px 8px 0 0;background:#fff;transform:translateX(-50%);}
.mainVisual .swiper-button-next:after,
.mainVisual .swiper-button-prev:after {color: #555;}
.swiper-control.on .swiper-button-play {display: inline-block; }
.swiper-control.on .swiper-button-pause {display: none; }
.mainVisual .swiper-button-prev, 
.mainVisual .swiper-button-next {padding:0;margin:0;display:inline-block;position:relative;top:inherit;left:0;right:0;width:10px;height:10px;}
.mainVisual .swiper-button-next:after, .mainVisual .swiper-button-prev:after {position:absolute;top:0;left:0;width:10px;height:10px;font-size:10px;font-weight:bold;color:#000 !important;}
.mainVisual .swiper-button-prev:focus, 
.mainVisual .swiper-button-next:focus {outline:3px solid #E91E63;} 
.mainVisual .swiper-button-pause, 
.mainVisual .swiper-button-play {position:relative;z-index:10;display:inline-block;width:10px;height:10px;text-indent:-150%;white-space:nowrap;font-size:1px;line-height:1px;color:transparent;overflow:hidden;vertical-align:top;}
.mainVisual .swiper-button-pause:before,
.mainVisual .swiper-button-pause:after {content:"";position:absolute;top:0;display:inline-block;width:2px;height:10px;background:#222;}
.mainVisual .swiper-button-pause:before {left:1px;}
.mainVisual .swiper-button-pause:after {right:1px;}
.mainVisual .swiper-button-play { display:none; width:0; height:0; border-top:5px solid transparent; border-left:8px solid #222; border-bottom:5px solid transparent; }
.swiper-pagination { position: relative; display: inline-block; height:20px; margin: 0; text-align: center;  -webkit-transition: .3s opacity;-o-transition: .3s opacity;transition: .3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; }
.swiper-pagination-bullet { width: 8px; height: 8px; margin-right:5px; display: inline-block;  border-radius: 100%; background: #222; opacity: .2; vertical-align:top; }
.swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 7px; background: #000;}
.swiper-container .swiper-notification { position: absolute; left: 0;  top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-scrollbar {position:relative;border-radius:10px;-ms-touch-action:none;background:rgba(0,0,0,.1);}
.swiper-container-horizontal > .swiper-pagination-progressbar {bottom: 0; top: initial; height: 1px; }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; width: 100%; height: 1px; }
.swiper-scrollbar-drag { position: relative; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); border-radius: 10px; }
.first_swiper .swiper-button-prev:focus, .first_swiper .swiper-button-next:focus {outline:3px solid #E91E63;}

.bar_box {position:absolute; z-index:999; left:0; top:35%; text-align:left; background: rgba(0, 0, 0, 0.5); padding:30px 50px; color:#222;  }
.bar_box span {font-size:0.9em; font-weight:100;}

.mainVisual .item { display:flex; align-items:center; position:relative; flex:1; }
.mainVisual .imgz { overflow:hidden; position: relative; width: 100%; height: 100%; font-size: 0;}

.icon {width:100%; background:#f1f1f1; text-align: center;}
.icon ul {margin:0 auto;padding-top:30px;display:flex;flex-wrap:wrap;justify-content:center;}
.icon li {display:inline-block;width:150px;height:120px;}
.icon li a {padding-top:60px;display:block;width:100%;}
.icon li:nth-child(1) a {background: url(../img/visual/icon_1.png) no-repeat center top;}
.icon li:nth-child(2) a {background: url(../img/visual/icon_2.png) no-repeat center top;}
.icon li:nth-child(3) a {background: url(../img/visual/icon_3.png) no-repeat center top;}
.icon li:nth-child(4) a {background: url(../img/visual/icon_9.png) no-repeat center top;}
.icon li:nth-child(5) a {background: url(../img/visual/icon_6.png) no-repeat center top;}
.icon li:nth-child(6) a {background: url(../img/visual/icon_4.png) no-repeat center top;}
.icon li:nth-child(7) a {background: url(../img/visual/icon_7.png) no-repeat center top;}
.icon li:nth-child(8) a {background: url(../img/visual/icon_8.png) no-repeat center top;}
.weather {display: none;}
/********************* Mobile *********************/
@media all and (max-width:767px) {
.weather {display: none;}
    .more { margin:65px 16px 0; }
    .mainVisual { min-height:390px; margin:0;  }
    .mainVisual .here .text { font-size:15px; }
    .mainVisual .here .button { min-width:127px; height:36px; margin:25px 0 0; padding:11px 0 10px; font-size:12px; }
    .mainVisual a::before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0; padding-top:118.905%; }
	.mainVisual a::after { content: ""; display: table; clear: both; }
    /* responsive class */
    .RTI, .RTB, .RTIB { display:none !important; }
    .RMB { display:block !important; }
    .RMI { display:inline !important; }
    .RMIB { display:inline-block !important; }
}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
	.weather {display: none;}
    /* responsive class */
	.RWI, .RW, .RWB, .RWIB { display:none !important; }
    .RTMB { display:block !important; }
    .RTMI { display:inline-block !important; }
    .mainTitle h2 {margin-bottom: 20px;}
	.swiper-button-next, .swiper-button-prev{ display: none; }
    .mainVisual img{width: 100%; }
    .mainVisual a { display:block; }

}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
	.weather {display: none;}
    /* responsive class */
    .RMI, .RMB, .RMIB { display:none !important; }
    .RTI { display:inline !important; }
    .RTB { display:block !important; }
    .RTIB { display:inline-block !important; }
    .mainTitle {margin: 115px 0 0;}
    .mainTitle h2 { font-size:30px; }
    .mainVisual .here .text { font-size:30px; }
    .mainVisual .here .button { margin:42px 0 0; }
}

/********************* Tablet / PC *********************/
@media all and (min-width:1024px) {
	.weather {display: none;}
    .mainTitle h2 { font-size:30px; }
    .mainVisual .swiper-container img {width:100%; height:auto;}
    .mainVisual picture {width:100%; height:100%;overflow:hidden; position: relative; }
    .mainVisual .swiper-container {margin:0;}
    .more { margin:65px auto 0; }
}


/********************* PC *********************/
@media all and (min-width:1025px) {
    /* responsive class */
    .weather {height:50px !important; background:#fafafa; position:absolute; z-index:5; right:11%; top:1%; opacity: 0.9; display: flex; justify-content: center; align-items: center; border-radius:10px; padding: 0 10px;}
	.weather h2 {font-size: 14px; font-weight: bold;}
	.weather .result {font-size: 14px;}
	.weather img {width: 30px; height: 30px;}
    .RMI, .RMB, .RMIB, .RTI, .RTB, .RTIB, .RTMI, .RTMB { display:none !important; }
    .RWI { display:inline !important; }
    .RWB { display:block !important; }
    .RWIB { display:inline-block !important; }
    .swiper-container {width: 100%;}
    .main_txt h2 {font-size:1.6em;}
    .main_txt {font-size:1.3em}
    .mainTitle h2 { margin-bottom: 52px;  }
    .btnMore { padding:18px 40px; font-size:15px;}
    .mainVisual .swiper-container{ }
    .mainVisual .swiper-button-next:after,
    .mainVisual .swiper-button-prev:after {color: #555;}
    .mainVisual .here .text { font-size:45px; }
    .mainVisual .here .button { height:54px; margin:42px 0 0; }
    .mainVisual img{position: relative; top:0; left: 50%; height: auto; width:auto; min-width: 100%; transform: translate(-50%, 0); object-fit: cover; }
    .section05  {display: block; width: 44%; float: right; position: relative; z-index: 10; top:-50%;}
    .section05 .item img {width: 100%;}
    .section05 .item .slide_txt .item .num {width: auto;}
    .section05 .item .slide_txt .item .num p {display: block;}
    .section05 .item .slide_txt .item h4 {display: block; position: absolute; top: -50%; left: 50%; transform: translateX(-50%);}
    .section05 .w1600 {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; margin: 0 20px; height: auto;}
    .section05 .item {position: relative; z-index: 2; display: inline-block; vertical-align: top;}
    .section05 .item {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100%; }
    .section05 .item .slide_txt .item .icon_list {display: block;}
    .section05 .item .slide_txt .item .icon_list div span {position: absolute; left: 30px; display: inline-block; vertical-align: top; opacity: 0.8;}
    .section05 .item .slide_txt .item .icon_list div {padding-left: 130px !important; color: #fff;}
}