@charset "UTF-8";

* {
	box-sizing: border-box;
	margin:0;
	padding:0;
}
img {
	vertical-align:top;
	width:100%;
}

body {
	background-color:black;
	margin:0;
	padding:0;
	font-size:16px;
	color:black;
}
.wrapper {
	background-color:white;
	padding:0;
	max-width:800px;
	margin:0 auto;
	text-align:center;
}

.logo {
	width:100%;
	padding:10px;
	background-color:#ff3b1b;
	text-align:center;
	font-size:160%;
	font-weight:bold;
	color:white;
}
.logo span {
	font-size:80%;
}

.headerphoto {
	max-width:800px;
	margin:0 auto;
	text-align:center;
	
}
.contents {
	background-color:#ffffff;
	margin-bottom:30px;
}
.contentsheader {
	font-size:140%;
	font-weight: bold;
	padding-top:20px;
	border-bottom:3px solid #f9674f;
}
.contentsbody {
	text-align:left;
	padding:20px;
}
ul.gyoumulist li {
	padding:0;
	margin:0 0 0 2em;
//	list-style:none;
}
/*
ul.gyoumulist li:before { content:"" }

.contentsbody .point {
	text-align:center;
	font-weight: bold;
}
*/
.enkaku {
	width:100%;
}
.enkaku th {
	width:120px;
	vertical-align:top;
	text-align:center;
	font-weight:normal;
	background-color:#f2e4b3;
	padding:4px;
}
.enkaku td {
	vertical-align:top;
	padding:4px;
}

.gmap {
	margin-bottom:20px;
	text-align:center;
}
.mapalertmesheader {
	box-sizing: border-box;
	width:80%;
	margin:0 auto;
	background-color:#f46591;
	margin-bottom:20px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:white;

}
.mapalertmes {
	margin-bottom:20px;
	text-align:center;
}
.mapalertmes img {
	max-width:70%;
	text-align:center;
}
.tellinkbox {
	font-weight:bold;
	text-align:center;
}
.tellinkbox a {
	font-size:160%;
}
#footer {
	background-color:#ff3b1b;
	padding:20px 10px 10px 10px;
	width:100%;
	text-align:center;
	color:white;
	line-height: 200%;
}
#footer a {
	color:white;
}
.tellink {
}
.footerlogo {
	font-size:160%;
	font-weight:bold;
	margin-bottom:10px;
}
.footerlogo span {
	font-size:80%;
}

.smptellink a {
	pointer-events: none;
}
.separatorbox {
	display:flex;
	width:100%;
}
.separatorimage {
	flex-shrink: 0;
	flex-basis: 250px;
	text-align:center;
}
.separatorimage img {
	width:100%;
	max-width:400px;
}
.separatorbody {
	padding-left:10px;
	padding-right:10px;
	width:100%;
}

.outsourcingbox {
	margin-top:1em;

}
.outsourcingtitle {
	background-color: #ff3b1b;
	color:white;
	padding:4px;
	text-align: center;
	font-weight: bold;
	margin-bottom:10px;
}

