@charset "utf-8";
#wrap{padding-top: 0;}
#header{position: fixed}

#main .h100{padding-top: 90px;}
#main .wheel .h100{display: table; width: 100%; height: 100%; table-layout: fixed}
#main .wheel .vertical{display: table-cell;vertical-align: middle;; padding-bottom:90px}
#mainVisual{padding: 90px 0}

#mainVisual{display: flex; align-items:center; position: relative; background: url('../img/main/bg.jpg') center center no-repeat; background-size:cover; overflow: hidden;}
#mainVisual .scroll_down{position: absolute; left: 50%; bottom: 5%; font-size: 13px; transform:translateX(-50%); color: #fff; z-index: 30; animation: scroll 2.5s infinite;}
#mainVisual .scroll_down img{display: block; margin: 0 auto;}
#mainVisual .scroll_down span{display: block; margin-bottom:10px;}
#mainVisual .bg{position: absolute; left: 0; top:0; width: 100%; height: 100%; overflow: hidden; z-index: 1}
#mainVisual .bg > *{position: absolute; left: 50% ; top:0; min-width: 100%; min-height: 100%; display: block; margin: auto; right: 0; bottom: 0;     transform: translateX(-50%);}
#mainVisual .item > *{position: absolute; left: 50%; top:0; min-width: 100%; min-height: 100%; overflow: hidden; transform:translateX(-50%); max-width:530%}

@keyframes scroll {
  0%,100%{
  bottom:4%
  }
  50% {
  bottom:5%
  }
}

#mainVisual .in{width: 100%; display: flex; justify-content: space-between; align-items:center; position: relative; z-index: 1}
#mainVisual .in .l{flex:1; font-size: 1.188rem;}
#mainVisual .in .r{width: 470px; margin-left: 40px;}
#mainVisual .l .txt{font-size: 58px; color: #fff; line-height: 1.15;}
#mainVisual .l .big{font-size: 1.155em; font-weight: 700;}
#mainVisual .sch_area{margin-top: 40px;}
#mainVisual .sch_area .input{position: relative; padding-right: 80px;max-width:550px; }
#mainVisual .sch_area input[type="text"]{width: 100%; height: 65px; border-radius:10px 0 0 10px; padding: 0 30px; border:0}
#mainVisual .sch_area .btn{position: absolute; right: 0;top:0; border-radius:0 10px 10px 0; width: 80px; height: 100%;background: #027cb5}
#mainVisual .sch_area .btn i{font-size: 24px; color: #fff; }
#mainVisual .hash{margin-top: 1em; color: #fff;}
#mainVisual .hash span{margin-right: 10px;}
#mainVisual .hash span:last-child{margin-right: 0;}

#mainVisual .s_w{position: absolute; left:0; top:0; width: 100%; height: 100%}
#mainVisual .m_s,#mainVisual .m_s > *,#mainVisual .m_s > * > *,#mainVisual .m_s > * > * > *{width: 100%; height: 100%}
#mainVisual .m_s .item{background: url('../img/main/bg.jpg') center center no-repeat; background-size:cover}

#mainVisual .l .append_w{font-size: 0; margin: 40px 0 0}
#mainVisual .l .dots{display: inline-block; vertical-align: middle;}
#mainVisual .l .dots li{display: inline-block; margin-right: ; border-radius:50%; margin-right: .938rem;}
#mainVisual .l .dots button{width: 12px; height: 12px; border-radius:50%; border:3px solid #fff}
#mainVisual .l .dots .slick-active button{background: #fff}
#mainVisual .l .controls{width: 9px; height: 12px; background: url('../img/main/m_s.png') center center no-repeat; white-space: nowrap; overflow: hidden; text-indent: -999px; vertical-align: middle; display: inline-block;}
#mainVisual .l .controls.play{background-image: url('../img/main/m_p.png')}

