@charset "utf-8";
/*--------------------------------------

CSS RESET

--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,
 thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	line-height:1.5em;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

img{
	max-width:100%;
	height:auto;
	display:block;
}
.pcBr{
	display: none;
}
.spBr{
	display: block;
}
.linkIcon:after{
	content: "\f08e";
	font-family: FontAwesome;

}
@media screen and (min-width : 768px){
/*.telLink{
	pointer-events : none;
	text-decoration:none;
}*/
.pcBr{
	display: block;
}
.spBr{
	display: none;
}
}
/*--------------------------------------

clearfix

--------------------------------------*/
.clearfix {
	zoom: 1;
	/* For IE 6/7 (trigger hasLayout) */
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}




/*--------------------------------------

container

--------------------------------------*/
body {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	-webkit-text-size-adjust: none;
	color:rgba(79,79,79,1.00);
	font-size:93%;
	word-wrap: break-word;
}

/*--------------------------------------

header

--------------------------------------*/
#header{
	padding: 10px 0 0;
}
#headLogoWrap{
	margin-bottom: 5px;
	position:relative;
}
#headLogo{
	width:240px;
	height:113px;
	margin:0 0 10px 10px;
}
#headLogo a{
	width:240px;
	height:113px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/head_logo.svg) left top no-repeat;
	background-size:100%;
}
#menuBtn{
	width:65px;
	height:65px;
	position:absolute;
	right:5px;
	top:25px;
}
#primaryMain{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin-bottom: 5px;
}
#primaryMain li {
	-webkit-box-flex: 1; /* Android 2~4 */
	-webkit-flex-grow:1; /* Safari */
	flex-grow:1;
	font-size: 90%;
	text-align: center;
	border-right: 1px solid rgba(255,255, 255, 1);

}
#primaryMain li:last-child{
	border-right:none;
}
#primaryMain li a{
	padding: 12px 0;
	color: rgb(255, 255, 255);
	display: block;
	text-decoration: none;
	background: rgb(129,104,85);
}
#primarySub{
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	j-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#primarySub li{
	text-align: center;
}
#primarySub > .pSubBtn{
	width: 30%;
	font-size: 90%;
	margin-right: 2px;
}
#primarySub > .pSubBtn a{
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: rgba(255,255,255, 1);
	background: rgb(63,33,14);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#primarySub > .pSubIcon{
	width: 12%;
	margin-right: 3px;
}
#primarySub > .pSubIcon:last-child{
	margin-right: 0;
}
#primarySub > .pSubIcon img{
	margin: 0 auto;
}
#pcMenu{
	display:none;
}
#spMenu{
	display:none;
}
#spMenu .headMenu > li{
	margin-bottom: 1px;
}
#spMenu .headMenu	> li > a,
#spMenu .headMenu	> li > span{
	padding: 12px;
	display: block;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	background:rgb(129,104,85);
}

