/*
Theme Name: xii-clb
Text Domain: xii-clb
*/
/* reset */
*:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}
/*-----------------------*/
/* common 
/*-----------------------*/
html {
	font-size: 62.5%;
	height: -webkit-fill-available;
}
body {
	box-sizing: border-box;
	color: #000;
	font-family: "Noto Sans JP", dnp-shuei-gothic-gin-std, sans-serif;
	text-align: left;
	letter-spacing: 0.4px;
	margin: 0;
	position: relative;
	min-height: 100vh;
	min-height: -webkit-fill-available;
}
body *{
	box-sizing: border-box;
}
ol, ul{
	list-style: none;
}
a {
	text-decoration: none;
	transition: .2s all linear;
	cursor: pointer;
}
a:hover {
	opacity: .6;
}
input, textarea{
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: 0px 1px 4px rgb(0 0 0 / 24%) inset;
	padding: 4px;
}
.hide{
	display: none;
}
.link-tel{
	pointer-events: none;
	text-decoration: none;
}
.d-i-block{
	display: inline-block;
}
.t-left{
	text-align: left !important;
}
.lh-15{
	line-height: 1.5;
}
.fw-n{
	font-weight: normal !important;
}
.none-pc{
	display: inherit;
}
.none-sp{
	display: none;
}
.fw-b{
	font-weight: 700;
}
.fw-bl{
	font-weight: 900;
}
@media ( min-width: 769px ){
	.none-pc{
		display: none;
	}
	.none-sp{
		display: inherit;
	}
}

/* header */
.site-header{
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10000;
	width: 100%;
}
.header-inner{
	transition: .2s all linear;
}
.header-inner .site-title{
	position: relative;
	z-index: 2000;
}
.header-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	height: 92px;
	background: #FFF;
	position: relative;
}
.header-menu-bar-wrap{
	position: absolute;
    right: 20px;
}
.header-inner .site-title{
	text-align: center;
}
.header-inner .site-title .link-text{
	font-size: 16px;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
}
.header-inner .site-title .link-text.c-white{
	color: #FFF;
}
.header-inner .site-title .link-text .title-logo{
	width: 230px;
}
.header-inner .site-title .link-text.c-white .title-logo{
	fill: #FFF;
}
.site-header .header-inner{
	transition: .2s all linear;
}
.site-header.bg-black .header-inner{
	background: #000;
}
.header_menu_wrap {
	position: absolute;
	top: 0;
}
.header-inner .header-menu-bar-wrap .menu-bar {
	display: block;
	height: 20px;
	margin: auto;
	position: relative;
	z-index: 2000;
}
.header-inner .header-menu-bar-wrap .menu-bar:hover {
	opacity: 1;
}

