@charset "utf-8";

/* -----------------------------------------------------------------
 cmn_cover_ttl
----------------------------------------------------------------- */
.cmn_cover_ttl {
	position:relative;
}
.cmn_cover_ttl::after {
	position:absolute;
	bottom:0;
	left:calc((100% - 120px) / 2);
	content:"";
	display:block;
	width:120px;
	height:2px;
	background:#063e8d;
}
.cmn_cover_ttl .ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:1.3em .5em .3em 0;
	font-weight:bold;
	font-size:22.5px;
	font-size:1.61rem;
	color:#063e8d;
}
.cmn_cover_ttl .ttl img {
	height:1.4em;
}

@media print, screen and (min-width: 1024px) {
.cmn_cover_ttl::after {
	left:calc((100% - 200px) / 2);
	width:200px;
	height:3px;
}
.cmn_cover_ttl .ttl {
	padding-top:1.5em;
	font-size:33px;
	font-size:2.06rem;
}


}

/* -----------------------------------------------------------------
 cmn_cover_copy
----------------------------------------------------------------- */
.cmn_cover_copy {
	margin-top:2.2em;
	margin-bottom:4.3em;
	text-align:center;
}
.cmn_cover_copy >span {
	display:inline-block;
}

@media print, screen and (min-width: 1024px) {
.cmn_cover_copy {
	margin-top:1.2em;
	margin-bottom:0;
}
}

/* -----------------------------------------------------------------
 cmn_cover_inner
----------------------------------------------------------------- */
.cmn_cover_inner {
	margin-top:2.8rem;
}
@media print, screen and (min-width: 1024px) {
.cmn_cover_inner {
	overflow:hidden;
	position:relative;
	width:93.4%;
	max-width:1300px;
	margin-left:auto;
	margin-right:auto;
}
}

/* -----------------------------------------------------------------
 cmn_cover
----------------------------------------------------------------- */
.cmn_cover_inner .cmn_cover img {
	width: 100%;
}
.cmn_cover_inner .cmn_cover .label {
	position:absolute;
	background:#fff;
	line-height:1.2;
	font-family: 'Roboto Condensed';
	color:#063e8d;
}
.cmn_cover_inner .cmn_cover .label .num {
	display: flex;
	align-items: center;
}
.cmn_cover_inner .cmn_cover .label .num::before {
	content:"";
	display:block;
	margin-right:0.3em;
	background:#063e8d;
}

@media print, screen and (max-width :1023px){
.cmn_cover_inner .cmn_cover {
	position:relative;
}
.cmn_cover_inner .cmn_cover .label {
	min-width:70px;
	bottom:0;
	padding:10px 8vw 5px 3.3vw;
}
.cmn_cover_inner .cmn_cover .label .num {
	font-size:13.5px;
	font-size:0.96rem;
}
.cmn_cover_inner .cmn_cover .label .num::before {
	width:8px;
	height:3px;
}
.cmn_cover_inner .cmn_cover .label .en {
	font-size:12px;
	font-size:0.86rem;
}
}
@media print, screen and (min-width: 1024px) {
.cmn_cover_inner .cmn_cover {
	position:relative;
	float: left;
	width:68%;
	margin-right:20px;
}
.cmn_cover_inner .cmn_cover .height::before {
	content: "";
	display: block;
}
.cmn_cover_inner .cmn_cover img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}
.cmn_cover_inner .cmn_cover .label {
	position:absolute;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: flex-start;
	top:70px;
	right:0;
	min-width:152px;
	height:65px;
	padding:0 25px;
	color:#063e8d;
}
.cmn_cover_inner .cmn_cover .label::before {
	position:relative;
	position:absolute;
	content:"";
	display:block;
	bottom:19px;
	width:98%;
	height:1px;
	background:#063e8d;
	z-index:0;
}
.cmn_cover_inner .cmn_cover .label .num {
	font-size:18px;
	font-size:1.13rem;
}
.cmn_cover_inner .cmn_cover .label .num::before {
	width:11px;
	height:4px;
}
.cmn_cover_inner .cmn_cover .label .en {
	position:relative;
	padding-right: 10px;
	background:#fff;
	font-size:16px;
	font-size:1rem;
	z-index:2;
}
}

