@charset "UTF-8";

/**************************************************/
/* トップページ */
/**************************************************/
.PC { display: inline;}
.SP { display: none;}
h1 { padding: 16px 0;}
h3 { border-bottom: dotted 3px #4653a2;padding: 20px 0 20px 150px; margin-top: 30px;}
.center{ display: block; margin-right: auto; margin-left: auto;}
.pBox01{ width: 700px; margin: 0 auto 20px; font-size: 18px; line-height: 1.8em; color: #4653a2;}
.pBox01 span{ background: linear-gradient(transparent 45%, #fff0d1 45%);}
.btnBox{ width: 75%; margin: 30px auto; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flexbox{ width: 65%; height: 244px; margin: 0 auto; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center;	-ms-flex-align: center;	align-items: center;}
#indexMenu{ width: 100%; background:url(../images/menuBg.png) repeat center;}
#indexMenu {text-align: center;}

.notes{width:700px;margin:0 auto 50px;}
.notes li{font-size:15px;line-height:1.7em;position:relative;padding-left:1em;}
.notes li span{position:absolute;left:0;top:0;width:1em;}

.no_op:hover { opacity: 1;}
.mbtm40 { margin-bottom: 40px;}
.mtop80 { margin-top: 80px;}
.numberHead { position: relative; overflow:hidden;}
.Box1-1 {width: 258px; margin: 0 auto;}
.Box1-2 {width: 911px; margin: 0 auto;}
.text1-3{font-size: 18px; text-align: center; line-height: 42px; padding: 20px 0;}
.text1-3 img{padding: 0 0.25em; width: 39px; box-sizing: content-box;}
.map1-3{ width: 1000px; position: relative; margin: 0 auto;}
.map1-3 .btn11{ position: absolute;top:335px;left: 90px;}
.map1-3 .btn12{ position: absolute;top:400px;left: 230px;}
.map1-3 .btn13{ position: absolute;top:525px;left: 310px;}
.map1-3 .btn14{ position: absolute;top:650px;left: 285px;}
.map1-3 .btn15{ position: absolute;top:1200px;left: 265px;}
.map1-3 .btn16{ position: absolute;top:1250px;left: 270px;}

.Box2-1{ width: 1000px; margin: 0 auto;}
.map2-1{ position: relative; width: 720px; margin: 0 auto;}
.map2-1 .btn21{ position: absolute;top:10px;left: 110px;}
.map2-1 .btn22{ position: absolute;top:10px;left: 520px;}

.map2-2{ position: relative; width: 700px; margin: 0 auto;}
.map2-2 .btn23{ position: absolute;top:10px;left: 275px;}

.map2-3{ position: relative; width: 700px; margin: 0 auto;}
.map2-3 .btn24{ position: absolute;top:140px;left: 65px;}
.map2-3 .btn25{ position: absolute;top:140px;left: 280px;}
.map2-3 .btn26{ position: absolute;top:140px;left: 530px;}

.map3-1{ position: relative; width: 700px; margin: 0 auto;}
.map3-1 .btn31{ position: absolute;top:115px;left: 220px;}
.map3-1 .btn32{ position: absolute;top:115px;left: 420px;}

.Box4 { margin-top: 100px; width: 325px;}

.toggleOpen,
.toggleClose{position:absolute;right:0;top:0;display:block;width:100%;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.toggleOpen{transition:all .5s ease 0s;}

.toggleOpen:after,
.toggleClose:after{content:'';position:absolute;right:80px;top:50%;margin-top:-16px;width:32px;padding-top:32px;display:block;z-index:1;}

.toggleOpen:before,
.toggleClose:before{content:'';position:absolute;left:0;width:100%;top:0;height:100%;transition:all .5s ease 0s;background-color:#FFF;opacity:0;display:block;z-index:2;}

.toggleOpen:hover:before,
.toggleClose:hover:before{opacity:0.4;}

.toggleOpen{height:100%;z-index:3;}
.toggleOpen:after{background:url( "../images/open.jpg") no-repeat center;background-size:100%;}

.toggleClose{height:100%;z-index:2;}
.toggleClose:after{background:url("../images/close.jpg") no-repeat center;background-size:100%;}

.opened .toggleOpen{height:0;margin-top:39px;}

.toggleBox{margin-bottom: 60px;}

.toggleContents{padding-top:40px;}

.numberBox{ position: relative;}


@media screen and (max-width: 1000px){
	
h1 { padding: 1.6vw 0;}
h3 { border-bottom: dotted 3px #4653a2;padding: 2vw 0 2vw 14.85vw; margin-top: 3vw;}
.pBox01{ width: 68.62vw; margin: 0 auto 5vw; font-size: 1.8vw;}
.btnBox{ margin: 3vw auto;}
.flexbox{ width: 63.72%; height: 24.4vw; }
.mbtm40 { margin-bottom: 4vw;}
.mtop80 { margin-top: 8vw;}
.Box1-1 {width: 25.29vw;}
.Box1-2 {width: 89.31vw;}
.text1-3{font-size: 1.8vw; line-height: 4.2vw; padding: 2vw 0;}
.text1-3 img{padding: 0 0.25em; width: 3.9vw;}
.map1-3{ width:100%;}
.map1-3 .btn11{ top:32.32vw;left: 8.91vw;width:13.4vw;}
.map1-3 .btn12{ top:38.02vw;left: 22.78vw; width: 32.3vw;}
.map1-3 .btn13{ top:50.85vw;left: 30.7vw; width: 14.8vw;}
.map1-3 .btn14{ top:62.725vw;left: 28.22vw; width: 19.7vw;}
.map1-3 .btn15{ top:115.6vw;left: 26.24vw; width: 26vw;}
.map1-3 .btn16{ top:120.52vw;left: 26.74vw; width: 25vw;}

.Box2-1{ width: 100%;}
.map2-1{width: 70.56vw;}
.map2-1 .btn21{ top:1vw;left: 10.9vw; width: 20vw;}
.map2-1 .btn22{ top:1vw;left: 51.48vw; width: 14.3vw;}

.map2-2{width: 78.6vw;}
.map2-2 .btn23{top:1vw;left: 27.225vw; width: 18vw;}

.map2-3{ width: 68.6vw;}
.map2-3 .btn24{ top:14vw;left: 6.435vw; width: 12.7vw;}
.map2-3 .btn25{ top:14vw;left: 27.72vw; width: 14.8vw;}
.map2-3 .btn26{ top:14vw;left: 52.47vw; width: 11.2vw;}

.map3-1{ width: 68.6vw;}
.map3-1 .btn31{ top:11.5vw;left: 21.78vw; width: 17.9vw;}
.map3-1 .btn32{ top:11.5vw;left: 41.58vw; width: 30.7vw;}

.Box4 { margin-top: 10vw; width: 31.85vw;}

.toggleOpen:after,
.toggleClose:after{right:7.92vw;top:50%;margin-top:-1.6vw;width:3.2vw;padding-top:3.2vw;}

.opened .toggleOpen{margin-top:3.9vw;}
	
.toggleBox{margin-bottom: 6vw;}

.toggleContents{padding-top:4vw;}
.topbtn{width: 23.52vw;}
.w47{ width: 4.6vw;}
.w240{width: 23.52vw;}
.w263{ width: 25.7vw;}
.w363{ width: 35.5vw;}
.w400{width: 39.2vw;}	
.w435{width: 42.63vw;}
.w500{width: 49vw;}
.w532{width: 52.67vw;}
.w701{width: 68.7vw;}	
.w524{ width: 51.35vw;}
.w613{ width: 60.07vw;}
	
	
@media screen and (max-width: 750px){

.sectionBox{width:92%;}
.PC { display: none;}
.SP { display: inline;}
h1 { padding: 1.6vw 0;}
h3 { border-bottom: dotted 3px #4653a2;padding: 2vw 0 2vw 1vw; margin-top: 3vw;}
.btnBox{ width: 100%;}
.pBox01{ width: 85.33vw; margin: 0 auto 5vw; font-size: 3.2vw;}
.btnBox{ margin: 4vw auto;}
.flexbox{ width: 86.66vw; height: 34.8vw; }
.mbtm40 { margin-bottom: 4vw;}
.mtop80 { margin-top: 8vw;}
.Box1-1 {width: 49.33vw;}
.Box1-2 {width: 89.31vw;}
.text1-3{width: 82.66vw; font-size: 3.46vw; line-height: 7.73vw; padding: 2vw 0; text-align: left; margin-left: auto;margin-right: auto;}
.text1-3 img{padding: 0 0.25em; width: 7.73vw;}
.map1-3{ width:100%;}
.map1-3 .btn11{ top:71.33vw;left: 34.66vw; width: 26.4vw;}
.map1-3 .btn12{ top:89.06vw;left: 32vw; width: 28.93vw;}
.map1-3 .btn13{ top:110.93vw;left: 15.33vw; width: 64.8vw;}
.map1-3 .btn14{ top:159.6vw;left: 29.33vw; width: 36.93vw;}
.map1-3 .btn15{ top:254.93vw;left: 22.66vw; width: 49.46vw;}
.map1-3 .btn16{ top:269.33vw;left: 24vw; width: 46.4vw;}

.Box2-1{ width: 100%;}
.map2-1{width: 82.66vw;}
.map2-1 .btn21{ top:8.13vw;left: 4.26vw; width: 37.6vw;}
.map2-1 .btn22{ top:8.13vw;left: 49.2vw; width: 27.6vw;}

.map2-2{width: 85.86vw;}
.map2-2 .btn23{top:18.4vw;left: 28vw; width: 34.4vw;}

.map2-3{ width: 82.66vw;}
.map2-3 .btn24{ top:33.06vw;left: 2.93vw; width: 23.33vw;}
.map2-3 .btn25{ top:33.06vw;left: 29.86vw; width: 24.53vw;}
.map2-3 .btn26{ top:33.06vw;left: 60vw; width: 20.66vw;}

.map3-1{ width: 82.66vw;}
.map3-1 .btn31{ top:49.86vw;left: 14.66vw; width: 32.13vw;}
.map3-1 .btn32{ top:44.66vw;left: 46.93vw; width: 36.53vw;}

.Box4 { margin-top: 10vw; width: 31.85vw;}

.toggleOpen:after,
.toggleClose:after{right:1vw;top:50%;margin-top:-1.6vw;width:3.2vw;padding-top:3.2vw;}

.opened .toggleOpen{margin-top:4.5vw;}
.btnh108.opened .toggleOpen{margin-top:7.25vw;}

.toggleBox{margin-bottom: 8vw;}

.toggleContents{padding-top:4vw; width: 85.33vw; margin-left: auto;margin-right: auto;}
#box1-3 .toggleContents{width: 91.73vw; margin-left: auto;margin-right: auto;}

.topbtn{width: 29.22vw;}
.w47{ width: 6.26vw;}
.w240{width: 33.73vw;}
.w263{ width: 34.13vw;}
.w363{ width: 48.4vw;}
.w400{width: 54.8vw;}	
.w435{width: 59.33vw;}
.w500{width: 72.26vw;}
.w532{width: 76.53vw;}
.w701{width: 58.66vw;}	
.w524{ width: 69.86vw;}
.w613{ width: 69.86vw;}	


}

/**************************************************/