#section2 .box1 li .date{ display:inline-block; padding-right:1em;}
#section2 .box2{ background:#000;}
#section2 .box2 h2{ color:#fff; text-align:center;}
#section2 .box2 p{ color:#fff; text-align:center;}
#section2 .box2 ul li{ font-weight:100;}
#section2 .box2 ul li .s1{ font-weight:100;}
#section3 .box3 .inbox{ background:url(../images/index/images/index3.png) center; background-size:cover;}
#section3 .box3 h2{ text-align:center; color:#000;}
#section3 .box3 p{ text-align:center; color:#000;}
#section1 .box2 ul li a{ letter-spacing:0.2em; text-indent:0.2em;}
#section2 .box1 h2{letter-spacing:0.25em; text-indent:0.25em;}
#section3 .box1 li{letter-spacing:0.25em; text-indent:0.25em;}
#section3 .box3{letter-spacing:0.25em; text-indent:0.25em;}


.notice2_title2 {
	font-weight:bold;
	text-align: center;
	
}


/*ーーーーーーーーーーーーーーーー
PCの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (min-width: 769px) {
#section1{ width:100%;  height:800px; position:relative;}
#section1 .box1{ width:100%; height:800px; position:relative; overflow:hidden;}
#section1 .box1 .swiper-slide{height:800px;}
#section1 .box1 .slide1{ background:url(../images/index/images/index1_1.png) center; background-size:cover;}
#section1 .box1 .slide2{ background:url(../images/index/images/index1_2.png) center; background-size:cover;}
#section1 .box1 .slide3{ background:url(../images/index/images/index1_3.png) center; background-size:cover;}
#section1 .box2{ width:100%; height:800px; position:absolute; overflow:hidden; top:0; left:0; z-index:10;}
#section1 .box2 .img1{ width:150px; padding-top:175px; margin:auto; display:block;}
#section1 .box2 ul{ width:900px; margin:auto; padding:130px 0 55px;}
#section1 .box2 ul li{ display:block; width:20%; float:left;}
#section1 .box2 ul li a{ display:table; margin: auto; padding-bottom:5px; color:#fff; position:relative; text-shadow:#000000 2px 2px 2px;}
#section1 .box2 ul li .line{ background:#fff; display:block; height:2px; width:0; position:absolute;left:50%;bottom: 0;-webkit-transform: translate(-50%, -0%);/* Safari用 */transform: translate(-50%, -0%); transition:all 0.5s ease; box-shadow:#0000 2px 2px 2px;}
#section1 .box2 ul li:nth-of-type(1) a:hover .line{ width:5em;}
#section1 .box2 ul li:nth-of-type(2) a:hover .line{ width:10em;}
#section1 .box2 ul li:nth-of-type(3) a:hover .line{ width:5em;}
#section1 .box2 ul li:nth-of-type(4) a:hover .line{ width:7em;}
#section1 .box2 ul li:nth-of-type(5) a:hover .line{ width:7em;}
#section1 .box2 .a2{ display:table; margin:auto;}
#section1 .box2 .a2 img{ width:41px;}
#section2 .box1{ padding:50px 0 30px;}
#section2 .box1 h2{ width:118px; height:38px;display:flex;align-items: center;justify-content: center; font-size:16px; border:solid 1px #000; margin:auto; color:#000;}
#section2 .box1 ul{ width:400px; margin:auto; padding:25px;}
#section2 .box1 li{ border-bottom: solid 1px #666; color:#000; width:calc(100% - 1em); display:block; padding:0.5em;}
#section2 .box2 h2{ padding:50px 0; font-size:18px;}
#section2 .box2 ul{ padding:50px 0 10px; width: 450px; margin:auto;}
#section2 .box2 ul li{ display:flex;align-items: center; height:33px; font-size:18px; padding-bottom:40px;}
#section2 .box2 ul li .s1{ font-size:33px; display:inline-block;display:flex;align-items: center;justify-content: center; width:40px; height:33px;}
#section2 .box2 ul li .s2{ display:inline-block; padding-right:0.5em;}
#section2 .box2 .txt2{ padding-bottom:50px;}
#section3 .box1{ padding:115px 0 0;}
#section3 .box1 ul{ width:975px; margin:auto;}
#section3 .box1 li{ float:left; position:relative; width:325px; background:#000; padding-top:325px; height:325px;}
#section3 .box1 li:nth-of-type(2){padding:0 0 325px;}
#section3 .box1 li .img1{ position:absolute;top:0; left:0; width:100%; height:325px;}
#section3 .box1 li:nth-of-type(2) .img1{top:325px;}
#section3 .box1 li .s1{ text-align:center; color:#fff; display:block; padding-top:75px;}
#section3 .box1 li .s2{ text-align:center; color:#fff; display:block; padding-top:20px; line-height:2.1;}
#section3 .box1 li a{ border:solid 2px #fff; width:240px; height:70px; position:absolute; bottom:30px;display:flex;align-items: center;justify-content: center; color:#fff; left:calc(50% - 122px); line-height:1; overflow:hidden;}
#section3 .box1 li:nth-of-type(2) a{ bottom:355px;}
#section3 .box1 li a:hover{ transition:all 0.3s ease; color:#000;}
#section3 .box1 li a .s3{ width:100%; display:block; height:70px; position:absolute; left:0; top:-70px; transition:all 0.3s ease; background:#fff;}
#section3 .box1 li a:hover .s3{ top:0;}
#section3 .box1 li a .s4{display:flex;align-items: center; height:18px; position:relative;}
#section3 .box1 li a .s5{background:url(../images/common/images/common11_2.png); background-size:100% 100%; width:9px; height:18px; display:inline-block; margin-left:1em; transition:all 0.3s ease;}
#section3 .box1 li a:hover .s5{background:url(../images/common/images/common11_1.png); background-size:100% 100%;}


