@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LSM */
/* 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;
}
.serif {
	font-family: "Noto Serif JP", serif;
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	max-width: 108rem;
}
@media all and (max-width: 896px) {
	.content {
		margin: 0 2.4rem;
		max-width: inherit !important;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 2.9rem;
	font-size: 4.1rem;
	font-weight: 200;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.05em;
}
.headLine01 .jp {
	margin-bottom: 0.2rem;
	display: block;
	color: #699E9E;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP", sans-serif;
}
.headLine01.style01 {
	font-size: 4.5rem;
	font-weight: 300;
}
.headLine01.style01 .jp {
	margin-bottom: -0.2rem;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 2rem;
		font-size: 2.8rem;
		font-weight: 300;
	}
	.headLine01 .jp {
		margin-bottom: 0rem;
		font-size: 1.3rem;
	}
	.headLine01.style01 {
		font-size: 3.4rem;
	}
	.headLine01.style01 .jp {
		margin-bottom: 0.2rem;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
	width: fit-content;
}
.comLink a {
	padding: 1rem 4.6rem 1rem 0;
	display: block;
	font-weight: 600;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.1em;
	background: url(../img/common/icon04.png) no-repeat right center / 3.8rem;
}
.comLink a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comLink {
	width: fit-content;
}
	.comLink a {
		padding: 1rem 4.4rem 1rem 0;
		color: #2B5154;
		font-size: 1.3rem;
		background: url(../img/common/icon04.png) no-repeat right center / 3.4rem;
	}
}
/*------------------------------------------------------------
	fade
------------------------------------------------------------*/
.fadeInUp {
    opacity: 0;
    transform: translateY(3rem);
    transition: all .5s
}
.fadeInUp.visible {
    opacity: 1;
    transform: none
}
.delay200 {
    transition-delay: 200ms;
}
.delay300 {
    transition-delay: 300ms;
}
.delay400 {
    transition-delay: 400ms;
}
.delay500 {
    transition-delay: 500ms;
}
.delay600 {
    transition-delay: 600ms;
}
.delay700 {
    transition-delay: 700ms;
}
.delay800 {
    transition-delay: 800ms;
}
.delay900 {
    transition-delay: 900ms;
}
.delay1000 {
    transition-delay: 1000ms;
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
@media all and (max-width: 896px) {
}