@charset "UTF-8";
/*------------------------------------------------------------------------------
↓↓↓　search.cssの記述を打ち消し
------------------------------------------------------------------------------*/
.promotion-banner{
  margin-top:0;
}
@media (min-width: 768px){
  .promotion-banner {
    margin-top:0;
  }
}
.red-2-orange .promotion-banner::before,
.promotion-banner::before{
  background:none;
}
/*------------------------------------------------------------------------------
↑↑↑　search.cssの記述を打ち消し
------------------------------------------------------------------------------*/

.container.content-asset-container {
	max-width: 100% !important;
    padding: 0;
	overflow-x: hidden;
}

.back-to-top {
	bottom: 120px!important;
}


/* reset */
a, body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, html, img, li, p, section, span, strong, table, tbody, tfoot, thead, tr, th, td, ul, video {
	font-size:100%;
	font-weight:inherit;
	font-style:inherit;
	vertical-align:baseline;
	white-space:normal;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	text-decoration: none;
}
ol, ul {list-style:none;}
:focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}


.sp_only {display: none;}
@media screen and (max-width:599px) {
	.sp_br {display: block;}
	.sp_only {display: block;}
	.pc_only {display: none;}
}

#school_essentials {
	width: 100vw;
	overflow-x: hidden;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#school_essentials img {
	width: 100%;
}
#school_essentials a:hover {
	opacity: 0.7;
}

.swiper-pagination-bullet {
	background: #fff;
	border-radius: 0;
	width: 15px;
	height: 4px;
	opacity: 0.4;
}
.swiper-pagination-bullet-active {
	opacity: 1;
}


/* MainVisual */
#school_essentials .mv {
	position: relative;
	margin-bottom: 40px;
}
#school_essentials .mv .swiper_mv {
	z-index: 1;
}
#school_essentials .mv .title_area {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 40%;
}
#school_essentials .mv .title_area .logo {
	width: 56%;
	margin: 0 auto 20px auto;
}
#school_essentials .mv .title_area .title {
	width: 60%;
	margin: 0 auto;
}
@media screen and (min-width:600px) {
	#school_essentials .mv .swiper-wrapper {
		display: flex;
	}
	#school_essentials .mv .swiper-wrapper > div {
		width: calc(100% / 3);
	}
	#school_essentials .mv .title_area {
		top: 35%;
	}
	#school_essentials .mv .title_area .logo {
		width: 22%;
		margin: 0 auto 50px auto;
	}
	#school_essentials .mv .title_area .title {
		width: 42%;
	}
}

/* ReadText */
.read p {
	text-align: center;
	font-size: 16px;
	font-size: clamp(14px, 1.5vw, 18px);
	line-height: 2.0;
	margin-bottom: 200px;
}
@media screen and (max-width:599px) {
	.read p {
		font-size: 13px;
		margin-bottom: 60px;
	}
}

/*　HALL / BRETT / DARCY 共通STYLE　*/
.model_photo_area {
	position: relative;
	max-width: 1200px;
	margin: 0 auto 50px auto;
	display: flex;
	justify-content: space-between;
}
.model_photo_area h2.item_title {
	position: absolute;
	z-index: 3;
}
.model_photo_area .photo1 {
	position: relative;
	z-index: 1;
	width: 62%;
	margin: 0 -40% 0 0;
	overflow: hidden;
}
.model_photo_area .photo1.animation img {
	clip-path: inset(0 99.99% 0 0); 
}
.model_photo_area .photo1.animation.move img {
    clip-path: inset(0%);
	transition: clip-path 0.3s ease-out 0.3s;
}