#section3 .box2{ padding:100px 0 85px;}
#section3 .box2 ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; width:970px; margin:auto;}
#section3 .box2 li{ width:20%;}
#section3 .box2 li a{ display:block; height:195px; overflow:hidden;}
#section3 .box2 li a img{ width:100%;}
#section3 .box3 h2{ padding-bottom:10px;}
#section3 .box3 .inbox{ background-size:cover; width:100%; height:245px; display:flex;align-items: center;justify-content: center;}
#section3 .box3 a { background:rgba(255,255,255,0.00); transition:all 0.5s ease; border:solid 1px #fff; width:240px; height:70px;display:flex;align-items: center;justify-content: center; color:#fff;}
#section3 .box3 a:hover { background:rgba(255,255,255,0.30);}
#section3 .box3 a .s1{background:url(../images/common/images/common11_2.png); background-size:100% 100%; width:9px; height:18px; display:inline-block; margin-left:1em; transition:all 0.3s ease;}
#section3 .box3 p{ padding:10px 0 80px;}

#section4 .box1{ width:975px; margin:auto; color:#000;}
#map_canvas{ width:407px; height:407px; float:left;}
	.map {width:407px; height:407px; float:left;}
	.map iframe {
		width: 100%;
		height: 100%;
	}
#section4 .box1 .inbox1{ padding-left:33px; float:left; width:535px;}
#section4 .box1 .inbox1 h2 { height:100px; display:flex;align-items: center; font-size:20px;}
#section4 .box1 .inbox1 h2 img{ width:50px;}
#section4 .box1 .inbox1 h2 .s1{ display:inline-block; padding:0 1em 0 0.5em; font-size:15px;}
#section4 .box1 .inbox1 .txt1{ padding-bottom:20px;}
#section4 .box1 .inbox1  li{ position:relative; padding-left:65px; padding-bottom:10px;}
#section4 .box1 .inbox1  li .s1{ position:absolute; left:0; top:0;}

