@charset "utf-8";
/*main css*/
/*mainvisual*/
.mainvisual{ position:relative; background:#ebebeb; margin-top:-10rem;}
.mainvisual div.main-visual{margin-bottom:0 !important;}
.mainvisual div.main-visual div.visual{position:relative; height:925px; outline: none;}
.mainvisual div.main-visual div.bg1{background:url("../img/main/bg_m_visual_01.png") center center no-repeat;}
.mainvisual div.main-visual div.bg2{background:url("../img/main/bg_m_visual_02.png") center center no-repeat;}
.mainvisual div.main-visual div.bg3{background:url("../img/main/bg_m_visual_03.png") center center no-repeat;}
.mainvisual div.main-visual div.bg4{background:url("../img/main/bg_m_visual_04.png") center center no-repeat;}
.mainvisual div.visual-text{position: absolute; width:80%; left: 50%; bottom: 8rem; transform:translate(-50%, -50%); z-index:10;}
.mainvisual div.visual-text div.visual_text_box{ box-sizing:border-box; text-align:center;}
.mainvisual div.visual-text p{text-shadow:0 0 15px rgba(0, 0, 0, 0.5); color:#fff; line-height:160%; }
.mainvisual div.visual-text p.title{font-size:8.5rem; font-weight:600; line-height:110%;}
.mainvisual div.visual-text p.sub-title{font-size:3.8rem; font-weight:300;}
.mainvisual .slick-dots{bottom: 10rem; padding-left:10%;  text-align:left; box-sizing:border-box;}

.mainvisual .slick-prev,
.mainvisual .slick-next {bottom:11rem;top:auto; transform:translateY(-50%); font-size:0; line-height:0; position:absolute; display:block; width:80px; height:80px; background:none; 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:1px solid #fff; border-radius:50%; }
.mainvisual .slick-prev:before,
.mainvisual .slick-next:before {padding: 0 13px; font-size: 30px; line-height: 1; color:#fff; opacity:1;}
.mainvisual .slick-prev{left: 5%; display:none !important;}
.mainvisual .slick-next{right: 5%;}
.mainvisual .slick-prev:hover,
.mainvisual .slick-next:hover{border:1px solid #b61513;}
.mainvisual .slick-prev:hover:before,
.mainvisual .slick-prev:focus:before,
.mainvisual .slick-next:hover:before,
.mainvisual .slick-next:focus:before {color:#b61513;}

/*m_sec1*/
.tit-box p.bullet{position:relative; padding-bottom:4rem;}
.tit-box p.bullet:after{position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:6rem; height:4px; background:#ae1513; content:"";}

#m_sec1{position:relative; background:url("../img/main/pattern.png") center center repeat #b61513; text-align:center; color:#fff;}
#m_sec1.section{padding:5rem 0 8rem 0;}
#m_sec1 div.ico-box{width:4rem; padding-top:4rem; background:url("../img/main/ico-sec1.png") center center no-repeat;}
#m_sec1 div.tit-box{padding-bottom:2rem; font-size:5rem;}
#m_sec1 div.txt-area{font-size:2rem;}

#m_sec2{padding:4.5rem 0 8.5rem 0; background:url("../img/main/bg-m-sec-2.png") bottom center no-repeat;}
#m_sec2 > div.inner{padding-top:9.5rem; padding-bottom:9.5rem;}
#m_sec2 .top > .flex{width:100%;}
#m_sec2 .top .tit-box{padding:4rem 0;}
#m_sec2 .top .tit-box .sub-tit{font-size:4rem}
#m_sec2 .top .tit-box .tit{font-size:6.5rem;}

#m_sec2 .top .info-area{width:80%;}
#m_sec2 .busi-list .busi-box{padding:3.5rem 5%; transition:0.5s all; box-sizing:border-box;}
#m_sec2 .busi-list .busi-box a{display:block; padding:6rem; color:#fff; box-sizing:border-box;} 
#m_sec2 .busi-list .busi-box a .num{color:#ccc; }
#m_sec2 .busi-list .busi-box:hover{padding-top:0;}
#m_sec2 .busi-list .busi-box:hover > a{box-shadow:10px 10px 10px #ccc;}
#m_sec2 .busi-list .busi-box:hover > a .num{color:#fff;}
#m_sec2 .busi-list .busi-box.box1 a{background:url("../img/main/img-busi01.png") center center no-repeat; box-sizing:border-box;}
#m_sec2 .busi-list .busi-box.box2 a{background:url("../img/main/img-busi02.png") center center no-repeat; box-sizing:border-box;}
#m_sec2 .busi-list .busi-box.box3 a{background:url("../img/main/img-busi03.png") center center no-repeat; box-sizing:border-box;}
#m_sec2 .busi-list .slick-slide{padding:1rem;box-sizing:border-box;}
#m_sec2 .busi-list .slick-prev{bottom:0;left:-25%; background:#fff; border:1px solid #ccc; }
#m_sec2 .busi-list .slick-next{bottom:0; right:auto; left:-20%;background:#fff; border:1px solid #ccc;}
#m_sec2 .busi-list .slick-prev:hover,
#m_sec2 .busi-list .slick-next:hover{border:1px solid #ae1513;}
#m_sec2 .busi-list .slick-prev:hover:before,
#m_sec2 .busi-list .slick-next:hover:before{color:#ae1513;}
#m_sec2 .busi-list .slick-prev:before,
#m_sec2 .busi-list .slick-next:before{color:#ccc; padding:0 11px;}
#m_sec2 .busi-list .slick-prev:before{content:"\e908";}
#m_sec2 .busi-list .slick-next:before{content:"\e90b";}
#m_sec2 .busi-list .busi-box div.num{font-size:4rem; padding-bottom:17rem;}
#m_sec2 .busi-list .busi-box div.txt-box{font-size:3.2rem;}

#m_sec2 .bottom{text-align:center;}
#m_sec2 .bottom .tit-box .tit{font-size:4.8rem;}
#m_sec2 .bottom .flex{width:100%;}
#m_sec2 .bottom .img-area{width:60%;}
#m_sec2 .bottom .img-area .img-box{ padding-top:63%; background:url("../img/main/img-sec2.png") center center no-repeat; background-size:cover; box-shadow:30px 30px 30px #ccc; box-sizing:border-box;}
#m_sec2 .bottom .tit-box{padding-bottom:6rem;}
#m_sec2 .bottom	.link-box{}
#m_sec2 .bottom	.link-box li{padding-top:2rem; transition:0.5s all; box-sizing:border-box;}
#m_sec2 .bottom	.link-box li:hover{padding-top:0; padding-bottom:2rem; }
#m_sec2 .bottom	.link-box li a{display:block; width:21rem; height:20rem; margin:0 1rem; padding:3rem; background:#fff; border-radius:1rem; border:1px solid #ccc; color:#222; box-sizing:border-box;}
#m_sec2 .bottom	.link-box li .flex{width:100%; height:100%;}
#m_sec2 .bottom	.link-box li dl{width:100%;}
#m_sec2 .bottom	.link-box li a:hover{background:#ae1513; box-shadow:10px 10px 10px #ccc; color:#fff;}
#m_sec2 .bottom	.link-box li a div.ico-box{width:6rem; padding-top:6rem; margin:0.6rem auto; background:url("../img/main/ico-m-result.png") 0 0 no-repeat; box-sizing:border-box;}
#m_sec2 .bottom	.link-box li:nth-child(2) a div.ico-box{background-position:-6rem 0;}
#m_sec2 .bottom	.link-box li:nth-child(1):hover a div.ico-box{background-position:0 -6rem;}
#m_sec2 .bottom	.link-box li:nth-child(2):hover a div.ico-box{background-position:-6rem -6rem;}

#m_sec3{padding:13rem 0 15rem 0; background:url("../img/main/bg-sec3.png") center center no-repeat; background-size:cover; color:#fff;}
#m_sec3 div.tit-box{text-align:center;}
#m_sec3 div.board-area{padding-top:3rem;}
#m_sec3 div.board-area > .flex{justify-content:space-between}
#m_sec3 div.notice-latest{width:100%;}
#m_sec3 div.notice-latest div.list-latest{display:flex; width:100%;}
#m_sec3 div.notice-latest div.box-latest{width:30%; margin:0 1%; box-sizing:border-box; border:1px solid #ccc; border-radius:1rem;}
#m_sec3 div.notice-latest div.no-data{text-align:center; padding:20rem 0; border-top:1px solid #ccc;}
#m_sec3 div.notice-latest div.box-latest a{width:100%; height:50rem; display:block; background:rgba(0,0,0,0.5); padding:3rem;box-sizing:border-box; color:#fff;}
#m_sec3 div.notice-latest div.box-latest a:hover{box-shadow:0px 0px 50px rgba(168, 168, 168,0.8); transition: all 0.3s ease;}
#m_sec3 div.notice-latest .ellipsis{max-width:95%; width:540px;}
#m_sec3 div.notice-latest .ellipsis.row2{height:6.5rem;}
#m_sec3 div.notice-latest div.box-latest a div.text_box{margin: 0 auto; text-align: center; width: 100%; 80% }
#m_sec3 div.notice-latest div.box-latest a div.text_box p.bold{font-size: 2.4rem; padding-top:6rem; padding-bottom: 60px;}
#m_sec3 div.notice-latest div.box-latest a div.text_box div.line{margin: 0 auto; left: 50;width:40px; height:1px; background:#ccc;margin-bottom: 48px;}
#m_sec3 div.notice-latest div.box-latest a div.text_box p.date{padding-top: 7rem;color:#999;}

/* #m_sec3 div.notice-latest li dt,
#m_sec3 div.notice-latest li dd{padding:2rem 3rem; box-sizing:border-box;}
#m_sec3 div.notice-latest li dt{text-align:center;}
#m_sec3 div.notice-latest li dt .date-day{line-height:1.1; font-size:6.4rem;}
#m_sec3 div.notice-latest li dd .cont{font-weight:300; font-size:1.4rem; color:#eee;} */
/* #m_sec3 div.news-latest{width:40%;}
#m_sec3 div.news-latest dt{width:100%; padding-top:28rem; position:relative;}
#m_sec3 div.news-latest dt div.img-box{position:absolute; width:100%; height:28rem; top:50%; left:50%; transform:translate(-50%,-50%); background:#f5f5f5;}
#m_sec3 div.news-latest dt img{width:100%;}
#m_sec3 div.news-latest dd{position:relative; background:#fff; padding:3rem; box-sizing:border-box;}
#m_sec3 div.news-latest a dd div.red-box{position:absolute; top:-1.2rem; padding:0.4rem 1rem; background:#b51210; font-size:1.2rem; color:#fff;} */

#m_sec4{overflow:hidden;}
#m_sec4 div.location-area{position:relative; width:55%; background:#333;}
#m_sec4 div.location-area div.posi-box{position:absolute; right:0; width:200%; height:100%; background:url("../img/main/bg-loca.png") center center no-repeat; box-shadow:10px 10px 10px #ccc; background-size:cover;}
#m_sec4 div.location-area .gomap a{position:absolute; bottom:3rem; right:3rem; padding:1rem 2rem; background:#fff; border:2px solid #ae1513; border-radius:50rem; color:#ae1513;}
#m_sec4 div.location-area .gomap a:hover{background:#ae1513; color:#fff;}
#m_sec4 div.location-area div#map1{}
#m_sec4 div.info-area {width:45%; padding:16rem 3.5rem 14rem 3.5rem; text-align:center; box-sizing:border-box;}
#m_sec4 div.tit-box{}
#m_sec4 div.tit-box p{position:relative; font-size:4.8rem;}
#m_sec4 div.tit-box p.bullet:after{position:absolute; bottom:3rem; left:50%; transform:translateX(-50%);}
#m_sec4 div.suport-area{padding:6rem;}
#m_sec4 div.suport-area ul{width:100%;}
#m_sec4 div.suport-area ul li{width:33.3%; border-right:1px solid #ccc;}
#m_sec4 div.suport-area ul li:last-child{border-right:none;}
#m_sec4 div.suport-area ul li dt{font-size:1.8rem;}
#m_sec4 div.suport-area ul li dd{padding-top:0.4rem; font-size:1.6rem; line-height:1.2;}
#m_sec4 div.link-area{padding-top:4rem;}
#m_sec4 div.link-area li{padding:2rem 2% 0 2%; background:#fff; transition:0.5s all;}
#m_sec4 div.link-area li:hover{padding-top:0; padding-bottom:2rem; }
#m_sec4 div.link-area a{display:block; width:18rem; border-radius:0.5rem; padding:1.5rem 2rem; background:#fff; border:1px solid #ccc;}
#m_sec4 div.link-area li:hover a{background:#ae1513; box-shadow:3px 10px 10px #ccc; color:#fff;}
#m_sec4 div.link-area a p.arrow{text-align:right; color:#ccc;}
#m_sec4 div.link-area a div.icon{width:2.6rem; padding-top:2.6rem; }
#m_sec4 div.link-area a div.icon{width:3rem; padding-top:3rem; margin:0.6rem 0; background:url("../img/main/ico-m-support.png") 0 0 no-repeat; box-sizing:border-box;}
#m_sec4 div.link-area li:nth-child(2) a div.icon{background-position:-3rem 0;}
#m_sec4 div.link-area li:nth-child(1):hover a div.icon{background-position:0 -3rem;}
#m_sec4 div.link-area li:nth-child(2):hover a div.icon{background-position:-3rem -3rem;}
#m_sec4 div.link-area a p.tit{text-align:left;}

@media screen and (max-width: 1366px){
	.mainvisual div.main-visual div.visual{height:820px;}
	#m_sec2 .bottom .tit-box .tit{font-size:4.8rem;}
	#m_sec2 .busi-list .busi-box a{padding:4rem 2rem;}
	#m_sec2 .bottom .link-box li a{width:16rem; height:16rem;}
	
	#m_sec4 div.suport-area{padding:3rem;}
	#m_sec4 div.suport-area ul{flex-direction:column;}
	#m_sec4 div.suport-area ul li{width:100%; padding:2rem 0; border-right:none; border-bottom:1px solid #ccc; box-sizing:border-box;}
	#m_sec4 div.suport-area ul li:last-child{border-bottom:none;}
}

@media screen and (max-width: 1200px){
	.tit-box p.bullet{padding-bottom:2rem;}

	#m_sec2{padding:0 0 4rem;}
	#m_sec2 > div.inner{padding-top:6rem; padding-bottom:6rem;}
	#m_sec2 .top > .flex{flex-wrap:wrap;}
	#m_sec2 .top .info-area{width:100%;}
	#m_sec2 .bottom > .flex{flex-direction:column-reverse;}
	#m_sec2 .bottom .img-area{margin-top:2rem;}
	#m_sec2 .bottom .tit-box{padding-bottom:2rem;}

	#m_sec3 div.notice-latest{width:100%; min-height:auto;}
	#m_sec3 div.notice-latest div.box-latest a{height:44rem;}

	#m_sec4 div.tit-box p.bullet:after{bottom:0;}
	#m_sec4 > .flex{flex-direction:column-reverse; padding-bottom:8rem;}
	#m_sec4 div.suport-area ul{flex-direction:row;}
	#m_sec4 div.suport-area ul li{width:33%; padding:0 2rem; border-bottom:none; border-right:1px solid #ccc;}
	#m_sec4 div.info-area{width:100%; padding:8rem 0 6rem;}
	#m_sec4 div.link-area{width:100%; box-sizing:border-box;}
	#m_sec4 div.link-area .flex{justify-content:center;}
	#m_sec4 div.link-area li{padding-top:0;}
	#m_sec4 div.location-area{width:100%;}
	#m_sec4 div.location-area div.posi-box{position:relative; right:auto; width:100%;}
	#m_sec4 div.location-area div#map1{padding-top:40rem;}

	
}

@media screen and (max-width: 970px){

	div .slick-prev,
	div .slick-next{top:35%;}
	div .slick-prev{left:-2%;}
	div .slick-next{right:-2%;}
	div .slick-dots{display:block; bottom:-4rem;}

	/**
     * Maincommon
     */
	div.section{padding:75px 0;}
	div.section div.section_title_box{padding:0 0 30px 0;}
	div.section > div{padding:0 4%; box-sizing:border-box;}
	div.section p.category{margin-bottom:10px;}
	div.section h3{font-size:8vw; font-weight:700; line-height:110%;}
	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%;}

	/*mainvisual*/
	.mainvisual{ position:relative; background:#ebebeb; margin-top:0;}
	.mainvisual div.main-visual div.visual{padding-top:56rem; height:auto; background-size:cover;}
	.mainvisual div.visual-text{position: absolute; left: 50%; bottom: auto; top:50%; transform:translate(-50%, -50%); width:90%; text-align:center;}
	.mainvisual div.visual_text div.visual_text_box{display:block; padding:0; width:100%; height:auto; /* text-align:center; */}
	.mainvisual div.visual-text p.title{font-size:6rem;}
	.mainvisual div.visual-text p.sub-title{font-size:2rem;}
	.mainvisual .slick-dots{bottom:auto; top:60%; padding:0; text-align:center; /* display:none !important; */}

	.mainvisual .slick-next:before {padding: 0 10px;}
	.mainvisual .slick-next {width:80px; height:80px; border-radius:50px; }
	.mainvisual .slick-next{left: 50%; bottom:20px; transform:translateX(-50%);}
	.mainvisual .slick-next:before{content:"\e941";}


	/*m_sec1*/
	#m_sec1 div.txt-area{font-size:1.8rem;}

	#m_sec2 .top .tit-box .sub-tit{font-size:3.2rem;}
	#m_sec2 .bottom .tit-box .tit{font-size:3.2rem;}
	#m_sec2 .bottom .img-area{display:none;}

	#m_sec3 div.notice-latest div.box-latest{width:100%;}
	#m_sec3 div.notice-latest div.box-latest a{height:auto;}
	#m_sec3 div.notice-latest div.box-latest a div.text_box p.bold{padding:1rem 0; font-size:2rem;}
	#m_sec3 div.notice-latest p.bold .ellipsis.row2{height:4.8rem;}
	#m_sec3 div.notice-latest div.box-latest a div.text_box div.line{margin-bottom:2rem;}
	#m_sec3 div.notice-latest div.box-latest a div.text_box p.date{padding-top:2rem;}
	#m_sec3 div.notice-latest .ellipsis{width:74rem;}

	#m_sec4 div.suport-area{padding:0;}
	#m_sec4 div.suport-area ul{width:100%; flex-direction:column; text-align:left;}
	#m_sec4 div.suport-area ul li{width:100%; padding:2rem 0; border:none; box-sizing:border-box;}
	#m_sec4 div.suport-area ul li dt{display:flex;}
	#m_sec4 div.suport-area ul li dt > p:first-child{padding-right:1rem;}
	#m_sec4 div.suport-area ul li dd{padding:0 3rem;}
}

@media screen and (max-width: 740px){
	

	.mainvisual .slick-next{display:none !important;}
	.mainvisual .slick-dots{top:auto; bottom:20px;}
	.mainvisual div.main-visual div.visual{padding-top:40rem;}
	.mainvisual div.visual-text p.title{font-size:4rem; line-height:1.2;}

	#m_sec1 div.ico-box{margin-bottom:2rem;}
	#m_sec1 div.txt-area{font-size:1.6rem;}

	#m_sec2 .top .tit-box .sub-tit{font-size:2.6rem;}
	#m_sec2 .busi-list .busi-box a{background-size:cover !important;}
	#m_sec2 .bottom .tit-box .tit{font-size:2.6rem;}
	
	#m_sec3{padding:6rem 0 8rem 0;}
	#m_sec3 div.notice-latest li dt, #m_sec3 div.notice-latest li dd{padding:1rem 1rem;}
	#m_sec3 div.notice-latest li dt .date-ym{font-size:1.2rem;}
	#m_sec3 div.notice-latest li dt .date-day{font-size:4rem;}

	#m_sec4 div.link-area li{width:50%; box-sizing:border-box;}
	#m_sec4 div.link-area a{width:100%; box-sizing:border-box;}

}