.header-inner .header-menu-bar-wrap .menu-bar.on .bar:first-child{
	display: block;
	transform: translateY(10px) rotate(135deg);
}
.header-inner .header-menu-bar-wrap .menu-bar.on .bar:last-child{
	display: block;
	transform: translateY(-6px) rotate(-135deg);
}
.header-inner .header-menu-bar-wrap .menu-bar.on .bar:nth-child(2){
	opacity: 0;
}
.header-inner .header-menu-bar-wrap .menu-bar .bar{
	display: block;
	height: 2px;
	width: 20px;
	background: #000;
	transition: 0.2s all linear;
}
.header-inner .header-menu-bar-wrap .menu-bar .bar + .bar{
	margin-top: 6px;
}
.header-inner .header-menu-bar-wrap .menu-bar.on .bar{
	background: #FFF;
}
.global-menu {
	background: linear-gradient(114deg, #FFAA9B, #E56785, #AE71FF, #64DDE2);
	opacity: .95;
	position: fixed;
	width: 100vw;
	top: 92;
	right: 0;
	text-align: left;
	z-index: 5;
	height: 100vh;
	display: none;
	overflow-y: scroll;
}
.global-menu .global-menu-inner {
	padding: 100px 50px 50px;
}
.global-menu .global-global-menu{
	box-sizing: border-box;
	height: 100%;
	padding: 12rem 3.8rem 2rem;
}
.global-menu .global-global-menu > ul > li + li {
	margin-top: 10rem;
}
.global-menu .global-global-menu > ul > li .menu-link{
	color: #686868;
	display: block;
	transition: 0.2s all linear;
	font-family: 'BR-R';
	letter-spacing: 3px;
	font-size: 1.4rem;
}
.global-menu .global-global-menu > ul > li .menu-link:hover{
	color: #CCC;
}
.global_overlay {
	display: none;
	opacity: 0.5;
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.global-menu .global-menu-inner > ul > li + li {
	margin-top: 80px;
}
.global-menu .global-menu-inner > ul > li .menu-link{
	color: #FFF;
	display: block;
	transition: 0.2s all linear;
	font-size: 30px;
	font-weight: 700;
	cursor: pointer;
}
.global-menu-inner > ul > li .menu-link .fab{
	font-size: 24px;
}
.global-menu-inner > ul > li .menu-link .fa-instagram{
	padding-top: 1px;
}
.global-menu .item-icons-wrap{
	margin-top: 70px;
	display: flex;
	align-items: center;
	gap: 0 42px;
	font-size: 28px;
	color: #FFF;
}
.area-contact{
	position: fixed;
	z-index: 2000;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	pointer-events: none;
	right: auto;
	bottom: 16px;
}
.area-contact .btn-wrap{
	margin: auto;
	display: flex;
	justify-content: center;
	padding: 0 50px;
}
.area-contact .btn-contact{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #00FF31;
	color: #000;
	border-radius: 50px;
	position: relative;
	width: 250px;
	height: 80px;
	box-shadow: 1px 3px 6px rgb(0 0 0 / 30%);
	font-family: "Roboto", sans-serif;
	pointer-events: auto;
	transition: .2s all linear;
}
.area-contact .btn-contact:hover{
	opacity: .6;
}
.area-contact .btn-contact .btn-text{
	font-weight: 700;
	font-weight: bold;
}
.area-contact .btn-contact .btn-text .text-main{
	font-size: 25px;
	letter-spacing: .2px;
}
.global-menu .global-menu-inner > ul{
	display: block;
}
.global-menu .item-menu .more-links{
	padding-top: 20px;
	transition: .5s all ease;
	height: 0;
	overflow: hidden;
}
.global-menu .item-menu .more-links.on{
	height: 132px;
}
.global-menu .item-menu .more-links .menu-link-sub{
	font-size: 16px;
	font-weight: 900;
	display: block;
	color: #FFF;
}
.global-menu .item-menu .more-links .menu-link-sub + .menu-link-sub{
	margin-top: 20px;
}
@media ( min-width: 769px ){
	.header-wrap{
		justify-content: flex-start;
		padding: 0 40px;
	}
	.header-menu-bar-wrap{
		right: 40px;
	}
	.global-menu .global-menu-inner{
		padding-top: 200px;
		max-width: 1140px;
        margin: auto;
	}
	.global-menu .global-menu-inner > ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 90px 140px;
	}
	.global-menu-inner > ul .item-menu{
		width: calc(50% - 140px);
	}
	.global-menu .global-menu-inner > ul > li + li{
		margin: 0;
	}
	.global-menu .global-menu-inner > ul > li .menu-link{
		font-size: 80px;
	}
	.area-contact .btn-wrap{
		max-width: 1920px;
		padding: 0 30px;
		justify-content: flex-end;
	}
	.area-contact .btn-contact{
		writing-mode: vertical-lr;
		width: 100px;
		height: 300px;
	}
	.area-contact .btn-contact .btn-text .text-main{
		font-size: 30px;
	}
	.global-menu .item-menu .more-links.on {
		height: 192px;
	}
	.global-menu .item-menu .more-links .menu-link-sub{
		font-size: 30px;
	}
	.header-inner .site-title .link-text{
		font-size: 20px;
	}
}

/* footer */
.site-footer{
	background: #FFF;
	color: #000;
}
.site-footer .footer-inner{
	margin: auto;
}
.site-footer .footer-wrap{
	display: block;
	padding: 50px 40px;
}
.site-footer .footer-wrap .site-title{
	font-size: 20px;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
}
.site-footer .footer-wrap .item-company .info{
	margin-top: 50px;
}
.site-footer .footer-wrap .item-links{
	display: block;
	margin-top: 70px;
}
.site-footer .footer-wrap .item-links > ul + ul{
	margin-left: 100px;
}
.site-footer .footer-wrap .item-links > ul > li + li{
	margin-top: 70px;
}
.site-footer .footer-wrap .item-links .menu-link{
	font-size: 14px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}
.site-footer .footer-wrap .item-links .menu-link .fa-instagram{
	font-size: 24px;
}
.site-footer .footer-wrap .copyright{
	margin-top: 10px;
	font-size: 10px;
}
.site-footer .item-icons-wrap{
	display: flex;
	align-items: center;
	gap: 0 30px;
	margin-top: 10px;
	font-size: 20px;
}
.site-footer .item-icons-wrap .item-icons-wrap .menu-link{
	display: block;
}
@media ( min-width: 769px ){
	.site-footer .footer-wrap{
		padding: 100px 50px;
		display: flex;
		justify-content: space-between;
		max-width: 1140px;
		margin: auto;
	}
	.site-footer .footer-wrap .item-links {
		margin-top: 0;
	}
	.site-footer .footer-wrap .item-links > ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.site-footer .footer-wrap .item-links > ul > li + li {
		margin-top: 0;
		margin-left: 90px;
	}
	.site-footer .footer-wrap .item-links .menu-link{
		font-size: 15px;
	}
}
/*----------------------------------------*/
/* page-common 
/*----------------------------------------*/
.page-wrap{
	background: linear-gradient(-45deg, #23d5ab, #23a6d5, #e73c7e, #ee7752);
	background-size: 400% 400%;
	animation: gradient 12s ease infinite;
	margin-top: 92px;
	color: #FFF;
}
@keyframes gradient {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 100%;
	}
	100% {
		background-position: 0% 0%;
	}
}
.page-wrap .page-inner{
	padding-bottom: 100px;
}
@media ( min-width: 769px ){
	.page-wrap{
		animation: gradient 15s ease infinite;
	}
}

/*----------------------------------------*/
/* page-top 
/*----------------------------------------*/
.page-top .sec{
	padding: 50px 32px 50px;
}
.page-top .sec .sec-title{
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	border-radius: 25px;
	width: 200px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 50px;
	color: #FFF;
	font-family: "Roboto", sans-serif;
}
.page-top .sec .item + .item{
	margin-top: 50px;
}
.page-top .sec .item .item-txt{
	font-size: 20px;
	font-weight: 900;
}
.page-top .sec .item .item-txt-en{
	font-size: 8px;
	font-weight: 100;
	margin-top: 10px;
}
.page-top .sec .item .img-wrap{
	width: 100%;
	height: 120px;
	border-radius: 100px;
	overflow: hidden;
	margin-top: 20px;
	box-shadow: 2px 2px 6px 4px rgba(0, 0, 0, .2);
}
.page-top .sec .item .link-img{
	display: block;
	position: relative;
	height: 100%;
}
.page-top .sec .item .link-img:after{
	/* content: ""; */
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0,0,0, .35) 10%, rgba(0,0,0, 0) 75%);
	z-index: 2;
}
.page-top .sec .item .link-img-arrow{
	position: absolute;
	bottom: 12px;
	right: 135px;
	transition: .2s linear all;
	font-size: 20px;
	padding: 0 3px 0 0;
	z-index: 3;
}
.page-top .sec .item .link-img:hover .link-img-arrow{
	right: 125px;
}
.page-top .sec .item .link-img-arrow:before{
	content: "";
	display: inline-block;
	height: 2px;
	width: 100px;
	background: #FFF;
	position: absolute;
	bottom: 5px;
	left: 100%;
}
.page-top .sec .item .link-img-arrow:after{
	content: "";
	display: inline-block;
	width: 4px;
	height: 14px;
	border-right: 2px solid #FFF;
	transform: rotate(-45deg);
	position: absolute;
	left: calc(100% + 92px);
	bottom: 3px;
}
.page-top .sec .item .img-wrap img{
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
}
.page-top .sec .item .item-title{
	font-size: 20px;
	font-weight: 900;
}
.page-top .sec .item .item-title-en{
	font-size: 8px;
	font-weight: 300;
	margin-top: 10px;
}
/* sec-top */
.page-top .sec-top{
	background: url('./assets/images/top/main.jpg?v=2') center center / cover;
	height: calc(100vh - 92px);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin-bottom: 50px;
	position: relative;
}
.page-top .sec-top .main-text{
	color: #FFF;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
	position: relative;
	z-index: 2;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
}
.page-top .sec-top .main-img-slider{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	pointer-events: none;
	z-index: 1;
}
.page-top .sec-top .main-img-slider .main-img{
	height: 100%;
}
.page-top .sec-top .main-img-slider .slick-list{
	height: 100%;
}
.page-top .sec-top .main-img-slider .slick-track{
	height: 100%;
}
.page-top .sec-top .main-img-slider .slick-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* sec-schedule */
.page-top .sec-schedule .item .item-txt{
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
.page-top .sec-schedule .item .item-txt-2{
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
}
.page-top .google-map{
	width: 300px;
	height: 500px;
	box-shadow: 2px 2px 6px 4px rgba(0,0,0, 0.2);
	border-radius: 250px;
	margin: 30px auto 0;
	overflow: hidden;
}
.page-top .google-map > iframe{
	height: 100%;
	height: calc(100% + 300px);
	margin-top: -150px;
}
/* sec-safety */
.page-top .sec-safety .item .item-txt{
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}

@media (min-width: 769px){
	.page-top .sec{
		max-width: 1120px;
		margin: auto;
		padding: 50px 40px 130px;
	}
	.page-top .sec-top{
		max-width: inherit;
		margin-bottom: 150px;
		background-image: url('./assets/images/top/main-pc.jpg');
	}
	.page-top .sec-top .main-text{
		font-size: 80px;
		line-height: inherit;
	}
	.page-top .sec.sec-service .item{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.page-top .sec.sec-service .item .txt-wrap{
		flex: 1;
	}
	.page-top .sec .item .item-txt{
		font-size: 40px;
	}
	.page-top .sec .item .item-txt-en{
		font-size: 10px;
	}
	.page-top .sec .item .img-wrap{
		width: 400px;
		height: 160px;
	}
	.page-top .sec .item .link-img-arrow{
		right: 145px;
	}
	.page-top .sec .item .link-img:hover .link-img-arrow{
		right: 135px;
	}
	.page-top .sec .sec-title{
		width: 400px;
		height: 50px;
		font-size: 20px;
	}
	.page-top .sec .item .item-title{
		font-size: 40px;
	}
	.page-top .sec-schedule .item .item-txt{
		font-size: 20px;
	}
	.page-top .sec .item .item-title-en{
		font-size: 10px;
	}
	.page-top .sec-schedule .item .item-txt-2{
		font-size: 20px;
	}
	.page-top .google-map{
		width: 100%;
		height: 500px;
	}
	.page-top .sec-safety .item .item-txt{
		font-size: 20px;
	}
	.pc-mt-0{
		margin-top: 0;
	}
}


/*-----------------------------*/
/* page-contact : mw_wp_form 
/*-----------------------------*/
.page-contact .sec-form .form-wrap{
	margin-top: 50px;
}
.item-form-radio label{
	font-size: 12px;
}
.item-form-radio input[type='radio']{
	display: none;
}
.mw_wp_form .form-main{
	display: none;
	padding-top: 50px;
}
.mw_wp_form.mw_wp_form_confirm .form-main{
	display: block;
}
.item-form-radio .mwform-radio-field-text{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0;
	padding: 0 0 0 30px;
	border-radius: 2px;
	text-align: center;
	line-height: 1;
}
.item-form-radio .mwform-radio-field-text:before {
	box-sizing: border-box;
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	background: transparent;
	border-radius: 50%;
	border: solid 2px #FFF;
}
.item-form-radio input[type='radio']:checked + .mwform-radio-field-text:after {
	box-sizing: border-box;
	position: absolute;
	content: "";
	top: 50%;
	left: 4px;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #FFF;
}
.page-contact .sec-form .item-form + .item-form{
	margin-top: 20px;
}
.page-contact .sec-form .item-form.item-form-radio, 
.page-contact .sec-form .item-form .title{
	font-size: 16px;
	font-weight: 700;
}
.page-contact .sec-form .item-form .title .option{
	font-size: 15px;
	font-weight: 500;
}
.page-contact .sec-form .item-form .input-wrap{
	margin-top: 10px;
}
.page-contact .sec-form .button-wrap{
	margin-top: 30px;
	display: flex;
	align-items: center;
}
.page-contact .sec-form .button-wrap > button{
	border: 1px solid #FFF;
	border-radius: 4px;
	padding: 10px;
	transition: .2s all linear;
	cursor: pointer;
	min-width: 70px;
	text-align: center;
}
.page-contact .sec-form .button-wrap > button + button{
	margin-left: 20px;
}
.page-contact .sec-form .button-wrap > button:hover{
	opacity: .6;
}
.page-contact .sec-form .item-line .text-1{
	font-size: 15px;
	margin: 20px 0;
}
.page-contact .sec-form .item-line .img-link{
	display: inline-block;
}
.page-contact .sec-form .form-line-wrap{
	margin-top: 60px;
}
.page-contact .sec-form .form-line-wrap .img-line{
    max-width: 200px;
    width: 100%;
}
.page-contact .sec-form input,
.page-contact .sec-form textarea{
	width: 100%;
}
.page-contact .sec-form .button-wrap{
	justify-content: center;
}
.page-contact .sec-form .item-form .input-wrap .mwform-radio-field{
	display: block;
}
.page-contact .sec-form .item-form .input-wrap .mwform-radio-field + .mwform-radio-field{
	margin-left: 0;
	margin-top: 50px;
}
.page-contact .sec-form .mw_wp_form_complete{
	font-size: 16px;
}
@media (min-width: 769px){
	.item-form-radio label{
		font-size: 20px;
	}
	.page-contact .sec-form .item-form .input-wrap .mwform-radio-field{
		display: inline-block;
	}
	.page-contact .sec-form .item-form .input-wrap .mwform-radio-field + .mwform-radio-field{
		margin: 0 0 0 80px;
	}
	.page-contact .sec-form .mw_wp_form_complete{
		font-size: 20px;
	}
}
@media (max-width: 375px){
	.page-contact .sec-form .form-line-wrap .img-line{
		max-width: inherit;
	}
}
/*----------------------------------------*/
/* page-service
/*----------------------------------------*/
.page-service .sec{
}
.page-service .sec-txt{
	font-size: 20px;
	font-weight: 900;
}
.page-service .sec-txt-en{
	font-size: 8px;
	margin-top: 10px;
	font-weight: 300;
}
.page-service .sec-txt-en + .sec-txt{
	margin-top: 50px;
}
.page-service .sec-txt-2{
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.7;
}
.page-service .sec-txt-2-en{
	margin-top: 10px;
	font-size: 8px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.5;
}
.page-service .sec-txt-2-en + .sec-txt{
	margin-top: 50px;
}
.page-service .sec-skills .item + .item{
	margin-top: 50px;
}
.page-service .sec-skills .item-main{
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 300px;
	font-size: 20px;
	font-weight: 900;
	color: #FFF;
	margin: auto;
	background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)) no-repeat center center / cover;
}
.page-service .sec-skills .item-toprock .item-main{
	background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(./assets/images/service/toprock.jpg);
}
.page-service .sec-skills .item-drop .item-main{
	background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(./assets/images/service/drop.jpg);
}
.page-service .sec-skills .item-footwork .item-main{
	background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(./assets/images/service/footwork.jpg);
}
.page-service .sec-skills .item-powermove .item-main{
	background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(./assets/images/service/powermove.jpg);
}
.page-service .sec-skills .item-backrock .item-main{
	background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(./assets/images/service/backrock.jpg);
}
.page-service .sec-skills .item-freeze .item-main{
	background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(./assets/images/service/freeze.jpg);
}
.page-service .sec-skills .item .item-txt{
	margin-top: 30px;
	font-size: 12px;
	font-weight: bold;
}
.page-service .sec-skills .item .item-txt-en{
	margin-top: 10px;
	font-size: 8px;
}

