@charset "utf-8";

* {
	/* transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); */
}

/* CSS Document */
body {
	font-family: 'Kiwi Maru', serif;
	font-feature-settings: "palt";
	background-color: #ebe0d2;
	color: #603813;
	overflow-x: hidden;
}

body.no-scroll {
	overflow: hidden;
	height: 100vh;
}

body.college {
	background-color: #ffffff;
}

#wrap {
	overflow-x: hidden;
	position: relative;
}

li {
	list-style-type: none;
}

.pc {
	display: block;
}

.sp,
img.sp {
	display: none;
}

img.pc {
	display: inline-block
}

@media screen and (max-width: 768px) {
	.sp,
	img.sp {
		display: block;
	}

	img.pc {
		display: none
	}
}

.fadeIn {
	animation-name: fadeInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

a {
	text-decoration: none;
	display: block;
}

@keyframes fadeInAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.kv {
	width: 100%;
	height: 100vh;
	min-height: 850px;
	overflow: hidden;
	position: relative;
}

.kv_logo {
	width: 1144px;
	height: 717px;
	background: url("../img/kv_logo_bg.svg") center/contain no-repeat;
	animation-delay: 0.5s;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

.kv_logo img {
	margin: 0 auto;
	width: 615px;
	max-width: 615px;
}

.kv_mark {
	position: absolute;
	z-index: 1;
}

.kv_mark.pc {
	display: block;
}

.kv_mark.sp {
	display: none;
}

.kv_1 {
	width: 225px;
	left: 50%;
	top: 50%;
	margin-left: -186px;
	margin-top: -453px;
	animation-delay: 1s;
}

.kv_2 {
	width: 245px;
	left: 50%;
	top: 50%;
	margin-left: -683px;
	margin-top: -373px;
	animation-delay: 1.4s;
}

.kv_3 {
	width: 137px;
	left: 50%;
	top: 50%;
	margin-left: -741px;
	margin-top: -95px;
	animation-delay: 1s;
}

.kv_4 {
	width: 438px;
	left: 50%;
	top: 50%;
	margin-left: -660px;
	margin-top: 248px;
	animation-delay: 1.4s;
	z-index: 0;
}

.kv_5 {
	width: 108px;
	right: 50%;
	top: 50%;
	margin-right: -195px;
	margin-top: 248px;
	animation-delay: 1.8s;
}

.kv_6 {
	width: 224px;
	right: 50%;
	top: 50%;
	margin-right: -655px;
	margin-top: 236px;
	animation-delay: 1.2s;
}

.kv_7 {
	width: 181px;
	right: 50%;
	top: 50%;
	margin-right: -778px;
	margin-top: 10px;
	animation-delay: 1.4s;
}

.sun_illust {
	width: 374px;
	height: 374px;
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: -698px;
	margin-top: -387px;
	background: url("../img/sun_illust.png") center /contain no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	animation-delay: 0.8s;
	z-index: 1;
}

.sun_illust p {
	font-size: 21px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	margin-left: 0.5em;
}

.sun_illust img {
	width: 100%;
}

.firstview_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

.scrolldots_wrapper {
	animation-delay: 3s;
	z-index: 1;
	position: absolute;
  bottom: 50%;
  left: 50%;
	margin-bottom: -210px;
}

.scroll {
	position: absolute;
  top: 0px;
  left: -30px;
	z-index: 2;
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-delay: 2.5s;
	width: 70px;
	height: 20px;
	background: url("../img/kv_scroll.svg") center / 100% no-repeat;
}

.scroll.fadein {
	opacity: 1;
}

.scroll:hover {
	background-image: url("../img/kv_scroll_on.svg");
	transition: 0.5s;
}

.dots {
	position: absolute;
  top: 50px;
  left: 6px;
  width: 2px;
  height: 90vh;
  display: block;
  background: url(../img/dots.png) top / 100% repeat-y;
  z-index: 1;
}

@media screen and (max-width: 1200px) {
	.kv_logo {
		width: calc(1144px * 0.8);
		height: calc(717px * 0.8);
	}

	.kv_logo img {
		width: calc(615px * 0.8);
	}

	.kv_1 {
		width: 200px;
		margin-left: -174px;
		margin-top: -367px;
	}

	.kv_2 {
		width: calc(245px * 0.8);
		margin-left: -554px;
		margin-top: -294px;
	}

	.kv_3 {
		width: 100px;
		margin-left: -583px;
		margin-top: -50px;
	}

	.kv_4 {
		width: 350px;
		margin-left: -541px;
		margin-top: 200px;
	}

	.kv_5 {
		width: 90px;
		margin-right: -182px;
		margin-top: 207px;
	}

	.kv_6 {
		width: 170px;
		margin-right: -511px;
		margin-top: 210px;
	}

	.kv_7 {
		width: 150px;
		margin-right: -634px;
		margin-top: 20px;
	}

	.sun_illust {
		width: calc(374px * 0.8);
		height: calc(374px * 0.8);
		margin-right: -549px;
		margin-top: -325px;
	}

	.sun_illust p {
		font-size: 18px;
	}

	.scrolldots_wrapper {
		margin-bottom: -170px;
	}

	/* .scroll {
		margin-bottom: -185px;
	} */
}

@media screen and (max-width: 900px) {
	.kv_logo {
		width: calc(1144px * 0.6);
		height: calc(717px * 0.6);
	}

	.kv_logo img {
		width: calc(615px * 0.6);
	}

	.kv_1 {
		width: 175px;
		margin-left: -130px;
		margin-top: -286px;
	}

	.kv_2 {
		width: calc(245px * 0.6);
		margin-left: -419px;
		margin-top: -216px;
	}

	.kv_3 {
		width: 70px;
		margin-right: -136px;
		margin-top: 153px;
	}

	.kv_4 {
		width: 250px;
		margin-left: -388px;
		margin-top: 158px;
	}

	.kv_5 {
		width: 70px;
		margin-right: -136px;
		margin-top: 153px;
	}

	.kv_6 {
		width: 125px;
		margin-right: -386px;
		margin-top: 157px;
	}

	.kv_7 {
		width: 110px;
		margin-right: -469px;
		margin-top: 13px;
	}

	.sun_illust {
		width: calc(374px * 0.6);
		height: calc(374px * 0.6);
		margin-right: -410px;
		margin-top: -236px;
	}

	.sun_illust p {
		font-size: 13px;
	}

	.scrolldots_wrapper {
		margin-bottom: -110px;
	}

	.scroll {
		top: 10px;
		/* margin-bottom: -145px; */
	}
}

@media screen and (max-width: 768px) {
	.kv {
		min-height: 568px;
		max-height: 960px;
	}

	.kv_logo {
		position: relative;
		width: 90%;
		height: 0;
		padding-top: min(calc((609 / 432) * 90%), 609px);
		background: url("../img/kv_logo_bg-sp.svg") center/contain no-repeat;
	}

	.kv_logo img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		max-width: 330px;
	}

	.sun_illust {
		top: 50%;
		width: min(57%, 270px);
		height: min(57%, 270px);
		margin-top: max(-57vw, -275px);
		margin-right: 0;
		transform: translate(50%, -50%);
	}

	.sun_illust p {
		font-size: min(3.3vw, 17px);
	}

	.kv_mark.pc {
		display: none;
	}

	.kv_mark.sp {
		display: block;
	}

	.kv_1 {
		width: min(17.5vw, 88px);
		height: auto;
		margin-left: max(-52vw, -263px);
		margin-top: max(-86.5vw, -408px);
	}

	.kv_2 {
		width: min(21.5vw, 118px);
		height: auto;
		margin-left: max(-54vw, -274px);
		margin-top: min(31.5vw, 133px);
	}

	.kv_3 {
		z-index: 0;
		width: min(35.5vw, 166px);
		height: auto;
		margin-left: max(-49vw, -226px);
		margin-top: min(45.5vw, 223px);
	}

	.kv_4 {
		z-index: 1;
		width: min(37.5vw, 193px);
		height: auto;
		margin-left: min(20vw, 83px);
		margin-top: min(48.5vw, 238px);
	}

	.kv_5 {
		z-index: 0;
		width: min(19.5vw, 93px);
		height: auto;
		margin-right: max(-47.5vw, -225px);
		margin-top: max(-114vw, -540px);
	}

	.firstview_content {
		min-height: 568px;
    max-height: 960px;
	}

	.scrolldots_wrapper {
    margin-bottom: max(-35vw, -160px);
  }

	.scroll {
		left: -18px;
		width: 50px;
		/* margin-bottom: max(-45vw, -214px); */
	}
}

.under_dots {
	position: absolute;
	top: 2px;
	left: 50%;
	width: 2px;
	height: 50vh;
	display: block;
	background: url(../img/dots.png) top / 100% repeat-y;
	z-index: 1;
	animation-delay: 3s;
}

header {
	z-index: 100;
	position: absolute;
	top: 0;
	width: 100%;
}

.header.pc {
	display: flex;
	justify-content: space-between;
	position: relative;
	transition: opacity 0.5s ease-out;
}

.header.pc.-top {
	opacity: 0;
}

.header.pc.fixed {
	position: fixed;
	top: 0;
	width: 100%;
}

.header.pc h1 {
	max-width: 254px;
	width: 20%;
}

.header.pc>nav {
	position: relative;
	margin: 40px 30px 0 0;
}

.header.pc>nav>ul {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 660px;
	background-color: #fff;
	border-radius: 50px;
}

.header.pc>nav>ul>li a {
	color: #603813;
	font-size: 15px;
	transition: 0.5s;
	padding: 22px 16px;
	font-weight: bolder;
	letter-spacing: 1px;
}

.header.pc>nav>ul>li:nth-child(2)>a {
	position: relative;
	padding: 22px 26px 22px 16px;
}

.header.pc nav ul li a:hover {
	color: #ff9506;
	transition: 0.5s;
}

.header.pc nav.pc > ul > li:last-child a {
	padding: 26px 0;
	width: 14px;
	height: 14px;
	background: url("../img/instagram.svg") center /100% no-repeat;
}

.header.pc nav.pc > ul > li:last-child a:hover {
	background-image: url("../img/instagram_on.svg");
}

.header.pc nav ul li a span {
	position: absolute;
	right: 0.7em;
	top: 1.8em;
}

.head_logo {
	width: 252px;
	display: block;
}

.head_logo img {
	width: 100%;
}

.gnav_hvr_menu {
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
	width: 162px;
	top: 72px;
	left: 220px;
	position: absolute;
}

.gnav_hvr_menu.appear {
	visibility: visible;
	opacity: 1;
	transition: 0.5s;
}

.header.pc .gnav_hvr_menu ul li a {
	padding: 16px 0 16px 32px;
	margin-bottom: 5px;
	background-color: #fcf3c5;
	color: #603813;
	border-radius: 50px;
}

.header.pc .gnav_hvr_menu ul li a:hover {
	background-color: #ff9506;
	color: #fff;
}

/* @media (width < 1080px) {
	.sp {
		display: block;
	}

	.pc,
	img.pc {
		display: none;
	}

	img.sp {
		display: inline-block;
	}
} */

@media screen and (max-width: 1000px) {
	.head_logo {
		width: calc(252px * 0.7);
	}

	.header.pc>nav {
		margin: 20px 15px 0px 0px;
	}
}

@media screen and (min-width: 870px) {

	.header nav.pc {
		display: block;
	}
}

.modal_content {
	display: none;
}

.humburger_button {
	display: none;
}

@media (width < 870px) {
	.header nav.pc {
		display: none;
	}

	.head_logo {
		width: 40vw;
		max-width: 200px;
	}

	.humburger_button {
		display: block;
		position: absolute;
		top: 3vw;
		right: 5vw;
		cursor: pointer;
		width: 15vw;
		height: 15vw;
		max-width: 60px;
		max-height: 60px;
		padding: 0px;
		background-color: #542726;
		border-radius: 30px;
		border: none;
	}

	.humburger_button-line {
		display: inline-block;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 20px;
		height: 3px;
		border-radius: 2px;
		background-color: #ffffff;
		transition: all .4s;
	}

	.humburger_button-line:nth-of-type(1) {
		top: calc(50% - 8px);
	}

	.humburger_button-line:nth-of-type(2) {
		top: 50%;
	}

	.humburger_button-line:nth-of-type(3) {
		top: calc(50% + 8px);
	}

	.humburger_button--is_active {
		position: fixed;
		z-index: 1000;
	}

	.humburger_button--is_active .humburger_button-line:nth-of-type(1) {
		top: 50%;
		left: 50%;
		width: 7vw;
		max-width: 26px;
		transform: translate(-50%, -50%) rotate(-40deg);
	}

	.humburger_button--is_active .humburger_button-line:nth-of-type(2) {
		opacity: 0;
	}

	.humburger_button--is_active .humburger_button-line:nth-of-type(3) {
		top: 50%;
		left: 50%;
		width: 7vw;
		max-width: 26px;
		transform: translate(-50%, -50%) rotate(40deg);
	}

	.modal_content {
		display: block;
		visibility: hidden;
		overflow: hidden;
		opacity: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100vw;
		height: 100vh;
		background: #EADFD1;
		transition: opacity 0.3s;
	}

	.modal_content--is_active {
		visibility: visible;
    opacity: 1;
    z-index: 999;
	}

	.modal_content .head_logo {
		position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
	}

	.modal_content .global_navigation {
    display: block;
		width: 100vw;
  }

	.modal_content .global_navigation-list {
		display: flex;
		flex-flow: column;
		align-items: center;
		width: 100%;
	}

  .modal_content .global_navigation-item {
		width: 80%;
		height: 18vw;
		max-width: 390px;
		max-height: 112px;
		margin-bottom: 10px;
		background-color: #ffffff;
		text-align: center;
  }

  .modal_content .global_navigation-item:last-child {
    margin-bottom: 0px;
  }

	.modal_content .global_navigation-item--contact {
    position: relative;
    background-image: url("../img/footer_link_bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

	.modal_content .global_navigation-item a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		max-height: 112px;
		font-size: 4.5vw;
		color: #603813;
	}

  .modal_content .global_navigation-item--contact a {
    background-color: transparent;
  }

  .modal_content .global_navigation-item--contact::before {
    content: "";
    position: absolute;
    top: -62px;
    right: -2px;
    display: block;
    width: 117px;
    height: 62px;
    background-image: url(../img/footer_lion.png);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .modal_content .global_navigation-item--contact::after {
    content: "";
    position: absolute;
    top: -8px;
    right: 10px;
    display: block;
    width: 85px;
    height: 13px;
    background-image: url(../img/footer_lion2.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }

	.modal_content .global_navigation-item--contact a {
		flex-flow: column;
	}

	.modal_content .global_navigation-item--contact a::after {
		content: "";
		position: absolute;
		background: url(../img/footer_link_arrow.svg) center /100% no-repeat;
		top: 45%;
    right: 4vw;
    margin-top: 0px;
    width: 8px;
    height: 14px;
	}

	.modal_content .global_navigation-item--contact a img {
		width: 40%;
	}

	.modal_content .global_navigation-item--contact a span {
		position: static!important;
		font-size: 3vw;
		margin-top: 7px;
	}

  .modal_content .global_navigation-item > a[href*="college"]::after {
    content: none;
  }

	.modal_content-footer {
		position: fixed;
		bottom: 30px;
		display: flex;
		flex-flow: column;
		align-items: center;
	}

	.modal_content-footer ul {
		display: flex;
		flex-flow: row;
		margin-top: 13px;
	}

	.modal_content-footer ul li a {
		margin: 0px 5px;
		color: #7F7F7F;
    font-size: 12px;
    font-weight: normal;
	}

	.modal_content-footer ul li a span {
		display: inline-block;
		padding-right: 5px;
    border-right: 1px solid #7F7F7F;
	}

	.modal_content-footer ul li:last-of-type a span {
		border-right: none;
	}
}

.main {
	overflow: hidden;
}

.top_001 {
	width: 100%;
	height: 100vh;
	min-height: 740px;
	position: relative;
	overflow: hidden;
}

.top_001>div {
	width: 950px;
	height: 580px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* margin-top: -290px;
	margin-left: -475px; */
	background: url("../img/top_001_bg.svg") center / contain no-repeat;
	z-index: 2;
	opacity: 0;
}

h2.ttl {
	padding: 124px 0 30px;
	text-align: center;
	font-size: 13px;
	color: #8f8075;
	letter-spacing: 1px;
}

h2.ttl span {
	display: block;
	margin-bottom: 13px;
}

.top_001 p {
	font-size: 19px;
	line-height: 2.5;
	text-align: center;
	margin: 0 0 24px;
	font-weight: 500;
}

.top_001_01 {
	position: absolute;
	top: 124px;
	right: -181px;
}

.top_001_02 {
	position: absolute;
	bottom: -82px;
	left: -112px;
}

.top_001 .link_btn:hover {
	color: #ff9506;
	transition: 0.2s;
}

.link_btn {
	width: 170px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	color: #603813;
	font-family: 'Noto Sans JP', sans-serif;
}

.link_btn span {
	display: inline-block;
	margin-right: 1em;
	font-weight: 500;
	padding: 15px 0;
	letter-spacing: 1px;
	font-size: 18px;
}

.link_btn img {
	z-index: 10;
}

.btn {
	width: 45px;
	height: 45px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-radius: 50%;
	background-color: #ff9506;
	border: 1px solid #ff9506;
	transform: scale(1);
	transition: 0.3s ease;
}

a:hover .btn::after {
	transform: scale(1.2);
	transition: 0.3s ease;
}

.parallax {
	position: absolute;
	transition: 0.2s ease;
}

.effect-fade {
	opacity: 0;
	transform: translate(0, 45px);
	transition: opacity, transform 1s;
}

.effect-fade.effect-scroll {
	opacity: 1;
	transform: translate(0, 0);
}

.stop.effect-fade {
	transform: translate(0, 0);
	transition: all 1s;
}

.stop.effect-fade.effect-scroll {
	opacity: 1;
	transform: translate(0, 0);
}

.top_001_illust1 {
	top: 150px;
	left: 50%;
	margin-left: -247px;
}

.top_001_illust2 {
	top: 180px;
	right: 50%;
	margin-right: -730px;
}

.top_001_illust3 {
	bottom: -20px;
	left: 50%;
	margin-left: -637px;
	z-index: 0;
}

.top_001_illust4 {
	bottom: 100px;
	right: 50%;
	margin-right: -500px;
	z-index: 2;
}

@media screen and (max-width: 1200px) {
	.top_001 {
		max-height: 900px;
	}

	.top_001>div {
		width: calc(950px * 0.8);
		height: calc(580px * 0.8);
	}

	h2.ttl {
		margin: 95px 0 20px;
		padding: 0;
		font-size: 11px;
	}

	h2.ttl span {
		margin-bottom: 10px;
	}

	.top_001 h2 img {
		width: calc(140px * 0.8);
	}

	.top_001 p {
		font-size: 16px;
		letter-spacing: 0.1em;
	}

	.top_001_01 {
		top: 89px;
		right: -145px;
		width: calc(306px * 0.8);
		height: auto;
	}

	.top_001_02 {
		bottom: -75px;
		left: -95px;
		width: calc(368px * 0.8);
		height: auto;
	}

	.link_btn {
		width: 150px;
		padding-left: 2em;
		justify-content: center;
	}

	.link_btn span {
		font-size: 15px;
	}

	.btn {}

	.top_001_illust1 {
		top: 150px;
		width: 35px;
		height: auto;
	}

	.top_001_illust2 {
		margin-right: -595px;
		width: 350px;
		height: auto;
	}

	.top_001_illust3 {
		bottom: -47px;
		margin-left: -517px;
		width: 350px;
		height: auto;
	}

	.top_001_illust4 {
		bottom: 46px;
		margin-right: -411px;
		width: 40px;
		height: auto;
	}
}

@media screen and (max-width: 900px) {
	.top_001>div {
		width: calc(950px * 0.7);
		height: calc(580px * 0.7);
	}

	h2.ttl {
		margin: 80px 0 20px;
		padding: 0;
		font-size: 10px;
	}

	h2.ttl span {
		margin-bottom: 7px;
	}

	.top_001 h2.ttl img {
		width: 110px;
	}

	.top_001 p {
		font-size: 15px;
		letter-spacing: 0.1em;
		margin: 0 0 13px;
	}

	.top_001_01 {
		top: 89px;
		right: -127px;
		width: calc(306px * 0.7);
		height: auto;
	}

	.top_001_02 {
		bottom: -61px;
		left: -95px;
		width: calc(368px * 0.7);
		height: auto;
	}

	.link_btn {
		width: 140px;
		justify-content: center;
	}

	.link_btn span {
		font-size: 14px;
	}

	.btn {
		width: 30px;
		height: 30px;
	}

	.btn img {
		width: 30px;
	}

	.top_001_illust1 {
		top: 180px;
		width: 25px;
		height: auto;
		margin-left: -210px;
	}

	.top_001_illust2 {
		top: 230px;
		margin-right: -511px;
		width: 290px;
		height: auto;
	}

	.top_001_illust3 {
		bottom: 20px;
		margin-left: -444px;
		width: 290px;
		height: auto;
	}

	.top_001_illust4 {
		bottom: 82px;
		margin-right: -355px;
		width: 35px;
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	.top_001 {
		overflow: visible;
		height: auto;
		min-height: auto;
		max-height: none;
		padding-top: min(40vw, 200px);
	}

	.top_001>div {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 90%;
		height: 0;
		margin: auto;
		padding-top: min(calc((774 / 421) * 90%), 774px);
		background: url("../img/top_001_bg-sp.svg") center / contain no-repeat;
	}

	.top_001_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-flow: column;
		align-items: center;
	}

	h2.ttl {
		margin-top: min(19vw, 90px);
		margin-bottom: min(5vw, 40px);
	}

	.top_001 h2.ttl img {
		width: 33vw;
		max-width: 150px;
	}

	.top_001 p {
		letter-spacing: 0.16em;
		font-size: min(4vw, 19px);
		margin: 0 0 4vw;
		line-height: 2.73;
	}

	.top_001_01 {
		width: min(77vw, 361px);
		position: absolute;
		top: auto;
		right: 50%;
		bottom: max(-32vw, -156px);
		margin-right: max(-45vw, -204px);
	}

	.link_btn {
		width: min(40vw, 170px);
	}

	.link_btn span {
		font-size: min(4vw, 18px);
	}

	.top_001_illust1 {
		top: min(39.5vw, 178px);
		width: min(25vw, 127px);
		height: auto;
		margin-left: min(16vw, 66px);
	}

	.btn img {
		width: 40px;
	}
}

.top_002 {
	width: 100%;
	height: 100vh;
	position: relative;
}

.top_002>div {
	width: 1230px;
	height: 653px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -615px;
	background: url("../img/top_002_bg.svg") left top / 941px no-repeat;
	z-index: 2;
	opacity: 0;
}

.top_002_illust1 {
	top: 120px;
	right: 54%;
	margin-right: -389px;
}

.top_002_illust2 {
	top: 400px;
	left: 50%;
	margin-left: -730px;
}

.top_002_illust3 {
	bottom: 63px;
	right: 50%;
	margin-right: -577px;
	z-index: 0;
}

.top_002_illust4 {
	bottom: -280px;
	right: 50%;
	margin-right: -123px;
}

.top_002 h2 {
	padding: 160px 0 40px;
	text-align: center;
	font-size: 13px;
	color: #8f8075;
	letter-spacing: 1px;
}

.top_002 h2 span {
	display: block;
	margin-bottom: 13px;
}

.top_002 p {
	font-size: 19px;
	line-height: 2.5;
	text-align: center;
	margin: 0 0 24px;
	font-weight: 500;
}

.top_002>div>div {
	width: 940px;
	position: relative;
}

.top_002_01 {
	position: absolute;
	right: -300px;
	bottom: -366px;
}

.top_002_lion {
	position: absolute;
	left: 69px;
	top: -54px;
}

.top_002>div>div ul {
	position: absolute;
	right: -50px;
	top: 80px;
}

.top_002 ul li {
	width: 170px;
	height: 155px;
	background: url("../img/top_002_link2.png") top / 100% no-repeat;
	transition: 0.5s;
	position: relative;
}

.top_002 ul li:first-child {
	margin-bottom: 18px;
	background-image: url("../img/top_002_link1.png");
}

.top_002 ul li:hover {
	transform: translateX(20px);
	transition: 0.5s;
}

.top_002 ul li a {
	font-size: 23px;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	margin-left: 0.4em;
	line-height: 1.2;
	letter-spacing: 2px;
	font-weight: normal;
	padding: 48px 0 0;
}

.top_002 ul li:last-child a {
	font-weight: normal;
}

.top_002 ul li:hover a {
	opacity: 0.8;
	transition: 0.5s;
}

.top_002 .link_btn {
	padding-left: 2em;
}

@media screen and (max-width: 1200px) {
	.top_002 {}

	.top_002>div {
		display: flex;
		align-items: center;
		width: calc(941px * 0.8);
		height: calc(653px * 0.8);
		margin: 0;
		transform: translate(-66%, -50%);
		background: url("../img/top_002_bg.svg") left top / contain no-repeat;
	}

	.top_002_lion {
		left: 60px;
		top: -45px;
		width: 130px;
		height: auto;
	}

	.top_002>div>div {
		width: calc(941px * 0.8);
		padding: 25px 0 0;
	}

	.top_002 h2 {
		margin: 0;
		padding: 0;
	}

	.top_002 h2 span {
		margin-bottom: 10px;
	}

	.top_002 h2 img {
		width: 300px;
		height: auto;
	}

	.top_002 p {
		margin: 20px 0px;
		font-size: 16px;
		letter-spacing: 0.1em;
	}

	.top_002_01 {
		right: -217px;
		bottom: -282px;
		width: 461px;
		height: auto;
	}

	.top_002>div>div ul {
		right: -45px;
		top: -37px;
	}

	.top_002 ul li {
		width: calc(336px * 0.4);
		height: calc(310px * 0.4);
	}

	.top_002 ul li a {
		font-size: 20px;
		padding: 34px 0 0px;
	}

	.top_002_illust1 {
		top: 112px;
		right: 50%;
		margin-right: -238px;
		width: 200px;
		height: auto;
	}

	.top_002_illust2 {
		top: 330px;
		margin-left: -567px;
		width: 120px;
		height: auto;
	}

	.top_002_illust3 {
		bottom: 221px;
		right: 50%;
		margin-right: -451px;
		width: 90px;
		height: auto;
	}

	.top_002_illust4 {
		bottom: -125px;
		margin-right: -84px;
		width: 200px;
		height: auto;
	}
}

@media screen and (max-width: 900px) {
	.top_002 {}

	.top_002>div {
		display: flex;
		align-items: center;
		width: calc(941px * 0.7);
		height: calc(653px * 0.7);
		margin: 0;
		transform: translate(-66%, -50%);
		background: url("../img/top_002_bg.svg") left top / contain no-repeat;
	}

	.top_002_lion {
		left: 53px;
		top: -45px;
		width: calc(173px * 0.7);
		;
		height: auto;
	}

	.top_002>div>div {
		width: calc(941px * 0.7);
		padding: 25px 0 0;
	}

	.top_002 h2 {
		margin: 0;
		padding: 0;
	}

	.top_002 h2 span {
		margin-bottom: 10px;
	}

	.top_002 h2 img {
		width: calc(375px * 0.7);
		height: auto;
	}

	.top_002 p {
		margin: 20px 0px;
		font-size: 15px;
		letter-spacing: 0.1em;
	}

	.top_002_01 {
		right: -192px;
		bottom: -239px;
		width: calc(576px * 0.7);
		height: auto;
	}

	.top_002>div>div ul {
		right: -45px;
		top: -21px;
	}

	.top_002 ul li {
		width: calc(336px * 0.33);
		height: calc(310px * 0.33);
	}

	.top_002 ul li a {
		font-size: 17px;
		padding: 29px 0 0px;
	}

	.top_002_illust1 {
		top: 168px;
		right: 50%;
		margin-right: -205px;
		width: calc(244px * 0.7);
		height: auto;
	}

	.top_002_illust2 {
		top: 372px;
		margin-left: -492px;
		width: calc(155px * 0.7);
		height: auto;
	}

	.top_002_illust3 {
		bottom: 201px;
		right: 50%;
		margin-right: -382px;
		width: calc(112px * 0.7);
		height: auto;
	}

	.top_002_illust4 {
		bottom: -48px;
		margin-right: -79px;
		width: calc(236px * 0.7);
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	.top_002 {
		height: auto;
		margin-top: clamp(300px, 90vw, 450px);
	}

	.top_002>div {
		background: url("../img/top_002_bg-sp.svg") center / contain no-repeat;
		width: min(90%, 430px);
		height: 0;
		padding-top: min(calc((940 / 430) * 90%), 940px);
		transform: none;
		margin: auto;
		top: auto;
		left: auto;
		position: relative;
	}

	.top_002_lion {
		max-width: 172px;
		height: auto;
		width: 37vw;
		left: min(20px, 11vw);
		top: max(-23vw, -104px);
	}

	.top_002_01 {
		right: -62px;
		bottom: clamp(-247px, -52vw, -100px);
		width: clamp(122px, 68vw, 322px);
		height: auto;
	}

	.top_002>div>div {
		width: 100%;
		position: absolute;
		top: 0%;
		left: 50%;
		transform: translate(-50%, 0%);
		padding-top: clamp(75px, 23vw, 115px);
	}

	.top_002 h2 img {
		max-width: 190px;
		width: 50vw;
		margin: auto;
	}

	.top_002 p {
		line-height: 2.73;
		margin-top: clamp(30px, 9vw, 40px);
		margin-bottom: clamp(0px, 5vw, 40px);
		font-size: clamp(13px, 4vw, 19px);
	}

	.top_002>div>div ul {
		display: flex;
		flex-flow: row;
		width: 90%;
		position: static;
		margin: auto;
		justify-content: center;
		margin-top: clamp(15px, 4vw, 40px);
	}

	.top_002 ul li {
		width: clamp(95px, 32vw, 156px);
		height: clamp(95px, 32vw, 156px);
		background: url("../img/top_002_link2-sp.png") top / 100% no-repeat;
	}

	.top_002 ul li:first-child {
		margin-right: 5%;
		margin-bottom: 0;
		background: url("../img/top_002_link1-sp.png") top / 100% no-repeat;
	}

	.top_002 ul li a {
		font-size: clamp(16px, 4.5vw, 22px);
		margin: 0;
		padding-left: 3px;
		padding-top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -1.5vw;
	}

	.top_002_illust1 {
		top: clamp(-127px, -46vw, -127px);
		right: 50%;
		margin-right: clamp(-192px, -40vw, -131px);
		width: clamp(100px, 43vw, 206px);
		height: auto;
	}

	.top_002_illust2 {
		top: clamp(380px, 112vw, 525px);
		right: 50%;
		margin-left: clamp(-300px, -62vw, -198px);
		width: clamp(100px, 32vw, 156px);
		height: auto;
	}

	.top_002_illust3 {
		bottom: clamp(-225px, -54vw, -45px);
		left: 50%;
		margin-left: clamp(-252px, -54vw, -198px);
		width: clamp(100px, 34vw, 163px);
		height: auto;
		margin-right: 0;
	}

	.top_002_illust4 {}
}

.top_003 {
	margin-top: 100px;
	padding: 17.5vw 0 25.8vw;
	background: url("../img/top_003_bg2.png") bottom/100% no-repeat,
		url("../img/top_003_bg1.png") top/100% no-repeat;
	transition: none;
}

.top_003 > div {
	background: #fff;
	/* height: 795px; */
}

.top_003 h2 {
	font-size: 34px;
	color: #603813;
	font-weight: normal;
	letter-spacing: 0.16em;
	margin: 0 0 50px;
}

.top_003 h2 img {
	display: block;
	margin-top: 20px;
}

.top_003>div>div {
	width: 90%;
	max-width: 1190px;
	margin: 0 auto;
	position: relative;
}

.top_003 ul {
	display: flex;
	margin: 0 0 60px;
	justify-content: center;
    gap: 40px;
}

.top_003 ul li {
	width: calc(50% -20px);
}

.top_003 ul li>div {
	border-radius: 40px;
	overflow: hidden;
	margin: 0 0 30px;
}

.top_003 ul li div>a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.top_003 ul li:nth-child(2) {
	float: right;
}

.top_003 ul li h3 {
	padding: 40px 0;
	font-size: 25px;
	color: #603813;
	text-align: center;
	background-color: #ff9506;
	letter-spacing: 1px;
	position: relative;
}

.top_003 ul li h3::after {
	content: "";
	top: 48px;
	right: 30px;
	width: 8px;
	height: 11px;
	background: url("../img/top_003_arrow.svg") center / 100% no-repeat;
	display: block;
	position: absolute;
	z-index: 3;
}

.top_003 .menu_img {
	overflow: hidden;
	height: 322px;
	background: #fff;
}

.top_003 .menu_img img {
	width: 100%;
	height: 100%;
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
	object-fit: cover;
}

.top_003 li:hover .menu_img img {
	opacity: 0.8;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.top_003 ul li p {
	font-size: 18px;
	line-height: calc(35 / 18);
}

.top_003 ul li .kind {
	position: absolute;
	top: 24px;
	left: 26px;
	font-size: 15px;
	color: #fff;
	background-color: #603813;
	line-height: 2;
	border-radius: 15px;
	padding: 0 15px;
	z-index: 10;
}

.top_003 ul li .kind2 {
	top: 24px;
	left: 136px;
}

.top_003_illust1 {
	top: 180px;
	right: 50%;
	margin-right: -660px;
}

.top_003_illust2 {
	bottom: -1155px;
	left: -6vw;
}

.top_003_lion {
	position: absolute;
	bottom: -12.5vw;
	right: -5vw;
}

.rental_studio{
	position: relative;
}
.rental_studio>div{
	max-width:900px;
	width:90%;
	margin: 160px auto 0;
	text-align: center;
	display: flex;
	background-color:#fff;
	box-sizing: border-box;
	border:5px solid #FF9506;
	border-radius: 50px;
	padding:80px 68px 62px;
	gap: 4%;
}
.rental_studio h3{
	display: inline-block;
    width: 542px;
    padding: 7px 0;
    font-size: 30px;
	text-align:center;
    position: absolute;
    top: -25px;
    left: calc(50% - 261px);
    color: #FF6700;
    background: url(../img/rental_studio_ttl_bg.webp) center / 542px auto no-repeat;
	letter-spacing: 0.15em;
	font-weight: 500;
}
.rental_studio .txt_box{
	width:44%;
}
.rental_studio .txt_box p{
	font-size:18px;
	line-height: 1.9;
	margin: 0 0 20px;
	text-align: left;
}
.rental_studio img{
	width:52%;
}
.rental_studio a{
	width:100%;
	padding:25px 0;
	text-align: center;
	background-color:#FF9506;
	font-size:25px;
	color:#603813;
	border-radius: 50px;
	position: relative;
	transition:0.5s all;
}
.rental_studio a:hover{
	background-color:#EBE0D2;
}
.rental_studio a::after{
	content:"";
	width:8px;
	height: 11px;
	position: absolute;
	right: 11%;
    top: calc(50% - 7px);
	background:url("../img/rental_studio_arrow.webp") center / 100% no-repeat;
}

@media screen and (max-width: 1200px) {
	.top_003 {
		margin-top: 0px;
	}

	.top_003>div>div {
		max-width: 950px;
		padding: 20px 0px;
	}

	.top_003 h2 {
		font-size: calc(34px * 0.8);
	}

	.top_003 h2 img {
		margin-top: 16px;
		width: calc(350px * 0.8);
		height: auto;
	}

	.top_003 ul li .kind {
		font-size: 12px;
	}

	.top_003 ul li>div {
		margin: 0 0 20px;
	}

	.top_003 .menu_img {
		height: 265px;
	}

	.top_003 ul li h3 {
		padding: 32px 0;
		font-size: 20px;
	}

	.top_003 ul li h3::after {
		top: 38px;
		width: 7px;
		height: 10px;
	}

	.top_003 ul li p {
		font-size: calc(18px * 0.8);
	}

	.top_003_illust1 {
		top: 22px;
		right: 50%;
		margin-right: -450px;
		width: calc(237px * 0.7);
		height: auto;
	}

	.top_003_illust2 {
		bottom: -414px;
		left: -31px;
		width: calc(347px * 0.7);
		height: auto;
	}

	.top_003_lion {
		position: absolute;
		bottom: -12.5vw;
		right: 5vw;
		width: calc(196px * 0.7);
		height: auto;
	}
}

@media screen and (max-width: 900px) {
	.top_003 ul li>div {
		margin: 0 0 16px;
	}

	.top_003 ul li .kind {
		font-size: 11px;
		top: 15px;
		left: 16px;
	}

	.top_003 ul li .kind2 {
		top: 15px;
		left: 110px;
	}

	.top_003 .menu_img {
		height: 200px;
	}

	.top_003 ul li h3 {
		padding: 25px 0;
		font-size: 16px;
	}

	.top_003 ul li h3::after {
		top: 29px;
		right: 20px;
		width: 6px;
		height: 10px;
	}

	.top_003 ul li p {
		font-size: calc(18px * 0.75);
	}

	.top_003_illust1 {
		top: 27px;
		right: 50%;
		margin-right: -378px;
		width: calc(237px * 0.6);
		height: auto;
	}

	.top_003_illust2 {
		bottom: -356px;
		left: -31px;
		width: calc(347px * 0.6);
		height: auto;
	}

	.top_003_lion {
		width: calc(196px * 0.6);
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	.top_003 {
		margin-top: clamp(180px, 64vw, 280px);
	}

	.top_003>div {
		padding-top: clamp(63px, 15vw, 100px);
		padding-bottom: clamp(63px, 15vw, 100px);
	}

	.top_003 h2 img {
		margin-left: -1.3vw;
	}

	.top_003>div>div {
		width: 80%;
		padding: 0;
	}

	.top_003 ul {
		flex-flow: column;
	}

	.top_003 ul li {
		width: 100%;
		margin-bottom: 10vw;
	}

	.top_003 ul li:last-of-type {
		margin-bottom: 0;
	}

	.top_003 .menu_img img {
		object-position: top;
	}

	.top_003 ul li h3 {
		padding-top: clamp(20px, 9vw, 42px);
		padding-bottom: clamp(20px, 9vw, 42px);
		font-size: clamp(13px, 5vw, 25px);
	}

	.top_003 ul li h3::after {
		top: 44%;
		width: 9px;
		height: 13px;
		right: clamp(20px, 5vw, 25px);
	}

	.top_003 ul li p {
		font-size: clamp(13px, 3.7vw, 18px);
	}

	.top_003_lion {
		bottom: clamp(-295px, -42vw, -140px);
		right: clamp(-35px, -5vw, 0px);
		width: clamp(100px, 31vw, 195px);
		height: auto;
	}

	.top_003_illust1 {
		top: clamp(-279px, -45vw, -122px);
		margin-right: clamp(-200px, -40vw, -140px);
		width: clamp(120px, 45vw, 223px);
	}

	.top_003_illust2 {
		width: clamp(120px, 35vw, 190px);
        bottom: -167vw;
        left: -17vw;
	}
	.rental_studio>div {
   	 	max-width: 900px;
		width: 100%;
		flex-flow: column-reverse;
	}
	.rental_studio h3 {
		width: 80%;
		font-size: 26px;
		top: -21px;
		left: 10%;
		background: url(../img/rental_studio_ttl_bg.webp) center / 100% auto no-repeat;
	}
	.rental_studio .txt_box {
		width: 100%;
	}
	.rental_studio .txt_box p{
		margin:0 0 30px;
	}
	.rental_studio img{
		width:80%;
		margin: 0 auto 50px;
	}
}

@media screen and (max-width:450px){
	.top_003>div>div {
		max-width: 347px;
	}
	.rental_studio {
		margin: 0 0 9vw;
	}
    .rental_studio>div {
        padding: 19vw 7vw 14vw;
	}
	.rental_studio h3 {
        width: 80%;
        font-size: 5.5vw;
		line-height: 1.5;
		background:#fff;
	}
	.rental_studio img {
        width: 100%;
        margin: 0 auto 5vw;
    }
	.rental_studio a {
    	padding: 5vw 0;
		font-size: 4.5vw;
	}
}

.top_004 {
	text-align: center;
	margin: 100px 0 270px;
	padding-bottom: 20px;
	position: relative;
	/* overflow: hidden; */
}

.top_004 h2 {
	margin-bottom: 50px;
	padding: 0;
	text-align: center;
	font-size: 13px;
	color: #8f8075;
	letter-spacing: 1px;
}

.top_004 h2 span {
	display: block;
	margin-bottom: 13px;
}

.top_004 ul {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 10vw;
	border-bottom: 1px dotted #542726;
}

.top_004 ul li {
	border-top: 1px dotted #542726;
}

.top_004 ul li a {
	padding: 34px 0 30px;
	display: flex;
	color: #754c24;
	align-items: center;
}

.top_004 ul li a:hover {
	opacity: 0.7;
	transition: 0.5s;
}

.top_004 ul li time {
	width: 23%;
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
}

.top_004 ul li p {
	font-size: 19px;
	line-height: 1.6;
	width: 90%;
	text-align: left;
}

.top_004 ul li div:nth-child(2) {
	width: 70%;
}

.top_004 ul li div span {
	line-height: 1.5;
	font-size: 12px;
	text-align: center;
	width: 90px;
	background-color: #603813;
	border-radius: 20px;
	color: #fff;
	display: block;
	margin: 0 0 14px;

}

.top_004_btn {
	width: 40px;
	height: 40px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top_004_btn::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid #ff9506;
	transform: scale(1);
	transition: 0.3s ease;
}

a:hover .top_004_btn::after {
	transform: scale(1.2);
	transition: 0.3s ease;
}

.top_004_illust1 {
	position: absolute;
	bottom: -1000px;
	right: 50%;
	margin-right: -782px;
	z-index: 1;
}

@media screen and (max-width: 1200px) {
	.top_004 h2 img {
		width: calc(297px * 0.8);
		height: auto;
	}

	.top_004 ul {
		max-width: 900px;
	}

	.top_004 ul li p {
		font-size: 18px;
	}

	.top_004_illust1 {
		margin-right: min(-54vw, -580px);
		width: calc(187px * 0.8);
		height: auto;
	}
}

@media screen and (max-width: 900px) {
	.top_004 h2 img {
		width: calc(297px * 0.7);
		height: auto;
	}

	.top_004 ul {
		max-width: 700px;
	}

	.top_004 ul li p {
		font-size: 17px;
	}

	.top_004_illust1 {
		margin-right: min(-54vw, -480px);
		width: calc(187px * 0.7);
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	.top_004 {
		margin: 100px 0 45vw;
	}

	.top_004 h2 span {
		width: clamp(200px, 62vw, 273px);
		margin: 0 auto 10px;
	}

	.top_004 h2 img {
		width: 100%;
	}

	.top_004 ul {
		max-width: 500px;
	}

	.top_004 ul li a {
		position: relative;
		padding: 24px 0 20px;
	}

	.top_004 ul li time {
		position: absolute;
		top: 25px;
		left: 10px;
		width: auto;
		font-size: clamp(13px, 4vw, 15px);
	}

	.top_004 ul li div:nth-child(2) {
		width: 100%;
	}

	.top_004 ul li div span {
		position: absolute;
		top: 24px;
		left: 100px;
		margin-bottom: 0;
		font-size: clamp(12px, 3vw, 15px);
	}

	.top_004 ul li p {
		margin-top: 25px;
		padding: 0 10px;
		font-size: clamp(13px, 4vw, 19px);
	}

	.top_004_btn {
		display: none;
	}
}

footer {
	position: relative;
	width: 100vw;
	/* overflow-x: hidden; */
	background-color: #fff;
}

footer::before {
	content: "";
	width: 100%;
	height: 20vw;
	background: url("../img/footer_bg.png") top / 100% no-repeat;
	position: absolute;
	top: -19.5vw;
	left: 0;
	z-index: -1;
}

.footer_links {
	width: 100%;
	position: absolute;
	top: -8vw;
	z-index: 1;
}

.footer_links ul {
	margin: 0 auto;
	width: 940px;
	max-width: 940px;
	position: relative;
}

.footer_links ul li:first-child::before {
	content: "";
	background: url(../img/footer_lion.png) center / 100% no-repeat;
	width: 226px;
	height: 256px;
	display: block;
	position: absolute;
	right: -24px;
	top: -119px;
	z-index: -1;
}

.footer_links ul li:first-child::after {
	content: "";
	background: url(../img/footer_lion2.png) center / 100% no-repeat;
	width: 175px;
	height: 25px;
	position: absolute;
	right: 0;
	top: -15px;
}

.footer_links ul li {
	position: relative;
	transition: 0.5s;
}

.footer_links ul li:hover {
	transform: translateX(15px);
	transition: 0.5s;
}

.footer_links ul li:first-child {
	margin-bottom: 36px;
}

.footer_links ul li a {
	background: url("../img/footer_link_bg1.png") center / 100% no-repeat;
	text-align: center;
	padding: 77px 0;
}

.footer_links ul li a span {
	display: block;
	color: #603813;
	font-size: 17px;
	font-weight: 600;
	margin-top: 16px;
	letter-spacing: 0.16em;
}

.footer_links ul li:nth-child(2) a {
	background-image: url("../img/footer_link_bg2.png");
}

.footer_links ul li a::after {
	position: absolute;
	content: "";
	width: 14px;
	height: 19px;
	background: url(../img/footer_link_arrow.svg) center /100% no-repeat;
	top: 50%;
	margin-top: -9px;
	right: 60px;
}

.foot_logo {
	display: inline-block;
	margin-bottom: 30px;
}

.foot_address {
	padding: 450px 0 106px;
	text-align: center;
	font-size: 19px;
	line-height: 1.8;
	position: relative;
	overflow: hidden;
}

.foot_address address {
	font-style: normal;
	font-weight: 600;
}

.foot_address address a {
	color: #603813;
	display: inline-block;
	margin-right: 0.5em;
}

.foot_address .foot_insta {
	display: block;
	margin: 0.5em 0 0;
}

.footer_illust1 {
	position: absolute;
	left: 50%;
	top: 500px;
	margin-left: -682px;
}

.top .footer_illust1 {
	top:1300px;
}

.footer_illust2 {
	position: absolute;
	right: 50%;
	top: 500px;
	margin-right: -682px;
}
.top .footer_illust2 {
	top:1300px;
}

.footer_gnav {
	position: relative;
	overflow: hidden;
}

.footer_gnav_left {
	padding: 0 0 26px 38px;
	box-sizing: border-box;
	color: #7f7f7f;
	font-size: 12px;
	float: left;
}

.sunday_logo {
	margin: 0 0 24px;
}

.footer_gnav_left a {
	color: #7f7f7f;
	display: inline-block;
}

.footer_gnav_left p {
	display: inline-block;
	margin-right: 2em;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.11em;
}

.footer_gnav_left div a:nth-child(2) {
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px solid #7f7f7f;
}

.footer_gnav_right {
	box-sizing: border-box;
	position: absolute;
	top: 9px;
	right: 40px;
}

.footer_gnav_right ul {
	display: flex;
}

.footer_gnav_right ul li a {
	padding: 17px 0;
	margin: 0 17px;
	color: #603813;
	font-weight: 600;
	position: relative;
}

.footer_gnav_right ul li a:hover {
	transition: 0.5s;
	color: #ff9506;
}

.footer_gnav_right ul li a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #ff9506;
	bottom: -1px;
	transform: scale(0, 1);
	transform-origin: center top;
	/*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
	transition: transform 0.3s;
	/*変形の時間*/
}

.footer_gnav_right ul li a:hover::after {
	transform: scale(1, 1);
	/*ホバー後、x軸方向に1（相対値）伸長*/
}

@media screen and (max-width: 1200px) {
	.footer_links ul {
		width: 90%;
		max-width: calc(940px * 0.8);
	}

	.footer_links ul li a {
		padding: 62px 0;
		background-size: cover;
	}

	.footer_links ul li a img {
		width: calc(225px * 0.8);
		height: auto;
	}

	.footer_links ul li a span {
		font-size: 15px;
	}

	.footer_links ul li:first-child::before {
		right: -14px;
		top: -97px;
		width: calc(226px * 0.8);
		height: calc(256px * 0.8);
	}

	.footer_links ul li:first-child::after {
		right: 7px;
		top: -10px;
		width: calc(175px * 0.8);
		height: calc(25px * 0.8);
	}

	.foot_address {
		padding: 365px 0px 106px;
		font-size: 18px;
	}

	.foot_logo img {
		width: calc(373px * 0.8);
		height: auto;
	}

	.footer_illust1 {
		top: 456px;
		margin-left: -545px;
		width: calc(327px * 0.8);
		height: auto;
	}

	.footer_illust2 {
		top: 429px;
		margin-right: -552px;
		width: calc(280px * 0.8);
		height: auto;
	}

	.footer_gnav_right {
		right: 20px;
	}

	.footer_gnav_right ul li a {
		margin: 0px 15px;
		padding: 15px 0px;
		font-size: 15px;
	}
}

@media screen and (max-width: 900px) {
	.footer_links ul {
		width: 90%;
		max-width: calc(940px * 0.7);
	}

	.footer_links ul li a {
		padding: 54px 0;
		background-size: cover;
	}

	.footer_links ul li a img {
		width: calc(225px * 0.7);
		height: auto;
	}

	.footer_links ul li a span {
		font-size: 14px;
	}

	.footer_links ul li:first-child::before {
		right: -12px;
		top: -84px;
		width: calc(226px * 0.7);
		height: calc(256px * 0.7);
	}

	.footer_links ul li:first-child::after {
		right: 5px;
		top: -10px;
		width: calc(175px * 0.7);
		height: calc(25px * 0.7);
	}

	.foot_address {
		padding: 345px 0px 106px;
		font-size: 17px;
	}

	.foot_logo img {
		width: calc(373px * 0.7);
		height: auto;
	}

	.footer_illust1 {
		top: 404px;
		margin-left: -478px;
		width: calc(327px * 0.7);
		height: auto;
	}

	.footer_illust2 {
		top: 390px;
		margin-right: -486px;
		width: calc(280px * 0.7);
		height: auto;
	}

	.footer_gnav_right ul li a {
		margin: 0px 10px;
		padding: 10px 0px;
		font-size: 13px;
	}
}

@media screen and (max-width: 768px) {
	footer {
		padding-bottom: 30px;
	}

	.footer_links {
		top: 5vw;
	}

	.footer_links ul {
		width: 80%;
		max-width: 390px;
	}
	.footer_links ul li:first-child {
		margin-bottom: 4vw;
	}

	.footer_links ul li:first-child::before {
		width: clamp(150px, 45vw, 210px);
		height: 150px;
		background-position: top;
		top: clamp(-110px, -24vw, 75px);
		right: -12px;
	}

	.footer_links ul li:first-child::after {
		width: clamp(115px, 35vw, 150px);
		height: clamp(16px, 5vw, 22px);
		top: -10px;
		right: clamp(3px, 2vw, 19px);
	}

	.footer_links ul li a {
		height: clamp(100px, 30vw, 120px);
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column;
		font-weight: normal;
	}

	.footer_links ul li:nth-of-type(1) a img {
		width: clamp(100px, 30vw, 145px);
	}

	.footer_links ul li:nth-of-type(2) a img {
		width: clamp(140px, 30vw, 186px);
	}

	.footer_links ul li a span {
		margin-top: 3vw;
		font-size: clamp(11px, 3.5vw, 14px);
	}

	.footer_links ul li a::after {
		top: 45%;
		right: 3vw;
		margin-top: 0px;
		width: 10px;
		height: 14px;
	}

	.foot_address {
		padding-top: clamp(250px, 78vw, 370px);
		overflow: visible;
	}

	.foot_address address {
		font-size: clamp(12px, 4vw, 15px);
		letter-spacing: 0.06em;
	}

	.footer_gnav {
		overflow: visible;
	}

	.footer_gnav_left {
		float: none;
		padding: 300px 5% 0px;
	}

	.footer_gnav_left a {
		margin-bottom: 5px;
	}

	.footer_gnav_left a img {
		width: 67vw;
		max-width: 250px;
	}

	.footer_gnav_left a[href*="terms"],
	.footer_gnav_left a[href*="sitemap"] {
		display: none;
	}

	.footer_gnav_left p {
		margin-right: 0;
		font-size: clamp(9px, 2.8vw, 12px);
	}

	.footer_gnav_right {
		top: -8vw;
		right: 50%;
		transform: translate(50%, 0%);
		width: 100%;
	}

	.footer_gnav_right ul {
		flex-flow: column;
		align-items: center;
	}

	.footer_gnav_right ul li {
		margin-bottom: 20px;
	}

	.footer_gnav_right ul li:last-of-type {
		margin-bottom: 0;
	}

	.footer_gnav_right ul li:last-of-type {
		display: flex;
		flex-flow: row;
	}

	.footer_gnav_right ul li a {
		margin: 0px 5px;
	}

	.footer_gnav_right ul li:last-of-type a {
		color: #7F7F7F;
		font-size: 12px;
		font-weight: normal;
	}

	.footer_gnav_right ul li:last-of-type a:first-of-type {
		margin: 0;
	}

	.footer_gnav_right ul li:last-of-type a span {
		padding-right: 5px;
		border-right: 1px solid #7F7F7F;
		display: inline-block;
	}

	.footer_gnav_right ul li:last-of-type a:last-of-type span {
		padding-right: 0;
		border-right: none;
	}

	.footer_illust1 {
		width: clamp(100px, 35vw, 137px);
		margin-left: clamp(-285px, -64vw, -200px);
		top: 713px;
	}

	.footer_illust2 {
		width: clamp(50px, 20vw, 87px);
		top: 752px;
		margin-right: clamp(-250px, -54vw, -174px);
		margin-right: 0;
		right: -10px;
	}
}

/*サニーラボについて*/
.about_001 {
	padding: 230px 0 200px;
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

.about_001 > div {
	background: url("../about/img/about_bg.svg") top / 100% no-repeat;
	padding-bottom: 173px;
}

.about_001 h2.ttl {
	margin: 0;
	padding: 170px 0 58px;
	font-size: 13px;
}

.about_001 h2.ttl span {
	margin-bottom: 13px;
}

.about_001 h3 {
	font-size: 33px;
	line-height: 2;
	margin: 0 0 40px;
	font-weight: normal;
}

.about_001 p {
	font-size: 19px;
	line-height: 3;
	margin: 0 0 50px
}

.about_001_btn {
	background: url(../about/img/about_book_bg.png) center /100% no-repeat;
	width: 284px;
	height: 150px;
	margin: 0 auto;
	padding: 55px 0 0;
	color: #8f8075;
	font-size: 13px;
	font-weight: bold;
}

.about_001_btn span {
	display: block;
	margin: 0 0 10px;
}

.about_001_01 {
	position: absolute;
	right: 50%;
	margin-right: -684px;
	top: 557px;
}

.about_001_02 {
	position: absolute;
	left: 50%;
	margin-left: -708px;
	top: 884px;
}

.about_001_illust1 {
	left: 50%;
	margin-left: -634px;
	top: 260px;
	z-index: -1;
}

.about_001_illust2 {
	right: 50%;
	margin-right: -568px;
	top: 400px;
	z-index: 1;
}

.about_001_illust3 {
	left: 50%;
	margin-left: -617px;
	top: 1330px;
}

.about_001_illust4 {
	right: 50%;
	margin-right: -600px;
	top: 1250px;
}

.about_001_illust5 {
	left: 50%;
	margin-left: -634px;
	top: 710px;
}

@media screen and (max-width:1000px) {
	.about_001 {
		width: 100%;
		padding: 200px 0px 300px;
	}

	.about_001 > div {
		max-width: 980px;
		margin: auto;
		width: calc(976px * 0.8);
	}

	.about_001 h2.ttl {
		padding: 125px 0 30px;
	}

	.about_001 h2.ttl img {
		width: calc(215px * 0.8);
	}

	.about_001 h3 {
		font-size: 26px;
		letter-spacing: 0.16em;
		margin: 0 0 28px;
	}

	.about_001 p {
		letter-spacing: 0.16em;
		margin: 0 0 35px;
		font-size: 15px;
	}

	.about_001_btn {
		width: calc(284px * 0.8);
		height: calc(150px * 0.8);
		padding: 46px 0 0;
		font-size: 10px;
	}

	.about_001_btn span {
		margin: 0 0 7px;
	}

	.about_001_btn img {
		width: 65%;
	}

	.about_001_01 {
		margin-right: -536px;
		top: 522px;
		width: calc(289px * 0.8);
		height: auto;
	}

	.about_001_02 {
		margin-left: -570px;
		top: 758px;
		width: calc(368px * 0.8);
		height: auto;
	}

	.about_001_illust1 {
		margin-left: -518px;
		top: 266px;
		width: calc(324px * 0.8);
		height: auto;
	}

	.about_001_illust2 {
		margin-right: -467px;
		top: 391px;
		width: calc(218px * 0.8);
		height: auto;
	}

	.about_001_illust3 {
		margin-left: -494px;
		top: 1092px;
		width: calc(310px * 0.8);
		height: auto;
	}

	.about_001_illust4 {
		margin-right: -471px;
		top: 1032px;
		width: calc(359px * 0.8);
		height: auto;
	}

	.about_001_illust5 {
		margin-left: -512px;
		top: 649px;
		width: calc(324px * 0.8);
		height: auto;
	}


}

@media screen and (max-width: 768px) {
	.about_001 {
		width: 100%;
		padding-top: min(45vw, 200px);
		padding-bottom: min(90vw, 400px);
	}

	.about_001 > div {
		position: relative;
    width: 90vw;
		max-width: 423px;
    margin: auto;
		padding-bottom: 20vw;
		background: url("../about/img/about_bg-sp.svg") top / contain no-repeat;
	}

	.about_001 h2.ttl {
		padding: 30vw 0 8vw;
		letter-spacing: 0.16em;
		padding-top: min(30vw, 156px);
    padding-bottom: min(8vw, 42px);
	}

	.about_001 h2.ttl span {
		margin-bottom: 13px;
	}

	.about_001 h2.ttl span img {
		width: 35vw;
		max-width: 170px;
	}

	.about_001 h3 {
		font-size: 5.5vw;
		font-size: min(5.5vw, 26px);
		letter-spacing: 0.16em;
		margin: 0 0 30px 15px;
	}

	.about_001 p {
		font-size: 4vw;
		font-size: min(4vw, 18px);
		line-height: 2.78;
		margin: 0 0 6vw;
	}

	.about_001_btn {
		display: flex;
		flex-flow: column;
		align-items: center;
		width: min(47vw, 227px);
		height: min(31vw, 158px);
		padding: 0;
		background-size: contain;
		font-size: min(2.2vw, 10px);
	}

	.about_001_btn span {
		margin-top: min(7.5vw, 40px);
	}

	.about_001_btn span img {
		width: min(28vw, 152px);
	}

	.about_001_01 {
		position: absolute;
		top: -16vw;
		right: -11vw;
		width: 51.5vw;
		margin-right: 0;
		top: max(-16vw, -60px);
    right: max(-11vw, -57px);
    width: min(51.5vw, 240px);
	}

	.about_001_02 {
		position: absolute;
		bottom: max(-65vw, -233px);
    left: max(-16vw, -74px);
		width: min(63vw, 303px);
		margin-left: 0;
		top: auto;
	}

	.about_001_illust1 {
		position: absolute;
		top: max(-20vw, -96px);
    right: min(27vw, 129px);
		width: min(4vw, 22px);
		margin: 0px;
		left: auto;
	}

	.about_001_illust2 {
		position: absolute;
		top: max(-6vw, -29px);
		right: auto;
		left: max(-6vw, -29px);
		width: min(30.6vw, 156px);
		margin: 0px;
		z-index: -1;
	}

	.about_001_illust3 {
		position: absolute;
		top: min(122vw, 382px);
		right: auto;
		left: max(-11vw, -52px);
		width: min(22.6vw, 109px);
		margin: 0px;
	}

	.about_001_illust4 {
		position: absolute;
		top: min(148vw, 505px);
    right: min(5vw, 0px);
		width: min(8vw, 40px);
		margin: 0px;
		left: auto;
	}

	.about_001_illust5 {
		position: absolute;
		top: min(251vw, 1204px);
		right: auto;
		left: max(-1.5vw, -8px);
		width: min(13.2vw, 64px);
		margin: 0px;
	}

	.about_001_illust6 {
		position: absolute;
		top: min(308vw, 1453px);
    right: min(6vw, 30px);
		width: min(23.7vw, 98px);
		margin: 0px;
		left: auto;
		z-index: -1;
	}

	.about_001_illust7 {
		position: absolute;
		top: min(373vw, 1746px);
		right: auto;
		left: min(2.5vw, 18px);
		width: min(30.2vw, 146px);
		margin: 0px;
		z-index: -1;
	}
}

.about_002{
	max-width:980px;
	width:90%;
	margin: 0 auto;
	padding:0 0 400px;
}
.about_002 h2{
	font-size:22px;
	margin:0 0 30px;
}
.about_002 >div{
	border-top:2px dotted #542726;
}
.about_002 >div:nth-child(2),
.about_002 >div:nth-child(3){
	display: flex;
}
.about_002 >div:nth-child(2) dl,
.about_002 >div:nth-child(3) dl{
	width:50%;
}
.about_002 dl{
	display: flex;
	gap:12px;
	justify-content: space-between;
	padding:36px 0;
	align-items: center;
}
.about_002 dl dt{
	font-size:19px;
	color:#fff;
	width:144px;
	background-color:#FF9506;
	border-radius: 30px;
	text-align: center;
	line-height: 1.7;
}
.about_002 dl dd{
	width:calc(100% - 156px);
}
.about_002 dl dd p{
	font-size:20px;
	line-height: 1.7;
}
.about_002 dl dd span{
	font-size:16px;
	line-height: 1.7;
}
.about_002 ul li{
	font-size:20px;
	line-height: 1.6;
	display: inline-block;
}
.about_002 ul li:nth-child(2n){
	margin-left:1em;
	min-width:40%;
}
.about_002 .big{
	align-items: flex-start;
}
.about_002 .map{
	height: 200px;
	margin:20px 0 0;
}
.about_002>div:last-child{
    border-bottom:2px dotted #542726;
}

@media screen and (max-width:864px){
	.about_002 >div:nth-child(2), .about_002 >div:nth-child(3){
		display: block;
	}
	.about_002 >div:nth-child(2) dl, .about_002 >div:nth-child(3) dl {
		width: 100%;
	}
	.about_002 >div:nth-child(2) dl:first-child, .about_002 >div:nth-child(3) dl:first-child {
		width: 100%;
		border-bottom:2px dotted #542726;
	}
}
@media screen and (max-width:600px){
	.about_002 {
		padding: 0 0 35vw;
	}
	.about_002 dl {
		display: block;
		padding:6vw 0;
	}
	.about_002 dl dt {
		font-size: 4vw;
		width: auto;
        display: inline-block;
        padding: 0 5vw;
	}
	.about_002 dl dd {
    	width: 100%;
		margin-top: 5vw;
	}
	.about_002 dl dd p {
		font-size: 4.5vw;
	}
	.about_002 dl dd span{
		font-size: 4vw;
		margin-left:-0.3em;
	}
	.about_002 ul li{
		display: block;
		font-size: 4vw;
	}
	.about_002 ul li:nth-child(2n){
		margin-left:0;
	}
}

/*サニーカレッジ*/
.college {
	background-color: #fff;
	color: #1a1a1a;
}

.college_001 > div {
	background: url("../college/img/college_bg1.png") top /100% no-repeat, url("../college/img/college_bg2.png") bottom /100% no-repeat, #fff;
}

.college_001 h2.ttl {
	margin: 0;
	padding: 150px 0 104px;
	font-size: 22px;
	color: #767676;
	font-weight: normal;
}

.college_001 h2 img {
	height: auto;
}

.college_001 > div > div > div {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto 200px;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.college_001 .college_001_left {
	width: 50%;
	max-width: 500px;
	margin-right: 50px;
	font-size: 19px;
	line-height: 2.5;
}

.college_001_left h3 {
	font-size: 33px;
	margin: 0 0 20px;
	letter-spacing: 0.16em;
	font-weight: 600;
	white-space: nowrap;
}

.college_001_left p {
	letter-spacing: 0.06em;
}

.college_001 .college_001_right {
	width: 100%;
	position: relative;
}

.college_001 .college_001_right img {
	width: 100%
}

.college_001 .college_001_right .college_001_02 {
	width: 37vw;
	max-width: 554px;
	height: auto;
	position: absolute;
	left: 22px;
	bottom: max(-9vw, -125px);
}

.college_001_illust {
	right: 50%;
	margin-right: -612px;
	top: 590px;
	z-index: -1;
}

.college_001 ul {
	width: 90%;
	max-width: 1035px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 50px;
}

.college_001 ul li {
	position: relative;
	width: 31%;
}

.college_001 ul li a {
	font-size: 25px;
	height: 79px;
	background: #f98600;
	text-align: center;
	border-radius: 50px;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.16em;
}

.college_001 ul li a p {
	color: #1a1a1a;
	position: absolute;
	z-index: 2;
}

.college_001 ul li a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	bottom: auto;
	left: auto;
	transform: translate(0%, -50%);
	width: 9px;
	height: 6px;
	background-color: #1a1a1a;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	transition: 0.3s ease;
}

.college_001 ul li a:hover::after {
	transform: scale(1.1);
	transition: 0.3s ease;
}

.college_001 ul li a span {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #1a1a1a;
	position: absolute;
	right: 11%;
	top: 50%;
	margin-top: -4px;
	z-index: 3;
}

.college_001_illust1 {
	position: absolute;
	left: 50%;
	margin-left: -695px;
	top: 420px;
	z-index: -1;
}

.college_001_illust2 {
	position: absolute;
	right: 50%;
	margin-right: -667px;
	top: 1438px;
}

.college_001_illust3 {
	position: absolute;
	left: 50%;
	margin-left: -648px;
	top: 2634px;
}

@media (width < 1024px) {
	.college_001 .sp,
	.college_001 img.sp {
		display: block;
	}

	.college_001 img.pc {
		display: none
	}
	
	.college_001 {
		position: relative;
		padding-top: 9vw;
    background-color: #fcf3c5;
	}

	.college_001 h2.ttl {
		padding: 22vw 0 8vw;
		font-size: 20px;
	}

	.college_001 h2 img {
		width: 90%;
		max-width: 758px;
		height: auto;
	}

	.college_001 > div > div > div {
		flex-flow: column;
		align-items: center;
		width: 85%;
		max-width: 700px;
		margin: auto;
		margin-bottom: min(7vw, 20px);
	}

	.college_001 .college_001_left {
		order: 2;
		display: flex;
		flex-flow: column;
		width: 100%;
		margin-right: 0;
		max-width: none;
	}

	.college_001_left h3 {
		font-size: 27px;
		margin: 3vw 0 1vw;
	}

	.college_001_left p {
		line-height: 2.4;
		font-size: 19px;
	}

	.college_001_left .college_001_02 {
		width: 100%;
		max-width: 450px;
		height: auto;
		margin: 6vw auto;
	}

	.college_001 .college_001_right {
		order: 1;
		z-index: 0;
		width: 100%;
		max-width: 600px;
	}

	.college_001 .college_001_right img {
		width: 100%;
	}

	.college_001 ul {
		flex-flow: row;
		align-items: center;
		width: 90%;
		padding-bottom: 25vw;
	}

	.college_001 ul li {
		width: 32%;
	}

	.college_001 ul li a {
		height: 70px;
    font-size: 20px;
	}

	.college_001 ul li a::after {
		right: 20px;
	}

	.college_001 .college_001_right .college_001_illust1 {
		width: 29vw;
		height: auto;
		max-width: 141px;
		top: 6vw;
		right: 1vw;
		margin: 0px;
		z-index: -1;
		left: auto;
	}

	.college_001 .college_001_right .college_001_illust2 {
		width: min(7vw, 35px);
		right: auto;
		bottom: -1vw;
		left: -2vw;
		margin: 0;
		z-index: -1;
		top: auto;
	}

	.college_001 .college_001_illust3 {
		top: auto;
		left: 16vw;
		bottom: -7vw;
		margin: 0;
		width: min(30vw, 146px);
		height: auto;
	}
}

@media (width < 768px) {
	.college_001 {
		padding-top: 72px;
	}

	.college_001 > div > div {
		position: relative;
		width: 87%;
		max-width: 600px;
		margin: auto;
	}

	.college_001 > div > div > div {
		width: 100%;
	}

	.college_001 h2.ttl {
		padding: 22vw 0 48px;
		font-size: 15px;
	}

	.college_001 .college_001_right {
		max-width: none;
	}

	.college_001 .college_001_right .college_001_illust1 {
		top: -13px;
		right: -4px;
	}

	.college_001_left h3 {
		margin: 5vw 0 3vw;
		font-size: 27px;
	}

	.college_001_left p {
		font-size: 19px;
	}

	.college_001_left .college_001_02 {
		margin: 30px auto;
	}

	.college_001 ul {
		flex-flow: column;
		justify-content: space-between;
		max-width: 320px;
		padding-bottom: 20vw;
	}

	.college_001 ul li {
		width: 100%;
		margin-bottom: 4vw;
	}

	.college_001 ul li a {
		height: 64px;
		font-size: 18px;
		letter-spacing: 0.1em;
	}

	.college_001 ul li a::after {
		right: 20px;
	}

	.college_001 .college_001_illust3 {
		left: 0px;
		bottom: -60px;
	}
}

@media (width < 500px) {
	.college_001 h2.ttl {
		font-size: 13px;
	}

	.college_001_left h3 {
		font-size: 5.5vw;
	}

	.college_001_left p {
		font-size: 15px;
	}
}

.college_002 {

}

.college_002 > div {
	background: #fcf3c5 url("../college/img/college_003_bg.png") bottom/ 100% no-repeat;
	padding: 230px 0;
	text-align: center;
}

.college_002 > div > div {
	position: relative;
	z-index: 0;
}

.college_002 h2 {
	font-size: 34px;
	margin: 0 0 60px;
	font-weight: 500;
	letter-spacing: 0.16em;
}

.college_002 h2 span {
	display: block;
}

.college_002 ol {
	width: 980px;
	margin: 0 auto;
}

.college_002 ol li {
	padding: 85px 85px 60px;
	border-radius: 35px;
	box-sizing: border-box;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin: 0 0 96px;
	position: relative;
}

.college_002 ol li:last-of-type {
	margin-bottom: 0;
}

.college_002 img {
	max-width: 100%;
	height: auto;
}

.college_002 ol li .slider-area {
	overflow: hidden;
	width: 48%;
}

.college_002 .slick-list {
	margin: 0 0 20px;
}

.college_002 .slick-slide img {
	border-radius: 20px;
}

.college_002 .slick-slide.thumnail-item img {
	border-radius: 10px;
}

.thumnail-item {
	cursor: pointer;
}

.college_002 ol li .thumnail .slick-track,
.college_002 ol li .thumnail2 .slick-track,
.college_002 ol li .thumnail3 .slick-track,
.college_002 ol li .thumnail4 .slick-track {
	transform: unset !important;
	width: 100% !important;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}

.college_002 ol li .thumnail .slick-track::after,
.college_002 ol li .thumnail2 .slick-track::after,
.college_002 ol li .thumnail3 .slick-track::after,
.college_002 ol li .thumnail4 .slick-track::after {
	content: "";
	display: block;
	width: 32%;
}

.college_002 ol li .thumnail .slick-slide,
.college_002 ol li .thumnail2 .slick-slide,
.college_002 ol li .thumnail3 .slick-slide,
.college_002 ol li .thumnail4 .slick-slide {
	display: block !important;
	float: none !important;
	flex: 0 0 32%;
	margin: 0 0 8px;
}

.college_002 ol li .thumnail .slick-track:before,
.college_002 ol li .thumnail2 .slick-track:before,
.college_002 ol li .thumnail3 .slick-track:before,
.college_002 ol li .thumnail4 .slick-track:before {
	display: none;
}

.college_002 ol li .thumnail .slick-track:after,
.college_002 ol li .thumnail2 .slick-track:after,
.college_002 ol li .thumnail3 .slick-track:after,
.college_002 ol li .thumnail4 .slick-track:after {
	display: none;
}

.college_002 ol li .txt_area {
	width: 48%;
	text-align: left;
	padding-top: 20px;
	font-size: 16px;
	line-height: 2
}

.college_002 ol li h3 {
	font-size: 25px;
	letter-spacing: 0.16em;
	margin: 0 0 20px;
}

.activity_kind {
	margin: 0 0 23px;
}

.college_002 .activity_kind span {
	display: inline-block;
	background-color: #ff7e06;
	padding: 0px 16px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	margin-right: 0.5em;
	font-size: 15px;
}

.college_num {
	position: absolute;
	top: -24px;
	right: 44px;
}

.college_002_chara {
	position: absolute;
}

.college_002_chara1 {
	left: -49px;
	bottom: -42px;
}

.college_002_chara2 {
	right: -55px;
	bottom: 132px;
}

.college_002_chara3 {
	right: -74px;
	top: 124px;
}

.college_002_chara4 {
	left: -32px;
	top: 74px;
}

.bound_chara_on {
	transform-origin: center bottom;
	animation: bound 0.8s ease-out 2;
}

.college_002_illust.sp {
	display: none;
}

@keyframes bound {
	0% {

		transform: translateY(-20%) scale(1, 1);
	}

	70% {

		transform: translateY(0%) scale(1, 1);
	}

	100% {

		transform: translateY(0%) scale(1.1, 0.9);
	}

}

@media (width < 1024px) {
	.college_002 > div {
		padding: 130px 0px 230px;
	}

	.college_002 > div > div {
		z-index: 0;
		max-width: 800px;
		margin: auto;
	}

	.college_002 h2 {
		margin: 0 0 72px;
	}

	.college_002 h2 img {
		width: 75%;
		max-width: 350px;
	}

	.college_002 ol {
		width: 90%;
		margin: 0 auto;
	}

	.college_002 ol li {
		align-items: center;
		padding: 4vw 4vw 3vw;
	}

	.college_002 ol li .slider-area {
	}

	.college_002 ol li .txt_area {
	}

	.college_002 ol li h3 {
	}

	.college_002 ol li h3 br {
		display: none;
	}

	/* .slider-area .college_002_chara.sp {
		display: none;
	} */

	.activity_kind {
	}

	.college_002 .activity_kind span {
		padding: 3px 15px;
		font-size: min(15px, 3.5vw);
		white-space: nowrap;
	}

	.college_002 .college_num {
		top: -14px;
		right: 15px;
		width: 15vw;
		max-width: 100px;
	}

	.college_002 .college_002_chara1 {
		max-width: 90px;
		left: -54px;
		bottom: -49px;
	}

	.college_002 .college_002_chara2 {
		right: -45px;
    bottom: auto;
    top: 70%;
    width: 16vw;
		max-width: 75px;
    z-index: 1;
	}

	.college_002 .college_002_chara3 {
		right: -55px;
		top: 90px;
		width: 21vw;
		max-width: 90px;
		z-index: 1;
	}

	.college_002 .college_002_chara4 {
		left: -24px;
		top: 48px;
		width: 11vw;
		max-width: 45px;
		z-index: 1;
	}

	.college_002 .college_002_illust.pc {
		display: none;
	}

	.college_002 .college_002_illust.sp {
		display: block;
	}

	.college_002 .college_002_illust1 {
		width: 68px;
		top: 199px;
		left: -12px;
		z-index: -1;
	}
	
	.college_002 .college_002_illust2 {
		bottom: -232px;
		left: 16px;
		z-index: -1;
		width: 124px;
	}
}

@media (width < 768px) {
	.college_002 > div {
		padding: 100px 0px 115px;
	}

	.college_002 > div > div {
		width: 90%;
		max-width: 600px;
	}

	.college_002 h2 {
	}

	.college_002 ol {
		width: 100%;
		max-width: none;
	}

	.college_002 ol li {
		flex-flow: column;
		margin-bottom: 67px;
		padding: 160px 6.3vw 10%;
	}

	.college_002 ol li .slider-area {
		position: relative;
		overflow: visible;
		width: 100%;
	}

	.college_002 ol li .txt_area {
		width: 100%;
		padding-top: 0;
	}

	.college_002 ol li h3 {
		position: absolute;
		top: 40px;
		left: 6.3vw;
	}

	.activity_kind {
		position: absolute;
		top: 100px;
		left: 6.3vw;
	}

	.college_002 .txt_area p {
		font-size: 16px;
	}

	.college_002 .college_num {
		width: 116px;
		max-width: none;
	}

	.college_002 .college_002_chara1 {
		z-index: 1;
		top: 27%;
		left: -30px;
		bottom: auto;
	}

	.college_002 .college_002_chara2 {
		top: 10px;
		right: -25px;
	}

	.college_002 .college_002_chara3 {
		width: 27%;
		max-width: none;
		top: auto;
		bottom: 10px;
		right: -57px;
	}

	.college_002 .college_002_chara4 {
		width: 53px;
		max-width: none;
		left: -30px;
	}

	.college_002 .college_002_illust1 {
		top: 80px;
    left: -51px;
	}

	.college_002 .college_002_illust2 {
		bottom: -231px;
    left: -23px;
	}
}

@media (width < 500px) {
	.college_002 h2 {
		font-size: 30px;
	}

	.college_002 ol li {
		padding-top: 150px;
	}

	.college_002 ol li h3 {
		font-size: 20px;
	}

	.activity_kind {
		top: 90px;
	}

	.college_002 .college_num {
		width: 23.5vw;
	}

	.college_002 .college_002_chara1 {
		width: 19vw;
	}
}

.college_003 {
	padding: 200px 0;
	background: url("../college/img/college_004_bg.png") bottom / 100% no-repeat;
}

.college_003>div {
	position: relative;
}

.college_003 h2 {
	font-size: 34px;
	margin: 0 0 76px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.16em;
}

.college_003 h2 span {
	display: block;
}

.college_003 ol {
	width: 900px;
	margin: 0 auto;
}

.college_003 ol li {
	border: 6px solid #ff9506;
	border-radius: 35px;
	margin: 0 0 54px;
	padding: 56px 80px 56px 30px;
	box-sizing: border-box;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.college_003 ol li:nth-child(2n) {
	border: 6px solid #cfd621;
}

.college_003 ol li:last-of-type {
	margin-bottom: 0;
}

.college_003_chara {
	content: "";
	display: block;
	width: 221px;
	height: 225px;
	background: url(../college/img/college_003_chara1.png) top / 100% no-repeat;
	position: absolute;
	left: -128px;
	bottom: -77px;
}

.college_003_chara2 {
	content: "";
	display: block;
	width: 101px;
	height: 143px;
	background: url(../college/img/college_003_chara2.png) top / 100% no-repeat;
	position: absolute;
	right: -74px;
	bottom: 11px;
}

.college_003 ol li>img:first-child {
	position: absolute;
	left: 28px;
	top: 22px;
}

.college_003 ol li dl {
	width: 35%;
	text-align: center;
}

.college_003 ol li dt {
	font-size: 22px;
	margin: 0 0 20px;
	color: #603813;
	letter-spacing: 2px;
}

.college_003 ol li dd {
	color: #ff9506;
	font-size: 37px;
	font-weight: bolder;
	letter-spacing: 0.1em;
	line-height: 1.2;
}

.college_003 ol li:nth-child(2n) dd {
	color: #82bc3f;
}

.college_003 ol li p {
	width: 60%;
	font-size: 16px;
	line-height: 2;
	padding-left: 5%;
	border-left: 2px dotted #542726
}

.college_003_illust1 {
	position: absolute;
	right: 50%;
	top: 150px;
	margin-right: -682px;
	z-index: -1;
}

.college_003_illust2 {
	position: absolute;
	left: 50%;
	top: 1141px;
	margin-left: -660px;
	z-index: -1;
}

@media (width < 1024px) {
	.college_003 {
		padding: 130px 0px;
	}

	.college_003 > div {
		width: 90%;
		max-width: 900px;
		margin: auto;
	}

	.college_003 ol {
		width: 100%;
	}

	.college_003 ol li {
		padding: 56px 3%;
	}

	.college_003 ol li dl {
		width: 44%;
	}

	.college_003_chara {
		width: 140px;
		height: auto;
		left: -54px;
		bottom: -10px;
	}
	
	.college_003_chara2 {
		right: -42px;
		width: 70px;
		height: auto;
	}

	.college_003_illust.pc {
		display: none;
	}

	.college_003_illust.sp {
		display: block;
	}

	.college_003_illust1 {
		top: -173px;
		right: 0px;
		width: 75px;
		height: auto;
		margin-right: 0;
		z-index: auto;
	}
}

@media (width < 768px) {
	.college_003 {
		padding: 100px 0px;
	}

	.college_003 h2 {
	}

	.college_003 h2 img {
		width: 207px;
		height: auto;
	}

	.college_003 > div {
		max-width: 600px;
	}

	.college_003 ol li {
		flex-flow: column;
		padding: 56px 30px 48px;
	}

	.college_003 ol li dl {
		width: 100%;
		margin: 20px 0px;
	}

	.college_003 ol li dd {
		margin: 45px 0 0;
		padding-bottom: 60px;
		border-bottom: 3px dotted #542726;
	}

	.college_003 ol li dd br {
		display: none;
	}

	.college_003 ol li p {
		width: 98%;
		padding-left: 0;
		border-left: none;
	}

	.college_003_chara {
		bottom: auto;
		top: 67px;
		left: -52px;
		width: 155px;
	}
	
	.college_003_chara2 {
		bottom: auto;
		top: 43px;
		right: -25px;
		width: 80px;
		height: auto;
	}
}

@media (width < 500px) {
	.college_003 h2 {
		font-size: 30px;
	}

	.college_003 ol li {
		padding: 50px 5% 30px;
	}

	.college_003 ol li dt {
		font-size: 4.4vw;
	}

	.college_003 ol li dd {
		margin-top: 5vw;
		padding-bottom: 10vw;
		font-size: 7.5vw;
	}

	.college_003_chara {
		width: 36%;
	}

	.college_003_chara2 {
		width: 18.3%;
	}

	.college_003_illust1 {
		right: -34px;
	}
}

.college_004 {
	padding: 215px 0 276px;
	background: #fcf3c5;
	position: relative;
}

.college_004 h2 {
	font-size: 34px;
	margin: 0 0 76px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.16em;
}

.college_004 h2 span {
	display: block;
}

.college_004 ul {
	width: 90%;
	margin: 0 auto;
	max-width: 1300px;
	display: flex;
	justify-content: center;
}

.college_004 ul li {
	position: relative;
	width: 33.33%;
	padding: 0 60px;
	box-sizing: border-box;
}

.college_004 ul li:nth-child(n+2) {
	border-left: 3px dotted #666666;
}

.college_004 ul li img {
	width: 100%;
	margin: 0 0 40px;
}

.college_004 ul li h3 {
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 26px;
}

.college_004 ul li p {
	font-size: 16px;
	line-height: 1.8;
	margin: 0 0 10px;
}

.college_004 dl {
	color: #e76700;
	font-size: 17px;
	line-height: 1.8;
}

.college_004 dl dt {
	display: inline-block;
	margin-right: 0.5em;
}

.college_004 dl dd {
	display: inline-block;
}

.college footer::before {
	z-index: 1;
}

.college_004 ul li .college_004_chara {
	position: absolute;
	bottom: 35px;
	left: -44px;
	width: 80px;
	height: auto;
	margin: 0;
}

.college_004_illust1 {
	position: absolute;
	left: 50%;
	margin-left: -726px;
	top: 79px;
}

.college_004_illust2 {
	position: absolute;
	right: 50%;
	margin-right: -667px;
	top: 977px;
	height: auto;
}

@media (width < 1024px) {
	.college_004 {
		padding: 130px 0px 250px;
	}

	.college_004 > div {
		position: relative;
		z-index: 0;
		max-width: 900px;
		margin: auto;
	}

	.college_004 ul {
		flex-wrap: wrap;
		width: 100%;
		max-width: 900px;
	}

	.college_004 ul li {
		width: 50%;
	}

	.college_004 ul li:nth-child(n+2) {
		border-left: none;
	}

	.college_004 ul li:nth-child(2) {
		border-left: 3px dotted #666666;
	}

	.college_004_illust1 {
		top: -20px;
		left: -30px;
		margin-left: 0;
		z-index: -1;
		width: 128px;
		height: auto;
	}

	.college_004_illust2 {
		right: 50px;
		top: auto;
		bottom: -140px;
		margin-right: 0;
	}
}

@media (width < 768px) {
	.college_004 {
		padding: 100px 0px 200px;
	}

	.college_004 ul li {
		padding: 0px 30px;
	}

	.college_004 ul li .college_004_chara {
		left: -36px;
		width: 60px;
	}
}

@media (width < 500px) {
	.college_004 {
		padding: 100px 0px 150px;
	}
	
	.college_004 h2 {
		font-size: 30px;
	}

	.college_004 h2 img {
		width: 282px;
		height: auto;
	}

	.college_004 ul {
		flex-flow: column;
		width: 85%;
		max-width: 300px;
	}

	.college_004 ul li {
		width: 100%;
		margin-bottom: 75px;
		padding: 0 0 75px;
		border-bottom: 3px dotted #666666;
	}

	.college_004 ul li:nth-child(2) {
		border-left: none;
	}

	.college_004 ul li:last-of-type {
		margin-bottom: 0px;
		border-bottom: none;
	}

	.college_004 ul li .college_004_chara {
		bottom: auto;
		top: -138px;
		left: auto;
		right: -45px;
		width: 80px;
	}

	.college_004_illust1 {
		left: -81px;
	}

	.college_004_illust2 {
		right: 33px;
    bottom: -31px;
    width: 13%;
	}
}

/*お問い合わせ*/
.contact_001 {
	padding: 290px 0 400px;
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}

.contact_001 h2.ttl {
	margin: 0 0 80px;
	padding-top: 0;
	font-size: 19px;
	letter-spacing: 0.16em;
}

.contact_001 h2 img {
	width: 307px;
	height: auto;
}

.contact_001 p {
	font-size: 19px;
	letter-spacing: 0.06em;
	line-height: 2;
	color: #603813;
	text-align: center;
	margin: 0 0 100px;
}

.contact_001 p a {
	display: inline-block;
	color: #603813;
}

.contact_001 input[type="text"],
.contact_001 input[type="tel"],
.contact_001 textarea,
.contact_001 select {
	width: 100%;
	font-size: 16px;
	letter-spacing: 0.05em;
	padding: 20px 14px;
	background-color: #ffffff;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	line-height: 1.8;
}

.contact_001 input::placeholder,
.contact_001 textarea::placeholder {
	color: #A9A9A9;
}

.contact_001 input#name {
	margin-right: 2%;
}

.contact_001 select {
	width: 33%;
}

.contact_001 #pref_name {
	width: 25%;
	color: #603813;
}

.contact_001 .zip {
	position: relative;
	width: 25%;
	display: inline-block;
	margin: 0 1em 9px 0;
	background: #fff;
}

.contact_001 .zip > span {
	position: absolute;
  top: 10px;
  left: 10px;
}

.contact_001 .zip input {
	width: calc(100% - 2em);
	border: none;
	padding: 15px 14px;
}

.contact_001 dl {
	margin: 0 0 48px;
	text-align: left;
}

.contact_001 dl:nth-child(9) {
	margin: 0 0 90px;
}

.contact_001 dt {
	color: #603813;
	font-size: 19px;
	margin: 0 0 12px;
	letter-spacing: 2px;
	font-weight: normal;
}

.contact_001 dl:nth-child(7) dd {
	font-size: 15px;
}

.contact_001 dt span {
	font-size: 13px;
	margin-left: 0.5em;
	color: #fff;
	background-color: #603813;
	line-height: 2;
	padding: 0 5px;
	border-radius: 5px;
}

.contact_001 .contact_send {
	width: 100%;
	margin: 0 auto;
	transition: 0.5s;
	overflow: hidden;
	text-align: center;
}

.contact_001 .contact_send input {
	background-color: #ccc;
	transition: 0.5s;
	margin: 0 auto;
	border-radius: 50px;
}

.contact_001 .contact_send:hover input {
	background-color: #ccc;
	transition: 0.5s;
}

.contact .top_003 {
	display: none;
}

@media (width < 520px) {
	.contact_001 {
		width: 85%;
		padding: 30vw 0 50vw;
	}

	.contact_001 h2.ttl {
		margin-bottom: 40px;
		font-size: 15px;
	}

	.contact_001 h2 img {
		width: 50%;
		max-width: 233px;
	}

	.contact_001 p {
		margin: 0 0 60px;
		font-size: 3.6vw;
	}

	.contact_001 dt {
		font-size: 3.6vw;
	}

	.contact_001 .zip {
		width: 50%;
	}

	.contact_001 #pref_name {
		width: 40%;
		height: 52px;
	}

	.contact_001 .contact_send {
		width: 90%;
	}

	.contact_001 .contact_send input {
		width: 100%;
	}

	.contact_001 dl {
		margin-bottom: 35px;
	}

	.contact_001 input[type="text"],
	.contact_001 input[type="tel"],
	.contact_001 textarea,
	.contact_001 select {
		padding: 12px;
	}
}

.term_check {
	margin: 0 0 90px;
	text-align: center;
}

.term_check a {
	display: inline-block;
	color: #333;
	text-decoration: underline;
	padding: 0 5px;
}

.term_check p {
	margin: 0;
	line-height: 3;
}

@media (width < 520px) {
	.term_check {
		margin: 0 0 40px;
	}
}

/*お問い合わせ確認画面------*/
.check_001 {
	font-family: 'Noto Sans JP', sans-serif;
}

.check_001 h1 {
	width: 252px;
}

.check_001 h1 img {
	width: 100%;
}

.check_001 h2 {
	text-align: center;
	font-size: 20px;
	padding: 15px;
	font-weight: bolder;
	margin-bottom: 50px;
}

.check_001 p {
	text-align: center;
	margin-bottom: 34px;
	line-height: 1.5;
}

.check_001 form {
	max-width: 970px;
	width: 90%;
	margin: 0 auto;
}

.check_001 table {
	margin-bottom: 100px;
}

.check_001 tr {
	border-bottom: 1px solid #ccc;
}

.check_001 th,
.check_001 td {
	padding: 20px 10px;
	font-weight: normal;
	line-height: 1.5;
}

.check_001 th {
	width: 200px;
	text-align: left;
}

.check_001 td {
	width: 730px;
}

.check_001 input {
	background-color: #333;
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #fff;
	padding: 10px;
}

.check_001 input:hover {
	background-color: #fff;
	border: 1px solid #333;
	transition: 0.5s;
	color: #333;
}

.contact_002 {
	text-align: center;
	margin: 0 0 400px;
}

.contact_002 h2 {
	padding-top: 270px;
	margin-bottom: 50px;
}

.contact_002 p {
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 2;
}

.contact_002 div a {
	text-align: center;
	color: #000;
	margin-bottom: 30px;
}

.contact_002 .go_top {
	max-width: 360px;
	box-sizing: border-box;
	width: 100%;
	background-color: #ff9506;
	color: #fff;
	transition: 0.5s;
	padding: 20px;
	display: block;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #ff9506;
	border-radius: 50px;
}

.contact_002 .go_top:hover {
	background-color: #fff;
	color: #ff9506;
	transition: 0.5s;
}

@media (width < 520px) {
	.contact_002 {
		width: 85%;
		margin: 0 auto;
		padding: 30vw 0 50vw;
	}

	.contact_002 h2.ttl {
		padding: 0;
		margin: 20px 0 0;
		font-size: 15px;
	}

	.contact_002 h2 img {
		width: 50%;
		max-width: 233px;
	}

	.contact_001 p {
		font-size: 3.6vw;
	}
}

/*サイトマップ*/
.sitemap_001 {
	padding: 200px 0 400px;
}

.sitemap_001 > div {
	width: 840px;
	background: url("../sitemap/img/sitemap_bg.svg") top / 100% no-repeat;
	margin: 0 auto;
	padding: 250px 0 235px;
	text-align: center;
}

.sitemap_001 h2.ttl {
	margin: 0;
	padding: 0px;
	margin-bottom: 90px;
	font-size: 19px;
}

.sitemap_001 ul {
	margin-bottom: 50px;
}

.sitemap_001 ul li {
	margin: 0 0 54px;
}

.sitemap_001 ul li:last-of-type {
	margin: 0;
}

.sitemap_001 ul li a {
	font-size: 35px;
	color: #603813;
}

.sitemap_insta {
	margin: 0 0 35px;
}

.sitemap_001 > div {
	text-align: center;
	position: relative;
}

.sitemap_footer a {
	display: inline-block;
	color: #7f7f7f;
	font-size: 12px;
	cursor: pointer;
}

.sitemap_001 div div a {
	transition: color 0.3s;
}

.sitemap_001 div div a:hover {
	color: #ff9506;
}

.sitemap_001 div div a:first-child {
	padding-right: 0.5em;
	margin-right: 0.5em;
}

.sitemap_footer a:first-child {
	border-right: 1px solid #7F7F7F;
}

.sitemap_illust_box img.sp {
	display: none;
}

.sitemap_illust1 {
	position: absolute;
	left: -167px;
	top: 80px;
}

.sitemap_illust2 {
	position: absolute;
	right: -168px;
	top: 150px;
	z-index: -1;
}

.sitemap_illust3 {
	position: absolute;
	left: -172px;
	top: 660px;
	z-index: -1;
}

.sitemap_illust4 {
	position: absolute;
	bottom: -150px;
	right: -60px;
}

.sitemap_lion {
	position: absolute;
	left: 50px;
	bottom: 28px;
}

@media (width < 900px) {
	.sitemap_001 {
		padding: 150px 0px 200px;
	}

	.sitemap_001 > div {
		display: flex;
		flex-flow: column;
		justify-content: center;
		width: calc(840px * 0.8);
		height: calc(1070px * 0.8);
		padding: 0px;
		background-size: contain;
	}
	
	.sitemap_001 h2.ttl {
		margin-bottom: 72px;
	}

	.sitemap_001 h2.ttl img {
		width: 40%;
		height: auto;
	}

	.sitemap_001 ul {
		margin: 0 0 72px;
	}

	.sitemap_001 ul li {
		margin-bottom: 42px;
	}

	.sitemap_001 ul li a {
		font-size: 27px;
	}

	.sitemap_insta {
		margin: 0 0 25px;
	}

	.sitemap_001 .sitemap_lion {
		left: 40px;
		width: calc(250px * 0.8);
		height: auto;
	}

	.sitemap_illust1 {
		top: 18px;
	}

	.sitemap_illust2 {
		top: 71px;
		right: -170px;
	}

	.sitemap_illust3 {
		top: 465px;
		left: -171px;
	}

	.sitemap_illust4 {
		bottom: -176px;
		right: -84px;
	}
}

@media (width < 768px) {
	.sitemap_001 > div {
		width: calc(840px * 0.6);
		height: calc(1070px * 0.6);
		padding: 0px;
		background-size: contain;
	}
	
	.sitemap_001 h2.ttl {
		margin-bottom: 54px;
		font-size: 16px;
	}

	.sitemap_001 h2.ttl img {
		width: 40%;
		height: auto;
	}

	.sitemap_001 ul {
		margin: 0 0 54px;
	}

	.sitemap_001 ul li {
		margin: 0 0 25px;
	}

	.sitemap_001 ul li a {
		font-size: 20px;
	}

	.sitemap_insta {
		margin: 0 0 16px;
	}

	.sitemap_001 .sitemap_lion {
		left: 22px;
		width: calc(250px * 0.6);
		height: auto;
	}

	.sitemap_illust1 {
		top: 43px;
		left: -98px;
		width: calc(218px * 0.6);
		height: auto;
	}

	.sitemap_illust2 {
		top: 102px;
    right: -98px;
		width: calc(276px * 0.6);
		height: auto;
	}

	.sitemap_illust3 {
		top: 391px;
    left: -114px;
		width: calc(274px * 0.6);
		height: auto;
	}

	.sitemap_illust4 {
		bottom: -70px;
    right: -39px;
		width: calc(561px * 0.6);
		height: auto;
	}
}

@media (width < 520px) {
	.sitemap_001 {
		padding: 30% 0
	}

	.sitemap_001 > div {
		background: url("../sitemap/img/sitemap_bg-sp.svg") top / contain no-repeat;
    width: 90%;
    height: 0;
    padding-top: calc((650 / 442) * 90%);
	}

	.sitemap_001-inner {
		z-index: 10;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: auto;
		transform: translate(-50%, -50%);
	}

	.sitemap_001 h2.ttl {
		margin-bottom: 11%;
		font-size: 14px;
	}

	.sitemap_001 ul {
		margin-bottom: 11%;
	}

	.sitemap_001 ul li a {
		font-size: 17px;
	}

	.sitemap_illust_box {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	.sitemap_illust_box img.pc {
		display: none;
	}

	.sitemap_illust_box img.sp {
		display: block;
	}

	.sitemap_illust1 {
		width: 112px;
		height: auto;
		top: -66px;
		right: 120px;
		left: auto;
		z-index: -1;
	}

	.sitemap_illust2 {
		width: 121px;
		height: auto;
		top: 0px;
		right: -34px;
		z-index: auto;
	}

	.sitemap_illust3 {
		width: 93px;
		height: auto;
		top: 50px;
		left: -40px;
		z-index: -1;
	}

	.sitemap_illust5 {
		position: absolute;
		width: 59px;
		height: auto;
		bottom: 184px;
		left: 3px;
	}

	.sitemap_illust6 {
		position: absolute;
		width: 86px;
		height: auto;
		bottom: 144px;
		left: -20px;
		z-index: -1;
	}

	.sitemap_001 .sitemap_lion {
		bottom: 0px;
		left: 50px;
		width: 33%;
	}
}

/*プライバシーポリシー*/
.terms_001 {
	padding-bottom: 360px;
}

.terms_001 h2.ttl {
	margin: 0;
	padding: 290px 0 90px;
}

.terms_001 h2.ttl img {
	width: 554px;
	height: auto;
}

.terms_001 > div {
	width: 80%;
	max-width: 745px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 2;
}

.terms_001 > div > p {
	margin: 0 0 80px;
}

.terms_001 ol li {
	margin: 0 0 50px;
}

.terms_001 h3 {
	font-size: 21px;
	margin: 0 0 16px;
}

.terms_001 ol li div.tel,
.terms_001 ol li div.fax {
	display: flex;
	flex-flow: row;
}

@media (width < 1024px) {
	.terms_001 {
		padding-bottom: 300px;
	}

	.terms_001 h2.ttl img {
		width: 385px;
	}
}

@media (width < 768px) {
	.terms_001 {
		padding-bottom: 200px;
	}
}

@media (width < 500px) {
	.terms_001 {
		padding-bottom: 100px;
	}

	.terms_001 > div {
		width: 85%;
	}

	.terms_001 h2.ttl {
		padding: 200px 0px 50px;
	}

	.terms_001 h2.ttl img {
		width: 100%;
		max-width: 385px;
	}

	.terms_001 > div > p {
		margin: 0px 0px 50px;
	}
}