@charset "UTF-8";

html,body,table th,table td,dl,dl dt,dl dd,ul,ol,li,p{margin:0px;padding:0px;}
em,address{font-style:normal;}

html,body{
  font-family: "Open Sans", Avenir, Helvetica, Arial, Verdana, Roboto, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height:1.5;
  font-size: 107%;
  background-size:auto;
  background-position:center top;
  width:100%;
}
body {
	height:100%;
	color: #333;
	background:#F0BB4C;
}


*{overflow-wrap: break-word;word-wrap: break-word;}
a:hover img{opacity:0.6;}

h1,h2,h3,h4,h5,h6{position:relative;box-sizing:border-box;line-height:1.2;margin:0px;padding:0px;font-weight:200;z-index:10;font-weight:700;}

h2 {
	color:#333;
	padding:2.0rem 2.5rem 1.5rem 2.5rem; 
	font-size:1.875rem;
}


a{color:inherit;transition:all 0.2s;}
a > img{transition:all 0.2s;}

/*
p{line-height:2.2;letter-spacing:0.02em;}
p.caption{font-size:0.875rem;}
.em{font-weight:700;}
p > em{font-weight:700;}
p+p{margin-top:1em;}

small{font-size:0.875em;}
*/

/* koko kara tusika */
header > .row{
	text-align:center;
}
header {
	margin-bottom:3rem;
}
/* koko made tusika */





#contents{
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	width: 1060px;
	height: 100%;
    min-height: 100vh;
    position: relative;
    border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c7c7c7;
	border-left-color: #c7c7c7;
}
body > #contents {
	height: auto;
}

#contents > main{
	width:90vw;
	max-width:1000px;
	margin:0px auto;
}
/* #contents > main{width:90vw;max-width:1110px;margin:0px auto;} */

.row{
	position:relative;
	clear:both;
	margin-left:auto;
	margin-right:auto;
/*	box-sizing:border-box; */
}



/* 登録画面内 */
section{position:relative;}

@media screen and (min-width: 769px){
header{
        width: 100%;
	margin:0 auto; 
	text-align:center;
}
header {
	width:100%;
	height: 180px;
	position:absolute;
	top:0;
	background: url("../images/bg_header.png") left top repeat-x, #fff;
	
	box-shadow:0 9px 3px -3px rgba(0,0,50,0.5);
  	-webkit-box-shadow:0 9px 3px -3px rgba(0,0,50,0.5);
  	-moz-box-shadow:0 9px 3px -3px rgba(0,0,50,0.5);
}
.hederin {
	width:960px;
	margin:0 auto;
}
}

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

html,body{overflow-x: hidden;}

p{line-height:1.7;}

header{
        width: 100%;
	margin:0 auto; 
	text-align:center;
} 

header {
	width:100%;
/*	height: 180px; 
	position:absolute;*/
	top:0;
	background: url("../images/bg_header.png") left top repeat-x, #fff;
	
	box-shadow:0 9px 3px -3px rgba(0,0,50,0.5);
  	-webkit-box-shadow:0 9px 3px -3px rgba(0,0,50,0.5);
  	-moz-box-shadow:0 9px 3px -3px rgba(0,0,50,0.5);
}


header > .row { 
/*	display:none; */
} 
#contents{
	padding:0px 0px 1vw;
	width: 100%;
	border:none;
}

section {
	padding:0px 0px 3px;
/*	padding:0px 0px 1vw; */
	width:100%;
}
section > .row{
	max-width:92vw;
}

.hederin {
	width:100%;
	margin:0 auto;
}


footer{
	width:95%; /* 90% */
	padding: 0px 0px 3px 0px;
	margin: 0 auto;
}

footer p {
	font-size: 0.9rem;
	text-align:center;
	line-height: 60px;
}

}



/* ************************************************
  西日本災害 
************************************************* */
img {
	vertical-align:bottom;
	border:none;
	display:block;
}
#logo {
	display:block;
	width:960px;
	height:180px;
	text-indent:-9999px;
}

footer {
	clear: both;
	width:100%;
	height:auto;
	/*min-height:185px;*/
	background:#c79843;
}
#footerInner {
	width:100%;
	height:auto;
	min-height:10px;
/*	min-height:120px; */
	margin:0 auto;
	
	-ms-box-shadow:0px 4px 4px -1px #6F6050 inset;
	-moz-box-shadow:0px 4px 4px -1px #6F6050 inset;
	-webkit-box-shadow:0px 4px 4px -1px #6F6050 inset;
	-o-box-shadow:0px 4px 4px -1px #6F6050 inset;
	box-shadow:0px 6px 6px -1px #6F6050 inset;
	
}

	#footerInner p {
		color:#006837;
	}
	#footerInner p a {
		color:#00FFFF;
	}
	#footerInner p a:hover {
		color:#e50012;
		text-decoration: none;
	}

#copyright {
	width:100%;
/*	height:30px; */
	padding:0;
	background:#fff;
}
#copyright p {
/*	width: 940px;  */
	width:100%;
	margin: 0 auto;
	line-height:1.5;
	font-size: 12px;
	color:#c79843;
	text-align:center;
}

#contactInfo {
/*	width:960px; */
	/*height:115px;*/
	margin:0 auto;
	padding:0;
	display:-webkit-box;
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safariPC ---*/
	display: flex;

	-ms-flex-wrap:nowrap;/*--- IE10 ---*/
	-webkit-flex-wrap:nowrap;/*--- safariPC ---*/
	flex-wrap:nowrap;

	flex-direction: flex-start;
}