#mainQuick{right: 0; top:90px; width: 100px; border-left: 1px solid #ddd; position: fixed; height: calc(100% - 90px);     display: flex; justify-content: center; flex-flow: column; text-align: center; font-size: 14px; color: #666; z-index: 3}
#mainQuick img{display: block; margin:  0 auto;}
#mainQuick > ul > li{margin-top: 50px; position: relative;}
#mainQuick > ul > li:first-child{margin-top: 0;}
#mainQuick .cont{margin-top: 5px;}
#mainQuick a:hover{text-decoration: underline;}
#mainQuick .img{width: 38px; height: 44px; background: url('') center center no-reat; display: block; margin: 0 auto;}
#mainQuick > ul > li:first-child .img{background-image: url('../img/main/q1.png')}
#mainQuick > ul > li:nth-child(2) .img{background-image: url('../img/main/q2.png')}
#mainQuick > ul > li:nth-child(3) .img{background-image: url('../img/main/q3.png')}
#mainQuick > ul > li:nth-child(4) .img{background-image: url('../img/main/q5.png')}
/* #mainQuick li:nth-child(5) .img{background-image: url('../img/main/q5.png')} */
#mainQuick .det{position: absolute; left: calc(-100% - 14px); background: #fff; border-radius:5px; box-shadow:3px 3px 3px rgba(0,0,0,.18); background: #fff; color: #666; width: 100px; font-size: 14px; padding: 0 5px; border:1px solid #ddd; top:50%; transform:translateY(-50%); display: none;}
#mainQuick .det a{display: block; padding: 10px 0}
#mainQuick .det li{border-bottom: 1px dashed #ccc;}
#mainQuick .det li:last-child{border-bottom: 0;}
#mainQuick .det a:hover,#mainQuick .det a:focus{color: #027cb5; font-weight: 700; text-decoration: none;}
#mainQuick .det:after{position: absolute; right: -19px; top:50%; width: 9px; height: 9px; border-radius:50%; background: #fff; content: ''; margin-top: -5px;    border: 1px solid #ccc; box-shadow:1px 3px 5px rgba(0,0,0,.3)}
#mainQuick a{display: block;}

