@charset "utf-8";
/*main css*/
/**
 * Maincommon
 */
div.section{padding:120px 0;}
div.section p.category{margin-bottom:25px; font-weight:500; color:#555;}
div.section p.emphasis{margin-bottom:38px; font-size:18px; color:#333; font-weight:500;}
div.section h3{margin-bottom:55px; font-size:48px; font-weight:700; line-height:110%; color:#333;}
div.section p.cont{margin-bottom:20px;}
div.section h3 span{font-weight:800;}
div.section .btn.read_more{display:inline-block; height:60px; line-height:60px; vertical-align:middle;}
div.section .btn.read_more i{padding-left:10px; font-size:24px; vertical-align:middle;}

/*mainvisual*/
div.mainvisual{ position:relative; background:#ebebeb; height:350px;}
div.mainvisual div.visual_list div.visual{position:relative; height:350px; outline: none;}
div.mainvisual div.visual_list div.bg1{background:url("../img/main/bg_mvisual1.jpg") center center no-repeat;}
div.mainvisual div.visual_list div.bg2{background:url("../img/main/bg_mvisual2.jpg") center center no-repeat;}
div.mainvisual div.visual_list div.bg3{background:url("../img/main/bg_mvisual3.jpg") center center no-repeat;}
div.mainvisual div.visual_list{margin-bottom:0 !important;}
div.mainvisual div.visual_text{position: absolute; left: 50%; top: 30%; transform:translateX(-50%); width:1140px; display:block; text-align:left; color:#fff; text-shadow:-1px 0px 3px rgba(0, 0, 0, 0.9);}
div.mainvisual div.visual_text h2{font-size:80px; line-height:1; font-weight:800;}
div.mainvisual div.visual_text p{font-size:40px; font-weight:300;}

div.mainvisual ul.visual_list .slick-dots{bottom: 75px;}

div .slick-prev, 
div .slick-next {top:50%; transform:translateY(-50%); background:rgba(225,225,225,0.5); font-size:0; line-height:0; position:absolute; display:block; width:40px; height:80px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:50; border-radius:0%; }
div .slick-prev:before, 
div .slick-next:before {padding: 0 5px; font-size: 30px; line-height: 1; color:#fff; opacity:1;}
div .slick-prev{left: 5%;}
div .slick-next{right: 5%;}
div .slick-prev:hover, 
div .slick-next:hover{background:#fff;}
div .slick-prev:hover:before, 
div .slick-prev:focus:before, 
div .slick-next:hover:before, 
div .slick-next:focus:before {color:#333;}


h4{color:#333;}

/*m_sec1*/
#m_sec1{position:relative; box-sizing:border-box; height:550px;}
#m_sec1 div.mp_title{padding:5rem 0 2rem;}
#m_sec1 div > div.sec1_list{width:100%;}
#m_sec1 div div.sec1_list div a{width:350px; display: block; margin:0 20px 20px;}
#m_sec1 div div.sec1_list div a > div{width:100%;}
#m_sec1 div div.sec1_list div a > div > div:first-child{position:relative;width: 100%; text-align:center;background-size:cover;}
#m_sec1 div div.sec1_list div a > div > div img{width:100%; height:100%;}
#m_sec1 div div.sec1_list div a > div > div > div.plus_btn{position:absolute; right:0; bottom:0;width:50px;height:50px; display:block; background:#666; text-align:center; }
#m_sec1 div div.sec1_list div a > div > div > div.plus_btn i{color:#fff;line-height:50px; font-size:4rem;}
#m_sec1 div div.sec1_list div a:hover > div > div:first-child{padding-top:60%;}
#m_sec1 div div.sec1_list div a:hover > div.box_shadow{box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1); }
#m_sec1 div div.sec1_list div a:hover div img{display:none; }
#m_sec1 div div.sec1_list div a:hover div div.plus_btn{background:#e9a70f; }
#m_sec1 div div.sec1_list div a div.img_cover1{background:url("../img/main/img_sec2_01.jpg") center center no-repeat;}
#m_sec1 div div.sec1_list div a div.img_cover2{background:url("../img/main/img_sec2_02.jpg") center center no-repeat;}
#m_sec1 div div.sec1_list div a div.img_cover3{background:url("../img/main/img_sec2_03.jpg") center center no-repeat;}
#m_sec1 div div.sec1_list div a div.img_cover4{background:url("../img/main/img_sec2_04.jpg") center center no-repeat;}
#m_sec1 div div.sec1_list div a div.img_cover5{background:url("../img/main/img_sec2_05.jpg") center center no-repeat;}
#m_sec1 div div.sec1_list div a div.text_box{padding:7% 10% 10%; text-align:center;}
/* #m_sec1 div div.sec1_list div a div.text_box p.text_title{margin-bottom:5%; }
#m_sec1 div div.sec1_list div a div.text_box p.text_body{color:#777; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height:70px;} */
#m_sec1 div .slick-prev, 
#m_sec1 div .slick-next{top:35%;}
#m_sec1 div .slick-prev{left:-2%;}
#m_sec1 div .slick-next{right:-2%;}
#m_sec1 div .slick-dots{display:block; bottom:-4rem;} 
#m_sec1 div .slick-dots li button:before{border-color:#ddd; background:#ddd;}
#m_sec1 div .slick-dots li.slick-active button:before{border-color:#e9a70f; background:#e9a70f;}

/*m_sec2*/
#m_sec2{position:relative; background:url("../img/main/bg_sec03.jpg"); height:710px;}
#m_sec2 div.left{width:50%;}
#m_sec2 div.left h3{color:#fff;}
#m_sec2 div.mp_title p{color:rgba(255, 255, 255, 0.7);}
#m_sec2 div div.more{position:absolute; text-align:center; width:140px; height:40px; background:#333; top:350px; left:25%; transform:translateX(-50%);}
#m_sec2 div div.more a{display:block; line-height:40px; color: #fff; font-weight:600;font-size:1.4rem;}
#m_sec2 div div.more:hover{background:#e9a70f;}
#m_sec2 div.tab_wrap{position:relative;}
#m_sec2 div.tab_wrap div.tab{position:absolute; top:20px; left:47%;}
#m_sec2 div.tab > ul.tab_list{position:relative; margin-top:40px;}
#m_sec2 div.tab > ul.tab_list:before{position:absolute; top:0; left:8px; margin-top:-40px;content:""; width:5px; height:310px; background:#e9a70f; border-radius:3px;display:block;}
#m_sec2 div.tab > ul.tab_list > li{padding-left:50px; position:relative; margin-bottom:30px; font-size:1.6rem; font-weight:600;}
#m_sec2 div.tab > ul.tab_list > li > a{color:rgba(255, 255, 255, 0.7); display:block; width:100%;}
#m_sec2 div.tab > ul.tab_list > li:after{position:absolute; left:0; top:2px;content:""; width:10px; height:10px; background:#fff; border-radius:50%; border:5px solid #ddd; display:block;}
#m_sec2 div.tab > ul.tab_list > li.on:after{border-color:#e9a70f;}
#m_sec2 div.tab > ul.tab_list > li.on > a{color:#e9a70f; text-decoration:none;}
#m_sec2 div.tab_wrap div.tabs ul li{cursor:pointer;}
#m_sec2 div.tab_container{padding-bottom:130px;}
#m_sec2 div.tab_container div.tab_content{display:none;}
#m_sec2 div.tab_container div.tab_content.on{display:block;}
/* #m_sec2 div.tab_container div.tab_content div.left{width:44%;margin-top:20px;}
#m_sec2 div.tab_container div.tab_content div.left img{width:100%;} */
#m_sec2 div.tab_container div.tab_content div.left{width:50%; text-align:center;}
#m_sec2 div.tab_container div.tab_content div.left > p{font-size:3.6rem;}
#m_sec2 div.tab_container div.tab_content div.left ul li{padding:0 17%;}
#m_sec2 div.tab_container div.tab_content div.left ul li p.tit{color:#fff; padding:7% 0 5%;}
#m_sec2 div.tab_container div.tab_content div.left ul li p.txt{color:rgba(255, 255, 255, 0.7);}
#m_sec2 div.tab_container div.tab_content div.left ul li p strong{font-weight:600;}


/*m_sec3*/
#m_sec3{position:relative; background:url("../img/main/bg_sec04.jpg"); height: 800px;}
#m_sec3 div > div.sec3_list{margin-top:30px;}
#m_sec3 div div.sec3_list div a{width:350px; display: block; margin:0 25px 20px;}
#m_sec3 div div.sec3_list div a > div{width:100%;}
#m_sec3 div div.sec3_list div a > div > div:first-child{position:relative;width: 100%; text-align:center;background-size:cover;}
#m_sec3 div div.sec3_list div a > div > div img{width:100%; height:100%;}
#m_sec3 div div.sec3_list div a > div > div > div.plus_btn{position:absolute; right:0; bottom:0;width:50px;height:50px; display:block; background:#666; text-align:center; }
#m_sec3 div div.sec3_list div a > div > div > div.plus_btn i{color:#fff;line-height:50px; font-size:4rem;}
#m_sec3 div div.sec3_list div a:hover > div div:first-child{padding-top:60%;}
#m_sec3 div div.sec3_list div a:hover > div{box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1); background:#fff;}
#m_sec3 div div.sec3_list div a:hover div img{display:none; }
#m_sec3 div div.sec3_list div a:hover div div.plus_btn{background:#e9a70f;}
#m_sec3 div div.sec3_list div a:hover div.text_box dt i{color:#e9a70f;}
#m_sec3 div div.sec3_list div a div.img_cover1{background:url("../img/main/img_sec4_02.jpg") center center no-repeat;}
#m_sec3 div div.sec3_list div a div.img_cover2{background:url("../img/main/img_sec4_01.jpg") center center no-repeat;}
#m_sec3 div div.sec3_list div a div.img_cover3{background:url("../img/main/img_sec4_03.jpg") center center no-repeat;}
/* #m_sec3 div div.sec3_list div a div.img_cover4{background:url("../img/main/img_sec4_01.jpg") center center no-repeat;} */
#m_sec3 div div.sec3_list div a div.text_box{padding:10% 10% 15%; text-align:center;}
#m_sec3 div div.sec3_list div a div.text_box p.text_title{margin-bottom:3%; }
#m_sec3 div div.sec3_list div a div.text_box p.text_s{padding:0 0% 3%;color:#777;}
#m_sec3 div div.sec3_list div a div.text_box dl{text-align:left; font-size:1.6rem;margin-bottom:5%; color:#777;}
#m_sec3 div div.sec3_list div a div.text_box dl + dl{margin-bottom:0;}
#m_sec3 div div.sec3_list div a div.text_box dl dt{padding-right:2%;}
#m_sec3 div div.sec3_list div a div.text_box dl dt i{color:#777;}
#m_sec3 div div.sec3_list div a div.text_box dl dt,
#m_sec3 div div.sec3_list div a div.text_box dl dd{display:inline-block;}

#m_sec3 div .slick-dots{display:block; bottom:-4rem;} 
#m_sec3 div .slick-dots li button:before{border-color:#ddd; background:#ddd;}
#m_sec3 div .slick-dots li.slick-active button:before{border-color:#e9a70f; background:#e9a70f;}

@media screen and (max-width: 1300px){
div.mainvisual div.visual_list div div.visual_text{width:1000px;}
div.mainvisual .slick-prev, 
div.mainvisual .slick-next {width:55px; height:55px;}
div.mainvisual .slick-prev:before, 
div.mainvisual .slick-next:before {padding: 0 2px; font-size: 24px; line-height: 1; color:#fff; opacity:1;}
div.mainvisual .slick-prev{left: 1.6%;}
div.mainvisual .slick-next{right: 1.6%;}
}

@media screen and (max-width: 740px){
/**
 * Maincommon
 */
div.section{padding:60px 0;}
div.section > div{padding:0 4%; box-sizing:border-box;}
div.section p.category{margin-bottom:10px; font-weight:500; color:#555;}
div.section p.emphasis{margin-bottom:15px; font-size:18px; color:#333; font-weight:500;}
div.section h3{margin-bottom:25px; font-size:10vw; font-weight:700; line-height:110%; color:#333;}
div.section p.cont{margin-bottom:10px;}
div.section h3 span{font-weight:800;}
div.section .btn.read_more{display:block;}
div.section .btn.read_more i{padding-left:10px; font-size:24px; vertical-align:middle;}
div.inner{margin:0 auto; width:100%; padding:0 4%;}

/*mainvisual*/
div.mainvisual{ position:relative; background:#ebebeb;height:auto;}
div.mainvisual div.visual_list div.visual{padding-top:20%; height:auto; background-size:cover;}
div.mainvisual div.visual_list div div.visual_text{top:30%; width:85%; text-align:center;}
div.mainvisual div.visual_list div div.visual_text p.title{font-size:9vw;}
div.mainvisual div.visual_list div div.visual_text p.sub_text{margin-top:15px; font-size:2vw;}
div.mainvisual div.visual_list div div.visual_text a.btn_read_more{display:none;}
div.mainvisual div.visual_list .slick-dots{bottom:20px; /* display:none !important; */}

div.mainvisual div.visual_list{margin-bottom:0 !important;}
div.mainvisual div.visual_text{position: absolute; left: 50%; top: 35%; transform:translateX(-50%); width:100%; min-width:360px; padding:0 2%; box-sizing:border-box;}
div.mainvisual div.visual_text h2{font-size:9vw; line-height:1.5;}
div.mainvisual div.visual_text p{font-size:5vw;}

div .slick-prev, 
div .slick-next { background:rgba(0,0,0,0.5);  }
div.mainvisual .slick-prev{left: 0;}
div.mainvisual .slick-next{right: 0;}
div.mainvisual .slick-dots{display:none !important;}

/*mp_title*/
div.mp_title{padding-top:60px;}
div.mp_title h3{font-size:3.5rem;padding: 0;line-height:1.4;}

/*m_sec1*/
#m_sec1{padding-bottom:20%; height:auto;}
#m_sec1 div > div.sec1_list{margin:0;}
#m_sec1 div div.sec1_list div a{width:95%; margin:0 auto 5%;}
#m_sec1 div div.sec1_list a > div div.box_shadow{ box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1);}
#m_sec1 div div.sec1_list a > div > div:first-child{padding-top:60%; height:unset;}
#m_sec1 div div.sec1_list a > div > div img{display:none;}
#m_sec1 div div.sec1_list div a > div > div > div.plus_btn{background:#e9a70f;}
#m_sec1 div .slick-dots{bottom:-1rem;}

/*m_sec2*/
#m_sec2 {height:auto;}
#m_sec2 div.left{width:100%;}
#m_sec2 div div.more{top:80%; left:50%;}
#m_sec2 div.tab_wrap div.tab{width:100%; left:0; top:-9rem;}
#m_sec2 div.tab > ul.tab_list{width:100%;}
#m_sec2 div.tab > ul.tab_list:before{height:5px; width:100%; left:0; top:25px;}
#m_sec2 div.tab > ul.tab_list:after{content:""; clear:both;}
#m_sec2 div.tab > ul.tab_list > li{float:left;padding-left:0; display: block; width: 20%; text-align: center;}
#m_sec2 div.tab > ul.tab_list > li:after{left:50%; margin-top:-25px; transform:translateX(-50%);}
/* #m_sec2 div.tab_container div.tab_content div.left{width:100%;}
#m_sec2 div.tab_container div.tab_content div.left img{height:230px;} */
#m_sec2 div.tab_container div.tab_content div.left{width:100%; margin-top:25%;}
#m_sec2 div.tab_container div.tab_content div.left ul li{padding:0;}
#m_sec2 div.tab_container div.tab_content div.left ul li p{text-shadow:-1px 5px 5px rgba(0,0,0,0.5);}
#m_sec2 div.tab_container div.tab_content div.left ul li p.txt{text-shadow: -1px 0 3px rgba(0,0,0,0.9);}

/*m_sec3*/
#m_sec3{padding-bottom:20%; height:auto;}
#m_sec3 div > div.sec3_list{margin-top:0;}
#m_sec3 div div.sec3_list div.left{float:left;}
#m_sec3 div div.sec3_list div a{width:95%; margin:0 auto 5%;}
#m_sec3 div div.sec3_list div a > div{background:#fff; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1);}
#m_sec3 div div.sec3_list div a > div > div:first-child{padding-top:60%; height:0;}
#m_sec3 div div.sec3_list div a > div > div img{display:none;}
#m_sec3 div div.sec3_list div a > div > div > div.plus_btn{background:#e9a70f;}
#m_sec3 div div.sec3_list div a div.text_box{padding:10% 8% 15%;}
#m_sec3 div div.sec3_list div a div.text_box dl dt i{color:#e9a70f;}
#m_sec3 div > div.sec3_list div:hover{background:none;}
#m_sec3 div > div.sec3_list div:hover div.sec1circle{background:#333;}
}