@charset "Shift_JIS";

html body{
	background: #F7F5F0;
	padding:0 0 10%;
	color:#444444;
}
.box_s{
	width:100%;
	height: auto;
	max-width:780px;
	margin:0 auto;
}
.box_s h1{
	font-size: 30px;
	text-align: center;
	background: #00916A;
	padding: 4% 0;
	margin:4% auto;
	color:#FFFFFF;
	border-radius: 4px;
	line-height: 1.2;
}
.box_s img{
		width: 100%;
		height: auto;
		margin:0 !important;
}
.btn_box{
	text-align: center;
	margin: 5% auto 3%;
}
.btn_box a{
	background: #e3978a;
	font-size: 180%;
	padding: 4% 3% 3.5%;
	border-radius: 4px;
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 4px solid #b76759;
}
.btn_box a:hover{
	text-decoration:none;
	color:#ffffff;
}
.btn_box2 a{
	background: #00916a;
	font-size: 180%;
	padding: 4% 20% 3.5%;
	border-radius: 100px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 4px solid #00523c;
	margin: 0 auto 8%;
	text-align:center;
}
.btn_box2 a:hover{
	color:#ffffff;
}
.btn_box p{
	font-size: 12px;
	margin: 16px 0;
}
.wrapper{
	margin:4% auto;
}
.wrapper .box_s h2{
	font-size: 20px;
	text-align: left;
	margin: 0 0 4%;
	display: block;
	color: #FFFFFF;
	background: #00916A;
	padding: 3%;
	border-radius:4px;
}
.wrapper .box_s h2 span{
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	right: 0;
}
body .list_box {
    margin: 8% auto;
}
ul.list_box{
	text-align:center;
	color:#444444;
}
ul.list_box li{
    list-style: none;
    display: inline-block;
    width: 48%;
    vertical-align: top;
    text-align: left;
    border: 1px solid #cccccc;
    padding: 1%;
    font-size: 12px;
    margin: 0 0 1%;
    background: #ffffff;
}
ul.list_box li h3{
	margin-bottom:1%;
	color: #77455e;
}
ul.list_box li h3 span{
	background: #eee;
	display: block;
	line-height: 1em;
	padding: 5px;
}
.form_response{
	padding:1%;
}
.caution{
	color:#ff0000;
	font-weight:bold;
	text-align: center;
	margin:3% 0 1%
}
.dl_btn{
	text-align: center;
	margin: 30px 0 40px;
	display: table;
	width: 100%;
}
.dl_btn li{
	display: table-cell;
	width: 40%;
}
.dl_btn a{
	border-bottom: 4px solid #b76759;
	border-radius: 3px;
	background: #e3978a;
	background-size: 8px 8px;
	margin: 3px auto 0;
	padding: 32px 0 28px;
	color: #444444;
	font-size: 24px;
	text-align: center;
	width: 90%;
	display: block;
	font-weight: bold;
}
.dl_btn a.blue{
	background: #B2EBFC;
	border-bottom: 4px solid #a0b9c1;
	max-width: 750px;
}
.dl_btn a.green{
	background: #D9F9B5;
	border-bottom: 4px solid #a5bf88;
	max-width: 300px;
	height: 50px;
	line-height: 0px;
	font-size: 18px;
}
.dl_btn a.purple{
	background: #A5A0CF;
	border-bottom: 4px solid #725761;
	max-width: 300px;
	height: 50px;
	line-height: 0px;
	font-size: 18px;
}
.dl_btn a.yellow{
	background: #FFFCDB;
	border-bottom: 4px solid #9F9D89;
}
.dl_btn a.red{
	background: #EB6D9A;
	border-bottom: 4px solid #954061;
	color:#ffffff;
	max-width: 750px;
}
.dl_btn strong{
	font-size: 20px;
	padding: 2% 0;
	display: block;
	color: #eb6100;
	border-bottom: 2px solid #e75d00;
	border-top: 2px solid #eb6100;
	margin: 2% auto;
	background: #fff7f7;
}
body .document_box{
	padding:4%;
	margin: 4% auto 10%;
	background:#E1F0EC;
}
.document_box li {
	margin: 2% auto;
}
.document_box li a{
	background: #ffffff;
	display: block;
	padding: 2%;
	border:1px solid #00916A;
	border-radius: 4px;
	text-indent: -5em;
   	padding-left: 6em;
}
.document_box li a:hover{
	background: #00916A;
	color:#ffffff;
}
.document_box h2{
	text-align:center;
}
.document_box .dl_box{
	display:table;
	width:100%;
	border-collapse: separate;
	border-spacing: 5px 0;
}
.document_box .dl_box a{
	display:table-cell;
	width:48%;
	text-align:center;
}
body .wrapper{
	max-width:1000px;
}
.text-gaisan{
	max-width: 780px;
	margin: auto;
	text-align:left;
	text-decoration:underline;
}
.text-shinsei{
	text-align:center;
	text-decoration:underline;
}
.document_dl{
	margin:4% 0;
}
.wrapper .box_s h3.red{
	color:#d8050e;
}
.info a{
	color: #ffffff;
	display: block;
	background: #008936;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
	border-bottom: 3px solid #2e3f35;
	border-radius: 10px;
}
.info a:hover{
	color: #ffffff;
}
.red_font{
	font-size:120%;
	color:#e32929;
}
.read {
	margin:2% 0;
}
.read dt{
	font-weight:bold;
}
.read dd ul li{
	text-indent: -1em;
	padding-left: 1em;
}
.read h3{
	margin: 5% 0 0;	
	line-height: 1;
}
.Text h4{
	font-weight: bold;
}
.attention{
	padding: 8%;
	background: #fefefe;
	border-radius: 4px;
	margin: 4% 5px;
}
.attention h3{
	text-align:center;
}
.attention dl.dl_box{
	margin:1% auto;
}
.attention dl.dl_box dt{
	font-weight:bold;
	border-bottom:1px solid #cccccc;
}
.attention ul{
	text-indent: -1em;
	padding-left: 1em;
	margin: 2% auto;
}
.attention ul li{
	margin: 1% auto;
}
html body .accordion-container{
	border:  none;
	background:#F7F5F0;
}
html body .accordion-container .article-title{
	background: #c7dea7;
	color: #3C3872;
	padding: 1em 0.625em 1em 1em;
}
html body .accordion-container .accordion-content{
	padding: 4%;
	background: #fffefb;
}
@media screen and (max-width:959px) {
	body .wrapper{
		padding:2%;
	}
	.box_s h1{
		font-size: 150%;
		margin: 0 auto;
		line-height: 1.5;
	}
	.box_s img{
		width: 100%;
		height: auto;
		margin:0 !important;
	}
	.btn_box a{
		background: #e3978a;
		font-size: 100%;
		padding: 6% 3% 5.5%;
		border-radius: 4px;
		display: inline-block;
		color: #ffffff;
		font-weight: bold;
		width:90%;
		border-bottom: 4px solid #b76759;
	}
	.read dd .red_font{
		font-size:100%;
		color:#e32929;
	}
	ul.list_box li{
	    list-style: none;
	    display: block;
	    width: 100%;
	}
	.wrapper .box_s h2 {
		position: inherit;
		font-size:100%;
	}
	.wrapper .box_s h2 span{
		position: inherit;
		display:block;
	}
	.dl_btn a{
		font-size:18px;
	}
	.document_box h3{
		font-size:100%;
		font-weight:normal;
	}
	.document_box li {
		margin: 6% auto;
	}
	.info a{
		width: 100%;
	}
}