.page-service .sec-page-desc .sec-inner {
	max-width: 1140px;
	padding: 85px 50px 45px;
	margin: auto;
}
.page-service .sec-page-desc .text-1{
	font-size: 18px;
	font-weight: 400;
	margin-top: 30px;
}
.page-service .sec-mentor .mentor-shigekix .item-main{
	background-image: linear-gradient(rgba(0,0,0,0) 36%, rgba(0,0,0,.4)), url(./assets/images/service/shigekix.jpg);
}
.page-service .sec-mentor .mentor-yhi .item-main{
	background-image: linear-gradient(rgba(0,0,0,0) 36%, rgba(0,0,0,.4)), url(./assets/images/service/yhi.jpg);
}
.page-service .sec-mentor .mentor-raion .item-main{
	background-image: linear-gradient(rgba(0,0,0,0) 36%, rgba(0,0,0,.4)), url(./assets/images/service/raion.jpg);
}
.page-service .sec-mentor .mentor-tsukki .item-main{
	background-image: linear-gradient(rgba(0,0,0,0) 36%, rgba(0,0,0,.4)), url(./assets/images/service/tsukki.jpg);
}
.page-service .sec-mentor .mentor-ayane .item-main{
	background-image: linear-gradient(rgba(0,0,0,0) 36%, rgba(0,0,0,.4)), url(./assets/images/service/ayane.jpg);
}
.page-service .sec-mentor .mentor-nanoha .item-main{
	background-image: linear-gradient(rgba(0,0,0,0) 36%, rgba(0,0,0,.4)), url(./assets/images/service/nanoha.jpg);
}
.page-service .sec-mentor .mentor-ram .item-main{
	background-image: linear-gradient(rgba(0,0,0,0) 36%, rgba(0,0,0,.4)), url(./assets/images/service/ram.jpg);
}
.page-service .sec-others-images .images-wrap-flex .other-img{
	width: 300px;
	height: 300px;
	color: #FFF;
	font-size: 20px;
	font-weight: 900;
	box-shadow: 10px 10px 30px #58348180;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: url(./assets/images/service/other-1.png) no-repeat center center / cover;
}
.page-service .sec-others-images .images-wrap-flex .other-img.other-img-1{
	background-image: url(./assets/images/service/other-1.png);
}
.page-service .sec-others-images .images-wrap-flex .other-img.other-img-2{
	background-image: url(./assets/images/service/other-2.png);
}
.page-service .sec-others-images .images-wrap-flex .other-img.other-img-3{
	background-image: url(./assets/images/service/other-3.png);
}
.page-service .sec-others-images .images-wrap-flex .other-img.other-img-4{
	background-image: url(./assets/images/service/other-4.png);
}
.page-service .sec-others-images .images-wrap-flex .other-img + .other-img{
	margin-top: 20px;
}
@media (min-width: 769px){
	.page-service .sec-txt{
		font-size: 40px;
	}
	.page-service .sec-txt-en{
		font-size: 10px;
	}
	.page-service .sec-skills .skills-wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		gap: 47px 44px;
	}
	.page-service .sec-skills .skills-wrap:after{
		content: "";
		height: 1px;
		width: calc(33% - 44px);
		display: block;
	}
	.page-service .sec-skills .skills-wrap .item{
		width: calc(33% - 44px);
	}
	.page-service .sec-skills .skills-wrap .item + .item{
		margin-top: 0;
	}
	.page-service .sec-skills .item .item-txt{
		font-size: 15px;
	}
	.page-service .sec-skills .item .item-txt-en{
		font-size: 10px;
	}
	.page-service .sec-others-images .images-wrap-flex{
		display: flex;
		flex-wrap: wrap;
		gap: 10px 40px;
	}
	.page-service .sec-others-images .images-wrap-flex .other-img{
		width: 500px;
		height: 500px;
	}
	.page-service .sec-others-images .images-wrap-flex .other-img + .other-img{
		margin-top: 0;
	}
}
/*----------------------------------------*/
/* page-schedule
/*----------------------------------------*/
.page-schedule .page-inner{
}

