@charset "utf-8";

/* ===========================================================================
  h2
============================================================================= */
.globalArea h2 {
	font-size: 2.4rem;
	font-weight: bold;
	padding: 6px 10px 6px 24px;
	position: relative;
	border-left: solid 5px #2e3092;
	margin: 80px auto 50px;
}
.globalArea h2.heading02_text{
    margin: 0 0 15px 0;
}
.globalArea h2.heading02_text::after{
    background-color: inherit;
    border-bottom:none;
}
.globalArea h2:first-child {
	margin-top: 0;
}
.globalArea h2::before {
	content: '';
	width: 3px;
	height: 100%;
	background-color: #00a6ea;
	position: absolute;
	top: 0;
	left: 0;
}
.globalArea h2::after {
	content: '';
	border-bottom: solid 2px #d4d4d4;
	position: absolute;
	width: calc(100% + 5px);
	bottom: -17px;
	left: -5px;
}
/* ===========================================================================
  h3
============================================================================= */
.globalArea h3 {
	margin: 50px auto 20px;
	padding-bottom: 15px;
	border-bottom: solid 2px #2e3092;
	font-weight: bold;
	font-size: 2.2rem;
}
.globalArea h3:first-child {
	margin-top: 0;
}
/* ===========================================================================
  h4
============================================================================= */
.globalArea h4 {
	margin: 40px auto 20px;
	border-left: solid 4px #2e3092;
	padding-left: 20px;
	font-weight: bold;
	font-size: 1.8rem;
}
.globalArea h4:first-child {
	margin-top: 0;
}
/* ===========================================================================
  h5
============================================================================= */
.globalArea h5 {
	position: relative;
	padding-left: 20px;
	margin: 30px auto 20px;
}
.globalArea h5::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-color: #2e3092;
	position: absolute;
	top: 4px;
	left: 0;
}
.globalArea h5:first-child {
	margin-top: 0;
}

@media screen and (max-width:767px) {
	/* ===========================================================================
	  h2
	============================================================================= */
	.globalArea h2 {
		margin: 40px auto 30px;
		font-size: 1.8rem;
		padding: 3px 5px 5px 12px;
		border-left-width: 4px;
	}
	.globalArea h2::after {
		bottom: -15px;
	}
	/* ===========================================================================
	  h3
	============================================================================= */
	.globalArea h3 {
		margin: 30px auto 10px;
		padding-bottom: 10px;
		font-size: 1.6rem;
	}
	/* ===========================================================================
	  h4
	============================================================================= */
	.globalArea h4 {
		margin: 20px auto 10px;
		padding-left: 13px;
		font-size: 1.5rem;
	}
	/* ===========================================================================
	  h5
	============================================================================= */
	.globalArea h5 {
		padding-left: 18px;
		margin: 20px auto 10px;
	}
	.globalArea h5::before {
		width: 10px;
		height: 10px;
		top: 5px;
	}
}

/* ===========================================================================
  btn
============================================================================= */
.btn,
.btn-back {
	margin-right: auto;
	margin-left: auto;
	padding: 18px 40px;
	border: solid 1px #dcdcdc;
	background-color: #fff;
	position: relative;
	color: #4c4fb6;
	display: flex;
	align-items: center;
}
.btn:hover,
.btn-back:hover {
	text-decoration: underline;
	color: #3399ff;
}
.btn::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 2px #2e3092;
	border-right: solid 2px #2e3092;
}
.btn[href$=".pdf"]::before,
.btn[href$=".doc"]::before,
.btn[href$=".docx"]::before,
.btn[href$=".xls"]::before,
.btn[href$=".xlsx"]::before {
	content: none;
}
.btn[href$=".pdf"]::after,
.btn[href$=".doc"]::after,
.btn[href$=".docx"]::after,
.btn[href$=".xls"]::after,
.btn[href$=".xlsx"]::after {
	margin: 0;
	position: absolute;
	right: 10px;
}
.btn-back::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: solid 2px #2e3092;
	border-left: solid 2px #2e3092;
}
.btn_text {
	width: 100%;
	text-align: center;
}
.btnEmphasis {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	background-color: #2e3092;
	position: relative;
	transition: .2s;
	text-align: center;
}
.btnEmphasis:hover {
	background-color: #3399ff;
}
.btnEmphasis::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.btnEmphasis_text {
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
}
.btnEmphasis02 {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	background-color: #00a7eb;
	position: relative;
	transition: .2s;
}
.btnEmphasis02:hover {
	background-color: #00d0ef;
}
.btnEmphasis02::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.btnEmphasis03 {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	background-color: #2e3092;
	position: relative;
	transition: .2s;
}
.btnEmphasis03:hover {
	background-color: #393dee;
}
.btnEmphasis03::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.btn-noLink {
	margin-right: auto;
	margin-left: auto;
	padding: 18px 20px;
	border: solid 1px #dcdcdc;
	background-color: #fff;
	color: #949494;
	position: relative;
	display: flex;
	align-items: center;
}
.btn-noLink::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	display: inline-block;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 2px #2e3092;
	border-right: solid 2px #2e3092;
}
.btn-noLink_text {
	width: 100%;
	text-align: center;
}
.btn-s {
	max-width: 395px;
}
.btn-m {
	max-width: 600px;
}
.btnList-col2 {
	display: flex;
	flex-wrap: wrap;
}
.btnList-col2_item {
	width: calc(((100% - 10px) / 2) - 0.1px);
	margin-left: 0;
}
.btnList-col2_item:not(:nth-child(2n)) {
	margin-right: 10px;
}
.btnList-col2_item:nth-child(n+3) {
	margin-top: 10px;
}
.btnList-col2_item .btn {
	height: 100%;
}
.btnList-col3 {
	display: flex;
	flex-wrap: wrap;
}
.btnList-col3_item {
	width: calc(((100% - 20px) / 3) - 0.1px);
	margin-left: 0;
}
.btnList-col3_item:not(:nth-child(3n)) {
	margin-right: 10px;
}
.btnList-col3_item:nth-child(n+4) {
	margin-top: 10px;
}

