@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LYX */
/* 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;}
.abhaya {
	font-family: "Abhaya Libre", serif;
	font-weight: 600;
} 
.m {
	font-weight: 300;
}
.josefin {
	font-weight: 400;
	font-family: "Josefin Sans", serif;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	max-width: 120rem;
}
@media all and (max-width: 896px) {
	.content {
		margin: 0 2rem;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	padding-bottom: 2.6rem;
	font-size: 4.3rem;
	font-weight: 300;
	line-height: 1.15;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 3.5rem !important;
		font-size: 3rem;
	}
}
/*------------------------------------------------------------
	comSubLine
------------------------------------------------------------*/
.comSubLine {
	padding-bottom: 2.7rem;
	position: relative;
	z-index: 1;
}
.comSubLine::after {
	top: 100%;
	left: 0;
	position: absolute;
	z-index: 1;
	content: "";
	width: 19.7rem;
	height: 3px;
	background: #691EFF;
	box-shadow: 0 0 4rem 1.5rem rgba(92, 64, 255, 0.25);
}
@media all and (max-width: 896px) {
	.comSubLine {
		padding-bottom: 2.5rem !important;
	}
	.comSubLine::after {
		width: 10rem;
		height: 2px;
	}
}
/*------------------------------------------------------------
	comInnerBox
------------------------------------------------------------*/
.comInnerBox {
	padding: 14.1rem 0 5.3rem;
}
.comInnerBox .lBox {
	padding-right: 12%;
	text-align: right;
	width: 50%;
}
.comInnerBox .lBox .comSubLine::after {
	left: auto;
	right: 0;
	background: #FA3FA6;
	box-shadow: 0 0 4rem 1.5rem rgba(250, 63, 166, 0.25);
}
.comInnerBox .rBox {
	width: calc(50% - 14rem);
}
.comInnerBox .rBox .text {
	line-height: 2.18;
}
.comInnerBox .rBox .textList li {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
	line-height: 2.18;
}
.comInnerBox .rBox .text .bold {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.18rem;
}
.comInnerBox .rBox .text .thin {
	font-size: 1.8rem;
}
@media all and (max-width: 896px) {
	.comInnerBox {
		padding: 5rem 0 0 !important;
		display: block;
	}
	.comInnerBox .lBox {
		padding-right: 0;
		text-align: left;
		width: auto;
	}
	.comInnerBox .lBox .comSubLine::after {
		left: 0;
		right: auto;
	}
	.comInnerBox .rBox {
		margin-bottom: 4rem;
		width: auto;
	}
	.comInnerBox .rBox .text {
		line-height: 2;
	}
	.comInnerBox .rBox .textList li {
		line-height: 2;
	}
	.comInnerBox .rBox .text .bold {
		font-size: 1.6rem;
	}
	.comInnerBox .rBox .text .thin {
		font-size: 1.6rem;
	}
}
/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
.comImgBox {
	margin: 0 auto;
	max-width: 91.3rem;
}
.comImgBox .innerBox {
	max-width: 40rem;
}
.comImgBox .innerBox01 {
	max-width: 45.8rem;
}
.comImgBox .innerBox h3 {
	margin-bottom: 2.1rem;
	min-height: 8rem;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.25rem;
}
.comImgBox .innerBox .pho {
	margin-bottom: 3.1rem;
	min-height: 27.9rem;
}
.comImgBox .innerBox .pho img {
	border-radius: 1rem;
	overflow: hidden;
}
.comImgBox .innerBox .text {
	line-height: 1.87;
	letter-spacing: 0.16rem;
}
.comImgBox .innerBox .textList {
	margin-left: 1rem;
}
.comImgBox .innerBox .textList li {
	position: relative;
	z-index: 1;
	padding-left: 1.5rem;
	letter-spacing: 0.16rem;
	line-height: 1.87;
}
.comImgBox .innerBox .textList li::after {
	position: absolute;
	z-index: 1;
	width: 0.4rem;
	height: 0.4rem;
	top: 1.1rem;
	left: 0;
	content: "";
	background-color: #fff;
	border-radius: 50%;
}
@media all and (max-width: 896px) {
	.comImgBox {
		display: block;
	}
	.comImgBox .innerBox {
		max-width: 100% !important;
	}
	.comImgBox .innerBox:not(:last-of-type) {
		margin-bottom: 4rem;
	}
	.comImgBox .innerBox01 {
		max-width: 100% !important;
	}
	.comImgBox .innerBox h3 {
		min-height: fit-content;
		font-size: 2rem;
	}
	.comImgBox .innerBox .pho {
		margin-bottom: 2rem;
		min-height: fit-content;
	}
	.comImgBox .innerBox .pho img {
		width: 100%;
	}
	.comImgBox .innerBox .text {
		line-height: 1.8;
	}
	.comImgBox .innerBox .textList {
		margin-left: 0;
	}
	.comImgBox .innerBox .textList li {
		padding-left: 1rem;
		line-height: 1.8;
	}
	.comImgBox .innerBox .textList li::after {
		width: 0.3rem;
		height: 0.3rem;
	}
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 1%);
	transition: 1.5s;
}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
#gHeader.transform{
	background-color: #000;
	color: #FFF;
	position: fixed;
	top: 0;
	transition: 2s;
}
#gHeader.transform h1 a, #gHeader.transform ul a {
	color: #fff !important;
}
#gHeader.transform .rBox .mail a img:nth-child(1){
	opacity: 1 !important;
}
#gHeader.transform .rBox .mail a img:nth-child(2){
	opacity: 0 !important;
}