@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
    word-break: break-all;
}

html { 
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}


body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 1.35rem;/*16*/
	/*-webkit-text-size-adjust: none;*/
	line-height: 1.5;
	color: #000000;
	overflow: hidden;
}

html.is-open {
	overflow: hidden;
}

.noto-sans-jp-400 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-jp-500 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.noto-sans-jp-700 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.jura {
  font-family: "Jura", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
}
a {
	/*overflow: hidden;*/
	outline: none;
	color: #000000;
	text-decoration:none;
}
.pc_hide {
}

.sp_hide {
	display: none !important;
}

a {
	opacity: 1;/*-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;*/
}

a:hover {
	text-decoration: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}


select::-ms-expand {
    display: none;
}

h1,h2,h3,h4{
	font-weight: 500;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

#all_wrap,
#contents{
	overflow: hidden;
}

ol, ul {
    list-style: none;
	box-sizing: border-box;
}

/*===================================
	仕様
=====================================*/

.down-to-top02 {
	opacity: 0;
	transform: translateY(100px);
	transition: all 1s;
}

.down-to-top02.scrollin {
	opacity: 1;
	transform: translateY(0);
}

.fadeUpTrigger{
	opacity: 0;
}


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.0s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(75px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* fadeIn Animation
---------------------------------------------------------- */
.list-mv {
	/*overflow: hidden;*/
	position: relative;
}

.list-mv01 {
	opacity: 0;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	-webkit-transition-delay: 160ms;
	transition-delay: 160ms;
	-webkit-transform: translate(0, 24px);
	transform: translate(0, 24px);
}

.mv01 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.list-mv02 {
	opacity: 0;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}

.mv02 {
	opacity: 1;
}

.list-mv03 {
	opacity: 0;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	-webkit-transition-delay: 240ms;
	transition-delay: 240ms;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}

.mv03 {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.list-mv04 {
	opacity: 0;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	-webkit-transition-delay: 160ms;
	transition-delay: 160ms;
	-webkit-transform: translate(-24px, 0);
	transform: translate(-24px, 0);
}

.mv04 {
	opacity: 1;
	-webkit-transform: translate(0, 0) rotate(0deg);
	transform: translate(0, 0) rotate(0deg);
}


/* !wrapper
---------------------------------------------------------- */
#wrapper {
	position: relative;
	min-height: 100vh;
	width: 100%;
	-webkit-font-feature-settings: "pkna" 1;
	font-feature-settings: "pkna" 1;
	font-kerning: normal;
	overflow-x: hidden;
}

/* header
---------------------------------------------------------- */
#header {
	width: 100%;
	height: 8.75rem;
	background-color: #fff;
	display: flex;
	align-items: center;
}

#headerlogo {
	width: 58.75%;/*423*/
	padding-left: 4.7222%;/*34*/
	box-sizing: border-box;
}

#headerlogo > a {
	display: block;
}

/* OVERLAY-navi
---------------------------------------------------------- */
.menu-btn {
	z-index: 9997;
	position: fixed;
	top: 0.75rem;
	right: 2.2222%;/*16*/
	display: block;
	width: 19.0277%;/*137*/
	height: auto;
	aspect-ratio: 1 / 1;
}