.hmSub{
	display:none;
}
.hmSub li a{
	padding:12px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:rgba(106,57,6,1.00);
	background:rgba(240,230,219,1.00);
}
.hmSub li a:before{
	content: "\f105";
	font-family: FontAwesome;
	margin-right:5px;
}
.menuHome{
	text-align:center;
}
#headerLine{
	color: rgba(255, 255, 255, 1);
	margin-bottom: 5px;
	border-bottom: 5px	solid rgb(236,129,144);
	background: rgba(51,39,33,1);
}
#headerLine span{
	width: 95%;
	font-size: 70%;
	text-align: right;
	margin: 0 auto;
	display: block;
	letter-spacing: 0.5em;
}
.homeBtn{
	font-size: 150% !important;
}
.homeBtn a{
	padding: 5px 12px !important;
}
@media screen and (min-width : 768px){
	#header{
		padding: 20px 0 0;
	}
	#headLogoWrap{
		height: 113px;
		margin: 0 15px 5px;
		position:relative;
	}
	#headLogo{
		float: left;
		margin: 0;
	}
	#headLogo a{
		background-position-x: -0.05px !important;
		background-position-y: -0.05px !important;
	}
	#menuBtn{
		display: none;
	}
	#primaryWrap{
		width: 400px;/*400px*/
		position: absolute;
		right: 0;
		bottom: 0;
	}
	#primaryMain li {
		font-size:100%;
	}
	#pcMenu{
		display:block;
	}
	.headMenuWrap{
		margin: 0 15px;
	}
	.headMenu{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		height: 35px;
		margin-bottom: 20px;
		position: relative;
	}
	.headMenu > li{
		width: 18%;
		font-size: 90%;
		line-height: 35px;
		text-align: center;
		border-right: 1px solid rgba(160,160,160, 1);
	}
	.headMenu > li:first-child{
		border-left: 1px solid rgba(160,160,160, 1);
	}
	.headMenu > li:last-child{
		width: 10%;
	}
	.headMenu > li > a{
		color: rgba(100,100,100, 1);
		text-decoration: none;
		display: block;
		line-height: 35px;
	}
	.headMenu > li > a:hover{
		color:rgba(106,57,6,1.00);
	}
	.headMenu > li > span{
		display: block;
		line-height: 35px;
	}
	.headMenu > li > span:hover{
		color:rgba(106,57,6,1.00);
		cursor: pointer;
	}
	.headMenu > .select > a,
	.headMenu > .select > span{
		color:rgba(106,57,6,1.00);
	}
	
	.hmSub{
		display:none;
		position: absolute;
		z-index: 10;
		min-width: 172px;
	}
	.hmSub li{
		font-size: 95%;
		text-align: left;
		border-bottom: 1px dashed rgba(100,100,100, 0.7);
	}
	.hmSub li:last-child{
		border-bottom:none;
	}
	.hmSub li a{
		color: rgba(100,100,100, 1);
		background:rgba(250,250,250,0.8);
	}
	.hmSub li a:hover{
		color: rgba(250,250,250, 1);
		background: rgba(129,104,85,0.9);
	}
	.hmSub li a:before{
		content: "";
		margin-right:0;
	}
	.hmSub .select a{
		color: rgba(250,250,250, 1);
		background: rgba(129,104,85,0.7);
	}
	#primaryMain li a:hover{
		background: rgba(129,104,85,0.7);
	}
	#primarySub{
		margin: 0;
		j-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-webkit-align-items: center;
		align-items: center;
	}
	#primarySub > .pSubBtn a:hover{
		background: rgba(63,33,14,0.5);
	}
	#primarySub > .pSubIcon img:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		zoom: 1;
	}
	#headerLine{
		margin-bottom: 10px;
	}
	#headerLine span{
		font-size: 70%;
	}


	.homeBtn a{
		padding: 0px !important;
	}
}
@media screen and (min-width : 960px){
	#headLogoWrap{
		width: 960px;
		height: 113px;
		margin: 0 auto 5px;
		position:relative;
	}
	#headerLine span{
		width: 960px;
	}
	#pcMenu{
		width: 960px;
		
	}
	.headMenuWrap{
		margin: 0 auto;
	}

}


/*--------------------------------------

mainWrapper

--------------------------------------*/

.mainWrapper,
.centerBox{
	margin:0 15px;
}
#bread{
	margin-bottom: 15px;
}
#bread li{
	font-size:90%;
	float:left;
	margin:0 10px 3px 0;
}
#bread li:after{
	content: "\f105";
	font-family: FontAwesome;
	margin-left:10px;
}
#bread li:last-child:after{
	content:"";
}
#bread li a{
	color:rgba(79,79,79,1.00);
}
#bread li span{
	font-weight:600;
}
#bread li span span{
	display: inline-block;
	margin-left: 10px;
}
.bgPinkWrap{
	padding: 30px 0;
	background:rgba(252, 231, 233,1);
}
.bgBrownWrap{
	padding: 30px 0;
	background:rgba(240,233,217,1);
}
.cBox01{
	margin-bottom:80px;
}
.cBox02{
	margin-left:20px;
}
.spBox{
	margin-bottom:25px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb25{
	margin-bottom: 25px;
}
.mb35{
	margin-bottom: 35px;
}
.articleWrap{
	margin-bottom:80px;
}
#pageTitle{
	font-size: 170%;
	font-weight:600;
	padding:5px 0;
	text-align:center;
	margin-bottom:50px;
	border-bottom: 1px solid rgb(48,24,12);
}
.pageSubTitle{
	font-size: 140%;
	font-weight:600;
	color: rgba(255, 255, 255, 1);
	text-align:center;
	padding: 3px 0;
	margin-bottom:25px;
	border-bottom: 5px	solid rgb(236,129,144);
	background: rgba(51,39,33,1);
}
.cTitle{
	font-size: 150%;
	font-weight:600;
	margin-bottom:20px;
	color: rgb(236,129,144);
}
.cSubTitle{
	font-size: 130%;
	padding-left: 10px;
	margin-bottom: 15px;
	color: rgba(20, 20, 20, 1);
	border-left: 5px solid rgb(236,129,144);
}
.subTitle{
	font-size: 200%;
	margin-bottom: 30px;
	text-align: center;
	color: rgba(64, 33, 15, 1);
}
.linkIcon:after{
	content: "\f08e";
	font-family: FontAwesome;

}
.linkBtn{
	margin-bottom: 10px;
	text-align: center;
}
.linkBtn a{
	color: rgba(63,33,14,1);
	padding: 12px 0;
	display: block;
	overflow: hidden;
	text-decoration: none;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border: 2px solid rgba(63,33,14,1);
	position: relative;
}
.linkBtn a:after{
	content: "\f0da";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	top:19%;
}