@media screen and (max-width:767px) {
	/* ===========================================================================
	  btn
	============================================================================= */
	.btnEmphasis_text {
		font-size: 1.4rem;
	}
	.btnList-col2 {
		display: block;
	}
	.btnList-col2_item {
		width: 100%;
	}
	.btnList-col2_item + .btnList-col2_item {
		margin-top: 10px;
	}
	.btnList-col3 {
		display: block;
	}
	.btnList-col3_item {
		width: 100%;
	}
	.btnList-col3_item + .btnList-col3_item {
		margin-top: 10px;
	}
	
	/* ===========================================================================
	  imgBlock-col
	============================================================================= */
	.imgBlock-col1 {
		width: 100%;
	}
	.imgBlock-col1w70 {
		max-width: none;
	}
	.imgBlock-col2 {
		display: flex;
		justify-content: space-between;
	}
	.imgBlock-col2_item {
		width: calc(50% - 10px);
	}
	.imgBlock-col2_item:nth-child(n+3) {
		margin-top: 20px;
	}
	.imgBlock-col2_item:not(:nth-child(2n)) {
		margin-right: 0;
	}
	.imgBlock-col2col1 {
		display: block;
	}
	.imgBlock-col2col1_item {
		width: 100%;
	}
	.imgBlock-col2col1_item:nth-child(n+2) {
		margin-top: 20px;
	}
	.imgBlock-col3 {
		display: flex;
		justify-content: space-between;
	}
	.imgBlock-col3_item {
		width: calc(50% - 10px);
	}
	.imgBlock-col3_item:nth-child(3) {
		margin-top: 0;
	}
	.imgBlock-col3_item:nth-child(n+3) {
		margin-top: 20px;
	}
	.imgBlock-col3_item:not(:nth-child(3n)) {
		margin-right: 0;
	}
	.imgBlock-col3col1 {
		display: block;
	}
	.imgBlock-col3col1_item {
		width: 100%;
	}
	.imgBlock-col3col1_item:nth-child(n+2) {
		margin-top: 20px;
	}
}

/* ===========================================================================
  table
============================================================================= */
.globalArea table {
	width: 100%;
	border: solid 1px #a5afc1;
	table-layout: fixed;
}
.globalArea table tr {
	border-bottom: solid 1px #a5afc1;
}
.globalArea table .border-double {
	border-bottom: double 3px #a5afc1;
}
.globalArea table th,
.globalArea table td {
	border-right: solid 1px #a5afc1;
	padding: 15px;
	word-break: break-all;
}
.globalArea table td {
	background-color: #fff;
}
.globalArea table.pd-s th,
.globalArea table.pd-s td {
	padding: 10px 15px;
}
.globalArea table .bg01 {
	background-color: #cbdcfa;
}
.globalArea table .bg02 {
	background-color: #ecf2fd;
}
.globalArea table .bg03 {
	background-color: #f6f6f6;
}
.globalArea table tbody th ,
.globalArea table tbody td {
	vertical-align: top;
	text-align: left;
}
.globalArea table tbody th {
	font-weight: normal;
}

@media screen and (max-width:767px) {
	/* ===========================================================================
	  table
	============================================================================= */
	.globalArea table {
		table-layout: inherit;
	}
	.globalArea table th,
	.globalArea table td {
		padding: 10px;
		font-size: 1.2rem;
	}
}