.model_photo_area .photo2 {
	position: relative;
	z-index: 2;
	width: 52%;
	margin: 30% 0 0 0;
}
.model_photo_area .text_area {
	position: absolute;
	top: 87%;
	width: 50%;
	text-align: center;
}
.model_photo_area .text_area .catch {
	font-size: 30px;
	font-size: clamp(12px, 2.8vw, 30px);
	margin-bottom: 15px;
}
.model_photo_area .text_area p {
	font-weight: 300;
	font-size: 16px;
	font-size: clamp(1px, 1.5vw, 16px);
	line-height: 1.6;
}
@media screen and (max-width:599px) {
	.model_photo_area {
		flex-direction: column;
		margin: 0 auto 30px auto;
	}
	.model_photo_area .photo1 {
		width: 100%;
		margin: -40px 0 0 0;
	}
	.model_photo_area .photo2 {
		width: 96%;
		margin: -5% 0 0 3%;
	}
	.model_photo_area h2.item_title {
		position: relative;
		z-index: 3;
	}
	.model_photo_area .text_area {
		position: relative;
		top: auto;
		width: 100%;
	}
	.model_photo_area .text_area .catch {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.model_photo_area .text_area p {
		font-size: 13px;
	}
}

.item_link_btn a {
	display: block;
	max-width: 480px;
	width: 86%;
	margin: 30px auto 100px auto;
	border: 1px solid #333;
	background: #fff;
	border-radius: 50px;
	text-align: center;
	line-height: 1.0;
	padding: 18px 0;
	font-size: 22px;
	font-size: clamp(1px, 3vw, 22px);
}
@media screen and (max-width:599px) {
	.item_link_btn a {
		margin: 30px auto 60px auto;
		padding: 13px 0;
		font-size: 18px;
	}
}

.detail_area {
	max-width: 1120px;
	width: 86%;
	margin: 0 auto;
}
.detail_area h3 {
	text-align: center;
	margin-bottom: 50px;
	font-family: "Noto Sans", sans-serif;
	font-weight: 800;
	font-size: 50px;
	font-size: clamp(1px, 6vw, 50px);
	color: #0071a2;
}
.detail_area ul {
	display: flex;
	justify-content: space-between;
}
.detail_area ul li p {
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	font-size: clamp(1px, 2vw, 20px);
}
.detail_area ul li {
	width: 31%;
}
.detail_area ul li:first-child {
	margin-top: -80px;
}
.detail_area ul li:last-child {
	margin-top: -130px;
}
@media screen and (max-width:599px) {
	.detail_area h3 {
		margin-bottom: 30px;
		font-size: 40px;
	}
	.detail_area ul {
		flex-direction: column;
	}
	.detail_area ul li p {
		margin-top: 10px;
		font-size: 16px;
	}
	.detail_area ul li {
		width: 80%;
		margin: 0 auto 30px auto;
	}
	.detail_area ul li:first-child {
		margin-top: 0;
	}
	.detail_area ul li:last-child {
		margin-top: 0;
	}
}

.color_img {
	max-width: 900px;
	width: 100%;
	margin: 80px auto 30px auto;
}
@media screen and (max-width:599px) {
	.color_img {
		margin: 30px auto 50px auto;
	}
}

.item_info_area h3 {
	font-family: "Noto Sans", sans-serif;
	font-weight: 800;
	color: #0071a2;
	font-size: 60px;
	font-size: clamp(1px, 7vw, 60px);
	text-align: center;
}
.item_info_area h3 span {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
	font-size: 40%;
}
.item_info_area table {
	width: 330px;
	margin: 30px auto 30px auto;
}
.item_info_area table th {
	width: 5em;
}
.item_info_area table th,
.item_info_area table td {
	border-bottom: 1px solid #333;
	font-size: 14px;
	padding: 10px 0;
}
.item_info_area table td.color_chip span {
	display: inline-block;
	margin-right: 7px;
	font-size: 20px;
}
.item_info_area .price {
	font-size: 20px;
	text-align: center;
}
.item_info_area .price span {
	font-size: 70%;
}
@media screen and (max-width:599px) {
	.item_info_area h3 {
		margin-bottom: 20px;
		font-size: 40px;
	}
	.item_info_area table {
		width: 86%;
		margin: 0 auto 30px auto;
	}
	.item_info_area table th {
		width: 5em;
	}
}

/* HALL */
.hall_area {
	background: #c3daec;
	padding: 80px 0 40px 0;
}
.hall_area h2.item_title {
	width: 60%;
	max-width: 680px;
	top: -90px;
	right: 8%;
}
.hall_area .detail_area h3 {
	color: #0071a2;
}
.hall_area .item_info_area h3 {
	color: #0071a2;
}
.hall_area .color_chip span:nth-child(1) {color: #c3a892;}
.hall_area .color_chip span:nth-child(2) {color: #df4546;}
.hall_area .color_chip span:nth-child(3) {color: #323436;}
.hall_area .color_chip span:nth-child(4) {color: #abb45e;}
.hall_area .color_chip span:nth-child(5) {color: #81a5c7;}
.hall_area .color_chip span:nth-child(6) {color: #283e5a;}

@media screen and (max-width:599px) {
	.hall_area {
		background: #c3daec;
		padding: 50px 0 30px 0;
	}
	.hall_area h2.item_title {
		width: 80%;
		top: 0;
		right: auto;
		left: 10%;
	}
}

/* BRETT */
.brett_area {
	background: #e3b2be;
	padding: 140px 0 40px 0;
}
.brett_area h2.item_title {
	width: 59%;
	max-width: 680px;
	top: 7%;
	left: 2%;
}
@media screen and (max-width:599px) {
	.brett_area {
		padding: 70px 0 30px 0;
	}
	.brett_area h2.item_title {
		width: 94%;
		top: -9%;
		left: 3%;
	}
}
@media screen and (min-width:600px) {
	.brett_area .photo1 {
		order: 2;
		margin: 0;
	}
	.brett_area .photo2 {
		order: 1;
		margin: 30% -40% 0 0;
	}
}
.brett_area .model_photo_area .text_area {
	right: 0;
}
.brett_area .detail_area h3 {
	color: #a40000;
}
.brett_area .item_info_area h3 {
	color: #a40000;
}
.brett_area .color_chip span:nth-child(1) {color: #c3a892;}
.brett_area .color_chip span:nth-child(2) {color: #df4546;}
.brett_area .color_chip span:nth-child(3) {color: #323436;}
.brett_area .color_chip span:nth-child(4) {color: #abb45e;}
.brett_area .color_chip span:nth-child(5) {color: #81a5c7;}
.brett_area .color_chip span:nth-child(6) {color: #283e5a;}

/* DARCY */
.darcy_area {
	background: #fde7b2;
	padding: 140px 0 40px 0;
}
.darcy_area .model_photo_area {
	margin: 0 auto 80px auto;
}
.darcy_area h2.item_title {
	width: 70%;
	max-width: 780px;
	top: -4%;
	left: 2%;
}
@media screen and (max-width:599px) {
	.darcy_area {
		padding: 70px 0 30px 0;
	}
	.darcy_area .model_photo_area {
		margin: 0 auto 30px auto;
	}
	.darcy_area h2.item_title {
		width: 94%;
		top: -9%;
		left: 3%;
	}
}
@media screen and (min-width:600px) {
	.darcy_area .photo1 {
		order: 2;
		margin: 0;
	}
	.darcy_area .photo2 {
		order: 1;
		margin: 30% -40% 0 0;
	}
}
.darcy_area .model_photo_area .text_area {
	right: 0;
}
.darcy_area .detail_area h3 {
	color: #f6ca00;
}
.darcy_area .item_info_area h3 {
	color: #f6ca00;
}
.darcy_area .color_chip span:nth-child(1) {color: #171d1b;}
.darcy_area .color_chip span:nth-child(2) {color: #f08050;}
.darcy_area .color_chip span:nth-child(3) {color: #32433d;}
.darcy_area .color_chip span:nth-child(4) {color: #0071a2;}
.darcy_area .color_chip span:nth-child(5) {color: #c3a892;}


/* BACKPACKS for SCHOOL */
.item_list {
	max-width: 980px;
	width: 86%;
	margin: 80px auto;
}
.item_list h2 {
	text-align: center;
	font-family: "Noto Sans", sans-serif;
	font-weight: 800;
	font-size: 48px;
	font-size: clamp(1px, 5.5vw, 48px);
}
.item_list .catch {
	text-align: center;
	font-weight: 800;
	font-size: 40px;
	font-size: clamp(1px, 4.5vw, 40px);
	margin-bottom: 70px;
}
.item_list h3 {
	text-align: center;
	font-family: "Noto Sans", sans-serif;
	font-weight: 800;
	font-size: 48px;
	font-size: clamp(1px, 4.8vw, 48px);
	color: #666;
	line-height: 1.0;
	margin-bottom: 20px;
}
.item_list h3 span {
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
	font-size: 21px;
	font-size: clamp(1px, 1.8vw, 21px);
}
.item_list p {
	font-size: 13px;
	font-size: clamp(1px, 1.3vw, 13px);
	line-height: 1.8;
	margin: 15px 0 30px 0;
}
@media screen and (min-width:600px) {
	.item_list ul {
		display: flex;
		justify-content: space-between;
	}
	.item_list ul li {
		width: 28%;
		display: flex;
		flex-direction: column;
		padding-bottom: 2px;
	}
	.item_list .item_link_btn {
		margin-top: auto;
	}
	.item_list .item_link_btn a {
		width: 100%;
		margin: 0;
		padding: 14px 0;
		font-size: 14px;
	}
}
@media screen and (max-width:599px) {
	.item_list {
		margin: 80px auto 30px auto;
	}
	.item_list h2 {
		font-size: 38px;
		line-height: 1.0;
	}
	.item_list .catch {
		font-size: 30px;
		margin: 10px 0 50px 0;
		line-height: 1.3;
	}
	.item_list ul li {
		padding-bottom: 40px;
	}
	.item_list .swiper-pagination-bullet {
		background: #aaa;
	}
	.item_list h3 {
		font-size: 40px;
	}
	.item_list h3 span {
		font-size: 15px;
	}
	.item_list p {
		font-size: 13px;
	}
	.item_list .item_link_btn a {
		width: 100%;
		margin: 0;
	}
}