@media (min-width: 769px){
	.page-schedule .sec-page-desc{
	}
}

/*----------------------------*/
/* coming soon
/*----------------------------*/
.page-coming-soon .page-inner{
	padding-top: 135px;
	min-height: calc(100vh - 92px);
}
.page-wrap .page-inner .sec-coming-soon{
	max-width: 1140px;
	margin: auto;
	padding: 0 50px;
}
.page-wrap .sec-coming-soon .sec-title-cs{
	color: #FFF;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

/*----------------------------*/
/* credit
/*----------------------------*/
.page-credit .page-inner .sec .sec-inner{
	padding-top: 93px;
	padding-bottom: 100px;
}
.page-credit .sec-credit .sec-title{
	padding-top: 85px;
}
.page-credit .sec-credit .desc-wrap{
	margin-top: 45px;
}
.page-credit .sec-credit .desc-wrap .desc-text{
	font-size: 16px;
	font-weight: 500;
}
.page-credit .sec-credit .credit-wrap {
	margin-top: 80px;
}
.page-credit .sec-credit .credit-wrap .title {
    font-size: 40px;
    font-weight: 900;
}
.page-credit .sec-credit .credit-wrap .note {
	font-size: 16px;
	margin-top: 15px;
}
.page-credit .sec-credit .credit-wrap .credits-all{
	margin-top: 40px;
}
.page-credit .sec-credit .credit-wrap .credit-category-wrap + .credit-category-wrap{
	margin-top: 10px	
}
.page-credit .credit-wrap .category-name{
	font-size: 25px;
	font-weight: 900;
	margin-bottom: 20px;
}
.page-credit .credit-wrap .box-flex{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.page-credit .credit-wrap .item-credit{
	margin-right: 20px;
	margin-bottom: 30px;
	width: 300px;
}
.page-credit .credit-wrap .item-credit .item-name{
	font-size: 18px;
	font-weight: 900;
}
.page-credit .credit-wrap .item-credit .item-text{
	font-size: 14px;
	margin-top: 6px;
	font-weight: 700;
}
.page-credit .credit-wrap .item-contents{
	border: 1px solid #000;
	padding: 4px 10px;
	margin-top: 15px;
}
.page-credit .credit-wrap .item-contents .cont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
	border-bottom: 1px solid #838383;
	font-weight: 900;
}
.page-credit .credit-wrap .item-contents .cont .cont-name{
	color: #AA9656;
	color: #FEF200;
	color: #000;
	font-size: 16px;
}
.page-credit .credit-wrap .item-contents .cont .cont-text{
	font-size: 16px;
}
.page-credit .credit-wrap .item-contents .cont .cont-text .em{
	font-size: 20px;
}
.page-credit .credit-wrap .item-contents .cont .cont-text .em.em-num{
	font-size: 25px;
}
.page-credit .credit-wrap .item-contents .cont.cont-term{
	border: none;
}
.page-credit .credit-wrap .item-contents .cont.cont-term .cont-text{
	color: #838383;
	font-weight: 700;
}
@media (max-width: 768px){
	.page-credit .page-inner{
		padding-top: 81px;
	}
	.page-credit .page-inner .sec-credit .sec-inner {
		padding: 0 6.667vw 120px;
	}
	.page-credit .sec-credit .sec-title{
		padding-top: 45px;
	}
	.page-credit .sec-credit .desc-wrap{
		margin-top: 25px;
	}
	.page-credit .sec-credit .credit-wrap .title {
		font-size: 40px;
		font-size: 5.333vw;
		text-align: center;
	}
	.page-credit .sec-credit .desc-wrap .desc-text{
		font-size: 2.4vw;
		font-weight: 700;
		margin-top: 22px;
		padding-right: 0;
	}
	.page-credit .sec-credit .credit-wrap{
		margin-top: 50px;
	}
	.page-credit .credit-wrap .category-name{
		font-size: 6.666vw;
	}
	.page-credit .credit-wrap .box-flex{
		display: block;
	}
	.page-credit .credit-wrap .item-credit + .item-credit{
	}
	.page-credit .credit-wrap .item-credit {
		margin: 0 auto 30px;
		width: auto;
		max-width: 450px;
	}
	.page-credit .sec-credit .credit-wrap .note{
		font-size: 2.4vw;
		font-weight: 700;
	}
	.page-credit .credit-wrap .item-contents .cont .cont-name,
	.page-credit .credit-wrap .item-contents .cont .cont-text{
		font-size: 3.6vw;
	}
	.page-credit .credit-wrap .item-contents .cont .cont-text .em{
		font-size: 5.333vw;
	}
	.page-credit .credit-wrap .item-contents .cont .cont-text .em.em-num{
		font-size: 6.666vw;
	}
	.page-credit .credit-wrap .item-credit .item-text{
		font-size: 2.4vw;
		font-weight: 700;
	}
}

/*----------------------------*/
/* 404
/*----------------------------*/
.page-404 .title-404{
	font-size: 30px;
	font-weight: bold;
}
.page-404 .text-wrap{
	font-weight: 15px;
	margin-top: 10px;
}
@media ( min-width: 769px){
	.page-404 .title-404{
		font-size: 40px;
	}
}