#section4 .box1 .inbox1 .inbox1_2{ width:255px; float:left; padding-top:30px;}
#section4 .box1 .inbox1 .txt3{ width:213px; height:68px;display:flex;align-items: center;justify-content: center; border:solid 1px #000; font-size:19px;}
#section4 .box1 .inbox1 .txt3 a{ display:none;}
#section4 .box1 .inbox1 .a2{ width:213px; height:68px;display:flex;align-items: center;justify-content: center; border:solid 1px #000;}
#section4 .box1 .inbox1 .a2 img{ width:140px;}
#section4 { padding-bottom:120px;}

.notice2_cont {
	color:#000;
	width:970px;
	margin:50px auto;
	padding:0 220px;
	box-sizing: border-box;
}

.notice2_title {
	text-align: center;
	color:#513117;
	font-weight:bold;
	font-size:22px;
	
}	
	
	

}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#section1{ width:100%;  height:135vw; position:relative; background:rgba(0,0,0,0.50);}
#section1 .box1{ width:100%; height:60vw; position:relative; overflow:hidden;}
#section1 .box1 .swiper-slide{height:60vw;}
#section1 .box1 .slide1{ background:url(../images/index/images/index1_1.jpg) center; background-size:cover;}
#section1 .box1 .slide2{ background:url(../images/index/images/index1_2.jpg) center; background-size:cover;}
#section1 .box1 .slide3{ background:url(../images/index/images/index1_3.jpg) center; background-size:cover;}
#section1 .box2{ width:100%; position:absolute; top:0; left:0; z-index:10;}
#section1 .box2 .img1{ width:30vw; padding-top:10vw; margin:auto; display:block;}
#section1 .box2 ul{ width:95%; margin:auto; padding:12vw 0;}
#section1 .box2 ul li{ display:block; width:100%; padding-bottom:2vw;}
#section1 .box2 ul li a{ color:#fff; font-size:5vw; height:10vw; display:flex;align-items: center; text-shadow:0.5vw 0.5vw 0.5vw #000;}
#section1 .box2 .a2{ display:block; width:20vw; position:absolute; bottom:12vw; right:5vw;}
#section1 .box2 .a2 img{ width:100%;}
#section1 .box2 ul li:nth-of-type(1) a{ width:4em;}
#section1 .box2 ul li:nth-of-type(2) a{ width:12em;}
#section1 .box2 ul li:nth-of-type(3) a{ width:4em;}
#section1 .box2 ul li:nth-of-type(4) a{ width:6em;}
#section1 .box2 ul li:nth-of-type(5) a{ width:6em;}
#section2 .box1{ padding:50px 0 30px;}
#section2 .box1 h2{ width:40vw; height:15vw;display:flex;align-items: center;justify-content: center; font-size:6vw; border:solid 0.5vw #000; margin:auto; color:#000;}
#section2 .box1 ul{ width:95%; margin:auto; padding:5vw 0;}
#section2 .box1 li{  border-bottom: solid 0.5vw #666; color:#000;width:calc(100% - 1em); display:block; padding:0.5em; }
#section2 .box2 h2{ padding:10vw 0; font-size:5vw;}
#section2 .box2 ul{ padding:10vw 0 5vw; width:90%; margin:auto;}
#section2 .box2 ul li{font-size:4vw; padding-bottom:5vw; position:relative; padding-left:19vw; display:block;}
#section2 .box2 ul li .s1{ font-size:6vw; display:inline-block;display:flex;align-items: center;justify-content: center; width:6vw; height:6vw; position:absolute; top:0; left:0;}
#section2 .box2 ul li .s2{ font-size:4vw; position:absolute;left:6vw;display:flex;align-items: center; height:6vw; width:13vw;}
#section2 .box2 .txt2{ padding-bottom:5vw; width:95%; margin:auto;}