.bar {
	display: block;
	width: 43.0656%;/*59*/
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.bar_top {
	top: 27%;
	transform: translate(-50%, -50%);
}
.bar_mid {
	top: 42%;
	transform: translate(-50%, -50%);
}
.bar_bottom {
	top: 55%;
	transform: translate(-50%, -50%);
}

.btn-close .bar_top {
	transition: transform 0.3s;
	transform: translate(-50%, 0px) rotate(45deg);
}
.btn-close .bar_mid {
	opacity: 0;
	transition: opacity 0.3s;
}
.btn-close .bar_bottom {
	transition: transform 0.3s;
	transform: translate(-50%, -20px) rotate(-45deg);
}

.btn-close .bar {
	width: 27.0072%;/*37*/
	height: 1px;
	background-color: #000000;
}

.btn-open {
	position: relative;
	height: 100%;
	border-radius: 50%;
	cursor: pointer;
	background: #61c1be;
}

.btn-close {
	position: relative;
	height: 100%;
	border-radius: 50%;
	cursor: pointer;
}

.btn-close::before {
	content: "";
	display: block;
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
}

.btn-open:after,
.btn-close:after {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 1.025rem;
	font-weight: 700;
	text-align: center;
	position: absolute;
	bottom: 15.3284%;/*21*/
	left: 50%;
	transform: translateX(-50%);
	/* font-style: normal;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c",fot-tsukuardgothic-std, sans-serif; */
}

.btn-open:after {
	content: "MENU";
}

.btn-close:after {
	content: "閉じる";
	font-size: 1.35rem;
	bottom: 21.8978%;/*30*/
}

/* OVERLAY */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9996;
	display: none;
	overflow: auto;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.slidein-nav {
	width: 70.1388%;/*505*/
	height: 100vh;
	padding: 0 0 137px;
	overflow-y: auto;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.3s;
	transform: translateX(100%);
}

.slidein-nav.slide-in {
	transition: 0.32s;
	transform: translateX(0);
}

.nav-area {
	width: 100%;
/*	height: 100%;*/
	position: relative;
}

.nav-area .menu-wrap{
	width: 100%;
	height: 70px;
	background: #61c1be;
	display: flex;
	align-items: center;
}

.nav-area .menu-wrap .menu-title{
	font-size: 2.75rem;
	line-height: 1;
	color: #fff;
	padding-left: 5.9405%;/*30*/
	box-sizing: border-box;
}

.nav-area ul.nav_list{
	width: 100%;
	list-style: none;
}

.nav-area ul.nav_list li{
	width: 100%;
	border-bottom: 1px solid #999999;
}


.nav-area ul.nav_list li a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 49px;
	font-size: 1.65rem;
	line-height: 1;
	color: #333333;
	padding-left: 20px;
	box-sizing: border-box;
	background: url("images/common/menu_link_ico.svg")no-repeat right 2.9702% center;/*15*/
	background-size: 7.7227% auto;/*39*/
	position: relative;
}

.sp_menu_area{
	width: 78.0198%;/*394*/
	margin: 105px auto 0;
}

.sp_menu_area .menu_btn{
	width: 100%;
}

.sp_menu_area .menu_btn + .menu_btn{
	margin-top: 20px;
}

.sp_menu_area .menu_btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 4px;
	box-sizing: border-box;
	width: 100%;
	height: 4.25rem;
	border-radius: 1.75rem;
	background: url("images/common/link_ico_wh.svg")no-repeat right 6.8527% center;/*27*/
	background-size: 9.1370% auto;/*36*/
	background-color: #0071b7;
	font-size: 1.75rem;
	line-height: 1;
	color: #fff;
	position: relative;
}

.sp_menu_area .menu_btn.btn02 a{
	background-color: #ec5a24;
}

.sp_menu_area .menu_btn a::before{
	content: '';
	background: url("images/common/doc_ico.svg")no-repeat;
	background-size: cover;
	width: 10.4060%;/*41*/
	height: auto;
	aspect-ratio: 41 / 43;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 9.8984%;/*39*/
	z-index: 1;
}

.sp_menu_area .menu_btn.btn02 a::before{
	background: url("images/common/check_ico.svg")no-repeat;
	background-size: cover;
	width: 12.4365%;/*49*/
	aspect-ratio: 49 / 40;
}

.sp_menu_area .menu_btn.btn01 a::after{
	content: '';
	background: url("images/common/sp_menu_parts01.webp")no-repeat;
	background-size: cover;
	width: 40.8629%;/*161*/
	height: auto;
	aspect-ratio: 161 / 180;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	z-index: 1;
}

