@charset "UTF-8";
/* LAST UPDATE */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: 400;}
html,body{width: 100%; margin: 0; padding: 0;}
html{font-size: 62.5%; }
body{ font-size: 1.6rem; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
a:hover{opacity: 0.6; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;}
p{margin: 0; font-size: 1.5rem; line-height: 1.5;}
table{border-collapse: collapse;}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}
ul.list01 li{}
ul.list01 li{margin: 0 0 1.5em 0; padding: 0 0 0 24px; font-size: 1.5rem; position: relative;}
ul.list01 li:before{width: 15px; height: 15px; content: ""; display: block; position: absolute; top: 1px; left: 0; background: #F1A20D; border-radius: 20px;}
ul.list01 li:last-of-type{margin: 0 0 0;}
ul.list01 li span{ margin: 0 0 10px; font-weight: bold; display: block; letter-spacing: 1px; font-size: 1.6rem;}
.fz12{font-size: 1.2rem !important;}
.fz13{font-size: 1.3rem !important;}
.fz14{font-size: 1.4rem !important;}
.fz15{font-size: 1.5rem !important;}
.fz16{font-size: 1.6rem !important;}
.fz17{font-size: 1.7rem !important;}
.fz18{font-size: 1.8rem !important;}
.fz19{font-size: 1.9rem !important;}
.fz20{font-size: 2.0rem !important;}
.fz21{font-size: 2.1rem !important;}
.fz22{font-size: 2.2rem !important;}
.fz23{font-size: 2.3rem !important;}
.fz24{font-size: 2.4rem !important;}
.fz25{font-size: 2.5rem !important;}
.fz26{font-size: 2.6rem !important;}
.fz27{font-size: 2.7rem !important;}
.mb1{margin-bottom: 1em !important;}
.mb2{margin-bottom: 2em !important;}
.mb3{margin-bottom: 3em !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.fwB{font-weight: bold !important;}
.fwN{font-weight: normal !important;}
.taC{text-align: center;}
.txt_red{color: #E80003;}
.displayPc{display: none;}
.displaySp{display: block;}
#wrapper{overflow: hidden;}
#content{ width: 100%; padding: 0 3%;}
section{margin: 0 0 70px;}
header{width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #ddd; background: #fff;}
header > div{  padding: 1em 1em .8em; }
h1{margin: 0 ; padding: 0;}
h1 a img{ width: 80%; max-width: 368px; height: auto;}
h2{margin: 0 0 1.4em; padding: 0 0 .3em; font-size: 2.2rem; font-weight: bold; border-bottom: 3px solid #6c828b;}
nav{width: 100%; height:4vh;}
#page-title { margin: 0 0 70px; border-bottom: 1px solid #ddd; background: url("../images/bg.jpg") no-repeat 50% 20%; background-size: cover;}
/* #page-title p{margin: 50px 0 ; font-size: 2.6rem; font-weight: bold; color: #0048a2} */
#page-title p{margin: 50px 0 ; font-size: 2.6rem; font-weight: bold; color: #0048a2; text-shadow: 1px  1px 6px #fff,-1px  1px 6px #fff, 1px -1px 6px #fff,-1px -1px 6px #fff, 1px  0px 6px #fff, 0px  1px 6px #fff,-1px  0px 6px #fff, 0px -1px 6px #fff;}   /* 文字の影 */
#page-title > div{ padding: 1em}
.attention{padding: 2.2em 1.8em 2.2em 1.8em; background:#F3F3F3; border-radius: 20px;}
.attention ul li{margin: 0 0 1.5em 0; padding: 0 0 0 24px; font-size: 1.5rem; position: relative;}
.attention ul li:before{width: 17px; height: 17px; content: ""; display: block; position: absolute; top: -1px; left: 0; background:url("../images/icon_attention.png") top 0 left 0 no-repeat;}
.attention ul li:last-of-type{margin: 0 0 0;}
.attention ul li span{ margin: 0 0 6px; font-weight: bold; display: block; letter-spacing: 1px; font-size: 1.6rem;}
.attention ul li:last-of-type span{margin:0;}
.about{padding: 2em; background:#FFFDCA;}
.table01{width: 100%; margin: 0;}
.table01 tr th{ padding: 14px 10px 12px; background: #6c828b; color: #fff; letter-spacing: 2px; text-align: center; font-weight: normal; font-size: 1.7rem; }
.table01 tr th, .table01 tr td{ border: 1px solid #6c828b; }
.table01 tr td{padding: 14px 10px 12px; }
.table01 tr th.gray{ padding: 10px 10px 7px; background: #BFCFC5; white-space: nowrap; color: #000;}
#up{ position: fixed; bottom: 20px; right: 10px;}
#up a{ padding: 16px 20px; display: block; background: #6c828b; color: #fff; text-decoration: none; border-radius: 50px;}
footer{padding: 4%;}
.footer-logo {margin: 0 0 15px;}
.footer-logo img{ width: 70%; height: auto; max-width: 368px;}
address{ font-style: normal; font-size: 1.2rem;}
.btn01 a{ padding: 1em 1em .5em ; display: block; background: #59AF00; text-decoration: none; color: #fff; border-radius: 14px; font-size: 2.2rem; font-weight: bold; text-align: center; position: relative; text-indent: 30px;}
.btn01 a span{margin: 15px 0 0; padding: 15px 0 0; font-size: 1.7rem; border-top: 1px solid #fff; display: block;}
.btn01 a:before{width: 30px; height: 30px; content: ""; display: block; position: absolute; top: 21px; left: 19px; background:url("../images/icon_check.png") top 0 left 0 no-repeat;}
.maintenance{ width: 100%; margin: 0 auto;}
.maintenance p{ margin-bottom: 6px; font-size: 16px;}
.emergency{ width: 100%; margin: 0 auto 2em; background-color: #FEFFB3; padding: 1.5em;}
.emergency p{ margin-bottom: 6px; font-size: 16px;}
#contact{ margin: 0 auto; padding: 27px 30px 23px; border: 3px solid #6c828b; text-align: center;}
.contact_midashi{ margin: 0 0 16px; padding: 10px 10px 6px; background: #6c828b; border-radius: 30px; color: #fff;}
.contact_logo{margin: 0 0 17px;}
.contact_logo img { width: 70%; height: auto; max-width: 368px;}
.contact_mail, .contact_mail a{ font-size: 1.7rem; color: #6c828b; font-weight: bold;}
footer{margin: 120px 0 0; padding: 1em;  }
@media screen and (min-width:980px), print { 
	html{min-width:1024px;}
	.displayPc{display: block;}
	.displaySp{display: none;}
	header > div{ width: 1000px; margin: 0 auto; padding: 1em 0;}
	#content{width: 1000px; margin: 0 auto; padding: 0;}
	#page-title {height: 350px;}
	#page-title > div{width: 1000px; margin: 0 auto; padding: 1em 0}
	#page-title p{font-size: 3.2rem;}
	.btn01 a{ width: 650px; margin: 0 auto;}
	.maintenance{ width: 650px; margin: 0 auto;}
	#contact{ width: 600px;}
	footer > div{width: 1000px; margin: 0 auto;}	
	address{margin: 10px 0 0; font-size: 1.2rem;}
}