#section3 .box1 ul{ width:100%; padding-top:2.5vw;}
#section3 .box1 li{position:relative; z-index:0; margin-bottom:2.5vw;}
#section3 .box1 li .img1{width:100%; height:100vw;}
#section3 .box1 li .s1{ text-align:center; color:#fff; display:block; position:absolute; top:5vw; width:100%; font-size:5vw;}
#section3 .box1 li .s2{ text-align:center; color:#fff; display:block; line-height:2.1; position:absolute; top:20vw; width:100%; }
#section3 .box1 li .bg_box{ width:90%; left:5%;height:90vw; position:absolute; top:5vw; background:rgba(0,0,0,0.50);}
#section3 .box1 li a{ border:solid 0.5vw #fff; width:70vw; height:10vw; position:absolute; bottom:15vw;display:flex;align-items: center;justify-content: center; color:#fff; left:calc(50% - 35.5vw); line-height:1; overflow:hidden; font-size:6.5vw;}
#section3 .box1 li a .s3{ width:100%; display:block; height:15vw; position:absolute; left:0; top:-15vw;  background:#fff;}
#section3 .box1 li a .s4{display:flex;align-items: center; height:10vw; position:relative;}
#section3 .box1 li a .s5{background:url(../images/common/images/common11_2.png); background-size:100% 100%; width:3.5vw; height:7vw; display:inline-block; margin-left:1em; transition:all 0.3s ease;}
#section3 .box2{ padding-bottom:10vw;}
#section3 .box2{ padding:10vw 0;}
#section3 .box2 ul{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center; width:100%;}
#section3 .box2 li{ width:30%; margin:2.5vw 0;}
#section3 .box2 li a{ display:block; height:30vw; overflow:hidden; position:relative;}
#section3 .box2 li a img{ width:100%;position:absolute;left:50%;top: 50%;-webkit-transform: translate(-50%, -50%);/* Safari用 */transform: translate(-50%, -50%);}
#section3 .box3 h2{ padding-bottom:2vw;}
#section3 .box3 .inbox{ width:100%; height:30vw; display:flex;align-items: center;justify-content: center;}
#section3 .box3 a { background:rgba(255,255,255,0.00); transition:all 0.5s ease; border:solid 0.5vw #fff; width:70vw; height:10vw;display:flex;align-items: center;justify-content: center; color:#fff;}
#section3 .box3 a .s1{background:url(../images/common/images/common11_2.png); background-size:100% 100%; width:3.5vw; height:7vw; display:inline-block; margin-left:1em; transition:all 0.3s ease;}
#section3 .box3 p{ padding-top:2vw; font-size:3.5vw;}

#section4{ padding-bottom:50vw;}
#section4 .box1{ width:95%; margin:auto; color:#000; padding-top:10vw;}
#map_canvas{ width:100%; height:60vw;}
#section4 .box1 .inbox1{ width:100%; padding-top:10vw;}
#section4 .box1 .inbox1 h2 { display:block; text-align:center;}
#section4 .box1 .inbox1 h2 img{ display:block; margin:auto; padding-bottom:5vw;}
#section4 .box1 .inbox1 h2 .s1{ display:inline-block; padding:0 1em 0 0.5em; }
#section4 .box1 .inbox1 .txt1{ padding:5vw 0;}
#section4 .box1 .inbox1  li{ position:relative; padding-bottom:5vw;}
#section4 .box1 .inbox1  li .s1{ display:block; font-size:6vw;}
#section4 .box1 .inbox1 .inbox1_2{ width:100%; padding-top:5vw;}
#section4 .box1 .inbox1 .inbox1_2 .txt2{ text-align:center; font-size:5vw;}
#section4 .box1 .inbox1 .txt3{ width:70vw; height:20vw;display:flex;align-items:center;justify-content: center; border:solid 0.5vw #000; font-size:6vw; position:relative; margin:auto;}
#section4 .box1 .inbox1 .txt3 a{ position:absolute; display:block; width:100%; height:20vw; left:0; top:0;}
#section4 .box1 .inbox1 .a2{ width:70vw; display:flex;align-items: center;justify-content: center; border:solid 0.5vw #000; font-size:5vw; margin:auto;}
#section4 .box1 .inbox1 .a2 img{ width:70%; padding:3vw 0;}

.notice2_cont {
	color:#000;
	width:auto;
	margin:25px auto;
	padding:0 15px;
	box-sizing: border-box;
}

.notice2_title {
	text-align: center;
	color:#513117;
	font-weight:bold;
	font-size:20px;
	
}


}