/* footer部分
---------------------------------------------------------- */
#footer {
	margin-top: 50px;
	width: 100%;
	height: auto;
	padding: 4px 0 0;
	background-color: #61c1be;
	position: relative;
}

#footer::before{
	content: '';
	background: url("images/common/sp-foot_parts01.webp")no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	aspect-ratio: 720 / 101;
	position: absolute;
	top: 1px;
	left: 0;
	transform: translateY(-100%); /* ← 下端を footer の上端に合わせる */
	z-index: 1
}

#footer .foot_inn{
	width: 86.1111%;/*620*/
	margin: 0 auto;
}

#footer .foot_inn .foot_head .foot_info .logo{
	width: 52.5806%;/*326*/
	margin: 0 auto;
}

#footer .foot_inn .foot_head .foot_info .logo img{
	width: 100%;
	height: auto;
}

#footer .foot_inn .foot_head .foot_info .add{
	margin-top: 14px;
	padding: 0 0.8064%;/*5*/
}

#footer .foot_inn .foot_head .foot_info .add .lv1{
	font-size: 1.5rem;
	color: #fff;
}

#footer .foot_inn .foot_head .foot_info .add .lv1 a{
	color: #fff;
	text-decoration: none;
}


#footer .foot_inn .foot_head .foot_info .add .lv2{
	margin-top: 8px;
	font-size: 1.4rem;
	line-height: 1.6592;
	color: #fff;
}

#footer .foot_inn .foot_head .foot_info .add .lv2 a{
	color: #fff;
	text-decoration: none;
}

#footer .foot_inn .foot_head .sns_area{
	width: 100%;
	margin: 16px auto 21px;
}

#footer .foot_inn .foot_head .sns_area ul{
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 0 4.8387%;/*30*/
}

#footer .foot_inn .foot_head .sns_area ul li{
	width: 15.0%;/*93*/
}

#footer .foot_inn .foot_head .sns_area ul li img{
	width: 100%;
	height: auto;
}

#footer .foot_inn .foot_bottom{
	display: none;
}

.conatct-sp-wrap {
	width: 100%;
	padding: 15px 0 18px;
	background: #fff;
	border-radius: 1.25rem;
	margin-top: 28px;
}

.conatct-sp-wrap .conatct-sp-title {
	font-size: 2.769rem;
	line-height: 1;
	color: #0071b6;
	text-align: center;
}

.conatct-sp-wrap .conatct-sp-txt{
	margin-top: 11px;
	font-size: 1.35rem;
	line-height: 1;
	text-align: center;
	color: #000;
}

.admission-application-wrap {
	width: 89.0322%;/*552*/
	margin: 0 auto;
	padding-bottom: 10px;
	position: relative;
}

