@charset "utf-8";


/*------------------------------------------------------------
index
------------------------------------------------------------*/

.topVisual {
	z-index: 3;
}
.topVisual p {
	z-index: 3;
}
.topVisual {
	margin-bottom: -27%;
	position: relative;
}
.topVisual .mainImg {
	margin-right: 8.3%;
}
.topVisual .mainImg img {
	width: 100%;
}

/*anime*/
.topVisual .mainImg {
	width: 100%;
}
.topVisual .mainImg img {
	width: 100%;
	z-index: 2;
}
.topVisual .mainImg img.slide_bg {
	position: absolute;
	width: 100%;
	height: auto;
	left:0;
	top:0;
}
.topVisual .mainImg img:not(.slide_bg){
	z-index: 3;
}

div.mainVisual div.shadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 71.2%;
	height: 100%;
	background-color: #E3E3E3;
	content: "";
}

#main .message {
	padding: 0 0 218px 0;
	position: relative;
}
@media (max-width:1620px){
	#main .message .contBox p.txtBox.grid02 {
		width: 88.3%;
	}
}
@media (min-width:768px){
	#main .message .contBox {
		display: grid;
		grid-template-columns: 40.05vw 10.05vw 1fr;
		grid-template-rows: auto 6.25vw auto 20px auto;
		gap: 0;
	}
	#main .message .contBox p.imgBox.grid01 {
		max-width: 769px;
	}
	#main .message .contBox p.txtBox.grid02 {
		grid-column-start: 3;
		width: 73.23%;
		max-width: 703px;
		margin: 0 auto 0 0;
	}
	#main .message .contBox p.txtBox.grid02 .msgSubtitle{
		font-size: 3.4rem;
		font-weight: 600;
		line-height: 1.77941176;
		letter-spacing: .18em;
	}
	#main .message .contBox p.txtBox.grid03 {
		grid-column: span 3 / span 3;
		grid-row-start: 3;
		/* max-width: 842px; */
		max-width: 916px;
	}
	#main .message .contBox p.txtBox.grid03 span.philosophy {
		font-size: 2.9rem;
		font-weight: 600;
		letter-spacing: .17em;
	}
	#main .message .contBox p.txtBox.grid03 span.philosophy span.en_blue {
		color: #0070B5;
	}
	#main .message .contBox p.txtBox.grid04 {
		grid-column: span 3 / span 3;
		grid-row-start: 5;
		width: 100%;
		text-align: right;
		max-width: 916px;
	}
	#main .message .contBox p.txtBox.grid04 > span {
		font-size: 2.4rem;
		font-weight: 600;
	}
	#main .message .contBox p.txtBox {
		margin: 0 auto 21px;
		font-size: 1.8rem;
		line-height: 2.69444444;
		font-weight: 600;
		letter-spacing: .18em;
		font-weight: 300;
		max-width: 1362px;
	}
}
@media (max-width:767px){
	#main .message {
		padding: 0 0 30px 0;
	}
	#main .message .contBox p.imgBox {
		width: 100%;
	}
	#main .message .contBox p.imgBox > img {
		width: 100%;
	}
	#main .message .contBox p.txtBox {
		font-size: 1.4rem;
		line-height: 1.73214286;
		letter-spacing: .18em;
		margin-bottom: 28px;
		padding: 0 16px;
		text-align: justify;
	}
	#main .message .contBox p.txtBox.grid02 {
		width: auto;
		margin-top: 38px;
	}
	#main .message .contBox p.txtBox.grid02 .msgSubtitle {
		font-size: 2.4rem;
		line-height: 1.77941176;
		letter-spacing: .18em;
	}
	#main .message .contBox p.txtBox.grid03 span.philosophy {
		font-size: 1.9rem;
		font-weight: 600;
		letter-spacing: .17em;
		-webkit-font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		font-feature-settings: "palt";/* 未対応のfont使用のため効かず */
	}
	#main .message .contBox p.txtBox.grid03 span.philosophy span.en_blue {
		color: #0070B5;
	}
	#main .message .contBox p.txtBox.grid04 {
		text-align: right;
	}
	#main .message .contBox p.txtBox.grid04 {
		font-size: 1.2rem;
	}
	#main .message .contBox p.txtBox.grid04 > span {
		font-weight: 600;
		font-size: 1.8rem;
	}
}