@charset "utf-8";@charset "utf-8";

@font-face {
	font-family: 'SourceHanSansJPBold';
	src: url('/assets/front/fonts/SourceHanSansJP-Bold.otf') format('truetype');
}

/* 共通 */
.crumbsList {
        margin-bottom: 0;
}
.center {
	text-align: center;
}
.marker {
	background: linear-gradient(transparent 40%, #D3E6FF 0%);
}
@media screen and (min-width: 751px) {
	.flex {
		display: flex;
	}
}
.flex-center {
	justify-content: center;
}
.flex-between {
	justify-content: space-between;
}
.bold {
	font-weight: bold;
}
.mainContents {
	width: inherit;
	max-width: inherit;
	background: #EFF6F8;
}
.mainContents_inner {
	max-width: 1920px;
	margin: 0 auto;
	padding-top: 85px;
}
h2 {
	position: relative;
	top: -50px;
	text-align: center;
	color: #fff;
	-webkit-text-stroke: 1px #004AC1;
	font-size: 72px;
	font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;
}
h3 {
	text-align: center;
	font-size: 30px;
	font-family: 'SourceHanSansJPBold';
	color: #004AC0;
}
@media screen and (max-width: 750px) {
	h3 {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
	}
}
p {
	font-family: 'Hiragino Kaku Gothic ProN';
	line-height: 1.6;
	text-align: justify;
}
.logo2 {
	position: relative;
	top: 50px;
	z-index: 1;
}

.logo2 img {
	width: 250px;
	margin: 0 auto;
}

.mv img {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
img {
	display: block;
}
.img2 {
	max-width: 1505px;
	margin: 0 auto;
	display: block;
	width: 100%;
	margin-bottom: 40px;
}
.img3 {
	margin-right: 40px;
}
.img3,
.img9,
.img11 {
	max-width: 823px;
	width: 410px;
}
.img10 {
	width: 39%;
}
.img11 {
	margin-right: 45px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.max1505 {
	max-width: 1505px;
}
.max1870 {
	max-width: 1870px;
}
img {
	object-fit: contain;
}
.section_inner {
	margin: 0 auto;
	padding: 0 20px;
}
.section_inner_3 {
	margin-top: 30px;
}
.section_inner_3,
.section_inner_4 {
	display: flex;
	justify-content: center;
}
.section_inner_3 img {
	width: 100%;
	max-width: 753px;
}
.section_inner_4 {
	margin-top: 20px;
	margin-bottom: 100px;
}
.section_inner_4 img {
	width: 100%;
	max-width: 608px;
}
.section_inner_2 .text_wrapper {
	margin-top: 33px;
}
.section_inner_1 h3 {
	margin-top: 100px;
	margin-bottom: 60px;
}
.section_inner_3 {
	margin-bottom: 23px;
}
.section_inner_4 {
	margin-bottom: 55px;
}
.section_inner_6 h3 {
	margin-top: 50px;
	margin-bottom: 55px;
}
.section_inner_6 {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 23px;
}
.section_inner_6 img {
	margin-left: 30px;
}
.section_inner_7  img {
	margin-right: 34px;
}
.section_inner_8 {
	margin-bottom: 24px;
}
.section_inner_8  h3 {
	margin-top: 65px;
	margin-bottom: 55px;
}
.section_inner_9 {
	margin-bottom: 70px;
}
.section_inner_9  img {
	margin-top: 14px;
	margin-bottom: 25px;
}
@media screen and (min-width: 951px) {
	.section_inner {
		width: 920px;
	}
}
@media screen and (min-width: 751px) {
	.section_inner_2 {
		margin-top: 20px;
	}
}
@media screen and (max-width: 750px) {
	.section_inner_1 h3 {
		margin-top: 50px;
		margin-bottom: 30px;
	}
	.section_inner_2 {
		margin-top: 20px;
		display: block;
	}
	.section_inner_2 .text_wrapper {
		margin-top: 0;
	}
	.section_inner_4 {
		display: block;
	}
	.section_inner img {
		margin-bottom: 20px;
	}
	.section_inner_3 img,
	.section_inner_4 img {
		width: 100%;
		margin-bottom: 20px;
		max-width: inherit;
	}
	.section_inner_6 {
		padding-left: 0;
	}
	.section_inner_2 img,
	.section_inner_6 img {
		width: 100%;
		margin-left: 0;
	}
	.section_inner_7 img {
		margin-right: 0;
		width: 100%;
	}
	.section_inner_2,
	.section_inner_7 .flex {
		display: block;
	}
	.section_inner_8 .flex {
		display: flex;
		flex-direction: column;
	}
	.section_inner_8 .flex img {
		width: 100%;
	}
	.section_inner_6 .section_inner {
		display: flex;
		flex-direction: column-reverse
	}
	.section_inner_6 .section_inner img {
		margin-bottom: 20px;
	}
	.section_inner_6 h3 {
		margin-top: 25px;
		margin-bottom: 27.5px;
	}
	.section_inner_8  h3 {
		margin-top: 32.5px;
		margin-bottom: 27.5px;
	}
}
@media screen and (max-width: 950px) {
	.img11 {
		/* margin-right: 0; */
	}
}
@media screen and (max-width: 750px) {
	h2 {
		font-size: 32px;
		top: -22px;
	}
	.section_inner_3 {
		display: block;
	}
	.logo2 img {
		width: 125px
	}
	.mainContents_inner {
		padding-top: 0;
	}
}

/* アニメーション */
.fade-in {
	opacity: 0;
	transition-duration: 500ms;
	transition-property: opacity, transform;
}
.fade-in-up {
	transform: translate(0, 70px);
}
.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}
.eachTextAnime span {
	opacity: 0;
}
.eachTextAnime.appeartext span {
	animation:text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

/* プロフィール */
.profile {
	width: 350px;
	padding: 0 20px;
}
.profile:first-child {
	width: 440px;
}
.profile:last-child {
	width: 460px;
}
.profile_section {
	position: relative;
	margin-top: 80px;
}
.profile_inner {
	width: 974px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	top: 80%;
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
	/* .profile_inner {
		width: 680px;
		margin: 0 auto;
		position: relative;
		top: -100px;
		left: 35vh;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	} */
}
@media screen and (max-width: 950px) {
	.profile_inner {
		width: 100%;
		position: relative;
		top: -100px;
		margin-bottom: -100px;
		display: block;
	}
	.profile:first-child {
		width: 100%;
		margin-bottom: 30px;
	}
	.profile:last-child {
		width: 100%;
	}
}

/* 商品一覧ボタン */
.item_btn {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	background: #004AC0;
}
.item_btn a {
	display: inline-block;
	color: #fff;
	padding: 15px 20px;
	text-align: center;
	width: 100%;
}

/* フッター */
@media screen and (min-width: 751px) {
	.ec-footer .ec-footer__inner {
		padding-top: 0;
	}
	.ec-footer .ec-footer__main {
		margin-top: 0;
	}
}