.tit-main{font-size: 1.125rem; font-weight: 700; line-height: 1.15; position: relative; margin-bottom: 50px;}
.tit-main span{color: #bababa; text-transform: uppercase;}
.tit-main strong{display: block; margin-top: 1.125rem; font-size: 2.556em; color: #000}
.tit-main2{font-size: 1.25rem; margin-bottom: 20px;}
.tit-main2 strong{font-size: 1.200em;}

.more-main{background: url('../img/main/view.png') 98.5% center no-repeat; padding-right: 55px; color: #333;font-size: .938rem; font-weight: 700; display: inline-block; line-height: 31px;     background-size: auto 100%;}
.more-main.grey{background-image: url('../img/main/view_g.png'); color: #ababab}

#m2{background: #f9f9f9 url('../img/main/bg_m2.gif') 95% 50px no-repeat; }

.main_popup{border:2px solid #fff; border-radius:5px; overflow: hidden; background: #fff; box-shadow:3px 3px 8px rgba(0,0,0,.3)}
.main_popup .controls{position: relative; padding: 25px 0}
.main_popup .btns{position: absolute;left: 30px; top:50%; transform:translateY(-50%)}
.main_popup .state_w{position: absolute;right: 30px; top:50%; transform:translateY(-50%)}
.main_popup .dots_w{text-align: center; font-size: 0;}
.main_popup .dots_w li{display: inline-block; vertical-align: middle; margin: 0 7px;}
.main_popup .dots_w button{width: 8px; height: 8px; border-radius:50%; background: #d9d9d9}
.main_popup .dots_w .slick-active button{background: #027cb5}
.main_popup .btns > *{float: left; width: 7px; height: 11px; background: url('') center center no-repeat;}
.main_popup .btns .control{margin: 0 1rem; white-space: nowrap; overflow: hidden; text-indent: -999px; background-image: url('../img/main/stop.png')}
.main_popup .btns .prev{background-image: url('../img/main/prev.png')}
.main_popup .btns .next{background-image: url('../img/main/next.png')}
.main_popup .btns .play{background-image: url('../img/main/play.png')}

/* #m2 .slick-slide{ transition:all ease-in-out .3s} */
/* #m2 .slick-slide{height: 455px} */

/* #m2 .slick-slide .img{ transition:all ease-in-out .3s} */
/* #m2 .act .img{transform:scale(1,1);} */
#m2 .slick-slide .img{transform:scale(.9,.9)}
#m2 .slick-active .img{box-shadow: 5px 5px 7px rgba(0,0,0,.4);transform:scale(1,1)}
/* #m2 .act *{ transition:all ease-in-out .3s} */
#main_visual .slick-current img{}
#m2 .slick-slide{height: 450px}
#m2 .in{padding: 19px 0 0; display: block;  margin: 0 10px;}
#m2 .slick-active .in{padding:0 0 0;}
#m2 .slide_w *{transition:all ease-in-out .15s}

#m2 img{display: block;}
#m2 .img{position: relative}
#m2 .txt{position: absolute;left: 0; bottom:0; width:100%; padding: 30px; font-size: 28px; font-weight: 500;; color: #fff; line-height: 1.18; word-break:keep-all}
#m2 .add{padding: 30px 30px 0; font-size: 1.125rem; display: none;}
#m2 .slick-active .add{display: block; max-width:520px; max-height: 4.7em; overflow: hidden; 
  display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
  text-overflow: ellipsis;}

#m2 .more-main{position: absolute;right: 0; top:-80px}
#m2 .rel_w{position: relative;}
#m2 .rel_w:after{position: absolute; right: -3px; top:0; width: 140px; height: 100%; background: linear-gradient(to right,  transparent 0%,#f9f9f9 100%); content: ''}
#m2 .rel{position: relative; display: flex; align-items:center}
#m2 .dots_w{position: relative; left: 0;top:0; font-weight: 500; color: #999; width: 170px; margin-right: 70px;}
#m2 .dots_w:before{position: absolute;left: 5px; top:0; width: 1px; height: 100%; content: ''; background: #dedede}
#m2 .dots_w button,#m2 .dots_w a{height: 35px; width: 170px; padding-left: 20px; text-align: left; display: block; border-radius:100px; display: block}
#m2 .dots_w .active:before,#m2 .dots_w .active:before{position: absolute; left: 0; top:50%; content: ''; background: #027cb5; width: 8px; height: 8px; border-radius:50%; margin-top: -4px;}
#m2 .dots_w .active button,#m2 .dots_w .active a{background: #e0ecf2; color: #027cb5}
#m2 .dots_w li{position: relative; padding: 10px 0 10px 18px;}
#m2 .tb_w{flex:1; overflow: hidden;}
#m3{position: relative;}
#m3:before{position: absolute;left: 0;bottom: 0; width: 100%; height: 25%; background: #027cb5; content: ''}
.tabs-main{font-size: 24px; color: #8f8f8f; margin-bottom: 20px;}
.tabs-main > li{float: left; margin-right: 30px;}
.tabs-main > li:last-child{margin-right: 0;}
.tabs-main .active{color: #027cb5; font-weight: 700;}

.bbs-main{border-top: 1px solid #057eb6;}
.bbs-main a{display: block;}
.bbs-main li{border-bottom: 1px solid #ccc;}

.bbs-main .top,.bbs-main .cont2{display: table; width: 100%; vertical-align: middle; padding: 20px 0;     table-layout: fixed;}
.bbs-main .top > *,.bbs-main .cont2 > *{display: table-cell;vertical-align: middle;}
.bbs-main .a{width: 140px; text-align: center;   line-height: 1}
.bbs-main .a .date_big{width: 85px; height: 85px; display: flex; border-radius:50%; color: #fff; font-size: 14px; ; align-items: center;  flex-direction: column;justify-content: center; margin: 0 auto;}
.bbs-main .a .date_big strong{font-weight: 700; font-size: 32px; margin-bottom: 5px;}
.bbs-main .label{font-size: 14px; font-weight: 700;}
.bbs-main .top .t{margin: 10px 0; font-weight: 500; font-size: 1.25em; color: #333;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; height: 1.5rem; line-height: 1.18;}
.bbs-main .top .txt{height: 3em; overflow: hidden;}
.bbs-main .cont2{line-height: 1;}
.bbs-main .cont2 .label{width: 100px; text-align: center;}
.bbs-main .cont2 .date{width: 105px; text-align: center; font-weight: 300; color: #666}
.bbs-main .cont2 .t{color: #333; font-weight: 500; font-size: 1.125rem;}
.bbs-main .ell{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;}
.bbs-main .new{border-radius:50%; color: #027cb5; border:1px solid #027cb5; width: 17px; line-height: 17px; display: inline-block; font-size: 13px; text-align: center; font-weight: 700; margin-left: 3px; height: 18px; vertical-align: bottom;}
.bbs-main.orange{border-top-color: #f26f37;}
.bbs-main.orange .a .date_big{background: #f26f37}
.bbs-main .top .label{display: block; line-height: 1;}

.bbs-main_w > *{width: 48.5%}
.bbs-main_w .left{float: left; position: relative;}
.bbs-main_w .right{float: right;}
.bbs-main_w .left .more-main{top:4px; right: 0; position: absolute;}

.tit-main2,.tabs-main{height: 35px; position: relative;}
.tit-main2 .more-main{position: absolute;right: 0; bottom: 0}

.pop_s{margin-top: 50px; z-index: 1; position: relative; padding-bottom: 45px;}
.progress_w{height: 1px; background: #67afd2; position: absolute; width: calc(100% - 90px); left: 0; bottom: 0;}
.progress {
	position:absolute; left:0;top:50%; transform:translateY(-50%);
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  overflow: hidden;
  background-color: none;
  background-image: linear-gradient(to right, #f4f4f4, #f4f4f4);
  background-repeat: no-repeat;
  background-size: 0 100%;
  
  transition: background-size .4s ease-in-out;
}
.pop_s .s_w{margin: 0 -20px;}
.pop_s .in{margin: 0 20px; padding: 3px 0}
.pop_s img{width: 100%; display: block;}
.pop_s .btns{position: absolute;right: 0;bottom:-15px; color: #fff; font-size: 1.3rem;}
.pop_s .btns > *{float: left; width: 27px; text-indent: 0}
.pop_s .btns:before{position: absolute; left: 50%; top:50%; width: 1px; height: 18px; margin-top: -9px; background: rgba(255,255,255,.4); content: ''}
.pop_s .prev{text-align: left;}
.pop_s .next{text-align: right;}
.pop_s .s a{display: block;}

.main-sns{font-size: 0;}
.main-sns a{border-radius:50%;width: 50px; height: 50px; background: url('') center center no-repeat; white-space: nowrap; overflow: hidden; text-indent: -999px; display: inline-block; transition:all ease-in-out .15s; margin-left: 20px;}
.main-sns a:first-child{margin-left: 0;}
.main-sns .f{background-image: url('../img/main/sns-f.png')}
.main-sns .f:hover{background-image: url('../img/main/sns-f_on.png')}
.main-sns .b{background-image: url('../img/main/sns-b.png')}
.main-sns .b:hover{background-image: url('../img/main/sns-b_on.png')}
.main-sns .y{background-image: url('../img/main/sns-y.png')}
.main-sns .y:hover{background-image: url('../img/main/sns-y_on.png')}
.main-sns .n{background-image: url('../img/main/sns-n.png')}
.main-sns .n:hover{background-image: url('../img/main/sns-n_on.png')}
.main-sns .c{background-image: url('../img/main/sns-ch.png')}
.main-sns .c:hover{background-image: url('../img/main/sns-ch_on.png')}

#m4{background: url('../img/main/bg_m4.png') right top no-repeat}
#m4 .tit-main{position: relative;}
#m4 .main-sns{position: absolute; right: 0; bottom:0}

#m4 .slick-track{display: flex}
#m4 .slick-slide{height: inherit}
.main-media{margin: 0 -85px; position: relative; padding: 0 70px}
.main-media a{display: block; margin: 0 15px; position: relative; height: 100%}
.main-media .img{position: relative; overflow: hidden; padding-bottom: 100%; background: #f1f1f1}
.main-media .img img{position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); max-width:100%; transition:all ease-in-out .3s; width: 100%}
.main-media a:hover .img img,.main-media a:focus .img img{transform:translate(-50%,-50%) scale(1.018,1.018)}
.main-media .cont{padding: 1rem 0 0; font-size: 1.125rem;}
.main-media .cont p{max-height: 3em; overflow: hidden; font-weight: 400; color:#333; font-size: 1.25rem;}
.main-media .label{position: absolute; left: 0; top:0; width: 40px; height: 40px; overflow: hidden; z-index: 1; display: none;}
.main-media .sns-f .label{background: #3c5a99 url('../img/main/sns-f_on.png') center center no-repeat;}
.main-media .sns-b .label{background: #32b24a url('../img/main/sns-b_on.png') center center no-repeat;}
.main-media .sns-y .label{background: #d12729 url('../img/main/sns-y_on.png') center center no-repeat;}
.main-media .sns-n .label{background: #f26f37 url('../img/main/sns-n_on.png') center center no-repeat;}
.main-media .cont2{padding: 95px 20px 50px}
.main-media .cont2 .sort{font-size: 14px;}
.main-media .cont2 .t{margin:10px 0 20px; max-height: 3em; overflow: hidden; font-size: 1.125rem; color: #333; font-weight: 500;}
.main-media .cont2 .c{max-height: 6.3em; overflow: hidden;}
.main-media .cont2 .date{margin-top: 30px;}

.main-media .slick-arrow{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-top: 4px solid #d9d9d9;
  border-left: 4px solid #d9d9d9;
   vertical-align: middle;
	 position: absolute; top:50%; margin-top: -15px;
 }
.main-media .prev{left: 0; transform: rotate(-45deg)}
.main-media .next{right: 0;transform: rotate(135deg)}

.tab_cont{display: none;}
.tab_cont:first-child{display: block;}

.mainModal{position:fixed; width:auto !important; height:auto !important; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.2); border-radius:calc(0.3rem - 1px); z-index:99999;}
.mainModal.rightfix{left:auto !important; right:1% !important;}
.mainModal.mobile_modal{width:100%; }
.mainModal .mainModal__title{display:flex; align-items:center; justify-content:space-between; width:100%; height:3.125rem; background-color:#666; padding:0 1.25rem;}
.mainModal .mainModal__title .modal-title{font-size:1.25rem; font-weight:500; color:#fff;}
.mainModal .mainModal__title .close{position:relative; width:1.625rem; height:3.125rem; top:0;  display:block; text-indent:-9999px; overflow:hidden;}
.mainModal .mainModal__title .close::before,
.mainModal .mainModal__title .close::after{content:''; position:absolute; top:50%; width:1.625rem; height:0.188rem; background-color:#fff;}
.mainModal .mainModal__title .close::before{left:1px; transform:translateY(-50%) rotate(45deg); }
.mainModal .mainModal__title .close::after{left:0; transform:translateY(-50%) rotate(-45deg);}

.mainModal .mainModal__content{padding:1.25rem;}
.mainModal .mainModal__content a{}

.mainModal .mainModal__check{padding:0.625rem 1.25rem;}
.mainModal .mainModal__check input[type="checkbox"]{}
.mainModal .mainModal__check input[type="checkbox"] + label{}

#m2 .slick-arrow{  display: inline-block;
  width: 14px;
  height: 14px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
   vertical-align: middle; position: absolute; left: 50%; bottom: 0}
#m2 .slick-prev{transform: rotate(-45deg); margin-left: -14px;}
#m2 .slick-next{transform: rotate(135deg); margin-left: 14px;}
#m2 .slick-arrow.slick-hidden{display: none;}

/* #m2 .slide_w{position: relative;} */
#m2 .slide_w:after{position: absolute; right: 0; top:0; width: 80px; height: 100%; top:0; background: url('../img/main/m2_r.png') right center no-repeat; z-index: 1}

.tb_w .slide_w{display: none;}

#m2 .controls_etc{text-align: right; position: relative; z-index: 1; padding-right: 75px;}
#m2 .controls_etc > *{display: inline-block;}
#m2 .controls_etc button{white-space: nowrap; overflow: hidden; text-indent: -999px; width: 27px; height: 18px; display: inline-block; background: url('') center center no-repeat;}
#m2 .controls_etc .prev{background-image: url('../img/main/c_prev.png')}
#m2 .controls_etc .next{background-image: url('../img/main/c_next.png')}
#m2 .controls_etc .c_status{font-size: 1.875rem; color: #333; font-size: ; margin: 0 40px;}
#m2 .controls_etc .c_status .total{font-size: 0.733em; color: #ababab}
#m2 .slash{font-weight: 700; margin: 0 10px;}

@media screen and (min-width:1025px){
	.white #header{background: none; color: #fff; border-bottom: 1px solid rgba(255,255,255,.4);}
	.white #header .btn-menu{background: url('../img/common/btn-menu_w.png') center center no-repeat; border-left: 1px solid rgba(255,255,255,.4);}
	/* .whiteHover #header{background: #fff; color: #333; border-bottom: 1px solid #ccc;}
	.whiteHover #header .btn-menu{background: #00b6de} */
	.white #mainQuick{border-left: 1px solid rgba(255,255,255,.4); color: #fff}
	.white .btn-sch i{color: #fff}
	.white #topNav > ul > li > a{color: #fff}
	.white #logo{background-image: url('../img/common/logo_w.png')}
	
	.white #mainQuick > ul > li:first-child .img{background-image: url('../img/main/q1_on.png')}
	.white #mainQuick > ul > li:nth-child(2) .img{background-image: url('../img/main/q2_on.png')}
	.white #mainQuick > ul > li:nth-child(3) .img{background-image: url('../img/main/q3_on.png')}
	.white #mainQuick > ul > li:nth-child(4) .img{background-image: url('../img/main/q5_on.png')}
	/* .white #mainQuick li:nth-child(5) .img{background-image: url('../img/main/q5_on.png')} */
	
	
	.whiteHover #header{background: #fff; color: #333; border-bottom: 1px solid #ccc;}
	.whiteHover #header .btn-menu{background: url('../img/common/btn-menu.png') center center no-repeat; border-left: 1px solid #ddd;}
	.whiteHover #topNav > ul > li > a{color: #000}
	.whiteHover .btn-sch i{color: #333}
	.whiteHover #logo{background-image: url('../img/common/logo.png')}
}
@media screen and (max-width:1750px){
	#mainVisual .in,#m3,#m4{padding-right: 135px;}
	#m2{padding-right: 100px}
	
	.main-media{margin: 0; padding: 0 40px}
}

@media screen and (max-width:1530px){
	#m2 > .inner,#m4 > .inner{padding-left: .938rem;}
	#m2 .more-main{right: 1rem}
	.main-media .cont2{padding-top: 50px;}
	.tabs-main > li{margin-right: 1rem;}
}
@media screen and (max-width:1450px){
	#mainQuick{width: 75px}
	#mainQuick span{display: block;}
	#mainVisual .in,#m3{padding-right: 100px;}
	#mainVisual .in .r{width: 39%}
	.main_popup .btns{left: 1rem}
	.main_popup .state_w{right: 1rem}
	#m2{padding-right: calc(75px - .938rem);}
	#m4{padding-right: 75px;}
	
	/* #m2 .slick-slide{width: 300px;}
	#m2 .slick-current{width: 450px} */
	#m2 .dots_w{padding-right: 50px;}
	
	#mainQuick .det{left: calc(-100% - 40px)}
}
@media screen and (max-width:1280px){
	#mainVisual .l .txt{font-size: 50px;}
	.tabs-main{font-size: 20px; line-height: 35px;}
	
	.bbs-main_w .more-main{padding-right: 0; width: 50px; white-space: nowrap; overflow: hidden; text-indent: -999px}
}
@media screen and (max-width:1024px){
	#header{}
	#wrap{padding-top: 5rem;}
	#mainQuick{display: none;}
	#mainVisual, #main .h100{min-height: auto !important}
	#main .h100{padding: 0 .938rem}
	#main .h100 .vertical{padding-bottom: 0;}
	
	.tit-main strong{margin-top: 1rem;}
	
	#m2,#m3,#m4{padding: 50px 0}
	#mainVisual{padding: 85px 0; text-align: center;}
	#mainVisual .in{padding-right: .938rem; display: block;}
	#mainVisual .in .r{width:100%; margin: 50px auto; max-width:480px}
	#mainVisual .sch_area .input{margin: 0 auto;}
	#mainVisual .sch_area{margin-top: 35px;}
	#m2{background-size:75%}
	#m2 .more-main{right: 0}
	#m2 .rel{padding-left: 0; display: block;}
	#m2 .dots_w{position: static; margin: 0 0 30px; padding: 0; width: 100%; text-align: center;}
	#m2 .dots_w:before,#m2 .dots_w .slick-current:before{display: none;}
	#m2 .dots_w li{padding: 0; display: inline-block; margin-bottom:5px;}
	#m2 .dots_w a,#m2 .dots_w button{text-align: center; width: 100%; padding-left: 0; padding: 5px 1rem; height: auto; line-height: 1.15}
	#m2 .dots_w .slick-current:before, #m2 .dots_w .active:before{display: none;}
	#m2 .tb_w{max-width:100%}
	#m2 .rel_w:after{display: none;}
		
	/* #m2 .btns{
		text-align: center;
		margin: 10px 0 0;
	} */
	#m3:before{height: 150px}
	
	.bbs-main_w > *{width: 100%}
	.bbs-main_w .right{margin-top: 45px;}
	
	.main-media{padding: 0 25px}
	.main-media a{margin: 0 10px;}
	.main-media .img{padding-bottom: 100%;}
	.main-media .img img{width: 100%; min-height: auto}
	.main-sns a{width: 40px; height: 40px; margin-left: 15px; background-size:100%}
	.mainModal{left: 1.5rem !important}
	
	.pop_s .s_w{margin: 0 -5px;}
	.pop_s .in{margin: 0 5px;}
	#m2 .slick-slide{height: auto}
	/* #m2 .act *{ transition:none} */
	
	#m2 .controls_etc{padding-right: .938rem}
	
	#m2 .tb_w{overflow: visible}
	
	.bbs-main .top .txt{height: auto; max-height: 3em}
	
	#m2 .slick-active .add{display: none;}
	.bbs-main_w .left .more-main{top:0}
	
}
@media screen and (max-width:768px){
	
	.mainModal{width:95% !important; top:3.75rem !important;}
	.mainModal.rightfix{left:50% !important; transform:translateX(-50%) !important;}
	.tabs-main{line-height: 1.15;}
	.tit-main2, .tabs-main{height: auto}
}
@media screen and (max-width:720px){
	.tit-main{margin-bottom: 40px; text-align: center;}
	
	#mainVisual .l .txt{font-size: 40px;}
	#mainVisual .sch_area .input{padding-right: 55px;}
	#mainVisual .sch_area input[type="text"]{height: 59px; padding: 0 1rem}
	#mainVisual .sch_area .btn{width: 55px}
	.main_popup .dots_w li{margin: 0 4px;}
	#m2 .in{padding-top: 0;}
	#m2 img{width: 100%}
	#m2 .add{padding: 20px 1rem}
	#m2 .txt{font-size: 1.35rem; padding: .938rem; }
	#m2 .add{max-height: 4em; line-height: 1.35;}
	.tabs-main{font-size: 17px;}
	.bbs-main .a{width: 90px}
	.bbs-main .cont2 .label{width: 70px}
	.bbs-main .a .date_big{width: 70px; height: 70px}
	.bbs-main .a .date_big strong{font-size: 25px;}
	.bbs-main .cont2 .date{width: 80px}
	.main-media .cont{height: auto;}
	#m4 .main-sns,#m2 .more-main{position: static; text-align: center; width:115px; margin: 0 auto 30px; display: block; white-space: nowrap}
	
	#m4 .main-sns{width: 100%; margin-top: 30px;}
	
	#m2 .slide_w{margin: 0 -9px;}
	#m2 .in{margin: 0 9px; padding: 0}
	#m2 .slick-active .in,#m2 .in{padding: 0}
	#m2 .slick-slide .img{transform:scale(1,1)}
	#m2 .s{padding-bottom: 35px;}
	
	#m2 .slick-slide{height: auto}
	#m2 .slash{margin: 0 5px;}
	#m2 .controls_etc .c_status{margin: 0 1.5rem; font-size: 1.5rem;}
}
@media screen and (max-width:500px){
	
}
@media screen and (max-width:380px){
	.tit-main2{text-align: right;}
	.tit-main2 .more-main{position: static; margin-top: 4px;}
}