@charset "utf-8";

/* topHeader */
#topHeader { min-width: 1100px; margin-top: 70px; overflow: hidden; }
#topHeader div.slider { position: relative; width: 100%; }
#topHeader div.slider .slPart { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100vw; height: 698px; overflow: hidden; }
#topHeader div.slider img.bg { position: absolute; width: 100%; min-width: 1366px; top: 0; left: 50%; right: 50%; margin-left: -683px; max-width: inherit; }
@media screen and (min-width: 1366px){ 
	#topHeader div.slider img.bg { left: 0; right: 0; margin-left: 0; } 
}
#topHeader div.slider .tx01 { position: relative; z-index: 2; width: 460px; color: #fff; text-align: center; }/*   */
#topHeader div.slider .tx01 .logo { width: 209px; margin: 0 auto 50px; }
#topHeader div.slider .tx01 .tx { font-size: 1.6rem; }
#topHeader div.slider .tx01 .date { font-size: 3.0rem; font-weight: bold; margin: 30px auto 0; }

@media screen and (max-width: 768px){
	#topHeader { min-width: inherit; margin-top: 50px; }
	#topHeader div.slider { max-height: 583px; overflow: hidden; }
	#topHeader div.slider .slPart { max-height: 583px; }
	#topHeader div.slider img.bg { width: 100%; min-width: inherit; left: 0; bottom: 0; top: inherit; margin-left: 0; }
	
	#topHeader div.slider .tx01 { width: 320px; }
	#topHeader div.slider .tx01 .tx { font-size: 1.3rem; }
	#topHeader div.slider .tx01 .logo { width: 135px; }
	#topHeader div.slider .tx01 .date { font-size: 1.8rem; }
}
/* topHeader */

/* mainContent */
#sec01 { background-image: url(../img/top/bg_white.png); background-size: auto; background-position: center center; background-repeat: repeat; }
#sec02 { background-image: url(../img/top/bg_green.png); background-size: auto; background-position: center center; background-repeat: repeat; }
#sec03 { background-image: url(../img/top/bg_white.png); background-size: auto; background-position: center center; background-repeat: repeat; }
#sec02 { background-color: #36504e; padding: 0 0; }

.top .cont { width: 1000px; margin: 120px auto 120px; }
.top .cont:after { content: ''; display: block; height: 0; clear: both; float: none; }
.top .cont .photo img { width: 540px; }
.top .cont .catch { font-size: 2.2rem; margin: 32px 0 28px; }
.top .cont .catch + p { line-height: 1.84615; }

#mvimg101 .mb { margin-bottom: 24px; }

.top .cont.p_left .photo { float: left; width: 610px; }
.top .cont.p_left .text { margin-left: 610px; }
.top .cont.p_right .photo { float: right; width: 610px; text-align: right; }
.top .cont.p_right .text {  }

.top #sec02 .cont .text { color: #fff; }

.top #sec01_1 h2 img { width: 195px; }
.top #sec01_2 h2 img { width: 317px; }
.top #sec01_3 h2 { text-align: center; margin: 39px auto; }
.top #sec01_3 h2 img { width: 271px; }

.top #sec02_1 h2 img { width: 362px; }
.top #sec02_2 h2 img { width: 320px; }
.top #sec02_3 h2 { text-align: center; margin: 39px auto; }
.top #sec02_3 h2 img { width: 278px; }

.top #sec03_1 h2,
.top #sec03_2 h2,
.top #sec03_3 h2 { text-align: center; margin: 39px auto; }
.top #sec03_1 h2 img { width: 90px; }
.top #sec03_2 h2 img { width: 180px; }
.top #sec03_3 h2 img { width: 121px; }

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

	.top .cont { width: 290px; margin: 60px auto 60px; }
	
	.top .cont .catch { font-size: 1.8rem; margin: 22px 0 28px; }
	
	.top .cont.p_left .photo,
	.top .cont.p_right .photo { width: 100%; float: none; }
	.top .cont.p_left .text,
	.top .cont.p_right .text { margin-left: 0; }
	.top .cont .photo img { width: inherit; }
	
	.top h2 { margin-top: 10px; }
	.top #sec01_1 h2 img { width: 125px; }
	.top #sec01_2 h2 img { width: 201px; }
	.top #sec01_3 h2 { text-align: center; margin: 20px auto; }
	.top #sec01_3 h2 img { width: 176px; }
	
	.top #sec02_1 h2 img { width: 232px; }
	.top #sec02_2 h2 img { width: 203px; }
	.top #sec02_3 h2 { text-align: center; margin: 20px auto; }
	.top #sec02_3 h2 img { width: 181px; }
	
	.top #sec03_1 h2,
	.top #sec03_2 h2,
	.top #sec03_3 h2 { text-align: center; margin: 20px auto; }
	.top #sec03_1 h2 img { width: 56px; }
	.top #sec03_2 h2 img { width: 113px; }
	.top #sec03_3 h2 img { width: 77px; }
	
}


#map { width: 100%; height: 450px; }

@media screen and (max-width: 768px){
	#sec03_3 iframe { height: 210px; }
}

.mapContainer { width: 100%; height: auto; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.3); box-shadow: 0px 3px 10px rgba(0,0,0,0.3); }
.mapContainer .texts { margin: 18px 50px 50px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.mapContainer .texts p.catch,
.mapContainer .texts h3 { color: #d1af90; font-size: 2.0rem; font-weight: bold; margin: 32px 0 13px; }
.mapContainer .texts p.catch b { font-size: 2.4rem; }
.mapContainer .texts p.catch .s { font-size: 1.8rem; }

.mapContainer .texts p { line-height: 1.38461; }
.mapContainer .texts p + p { margin-top: 1em; }

.mapContainer .texts .cont1 { width: 380px; height: auto; overflow: hidden; }
.mapContainer .texts .cont1 li { float: left; width: 100%; }
.mapContainer .texts .cont1 li.half { width: 50%; }

.mapContainer .texts .cont2 { width: 380px; height: auto; overflow: hidden; text-align: left; }

@media screen and (max-width: 768px){
	.mapContainer .texts { margin: 0px 18px 0px; text-align: center; }
	
	.mapContainer .texts .cont1 li.half { width: 100%; }
	
	.mapContainer .texts h3 { font-size: 1.5rem; margin: 32px 0 13px; }
	.mapContainer .texts p.catch { font-size: 1.5rem; /*font-size: 1.3rem;*/ }
	/*.mapContainer .texts p.catch b { font-size: 1.5rem; }
	.mapContainer .texts p.catch .s { font-size: 1.3rem; }*/
	
	.mapContainer .texts .cont2 { margin: 30px 0; text-align: center; }
}


.cont.insta { clear: both; /*display: none;*/ }
.cont.insta ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cont.insta ul li { position: relative; width: 320px; height: auto; padding-top: 320px; margin: 10px 0; background-color: #fff; -webkit-box-shadow: 0px 3px 7px rgba(153, 141, 132, 0.4); box-shadow: 0px 3px 7px rgba(153, 141, 132, 0.4); overflow: hidden; }
.cont.insta ul li a { width: 100%; height: 100%; overflow: hidden; }
.cont.insta ul li img { position: absolute; display: block; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all .5s; transition: all .5s; }
.cont.insta ul li a:hover img  { -webkit-transform: translate(-50%,-50%)scale(1.1); transform: translate(-50%,-50%)scale(1.1); }
.posts.np ul li { height: 276px; }


@media screen and (max-width: 768px){
	.cont.insta ul li { width: 91px; height: auto; padding-top: 91px; margin: 0 0 9px; }
}

/* mainContent */