@media screen and (min-width : 768px){

	.contentsBox{
		width: 79.1666666667%;/*760px*/
		margin: 0 auto;
	}
	#pageTitle{
		font-size: 250%;
		font-weight: normal;
	}
	.pageSubTitle{
		font-weight: normal;
	}
	.cTitle{
		font-weight: normal;
	}
	.linkBtnWrap{
		width: 500px;
		margin: 0 auto;
	}
	.linkBtn a{
		font-size: 130%;
		padding:7px 0;
	}
	.linkBtn a:after{
		top:20%;
	}
	.linkBtn a:hover{
		background: rgba(63,33,14,0.2);
	}
}
@media screen and (min-width : 960px){
	.mainWrapper,
	.centerBox{
		width:960px;
		margin:0 auto;
	}
}

/*--------------------------------------

page common

--------------------------------------*/
.dlList{
	margin: 20px 0;
	padding: 15px;
	border: 1px solid rgba(155, 155, 155, 1);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.dlList li{
	margin-bottom: 5px;
}
.dlList li a{
	color:rgba(79,79,79,1.00);
	text-decoration: none;
}
.dlList li .data{
	margin-left: 10px;
}
.dlList li .data:before{
	content: "…";
}
.dlList li .data{
	padding-right: 20px;
	background: url(../images/icon_pdf.svg) center right no-repeat;
	background-size: 16px;
}

@media screen and (min-width : 768px){
.dlList li a{
	display: -webkit-flex;
	display: flex;
}
.dlList li a:hover{
	color:rgba(106,57,6,1.00);
}
.dlList li .note{
	width: 75%;
}
.dlList li .data{
	width: 25%;
	text-align: right;
	margin-left:0;
}
}
/*--------------------------------------

noruca menu

--------------------------------------*/
#guideNav{
	margin-bottom: 30px;
}
#guideNav li{
	margin-bottom: 5px;
}
#guideNav li a{
	color: rgba(50, 50, 50, 1);
	height: 70px;
	padding: 0 10px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	border:1px solid rgba(230, 230, 230, 1);
}
#guideNav li span:first-child{
	width: 20%;
}
#guideNav li span:last-child{
	width: 80%;
}
#guideSubNav{
	margin-bottom: 50px;
}
#guideSubNav li{
	margin-bottom: 5px;
}
#guideSubNav li a{
	padding: 15px 0;
	display: block;
	overflow: hidden;
	color: rgba(50, 50, 50, 1);
	text-decoration: none;
	text-align: center;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border:2px solid rgba(236,129,144, 1);
	position: relative;
}
#guideSubNav li a:before{
	content: "\f054";
	font-family: FontAwesome;
	color: rgba(236,129,144, 1);
	position: absolute;
	left: 20px;
	top: 30%;
}

@media screen and (min-width : 768px){
#guideNav ul{
	display: -webkit-flex;
	display: flex;
}
#guideNav li{
	width: 20%;
	margin-bottom: 0;
	border-left:1px solid rgba(112, 112, 112, 1);
}
#guideNav li:last-child{
	border-right:1px solid rgba(112, 112, 112, 1);
}
#guideNav li a{
	border-top: none;
	border-bottom: none;
	border-right:none;
}
#guideNav li a:hover{
	background: rgba(230,230,230, 0.5);
}
#guideNav li span:last-child{
	text-align:center;
}
#guideSubNav{
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#guideSubNav li{
	width: 32%;
	margin-bottom:0;
}
#guideSubNav li a{
	font-size: 110%;
	font-weight: 600;
	padding: 20px 0;
}
#guideSubNav li a:before{
	left: 25px;
	top: 35%;
}
#guideSubNav li a:hover{
	background: rgba(236,129,144, 0.2);
}
}
/*--------------------------------------

footer

--------------------------------------*/
#footer {
	margin: 50px 0 0 0;
	padding:12px 0;
}