.admission-application-wrap::after {
	content: "";
	background: #c6c6c6;
	width: 94.7463%;/*523*/
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.admission-application-wrap img{
	width: 100%;
	height: auto;
}

.freee-dial-sp-wrap {
	width: 81.9354%;/*508*/
	margin: 8px auto 0;
}

.freee-dial-sp-wrap img{
	width: 100%;
	height: auto;
}

.footer-link-sp-wrap{
	width: 82.0967%;/*509*/
	margin: 15px auto 0;
}

.footer-link-sp-wrap a.footer-link-sp {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 41px;
	border: solid 1.5px #c6c6c6;
	border-radius: 0.67rem;
	background: url("images/common/sp_ft_link_ico.svg")no-repeat #f6f7f5 right 5.1080% center;/*26*/
	background-size: 1.9646% auto;/*10*/
	font-size: 1.5rem;
	line-height: 1;
	color: #000;
	position: relative;
}

.footer-link-sp-wrap a.footer-link-sp + a.footer-link-sp{
	margin-top: 11px;
}

.footer-link-sp-wrap a.footer-link-sp.f01::before {
	content: '';
	background: url("images/common/sp_ft_doc_ico.svg")no-repeat;
	background-size: cover;
	width: 7.8585%;/*40*/
	height: auto;
	aspect-ratio: 40 / 42;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 7.8585%;/*40*/
	z-index: 1;
}

.footer-link-sp-wrap a.footer-link-sp.f02::before {
	content: '';
	background: url("images/common/sp_ft_que_ico.svg")no-repeat;
	background-size: cover;
	width: 8.8408%;/*45*/
	height: auto;
	aspect-ratio: 45 / 44;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 7.0526%;/*36*/
	z-index: 1;
}

.footer-link-sp-wrap a.footer-link-sp.f03::before {
	content: '';
	background: url("images/common/sp_ft_mail_ico.svg")no-repeat;
	background-size: cover;
	width: 8.8408%;/*45*/
	height: auto;
	aspect-ratio: 45 / 35;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 7.0526%;/*36*/
	z-index: 1;
}

.footer-link-sp-wrap p.ft_txt{
	margin-top: 14px;
	font-size: 1.1rem;
	line-height: 1.5454;
	text-align: justify;
	color: #333333;
}

#copyright {
/*	padding: 18px 0 calc(125px + 2em);*/
	padding: 18px 0 14px;
	background: #fff;
}

#copyright p{
	font-size: 1.15rem;
	line-height: 1;
	color: #61c1be;
	text-align: center;
}


/* ページ遷移
---------------------------------------------------------- */
.fade_group div,
.fade_group2 div {
	content: "";
	position: fixed;
	top: 0;
	left: -100vw;
	width: 100vw;
	height: 100%;
	pointer-events: none;
}
.fade_group div {
	z-index: 9999;
	transition: 0.6s;
}
.fade_group2 div {
	z-index: 9998;
	transition: 0.8s;
}
.fade_group div:nth-of-type(1) {
	background: rgba(97, 193, 190, 0.25);
}
.fade_group div:nth-of-type(2) {
	background: rgba(97, 193, 190, 0.5);
	transition-delay: 0.1s;
}
.fade_group div:nth-of-type(3) {
	background: rgba(97, 193, 190, 0.7);
	transition-delay: 0.2s;
}
.fade_group div:nth-of-type(4) {
	background: rgb(255, 255, 255);
	transition-delay: 0.3s;
}
.fade_group2 div:nth-of-type(1) {
	background: rgba(97, 193, 190, 0.8);
	transition-delay: 0.2s;
}
.fade_group2 div:nth-of-type(2) {
	background: rgba(97, 193, 190, 0.8);
	transition-delay: 0.3s;
}
body.fo .fade_group div {
	left: 0;
}
body.fo .fade_group2 div {
	left: 100vw;
}


/* 画面右バナー
---------------------------------------------------------- */
.right-banner-wrap {
	z-index: 5;
	position: fixed;
	top: 50%;
	right: 1.8243%;/*27*/
	transform: translateY(-50%);
	width: 3.9864%;/*59*/
	max-width: 59px;
}

a.right-banner-link {
	display: inline-block;
	opacity: 1;
	width: 100%;
}

a.right-banner-link + a.right-banner-link{
	padding-top: 10px;
}

a.right-banner-link:hover {
	opacity: 0.6;
}

a.right-banner-link img{
	width: 100%;
	height: auto;
	filter: drop-shadow(0 0 2px rgba(12, 76, 70, 0.35));
}

/* back-to-top
---------------------------------------------------------- */

#back-to-top {
	z-index: 99;
	position: fixed;
	display: none;
	right: 1.6666%;/*12*/
/*	bottom: calc(0.4em + 123px) !important;*/
	bottom: 20px;
	width: 12.3611%;/*89*/
}

#back-to-top img{
	width: 100%;
	height: auto;
}

/*===================================
	.page-tit_wrap
=====================================*/

