@charset "utf-8";


/* main visual + right widget */
.mainvalBox { margin:0 auto; box-sizing:border-box; overflow:hidden; } 
.mainvalBox .mainVisual { width:100%; float:left; } 
.mainvalBox .mainVisual #templateFix { float:left; width:100%; } 
.mainvalBox .mainVisual #templateFix .layout_03 { width:100%; } 
.mainvalBox .mainVisual #templateFix .mainSlider_001 .axeboxContents, .wigetController, 
.mainvalBox .mainVisual #templateFix .mainSlider_001 .horizontalMoveHandler { display:none !important; } 
.mainvalBox .mainVisual #templateFix .mainSlider_001 .main_img { position: absolute; z-index: 2; width: 33%; right: 0; bottom: 0; height: 100%; } 


@media (min-width:900px) {.mainvalBox .inner_layer { width:32.666%; float:left; } 
.mainVisual .mainSlider_001 { width:66.333%; margin-right:1%; } 
 }

@media (min-width:600px){
 .mainvalBox .mainVisual #templateFix .layout_03 { height:350px !important; } 
 }


/* main visual */
.mainVisual .mainSlider_001 { background:transparent; z-index:0; overflow:hidden; } 
.mainVisual .mainSlider_001 .slide_wrap { position:relative; overflow:hidden; } 
.mainVisual .mainSlider_001 .slide_wrap img {position: relative;z-index: 2;min-width: 100%;/* width: auto; *//* height: auto; */vertical-align: top;width: 100%;height: 100%;} 
.mainVisual .mainSlider_001 .slide_wrap .main_color { position:absolute; bottom:0; right:0; width:100%; height:20%; z-index:1; } 
@media (min-width: 900px){
 .mainVisual .mainSlider_001 .slide_wrap img { min-height: 350px; } 
 }
@media (min-width: 600px) and (max-width: 899px){
 .mainVisual .mainSlider_001 .slide_wrap { height: 0; padding-bottom: 50%; } 
 .mainVisual .mainSlider_001 .slide_wrap img { position: absolute; top: 0; left: 0; min-height: 100%; } 
 }

@media (max-width:599px){
 .mainVisual .mainSlider_001 .slide_wrap .main_color { display:none; } 
 }



/*copy*/
.mainVisual .copy { position: absolute; z-index: 9; width: 100%; word-break: keep-all; } 
.mainVisual .copy .inner { width:100%; max-width:1300px; padding:0; margin:0 auto; box-sizing:border-box; } 
.mainVisual .copy .inner div { padding: 0 50px; } 
.mainVisual .copy .inner .tit { font-weight: 400; line-height: 1.2em; letter-spacing: -0.5px; } 
.mainVisual .copy .inner .tit strong { font-weight:400; } 
.mainVisual .copy p.smallp { font-size: 14px; line-height: 20px; padding-top: 20px; } 


@media (min-width:900px) {.mainVisual .mainSlider_001 { max-height:350px; } 
.mainVisual .mainSlider_001.slide_radius { border-radius:0 30px 30px 0; } 
.mainVisual .mainSlider_001 .swiper-wrapper { max-height:350px; } 
.mainVisual .mainSlider_001 .slide_wrap { height:350px; } 
 }

@media (max-width:899px) {.mainvalBox .inner_layer { width:100%; position:relative; z-index:0; } 
.mainVisual .mainSlider_001 { width:100%; } 
.mainvalBox .mainVisual #templateFix .bg_point { display:block !important; width:100%; height:calc(100% - 354px); } 
 }

@media (max-width:599px){
 .mainVisual .mainSlider_001 .slide_wrap {height: 0;padding-bottom: 61%;} 
.mainVisual .mainSlider_001 .slide_wrap img {position: absolute;/* top: -9999px; *//* bottom: -9999px; *//* left: -9999px; *//* right: -9999px; *//* margin: auto; *//* width: auto; *//* min-width: 100%; *//* height: 100%; */} 
 }


/*SLIDE BTN SETTING*/
/* MAIN SLIDE bullet btn */
.mainVisual .swiper-pagination { display:none !important; } /* before */
.mainVisual .slick-dots { vertical-align: middle; } 
.mainVisual .slick-dots { position:absolute; bottom:27px; left:50%; z-index:10; width:100%; max-width:1300px; transform:translateX(-50%); text-align:left; padding:0 36px; box-sizing:border-box; } 
.mainVisual .slick-dots li { position:relative; display:inline-block; text-align:center; margin-left:7px; width:13px; height:13px; vertical-align:middle; box-sizing:border-box; } 
.mainVisual .slick-dots li:first-of-type { margin-left:0; } 
.mainVisual .slick-dots li.slick-active { width:40px; } 
.mainVisual .slick-dots li.slick-active button { background:rgba(255,255,255,0.9); border:1px solid rgba(0,0,0,0.8); } 
.mainVisual .slick-dots li button { float:left; width:100%; height:100%; text-indent:-999px; overflow:hidden; border-radius:13px; border:1px solid rgba(255,255,255,0.8); background:rgba(0,0,0,0.2); vertical-align:middle; box-sizing:border-box; } 
.mainVisual .slick-dots li button:focus { outline:auto; } 