#footLogoWrapF{
	width: 95%;
	margin: 0 auto 10px;
}
#footLogoFukushima{
	width:300px;
	height:25px;
}
#footLogoFukushima a{
	width:300px;
	height:25px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/foot_logo_fukushima.svg) left top no-repeat;
	background-size:100%;
}
.pagetop {
	font-size: 90%;
	text-align: center;
	margin-bottom: 10px;
	background: rgb(223,224,224);
}
.pagetop a{
	color: rgb(140,140,140);
	text-decoration: none;
	padding: 5px 0;
	display: block;
}
.pagetop span:before{
	font-size: 170%;
	content: "\f077";
	font-family: FontAwesome;
	display: block;
}
.footerBox{
	margin: 0 15px 15px;
}
#footMenuWrap ul{
	margin-bottom: 5px;
}
#footMenuWrap li{
	font-size: 90%;
	margin: 0 0 5px;
	float: left;
	border-left: 1px solid rgb(150,150,150);
	border-right: 1px solid rgb(150,150,150);
}
#footMenuWrap li+ li {
	border-left: 0;
	border-right: 1px solid rgb(150,150,150);
}
#footMenuWrap li a{
	padding: 0 5px;
	color: rgb(102,100,100);
	text-decoration: none;
}
#footerPrimary{
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;

	margin-bottom: 15px;
}
#footerPrimary li{
	text-align: center;
}
#footerPrimary > .pSubIcon{
	width: 12%;
	margin-right: 3px;
}
#footerPrimary > .pSubIcon:last-child{
	margin-right: 0;
}
#footerPrimary > .pSubIcon img{
	margin: 0 auto;
}
#footerPrimary > .pSubBtn{
	width: 30%;
	font-size: 90%;
	margin-right: 3px;
}
#footerPrimary > .pSubBtn a{
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: rgba(255,255,255, 1);
	background: rgb(63,33,14);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#footLogoWrap{
	display: flex;
	justify-content: space-between;
}
#footLogo{
	width:120px;/*37.5%	*/
	height:100px;
}
#footLogo a{
	width:120px;
	height:100px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/foot_logo.png) left top no-repeat;
	background-size:100%;
}
#footContact{
	flex-basis: calc(100% - 130px);
	
}
#footTelText:before{
	content: "\f095";
	font-family: FontAwesome;
	margin-right:5px;
	font-size: 130%;
	color: rgb(169,170,171);
}
#footTel{
	margin-bottom: 5px;
}
#footTel a{
	font-size: 140%;
	font-weight: 600;
	color: rgb(89,88,88);
}
#footMail a{
	font-size: 90%;
	color: rgb(114,113,113);
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 7px 0;
	border: 1px solid rgb(63,33,14);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#footMail a:before{
	content: "\f003";
	font-family: FontAwesome;
	margin-right:5px;
}
#copy{
	width: 90%;
	margin: 0 auto;
	font-size:80%;
	text-align:left;
}


@media screen and (min-width : 768px){
	#footLogoWrapF{
		margin: 0 auto 5px;
	}
	#footLogoFukushima{
		width:457px;
		height:41px;
	}
	#footLogoFukushima a{
		width:457px;
		height:41px;
	}

	#footMenuWrap{
		margin: 0 15px;
	}
	#footMenuWrap li a{
		padding: 0 10px;
	}
	#footMenuWrap li a:hover{
		color:rgba(106,57,6,1.00);
	}
	#footerPrimary{
		width: 370px;
	}
	#footerPrimary > .pSubBtn a:hover{
		background: rgba(63,33,14,0.7);
	}
	#footerPrimary > .pSubIcon img:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
		zoom: 1;
	}
	#footLogoWrap{
		width: 550px;
		margin-bottom: 15px;
	}
	#footLogo{
		width:160px;
		height:130px;
	}
	#footLogo a{
		width:160px;
		height:135px;
	}
	#footContact{
		flex-basis: calc(100% - 180px);
	}
	#footTelText{
		font-size: 120%;
	}
	#footTelText:before{
		font-size: 140%;
	}
	#footTel {
		font-size: 150%;
	}
	#footTel span{
		font-size: 150%;
	}
	#footMail{
		font-size: 120%;
	}
	#footMail a:hover{
		color: rgba(255,255,255, 1);
		background: rgba(129,104,85,0.5);
	}

}
@media screen and (min-width : 960px){
	#footLogoWrapF{
		width: 960px;
		margin: 0 auto 5px;
	}
	.footerBox{
		width: 960px;
		margin: 0 auto;
	}
	#copy{
		width:960px;
		margin: 0 auto;
	}
}