@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-WYX */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}

/*------------------------------------------------------------
	font
------------------------------------------------------------*/
.roboto {
	font-family: 'Roboto', sans-serif;
}
.popp {
	font-family: 'Poppins', sans-serif;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 1120px;
}
@media all and (max-width: 896px) {
	.content {
		padding: 0 10px;
		width: auto;
	}
}
/*------------------------------------------------------------
	col
------------------------------------------------------------*/
.col {
	color: #fb500c;
}
.col01 {
	color: #05337f;
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 37px;
	font-size: 5.4rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-align: center;
	color: #FFF;
}
.headLine01 .col {
	color: #05337f;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 37px;
		font-size: 4.2rem;
		font-weight: 700;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	font-size: 7.1rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-align: center;
}

@media all and (max-width: 896px) {
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink a {
	margin: 0 auto;
	display: inline-block;
}
.comLink .ttl {
	margin-bottom: 11px;
	text-align: center;
}
.comLink .ttl .text {
	padding: 0 25px 4px;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #FFF;
	background: url("../img/common/icon04.png") no-repeat center left / 18px,url("../img/common/icon05.png") no-repeat center right / 18px;
}
@media all and (min-width: 897px) {
	.comLink a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comLink a {
		width: auto;
	}
	.comLink .ttl {
		margin-bottom: 7px;
	}
	.comLink .ttl .text {
		padding: 0 22px 4px;
		font-size: 1.6rem;
		letter-spacing: 0.05em;
		background-size: 15px;
		text-shadow: -1px -1px 6px rgba(0, 0, 0);
		background: url("../img/common/icon04_sp.png") no-repeat center left / 22px,url("../img/common/icon05_sp.png") no-repeat center right / 22px;
	}
}
/*------------------------------------------------------------
	pagetop
------------------------------------------------------------*/
.pagetop {
	position: absolute;
	right: 80px;
	bottom: -53px;
}
.pagetop a {
	width: 90px;
	display: block;
}
.pagetop a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) { 
	.pagetop {
		right: 5px;
		bottom: -45px;
	}
	.pagetop a {
		width: 67px;
	}
}