.page-tit_wrap{
	width: 100%;
}

.page-tit_wrap .page_img{
	width: 100%;
	height: auto;
	aspect-ratio: 720 / 298;
}

.page-tit_wrap .page_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-tit_wrap .wrap_inner{
	width: 100%;
	padding: 26px 0 30px;
	position: relative;
	z-index: 1;
}

.page-tit_wrap .wrap_inner::before{
	content: '';
	background: url("images/common/sp-title_parts01.webp")no-repeat;
	background-size: cover;
	width: 100%;
	height: calc(100% + 6px);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.page-tit_wrap .wrap_inner .tit_area{
	width: 66.6666%;/*480*/
	margin: 0 auto;
}

.page-tit_wrap .wrap_inner .tit_area .page_title{
	width: 100%;
	padding-bottom: 17px;
	border-bottom: 1px solid #fff;
	text-align: center;
}

.page-tit_wrap .wrap_inner .tit_area .page_title p.en_tit{
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
}

.page-tit_wrap .wrap_inner .tit_area .page_title h1{
	padding-top: 10px;
	font-size: 2.0rem;
	line-height: 1;
	color: #fff;
}

.page-tit_wrap .wrap_inner .tit_area .bread_crumbs{
	display: none;
}

/**/

.page-tit_wrap02{
	width: 100%;
	padding: 28px 0 30px;
	background: url("images/common/sp-title_bg_news.webp");
	background-size: cover;
}

.page-tit_wrap02 .wrap_inner{
	width: 100%;
	height: 100%;
}

.page-tit_wrap02 .wrap_inner .tit_area{
	width: 100%;
}

.page-tit_wrap02 .wrap_inner .tit_area .page_title{
	width: 66.6666%;/*480*/
	margin: 0 auto;
	padding: 0 0 20px;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	text-align: center;
}

.page-tit_wrap02 .wrap_inner .tit_area .page_title p.en_tit{
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
}

.page-tit_wrap02 .wrap_inner .tit_area .page_title h1{
	padding-top: 10px;
	font-size: 2.0rem;
	line-height: 1;
	color: #fff;
}

.page-tit_wrap02 .wrap_inner .tit_area .bread_crumbs{
	display: none;
}

/*===================================
	.anchor_wrap
=====================================*/

.anchor_wrap{
	width: 100%;
	padding-top: 32px;
	background: #fff;
}

.anchor_wrap .wrap_inner{
	width: 87.5%;/*630*/
	margin: 0 auto;
}

.anchor_wrap .wrap_inner ul.anchor_list{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.anchor_wrap .wrap_inner ul.anchor_list li{
	width: 45.3968%;/*286*/
}

.anchor_wrap .wrap_inner ul.anchor_list li:nth-child(n + 3){
	margin-top: 24px;
}

.anchor_wrap .wrap_inner ul.anchor_list li a{
	display: flex;
	justify-content: center;
	width: 100%;
	font-size: 1.15rem;
	line-height: 1.6086;
	color: #333;
	padding-bottom: 9px;
	box-sizing: border-box;
	border-bottom: 2px solid #5eb8b5;
}

/****************************************
    .contact_wrap
*****************************************/

.contact_wrap{
	display: none;
}

/*===================================
	共通パーツ
=====================================*/

h2.mokuji_midashi{
	padding-bottom: 0.95rem;
	font-size: 1.75rem;
	line-height: 1.0571;
	color: #000000;
	text-align: center;
	position: relative;
}

h2.mokuji_midashi::after{
	content: '';
	background: #61c1be;
	width: 23.0%;/*138*/
	max-width: 138px;
	height: 1.5px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

h3.mokuji_sub_midashi{
	padding-bottom: 9px;
	border-bottom: 1px solid #1eafa7;
	font-size: 1.5rem;
	line-height: 1.12;
	color: #000000;
	text-align: center;
}