/* MAIN SLIDE PLAY and STOP BTN */
.mainVisual .swiper-pagination-center { position:relative; bottom:39px; left:0; } 
.mainVisual .slick-dots + div.indicator { display:inline-block !important; } 
.mainVisual div.indicator { z-index:10; display:none; vertical-align: middle; position:absolute; bottom:0; left:18px; width:100%; max-width: 1300px; box-sizing: border-box; } 
.mainVisual div.indicator button { width:12px; height:12px; border:0; cursor:pointer; position:absolute; } 
.mainVisual div.indicator button.play { background:url("/sample/img/slide/play.png")no-repeat; text-indent:-9999px; } 
.mainVisual div.indicator button.stop { background:url("/sample/img/slide/stop.png")no-repeat; text-indent:-9999px; } 
.mainVisual div.indicator button:focus { outline:auto; } 
 
/* MAIN SLIDE PREV and NEXT BTN */
.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev { display:none !important; } /* before */
.mainVisual .slick-slider .slick-arrow { display:none !important; width:40px; height:40px; box-sizing:border-box; border-radius:50%; border:1px solid rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.5); background-size:contain; position:absolute; bottom:45px; z-index:1; background-repeat:no-repeat; text-indent:-999px; overflow:hidden; } 
.mainVisual .slick-slider .slick-arrow:hover { background-color:rgba(255,255,255,0.9); transition:ease all .5s; } 
.mainVisual .slick-slider .slick-next { background-image: url(/sample/img/slide/slidenext2.png); background-position:center; background-size:30%; left:70px; } 
.mainVisual .slick-slider .slick-prev { background-image: url(/sample/img/slide/slideprev2.png); background-position:center; background-size:30%; left:15px; } 

@media (max-width:799px) {.mainVisual div.indicator { bottom:13px; } 
.mainVisual div.indicator button { opacity:0; } 
.mainVisual div.indicator button:focus { opacity:1; } 
 }
@media (max-width:599px){
 .mainVisual .slick-dots { display:none !important; } 
 }



/* template special style */
.mainSlider_001 .del { display:none !important; } 
.bg_point { position:absolute; left:0; top:0; width:50%; height:100%; } 
.mainSlider_txt_005 .detail_btn { display: block; background: #242424; width: 100px; text-align: center; height: 30px; line-height: 30px; margin: 20px 50px; font-size: 15px; color: #fff; } 
.mainSlider_txt_005 .detail_btn:hover { background: #000; font-weight: bold; } 


/* .calendar008 */
.calendar008.custom:before { background:none; } 

/* widequick128 */
.widequick128.custom .wq128_innerbox h3 { margin-top:5px; } 
.widequick128.custom .wq128_innerbox >div>a { display:block; } 
.widequick128.custom .wq128_innerbox .wq128_hexagon img { -webkit-transition: transform .6s; transition: transform .6s; } 
.widequick128.custom .wq128_innerbox > div:first-child { margin-left:-4px; } 

/* calendar006 */
.calendar006.custom .titbox h3, .calendar006.custom .titbox .title { color: #000; font-weight: bold; } 

/* banner122 */
.banner122.custom .bnr122_Box .tit:after { content:none; } 
.banner122.custom .bnr122_Box .tit { font-size: 18px; font-weight: bold; } 
.layout_height_H .banner122.custom .bnr122_Box span.subtit { height: 82px; -webkit-line-clamp: 3; color: #000; } 

.slide_bnr_023.custom .slick-arrow { border: 1px solid rgba(0,0,0,0.1); } 
.slide_bnr_023.custom .slick-next:before, .slide_bnr_023.custom .slick-prev:before { border-color: #333; } 
.slide_bnr_023.custom .slick-next { border-left: none; } 

.bnrSlide005 .slick-slide div > a {background:#fff;}

@media (max-width:1039px){
 .add_style .layout_02_36 { width:100% !important; margin:0 !important; min-height:0; } 
 }

@media (min-width:800px) {.quick125 .titlebox strong { font-size:20px; } 
.quick005_2 .qlink_5 .q5link00 p span,
.add_style .quick121 .qbox .txtbox .tit { font-size:16px; } 
.layout_04.layout_height_H .banner122.custom .bnr122_Box .imgbox { height: 215px; line-height: 215px; } 
 }

@media (min-width:900px){
 .add_layout { padding:50px 0; } 
 }
@media (max-width:990px){
 .add_style .bg_point.media_row { width:100%; height:60%; } 
 }
@media (max-width:899px){
 .add_layout .bg_point { display:none; } 
 }
@media (max-width:799px){
 .add_style.empty .bg_point,
.add_style.empty_50 { display:none; } 
.add_style:not(.empty):not(.gallery125_slide) .bg_point { width:100%; height:calc(50% + 20px); } 
.add_style .quick117 .qbox:not(:first-child) { margin-top:1%; } 
 }

@media (min-width: 600px){
 .layout_height_H .banner122.custom .bnr122_Box span.subtit { font-size: 18px; } 
 }


@media (max-width:599px){
 .widequick128.custom .wq128_innerbox h3 { word-break: break-word; padding: 0 3px; } 
 .banner122.custom .bnr122_Box .imgbox { opacity:1; } 
 }