@charset "utf-8";



/*
==========================
size
==========================
*/

.size-title{
	font-weight: bold;
	margin-bottom: 8px;
	color: #314d7b;
	font-size: 18px;
}

.size-nav{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #314d7b;
	margin-bottom: 40px;
}

.size-nav:before{
	content: "";
	display: block;
	width: 24%;
	order: 1;
}

.size-nav:after{
	content: "";
	display: block;
	width: 24%;
}

.size-nav a{
	display: block;
	width: 24%;
	padding: 16px;
	border: 1px solid #314d7b;
	text-align: center;
	margin-bottom: 8px;
	font-weight: bold;
}

section.option{
	margin-bottom: 64px;
}
section.option h3{
	font-size: 18px;
	font-weight: bold;
	padding: 16px;
	text-align: center;
	background: #314d7b;
	color: #FFF;
	margin-bottom: 16px;
}

section.option .box-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 80px 0;
}

section.option .box-wrap .graph{
	width: 50%;
	color: #314d7b;
}
section.option .box-wrap .graph h4{
	font-size: 18px;
	margin-bottom: 16px;
}

section.option .box-wrap .graph h4 span{
	font-size: 14px;
	font-weight: normal;
	margin-left: 0;
}

section.option .box-wrap .graph table{
	text-align: center;
}

section.option .box-wrap .graph th{
	background: #eaedf2;
	text-align: center;
}

section.option .box-wrap .graph .note{
	text-align: right;
	margin-top: 4px;
}

section.option .box-wrap .thumb{
	width: 40%;
}

section.option .box-wrap.w100 .thumb{
	width: 50%;
	margin: 0 auto;
}

section.option .box-wrap.w100 .graph{
	width: 100%;
}

section.option .box-wrap .text{
	width: 50%;
	padding-top: 32px;
}

section.option .read{
	font-weight: bold;
	font-size: 18px;
	color: #314d7b;
	padding: 40px 80px 0;
}

section.option .box-wrap .text h4{
	font-size: 22px;
	color: #314d7b;
	margin-bottom: 24px;
}

section.option .box-wrap .text h4 span{
	font-size: 16px;
	margin-left: 16px;
}

section.option.nibu-area .read{
	margin-bottom: 40px;
}

section.option.nibu-area .read span{
	font-weight: normal;
	display: block;
	margin-bottom: 8px;
}

section.option .nibu-wrap{
	margin-bottom: 64px;
}

section.option .nibu-wrap h4{
	text-align: center;
	background: #eaedf2;
	color: #314d7b;
	font-size: 18px;
	padding: 16px;
}

section.option .nibu-wrap .box-wrap .graph h5{
	font-size: 22px;
	margin-bottom: 24px;
} 
section.option .nibu-wrap .box-wrap .graph h5 span{
	font-size: 16px;
	display: block;
}

section.option .nibu-wrap .box-wrap .graph table{
	margin-top: 24px;
}

section.option .nibu-wrap h4.flow-title{
	background: none;
	margin: 24px 0 0;
}

section.option .flow-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}

section.option .flow-wrap div{
	width: 15%;	
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 1.4;
}

section.option .flow-wrap:after{
	content: "";	
	width: 15%;	
}

.p404,
.thanks{
	padding: 24vh 10vw;
	text-align: center;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	color: #314d7b;
	font-size: 18px;
}

.p404 h2,
.thanks h2{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 24px;
}

.p404 a,
.thanks a{
	text-decoration: underline;
	margin-top: 16px;
	display: block;	
}

.search-wrap{
	margin-bottom: 64px;
	display: table;
	margin: 0 auto;
}

h2.page-title.search{
	margin-bottom: 30px;
	font-size: 18px;
}

.search-wrap input[type="text"]{
	width: 640px;
	border: 2px solid #bbb;
	font-size: 15px;
	padding: 16px;
}

.search-wrap button{
    font-size: 16px;
    letter-spacing: .2em;
    font-weight: bold;
    line-height: 1;
    background:none;
    color: #FFF;
    border: none;
    max-width: 100%;
    padding: 24px 60px;
    background: url(img/common/bg_b2.png);
    line-height: 1;
    white-space: nowrap;
}

a.btn.search{
	margin-top: 40px;
}

a.btn.search:after{
	display: none;
}


/*
==========================
content
==========================
*/
.map-wrap{
	width: 100%;
	iframe{
		width: 100%;
	}
}

/*
==========================
fadeup
==========================
*/
.fadeup {
    opacity: 0;
    transition: opacity .6s linear, transform .8s cubic-bezier(.215,.61,.355,1), -webkit-transform .8s cubic-bezier(.215,.61,.355,1);
    transform: translateY(10px);
	&.view{
		opacity: 1;
		transform: translateY(0);
	}
}