@charset "utf-8";
.main_visual { background: #40bba4; text-align: center; padding: 1px 2px; margin-bottom: 25px; color: #fff; }
.main_visual h2 { margin-bottom: 15px; font-size: 5vw; font-weight: normal; }
.main_visual h2 strong { font-size: 1.56em; font-weight: normal; }
.main_visual h2 span { letter-spacing: 1px;}
.main_visual h2 span.txt_small{ font-size:18px;}
.box_search { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(67, 194, 149, 0); border: solid 3px rgba(161, 223, 211, .85); margin: 0 2% 5%; padding: 2%; }
.box_search .map h3 { background: url(../images/ico1.png) left center no-repeat; background-size: 17px auto; padding: 3px 0 5px 25px; margin-bottom: 10px; color: #40bba4; font-size: 20px; font-weight: normal; }
.inmap { position: relative; margin-bottom: 10px; }
.activeArea { position: absolute; }
.inmap .btn1 { position: absolute; left: 21.52%; top: 26.27%; z-index: 99999; }
.inmap .btn2 { position: absolute; right: 28.05%; top: 26.02%; z-index: 99999; }
.inmap .btn3 { position: absolute; right: 8.52%; bottom: 65.46%; z-index: 99999; }
.inmap .btn4 { position: absolute; left: 48.31%; bottom: 11.32%; z-index: 99999; }
.inmap .btn5 { position: absolute; left: 28.97%; bottom: 34.7%; z-index: 99999; }
.inmap .activeArea { position: absolute; }
.inmap .map1 { width: 54.76%; height: 66.67%; top: 1px; left: 1px; }
.inmap .map2 { width: 49.58%; height: 28.46%; top: 1px; right: 1px; z-index: 3; }
.inmap .map3 { width: 49.92%; height: 88.89%; top: 11.31%; right: 1px; z-index: 2; }
.map4 { width: 46.91%; height: 24.76%; bottom: 1px; right: 9.85%; z-index: 3; }
.inmap .map5 { width: 76.3%; height: 50.49%; bottom: 1px; left: 1px; }
.mapBtn { display: inline-block; border: 1px solid #b3c6c0; box-shadow: 0px 0px 3px #cdcecd; padding-left: 16px;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3eeeb+0,e3eeeb+50,d2e5df+50,e3eeeb+100 */ background: rgb(227, 238, 235); /* Old browsers */ background: -moz-linear-gradient(top, rgba(227, 238, 235, 1) 0%, rgba(227, 238, 235, 1) 50%, rgba(210, 229, 223, 1) 50%, rgba(227, 238, 235, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(227, 238, 235, 1) 0%, rgba(227, 238, 235, 1) 50%, rgba(210, 229, 223, 1) 50%, rgba(227, 238, 235, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(227, 238, 235, 1) 0%, rgba(227, 238, 235, 1) 50%, rgba(210, 229, 223, 1) 50%, rgba(227, 238, 235, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eeeb', endColorstr='#e3eeeb', GradientType=0); /* IE6-9 */ -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; }
.mapBtn .mapCheck { position: absolute; left: 2px; top: 50%; margin-top: -7px; }
.mapBtn a { color: #332e2c; text-decoration: none; display: inline-block; padding: 3px 8px 3px 2px; text-decoration: none; background: url(../images/btnArrow.png) no-repeat 98% 50%; background-size: 4px auto; font-size: 2.5vw; }
.mapBtn.onBtn, .mapBtn.active { border: 1px solid #8de0d1;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5faf0+0,c5faf0+50,a3f7e7+50,c5faf0+100 */ background: rgb(197, 250, 240); /* Old browsers */ background: -moz-linear-gradient(top, rgba(197, 250, 240, 1) 0%, rgba(197, 250, 240, 1) 50%, rgba(163, 247, 231, 1) 50%, rgba(197, 250, 240, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(197, 250, 240, 1) 0%, rgba(197, 250, 240, 1) 50%, rgba(163, 247, 231, 1) 50%, rgba(197, 250, 240, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(197, 250, 240, 1) 0%, rgba(197, 250, 240, 1) 50%, rgba(163, 247, 231, 1) 50%, rgba(197, 250, 240, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5faf0', endColorstr='#c5faf0', GradientType=0); /* IE6-9 */ }
/*.inmap .map1.onArea, .inmap .map1.current { background: url(../images/map01_on.png) no-repeat; background-size: 100% auto; }
.inmap .map2.onArea, .inmap .map2.current { background: url(../images/map02_on.png) no-repeat; background-size: 100% auto; }
.inmap .map3.onArea, .inmap .map3.current { background: url(../images/map03_on.png) no-repeat; background-size: 100% auto; }
.inmap .map4.onArea, .inmap .map4.current { background: url(../images/map04_on.png)  left bottom  no-repeat; background-size: 100% auto; }
.inmap .map5.onArea, .inmap .map5.current { background: url(../images/map05_on.png) left bottom no-repeat; background-size: 100% auto; }*/
.info_s h4 { background: url(../images/ico2.png) left center no-repeat; background-size: 15px auto; padding-left: 20px; margin-bottom: 10px; color: #40bba4; margin-bottom: 5px; font-size: 20px; font-weight: normal; }
.info_s .box_s { background: #eff8f5; box-sizing: border-box; padding: 3%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #40bba4; }
.info_s .box_s h5 { font-size: 16px; margin-bottom: 5px; }
.info_s .box_s .select { width: 45.5%; display: inline-block; }
.info_s .box_s .select select { width: 100%; padding: 5px; border: none; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #fff url(../images/arrow_d.png) no-repeat 95% center; background-size: 12px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #40bba4; }
.info_s .box_s .select select option, .info_s .box_s .select select optgroup { color: #40bba4; }
.info_s span { display: inline-block; padding-top: 05px; width: 9%; text-align: center; }
.btn_s { background: #eff8f5; padding: 15px 30px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
#refBtn { border: 0; background: url(../common_img/ico_search.png) 96% center no-repeat #40bba4; background-size: 21px auto; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: block; color: #fff; font-size: 17px; text-align: center; padding: 7px; width: 100%; }
.freeWordBox { margin-top: 15px; }
.freeWordBox input { font-family: 'Noto Sans Japanese', 'メイリオ', 'ＭＳ Ｐゴシック', Osaka, sans-serif; height: 44px; background: #e8f4f0; border-radius: 4px 0px 0px 4px; border: none; padding-left: 10px; width: 86%; box-sizing: border-box; }
.freeWordBox button { width: 13%; background: #e8f4f0; border: none; height: 44px; border-radius: 0px 4px 4px 0px; cursor: pointer; padding: 0; }
.t_list { background: #e8f4f0; padding: 4% 2% 10%; }
.t_list h3 { color: #40bba4; font-size: 20px; font-weight: normal; margin-bottom: 15px; text-align: center; }
.t_list h4 { color: #231815; font-size: 13px; }
.t_list .listLink { width: 48%; margin-bottom: 4%; display: block; float: left; text-decoration: none; border-radius: 4px; padding: 2%; box-sizing: border-box; position: relative; background: #fff url(../images/label_box.png) no-repeat right bottom; background-size: 9px auto; border: 3px solid #fff; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }
.t_list .listLink:nth-child(2n) { float: right; }
.t_list .image { text-align: center; background: #e8f4f0; cursor: pointer; margin-bottom: 10px; }
.t_list .image img { height: 120px; }
.t_list h5 { color: #576763; margin-bottom: 10px; }
.t_list h5 a { text-decoration: none; }
.t_list .info { margin-top: 10px; }
.t_list .info dl { margin-top: 10px; }
.t_list .info dl dt { background: #40bba4; float: left; width: 38px; text-align: center; color: #fff; border-right: 5px solid #fff; }
.t_list .info dl dd.bg { background: #d4f5ea; }
.t_list .info dl dd { color: #576763; overflow: hidden; padding-left: 5px; box-sizing: border-box; }

/* Responsive */
@media (min-width:480px) {
	.main_visual h2 { font-size: 21px; }
	.mapBtn a { font-size: 12px; }
}
@media (max-width:365px) {
	.freeWordBox input { font-size: 12px; }
}