@charset "utf-8";

/* CSS Document */
html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

a:hover {
	text-decoration: none;
}
/*------------------------------------------------------------------
	[header]
------------------------------------------------------------------*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	height: 72px;
	width: 100%;
	z-index: 10;
	border-bottom: 1px #d5d7dc solid;
	box-sizing: border-box;
	background: #fff;
}
.header .wrapper {
	padding: 22px 4.26666667% 0 6px;
}

.header .logo-wrap {
	display: flex;
	justify-content: between;
	align-items: baseline;
}
.header .aai_logo {
	float: left;
	margin-top: 0;
	width: 43%;
	max-width: 200px;
}
.header .aai_logo.isg {
	padding-left: 1em;
}
.header .aai_logo.isg img {
	width: 80%;
}
.header .aai_logoa:hover {
	border-bottom: none;
}

.header .aai_logo img {
	width: 100%;
	height: auto;
}
.header_navi .over_gnavi li a:hover {
	color: #014099;
	border-bottom: 1px #014099 solid;
}

.header ul {
	padding-left: 0;
	line-height: 1;
	margin: 0;
}

.to_es_aeca_relation_page_frame {
	display: block;
	text-align: right;
	margin-bottom: .75em;
}

.to_es_aeca_relation_page_anchor {
	display: inline-block;
	padding-right: 1em;
}

.to_es_aeca_relation_page_anchor:hover {
	opacity: .7;
	border: 0;
}

.to_es_aeca_relation_page_anchor_icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header_link_icon {
	width: 30px;
    margin-right: 5px;
    border-radius: .6rem;
}

.search-wrap {
	display: none;
	visibility: hidden;
	overflow: hidden;
}

.search-form {
	position: relative;
	padding: 0;
	margin: 0;
}

.search-text {
	width: 100%;
	height: 44px;
	background: #fff;
	box-sizing: border-box;
	font-size: 18px;
	padding: 5px;
	border: none;
}

.search-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	border: none;
	padding: 0;
	background-image: url(/common/img/search_icon.svg);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #c9151d;
	border-radius: 0;
}
*:first-child+html .search-button {
	top: 1px;
}

@media ( min-width : 992px) {
	.header {
		display: flex;
		align-items: center;
		height: 110px;
	}
	.header .wrapper {
		display: flex;
		padding: .5em .25em;
	}
	.header .aai_logo {
		max-width: none;
		flex-basis: 330px;
		padding-left: 1em;
	}
	.header_navi {
		padding: .5em .25em .5em 0;
		flex-basis: calc(100% - 330px);
	}
	.header_navi .under_gnavi ul {
/* 		margin-top: 21px; */
	}
	.header_navi .under_gnavi li {
		font-size: 88.00%;
		font-weight: bold;
		margin-right: 1em;
		display: inline-block;
		white-space: nowrap;
	}
	.header_navi .under_gnavi li:last-child {
		padding-right: 0;
	}
	.search-text {
		width: 240px;
		border: 1px solid #aaa;
		font-size: 16px;
	}
	.search-button {
		background-size: 40%;
	}
	ul.under_gnavi {
		text-align: right;
		width: 100%;
		margin-bottom: .25em;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.to_es_aeca_relation_page_anchor {
		color: #3c5a7b;
		font-weight: bold;
	}
}
@media ( min-width : 1400px) {
	.header .wrapper {
		padding: 22px 0 0 6px;
	}
}

/*------------------------------------------------------------------
	[breadcrumb]
------------------------------------------------------------------*/
div.breadcrumb-outer {
	padding-top: 15px;
	margin-bottom: 40px;
}

.breadcrumb>li {
	margin-right: 2px;
	display: inline-block;
}

.breadcrumb>li:after {
	content: '>';
	color: #919191;
	top: 2px;
	right: -17px;
	font-size: 12px;
}

.breadcrumb>li:last-child:after {
	content: '';
}

.breadcrumb>li a {
	color: #014099;
	text-decoration: none;
	font-size: 12px;
}
/*drawer */
#btn-drawer .drawerbtn {
	background: transparent url(/common/img/drawer_sp.png) no-repeat 0 0;
	display: block;
	width: 72px;
	height: 72px;
	position: fixed;
	top: 0px;
	right: 0px;
	cursor: pointer;
	z-index: 11;
	border-bottom: none !important;
}

#btn-drawer .close {
	background-position: -72px 0;
}

#drawer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#drawer .drawer-wrap {
	display: none;
	background-color: #454b57;
	position: fixed;
	top: 72px;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: 9;
	overflow-y: scroll;
}

#drawer .drawer-wrap .box {
	padding: 20px 0 50px;
}

#drawer .drawer-wrap h2 {
	font-size: 2rem;
	text-align: center;
	color: #fff;
}