/* -----------------------------------------------------------------
 cmn_ttl
----------------------------------------------------------------- */
.cmn_cover_inner .cmn_ttl {
	position:relative;
	display:flex;
	background:#fff;
}
.cmn_cover_inner .cmn_ttl .ttl {
	letter-spacing:.05em;
	font-weight:bold;
	color:#063e8d;
}
.cmn_cover_inner a.cmn_ttl .ttl {
	background:url(/library/common/img/arrow_double_navy.svg) no-repeat top 28px right;
	background-size:.6em auto;
}
@media print, screen and (max-width :1023px){
.cmn_cover_inner .cmn_ttl {
	padding-left:3.3vw;
	padding-right:3.3vw;
}
.cmn_cover_inner .cmn_ttl .ttl {
	padding-top:18px;
	padding-left:20px;
	padding-right:25px;
	font-size:20px;
	font-size:1.43rem;
}
.cmn_cover_inner .cmn_ttl:before {
	position:relative;
	content:"";
	display:block;
	width:1px;
	height:3.6rem;
	background:#063e8d;
}
.cmn_cover_inner .cmn_ttl .ttl::after {
	width:12px;
	height:12px;
	margin-left:1em;
}
}
@media print, screen and (min-width: 1024px) {

.cmn_cover_inner .cmn_ttl {
	display:flex;
	float:right;
	width:calc(32% - 20px);
	margin-top:97px;
}
.cmn_cover_inner .cmn_ttl .ttl {
	padding-left:13px;
	padding-right:33px;
	font-size:26px;
	font-size:1.63rem;
}
.cmn_cover_inner a.cmn_ttl .ttl {
	background:url(/library/common/img/arrow_double_navy.svg) no-repeat top 13px right;
	background-size:.6em auto;
}
}

/* -----------------------------------------------------------------
 cmn_list
----------------------------------------------------------------- */
.cmn_cover_inner .cmn_list .item {
	display:block;
	padding:.9em .9em .9em 1.3em;
	border-bottom:#063e8d 1px dashed;
	background:url(/library/common/img/arrow_std_navy.svg) no-repeat left center;
	background-size:auto .65em;
	color:#063e8d;
}
.cmn_cover_inner .cmn_list .item[target="_blank"]::after{
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	margin-left:0.3em;
	background:url(/library/common/img/ico_blank_navy.svg) no-repeat center bottom;
	background-size:11px;
}

@media print, screen and (max-width :1023px){
.cmn_cover_inner .cmn_list {
	margin-left:3.3vw;
	margin-right:3.3vw;
}
}
@media print, screen and (min-width: 1024px) {
.cmn_cover_inner .cmn_list {
	float: right;
	width:calc(32% - 20px - 18px);
	margin-top:1em;
	margin-left:18px;
	margin-right:auto;
}
.cmn_cover_inner .cmn_list .item {
	padding:.7em .7em .7em 1.3em;
	font-size:18px;
	font-size:1.13rem;
}
}

/* -----------------------------------------------------------------
 cmn_cover_ft_inner
----------------------------------------------------------------- */
.cmn_cover_ft_inner {
	margin-top:-60px;
	padding:1em 1em 2em;
	background:#e9eff7;
}
@media print, screen and (min-width: 1024px) {
.cmn_cover_ft_inner {
	padding:1.5em 1em 2.5em;
}
}
/* -----------------------------------------------------------------
 cmn_cover_ft
----------------------------------------------------------------- */
.cmn_cover_ft {
	display: flex;
	justify-content: center;
	justify-content: space-between;
	justify-content: space-around;
	align-items: center;
	width:93.4%;
	margin-left:auto;
	margin-right:auto;
}
.cmn_cover_ft {
	width:calc(100% - 90px);
}
.cmn_cover_ft >* {
	width:100%;
	max-width:384px;
}
.cmn_cover_ft >* a {
	width:100%;
}

@media print, screen and (max-width: 767px) {
.cmn_cover_ft {
	flex-direction:column;
}
.cmn_cover_ft >* {
	max-width:25em;
}
}
@media print, screen and (min-width: 768px) {
.cmn_cover_ft {
	flex-wrap: wrap;
	max-width:45em;
}
.cmn_cover_ft:after {
    content: "";
    display: block;
    width: 21em;
    height: 0;
}
.cmn_cover_ft >* {
	width:20em;
	max-width:none;
	margin-left:.5em;
	margin-right:.5em;
}
}
@media print, screen and (min-width: 1024px) {
.cmn_cover_ft {
	max-width:57.5em;
}
.cmn_cover_ft:after {
    width: 26em;
}
.cmn_cover_ft >* {
	width:25em;
}
}