#drawer .drawer-wrap .men1u {
	width: 91.46666666666667%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #fff dotted;
}

#drawer .menu li {
	width: 100%;
}

#drawer .drawer-wrap .menu li a {
	display: block;
	padding: 0;
	margin-bottom: 10px;
	padding: 1.5em 0.25em;
	text-align: center;
	font-weight: bold;
	background: #edf0f2; /* Old browsers */
  background: -moz-linear-gradient(left, #edf0f2 0%, #ffffff 50%, #edf0f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #edf0f2 0%, #ffffff 50%, #edf0f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #edf0f2 0%, #ffffff 50%, #edf0f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: relative;
	border-bottom: 8px solid #354054;
	color: #354054;
}

#drawer .drawer-wrap .menu li a span::after {
	content: "";
	position: absolute;
	margin: auto;
	vertical-align: middle;
	top: 50%;
	right: 10px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #010135;
	border-right: 2px solid #010135;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px;
}

#drawer .drawer-wrap .menu li a:hover {
	border-bottom: none;
}

/*------------------------------------------------------------------
	[content]
------------------------------------------------------------------*/
.title_wrap {
	height: auto;
	background: url(/common/img/top_main.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	text-align: center;
	color: #fff;
	padding: 5% 0 4.422%;
	background-size: cover;
}

.main_title {
	font-size: 2.2rem;
	line-height: 1.33;
	background: #d13139;
	font-weight: 400;
	padding: 0.5%;
}

.sub_title {
	font-size: 1.1rem;
	padding-top: 5px;
	display: block;
}

@media ( min-width : 768px) {
	.main_title {
		font-size: 3rem;
	}
	.sub_title {
		font-size: 1.5rem;
	}
}

.content {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	zoom: 1;
	z-index: 1;
	padding: 72px 0 0;
}

.content_inner {
	width: 90%;
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 4.266666666666667%;
	margin-bottom: 40px;
}

.content.main {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	zoom: 1;
	z-index: 1;
	padding: 72px 0 0;
}

@media ( min-width : 992px) {
	.content.main {
		padding: 110px 0 0;
	}
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .main_top {
		padding-top: 110px;
	}
}

.wrapper {
	position: relative;
	width: 100%;
	max-width: 1400px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.main.content .topic-path {
	padding: 10px 4.266666666666667% 0;
	margin-bottom: 30px;
	font-size: 1.1rem;
}

@media ( min-width : 992px) {
	.main.content .topic-path {
		padding-top: 15px;
		margin-bottom: 60px;
	}
}

.main.content .topic-path ul {
	overflow: hidden;
}

.main.content .topic-path li {
	margin-right: 22px;
	float: left;
	position: relative;
	line-height: 1.5;
	z-index: 2;
}

.main.content .topic-path li:after {
	content: '>';
	color: #919191;
	position: absolute;
	top: 0;
	right: -17px;
	font-size: 11px;
}

@media ( min-width : 992px) {
	.main.content .topic-path li:after {
		top: 2px;
		right: -17px;
		font-size: 12px;
	}
}

.main.content .topic-path li:last-child:after {
	display: none;
}

.main.content .topic-path li a {
	color: #014099;
	border-bottom: 1px #014099 solid;
}

/* edge */
_:-ms-lang(x), _::-webkit-meter-bar, .main.content .topic-path li a {
	border-bottom: none;
	text-decoration: underline;
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .main.content .topic-path li a {
		border-bottom: none;
		text-decoration: underline;
	}
}

.subTit02 {
	width: auto;
	font-size: 1.8rem;
	padding: 0 2.2rem 4px 2.8rem;
	margin: 0 0 20px 0;
	line-height: 1.18;
	font-weight: bold;
	border-bottom: 2px #a40001 solid;
	position: relative;
}

.subTit02:after {
	content: '';
	width: 1.8rem;
	height: 1.8rem;
	background-color: #a40001;
	position: absolute;
	top: 3px;
	left: 0;
}

.subTit03 {
	width: auto;
	font-size: 1.8rem;
	margin: 0 0 20px 0;
	line-height: 1.18;
	font-weight: bold;
	position: relative;
}

@media ( min-width : 768px) {
	.subTit01, .subTit02 {
		font-size: 2.2rem;
		line-height: 1.18;
		padding: 0 2.2rem 4px 2.4rem;
	}
	.subTit02:after {
		content: '';
		width: 2.2rem;
		height: 2.2rem;
		background-color: #a40001;
		position: absolute;
		top: 3px;
		left: 0;
	}
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.center_block {
	margin: 0 auto;
}

p.lead {
	margin-bottom: 25px;
}
/* panel list*/
.panel_list ul {
	overflow: hidden;
}

.panel_list li {
	background: url(/common/img/non_active_background.png) 0 0 no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	margin-bottom: 20px;
	float: left;
	display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	position: relative;
	font-size: 1.2rem;
	border-bottom: 4px #354054 solid;
}

.panel_list li a {
	color: #354054;
	font-weight: 600;
	line-height: 1.3;
}

.panel_list li.active {
	background: url(/common/img/active_background.png) 0 0 no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

.five_panel li, .four_panel li, .three_panel li {
	width: 48.39650145772595%;
	/* 	margin-left: 3.206997084548105%; */
	height: 80px;
}

.five_panel li:nth-child(even),
.four_panel li:nth-child(even),
	.three_panel li:nth-child(even) {
	margin-left: 3.206997084548105%;;
}

@media ( min-width : 468px) {
	.panel_list li {
		border-bottom: 7px #354054 solid;
		font-size: 1.5rem;
	}
}

@media ( min-width : 768px) {
	.panel_list li {
		font-size: 1.4rem;
	}
	.panel_list li:first-child {
		margin-left: 0;
	}
	.five_panel li:nth-child(even) {
		margin-left: 0.75471698113208%;
	}
	.four_panel li:nth-child(even) {
		margin-left: 1.3%;
	}
	.three_panel li:nth-child(even) {
		margin-left: 0.5%;
	}
	.five_panel li {
		margin-left: 0.75471698113208%;
		width: 19.339622641509%;
	}
	.four_panel li {
		margin-left: 1.3%;
		width: 24.0%;
	}
	.three_panel li {
		margin-left: 0.5%;
		width: 33.0%;
	}
}

@media ( min-width : 992px) {
	.panel_list li {
		border-bottom: 7px #354054 solid;
	}
}

div.last_btn {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}

.block_graph_center {
	width: 92.45283018867925%;
	background: #f7f7f7;
	margin: 0 auto 20px;
	padding: 20px 1.886792452830189%;
	text-align: center;
	overflow: hidden;
}

.md_img_width_half {
	width: 100%;
}

.md_two_columns {
	width: 80%;
	margin: 0 auto;
}

@media ( min-width : 768px) {
	div.last_btn {
		height: 80px;
	}
	.md_img_width_half {
		width: 50%;
	}
	.md_two_columns {
		width: 48%;
		float: left;
		margin: 0 1% 0 1%;
	}
}

/*------------------------------------------------------------------
	[footer]
------------------------------------------------------------------*/
/*.footer{
	    background: #8a8a8a;
	}
.footer .row {
    padding-left: 10px;
    margin: 0 auto;
    background: #f9f9fa;
    color: #354054;
    overflow: hidden;

}
*/
.regList01 li {
	position: relative;
	padding: 0 0 16px 1.5rem;
}

.regList01 li:after {
	content: '';
	width: 0.5rem;
	height: 2px;
	background-color: #354054;
	position: absolute;
	top: 11px;
	left: 0;
}

/*------------------------------------------------------------------
	[Footer]
------------------------------------------------------------------*/
.footer {
	background: #8a8a8a;
}

.footer .wrapper {
	width: 100%;
}

@media ( min-width : 992px) {
	.footer .wrapper {
		width: 975px;
		margin: 0 auto;
		padding: 50px 0 30px;
	}
}

.footer .row {
	margin: 0 auto;
	padding: 0;
	background: #f9f9fa;
	color: #354054;
	overflow: hidden;
}

@media ( min-width : 992px) {
	.footer .row {
		background-color: transparent;
	}
}

.footer .columns {
	font-size: 90%;
	margin-bottom: 0;
	margin-left: 0;
}

@media ( min-width : 992px) {
	.footer .columns {
		margin-left: 4%;
	}
}

.footer .row .four.columns {
	width: 25%;
}

@media ( min-width : 992px) {
	.footer .five.columns {
		width: 20%;
	}
}

.footer .five.columns dl:nth-child(2) {
	margin-top: 0;
}

.footer .columns:first-child, .footer .row .columns dl dt:nth-child(2), .footer .five.columns dl:nth-child(2), .footer .five.columns dl:nth-child(3) {
	border-top: 1px #e5e6e9 solid;
}

@media ( min-width : 992px) {
	.footer .columns:first-child, .footer .row .columns dl dt:nth-child(2), .footer .five.columns dl:nth-child(2), .footer .five.columns dl:nth-child(3) {
		border: none;
	}
}

.footer .columns, .footer .row .four.columns {
	border-bottom: 1px #e5e6e9 solid;
	width: 100%;
}

@media ( min-width : 992px) {
	.footer .columns, .footer .row .four.columns {
		border: none;
		width: auto;
	}
}

@media ( min-width : 992px) {
	.footer .row .four.columns {
		width: 22%;
	}
}

.footer .row .columns a {
	background-color: #f9f9fa;
	color: #354054;
}

@media ( min-width : 992px) {
	.footer .row .columns a {
		background-color: inherit;
		color: #fff;
	}
}

.footer .row dl dt {
	position: relative;
	font-size: 1.5rem;
}

.footer .row .columns dl dt:nth-child(2) {
	margin-top: 0;
}

.footer .row .columns dl dd {
	margin: 0;
}

.footer .columns dt, .footer .columns dd {
	line-height: 40px;
	margin-left: 0;
	padding-left: 12%;
	font-size: 1.5rem;
	color: #354054;
}

.footer .columns dt {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 700;
	position: relative;
}

@media ( min-width : 992px) {
	.footer .columns dt {
		font-size: 87.5%;
	}
	.footer .columns dl dt:before {
		position: absolute;
		content: url(/common/img/icon_arrow_w_pc.png);
		top: 50%;
		left: 0;
		width: 7px;
		height: 24px;
		margin-top: -8px;
		background-size: 14px 7px;
	}
}

@media ( min-width : 992px) {
	.footer .row .columns dl dt, .footer .row .columns dl dd {
		line-height: 40px;
		margin-left: 0;
		padding-left: 14px;
		color: inherit;
		display: inherit;
		font-size: 13px;
	}
}

.footer .row .columns dl dt a {
	margin-left: 0;
}

.footer .row dl dt:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 15px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url("/common/img/icon_arrow_g_sp.png") top left no-repeat;
	background-size: 12px 12px;
}

.footer .row dl dt.active:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 15px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url("/common/img/icon_arrow_g_sp.png") top left no-repeat;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*@media (min-width: 992px) {

.footer .row dl dt::before {
  display: none;
}
 .footer .row dl dt::afteraf {
 display: none;
}
}
*/
@media ( min-width : 992px) {
	.footer .row dl dt:before {
		position: absolute;
		content: url(/common/img/icon_arrow_w_pc.png);
		top: 50%;
		left: 0;
		width: 7px;
		height: 24px;
		margin-top: -18px;
		background-size: 14px 7px;
		background: none;
	}
}

.footer .accMenu {
	display: block;
	cursor: pointer;
}

.footer .columns .accMenu dt a {
	display: inline;
}

.footer .accMenu dt {
	cursor: pointer;
	background: url(/common/img/icon_plus.png) no-repeat center right 5px;
	background-size: 12px 12px;
	margin-right: 12px;
}

.footer .accMenu dt.active {
	background: url(/common/img/icon_minus.png) no-repeat center right 5px;
}

@media ( min-width : 992px) {
	.footer .accMenu dt, .footer .accMenu dt.active {
		background: none;
	}
}

.footer .accMenu dd {
	display: none;
}

.footer .columns dl.accMenu dd ul li:before {
	color: #354054;
}

@media ( min-width : 992px) {
	.footer .columns dl.accMenu dd ul li:before {
		content: '・';
		color: #fff;
	}
}

@media ( min-width : 992px) {
	.footer .accMenu ul {
		padding-left: 0;
	}
	.footer .accMenu ul li {
		list-style-type: none;
		padding-left: 1em;
		margin-bottom: 0.5rem;
		text-indent: -1em;
		list-style-position: inside;
		font-size: 81.25%;
		line-height: 1.5;
	}
}

.footer .footArea {
	margin: 15px auto 15px;
}

.footer .footArea ul {
	width: 75.6%;
	margin: 0 auto;
}

@media ( min-width : 992px) {
	.footer .footArea ul {
		width: 100%;
		overflow: hidden;
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.footer .footArea ul li {
	float: none;
	padding-right: 0;
	line-height: 40px;
	font-size: 1.5rem;
}

@media ( min-width : 992px) {
	.footer .footArea ul li {
		float: left;
		padding-right: 2.85%;
		font-size: 87.5%;
	}
}

.footer .footArea a {
	color: #fff;
}

.footer .footArea .footer_logo {
	margin: 12px auto 12px;
	padding: 30px 0;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	margin-bottom: 30px;
	text-align: center;
}

.footer .footArea .footer_logo img {
	width: 80%;
}

@media ( min-width : 992px) {
	.footer .footArea .footer_logo img {
		max-width: 281px;
	}
}

.footer .footArea .copy {
	float: none;
	text-align: center;
	padding-right: 0;
	font-size: 62.5%;
	font-family: "Verdana;";
	color: #fff;
}

@media ( min-width : 992px) {
	.footer .footArea ul li.copy {
		float: right;
		text-align: right;
		padding-right: 0;
		font-size: 62.5%;
	}
}