.mv{
	max-width: 1600px;
	width: 100%;
	height: 630px;
	margin: 0 auto;
	background-image: url('../img/mv_pc.png');
	background-size: cover;
	background-position: center center;
}
.mv .mv_inner{
	position: relative;
	max-width: 1100px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.mv h1{
	position: absolute;
	top: 0;
	left: 27px;
}
.mv .mv_content{
	display: flex;
	align-items: center;
	gap: 90px;
	position: absolute;
	bottom: 40px;
	right: 27px;
	z-index: 1;
}
.mv .mv_content .mv_content_wrap{
	max-width: 500px;
	width: 100%;
}
.mv .mv_content .btn{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 58px;
	background-color: #eb6161;
	border-radius: 29px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
}
.mv .mv_content .btn:hover{
	text-decoration: none;
	box-shadow: none;
	opacity: 0.8;
}
.mv .mv_content .btn:before{
	content: '';
	width: 23px;
	height: 28px;
	background-image: url('../img/icon_mv_btn.png');
	background-size: cover;
	margin-right: 22px;
}
.mv .mv_content .btn:after{
	content: '';
	width: 9px;
	height: 14px;
	background-image: url('../img/icon_mv_btn_arrow.png');
	background-size: cover;
	margin-left: 22px;
}
.mv .mv_content .mv_beginner{
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
	margin: 28px auto 0;
}
.mv .mv_content .mv_beginner .ttl{
	position: relative;
	background-color: #00996a;
	border-radius: 12px 12px 0 0;
	color: #fff;
	font-size: 18px;
    padding: 8px 0 8px 70px;
	letter-spacing: -0.02em;
}
.mv .mv_content .mv_beginner .ttl br{
	display: none;
}
.mv .mv_content .mv_beginner .ttl:before{
	content: '';
	display: block;
	width: 56px;
	height: 56px;
	background-image: url('../img/img_mv_beginner.png');
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	margin: auto 0;
}
.mv .mv_content .mv_beginner .mv_beginner_inner{
	background-color: #fff;
	border-radius: 0 0 12px 12px;
	padding: 20px 24px 20px 56px;
}
.mv .mv_content .mv_beginner .mv_beginner_inner ul li{
	position: relative;
	font-weight: 500;
	line-height: 1.5;
}
.mv .mv_content .mv_beginner .mv_beginner_inner ul li + li{
	margin-top: 20px;
}
.mv .mv_content .mv_beginner .mv_beginner_inner ul li:before{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00996a;
	position: absolute;
	top: 10px;
	left: -14px;
}
.mv .mv_content .mv_beginner .mv_beginner_inner ul li a{
	display: inline-block;
	color: #00996a;
	text-decoration: underline;
	margin-top: 5px;
}
.mv .mv_content .mv_beginner .mv_beginner_inner ul li a:hover{
	text-decoration: none;
}
@media screen and (max-width: 1100px) {
	.mv{
		height: 57.27vw;
	}
	.mv h1{
		width: 72.55vw;
		left: 2.45vw;
	}
	.mv .mv_content{
		gap: 8.18vw;
		bottom: 3.64vw;
		right: 2.45vw;
	}
	.mv .mv_content > img{
		width: 24.64vw;
	}
	.mv .mv_content .mv_content_wrap{
		max-width: 45.45vw;
	}
	.mv .mv_content .btn{
		height: 5.27vw;
		font-size: 1.82vw;
	}
	.mv .mv_content .btn:before{
		width: 2.09vw;
		height: 2.55vw;
		margin-right: 2vw;
	}
	.mv .mv_content .btn:after{
		width: 0.82vw;
		height: 1.27vw;
		margin-left: 2vw;
	}
	.mv .mv_content .mv_beginner{
		margin: 2.55vw auto 0;
	}
	.mv .mv_content .mv_beginner .ttl{
		font-size: 1.64vw;
		padding: 0.73vw 0 0.73vw 6.36vw;
		letter-spacing: -0.02em;
	}
	.mv .mv_content .mv_beginner .ttl:before{
		width: 5.09vw;
		height: 5.09vw;
		left: 0.73vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner{
		border-radius: 0 0 1.09vw 1.09vw;
		padding: 1.82vw 2.18vw 1.82vw 5.09vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li{
		font-size: 1.45vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li + li{
		margin-top: 1.82vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li:before{
		width: 0.73vw;
		height: 0.73vw;
		top: 0.91vw;
		left: -1.27vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li a{
		margin-top: 0.45vw;
	}
}
@media screen and (max-width: 767px) {
	.mv{
		height: 72vw;
		position: relative;
		background-image: none;
		background-color: #fff5f5;
	}
	.mv:before{
		content: '';
		width: 100%;
		height: 25.42vw;
		background-image: url('../img/mv_sp_top.png');
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.mv:after{
		content: '';
		width: 100%;
		height: 32.99vw;
		background-image: url('../img/mv_sp_bottom.png');
		background-size: cover;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.mv h1{
		width: 72.55vw;
		left: 2.45vw;
	}
	.mv .mv_content{
		gap: 4vw;
		bottom: 3.64vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        justify-content: center;
        padding: 0 3vw;
	}
	.mv .mv_content > img{
		width: 20vw;
	}
	.mv .mv_content .mv_content_wrap{
		max-width: 75vw;
	}
	.mv .mv_content .btn{
		height: 8vw;
		font-size: 3vw;
	}
	.mv .mv_content .btn:before{
		width: 2.09vw;
		height: 2.55vw;
		margin-right: 2vw;
	}
	.mv .mv_content .btn:after{
		width: 0.82vw;
		height: 1.27vw;
		margin-left: 2vw;
	}
	.mv .mv_content .mv_beginner{
		margin: 2.55vw auto 0;
	}
	.mv .mv_content .mv_beginner .ttl{
        font-size: 2.6vw;
        padding: 0.73vw 0 0.73vw 7.36vw;
		letter-spacing: -0.02em;
	}
	.mv .mv_content .mv_beginner .ttl:before{
		width: 5.09vw;
		height: 5.09vw;
		left: 0.73vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner{
		border-radius: 0 0 1.09vw 1.09vw;
		padding: 1.82vw 2.18vw 1.82vw 5.09vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li{
		font-size: 2.4vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li + li{
		margin-top: 1.82vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li:before{
		width: 0.73vw;
		height: 0.73vw;
		top: 0.91vw;
		left: -1.27vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li a{
		margin-top: 0.45vw;
	}
}
@media screen and (max-width: 480px) {
	.mv{
		height: 145vw;
	}
	.mv .mv_content{
		display: block;
		bottom: 5vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        justify-content: center;
        padding: 0 3vw;
	}
	.mv .mv_content > img{
        width: 30vw;
        margin: 0 auto;
        display: block;
	}
	.mv .mv_content .mv_content_wrap{
		max-width: 100%;
		margin-top: 3vw;
	}
	.mv .mv_content .btn{
		height: 12vw;
		font-size: 4vw;
	}
	.mv .mv_content .btn:before{
		width: 3.09vw;
		height: 3.55vw;
		margin-right: 2vw;
	}
	.mv .mv_content .btn:after{
		width: 1.82vw;
		height: 3.2vw;
		margin-left: 2vw;
	}
	.mv .mv_content .mv_beginner{
		margin: 2.55vw auto 0;
	}
	.mv .mv_content .mv_beginner .ttl{
        font-size: 4.2vw;
        padding: 2vw 0 2vw 14vw;
		letter-spacing: -0.02em;
	}
	.mv .mv_content .mv_beginner .ttl br{
		display: block;
	}
	.mv .mv_content .mv_beginner .ttl:before{
		width: 11vw;
		height: 11vw;
		left: 0.73vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner{
		border-radius: 0 0 1.09vw 1.09vw;
		padding: 3vw 3vw 3vw 6vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li{
		font-size: 3.6vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li br{
		display: none;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li + li{
		margin-top: 2.4vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li:before{
		width: 1.3vw;
		height: 1.3vw;
		top: 2.2vw;
		left: -2.4vw;
	}
	.mv .mv_content .mv_beginner .mv_beginner_inner ul li a{
		display: block;
		width: fit-content;
		margin-top: 1.2vw;
	}
}

#mainBlock{
	padding: 0;
	background-color: transparent;
}
#mainBlock > article{
	max-width: 100%;
	padding: 0;
}
#mainBlock article #contentsBlock{
	background-color: transparent;
	padding: 0;
	border-radius: 0;
}
section {
	padding-top: 80px;
}
.sec_title{
	margin-bottom: 40px;
}
.sec_title span {
	margin: 0;
	font-size: 32px;
}
.sec_title span.size{
	font-size: 36px;
}
.sec_title > span {
	line-height: 1.5;
}
#menu .sec_title span span.color{
	color: #00996a;
}
#feature .sec_title span span.color,
#seminar .sec_title span span.color{
	color: #e54545;
}
.sec_title img {
	width: 100px;
}
@media screen and (max-width: 767px) {
	section {
		margin: 0 auto 0px;
		padding-top: 30px;
	}
	.sec_title{
		margin-bottom: 20px;
	}
	.sec_title img{
		width: 80px;
	}
	.sec_title span {
		font-size: 24px;
	}
	.sec_title span.size{
		font-size: 28px;
	}
}
@media screen and (max-width: 480px) {
	.sec_title span {
		font-size: 18px;
	}
	.sec_title span.size{
		font-size: 20px;
	}
}

section .inner{
	padding: 40px 20px;
}
section .inner .detail{
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px;
	box-sizing: border-box;
	border-radius: 20px;
	background-color: #fff;
}
section .inner .flex{
	display: flex;
}

/* ------------------------------------------------------------------------ */
/*  #menu
/* ------------------------------------------------------------------------ */

#menu{
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 500;
}
#menu .inner .detail{
	position: relative;
	background-color: #e9f5f1;
	border-radius: 0 20px 20px 0;
	padding: 50px 0 70px;
}
#menu .inner .detail:before{
    content: '';
    display: block;
    width: calc((100vw - 1200px) / 2);
    height: 100%;
    position: absolute;
    top: 0;
	right: 100%;
    background-color: #e9f5f1;
}
#menu .inner .detail:after{
	content: '';
	width: 320px;
	height: 290px;
	background-image: url('../img/img_menu_yuuchan.png');
	background-size: cover;
	position: absolute;
	bottom: 50px;
	right: -150px;
	pointer-events: none;
}
#menu .flex_wrap{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
	width: fit-content;
}
#menu .flex_wrap a.card{
	max-width: 306px;
	border: 1px solid #00996a;
	color: #00996a;
	border-radius: 10px;
	padding: 5px;
	transition: 0.3s;
}
#menu .flex_wrap a.card:hover{
	background-color: #00996a;
	color: #fff;
	text-decoration: none;
}
#menu .flex_wrap a.card p{
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	margin: 15px 0;
}
#menu .flex_wrap .notice{
	position: absolute;
	bottom: -40px;
	right: 0;
	text-align: right;
}

@media screen and (max-width: 1500px) {
	#menu .inner .detail:after{
		width: 200px;
		height: 181px;
        bottom: 100px;
        right: -20px;
	}
}
@media screen and (max-width: 1240px) {
	#menu .inner .detail{
		margin-left: -20px;
		padding-left: 20px;
	}
	#menu .inner .detail:before{
		content: none;
	}
}
@media screen and (max-width: 1140px) {
	#menu .inner{
		padding-left: 0;
		padding-right: 0;
	}
	#menu .inner .detail{
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 0;
	}
	#menu .flex_wrap a.card{
		max-width: 400px;
		width: 45%;
	}
	#menu .inner .detail:after{
		right: 30px;
	}
}
@media screen and (max-width: 600px) {
	#menu .flex_wrap{
        width: 100%;
        box-sizing: border-box;
        display: block;
        padding: 20px;
	}
	#menu .flex_wrap a.card{
		display: block;
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#menu .flex_wrap a.card + a.card{
		margin-top: 30px;
	}
	#menu .inner .detail:after{
		content: none;
	}
}

/* ------------------------------------------------------------------------ */
/*  #feature
/* ------------------------------------------------------------------------ */
#feature .sec_title > span:after{
	content: '';
	display: inline-block;
	width: 43px;
	height: 40px;
	background-image: url('../img/icon_feature_ttl.png');
	background-size: cover;
	margin-bottom: -5px;
	margin: 0 0 -5px 5px;
}


#feature .slick-slider{
	max-width: 1100px;
	width: 100%;
	gap: 24px;
}
#feature .slide_item{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 12px;
	transition: 0.3s;
}
#feature .slide_item:hover{
	opacity: 0.8;
}
#feature .slide_item a{
	width: 100%;
}
#feature .slide_item img{
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
}
#feature .prev-arrow{
	position: absolute;
	top: 37%;
	left: -50px;
}
#feature .next-arrow{
	position: absolute;
	top: 37%;
	right: -50px;
}
#feature .dots-class{
    width: 100%;
    height: fit-content;
    position: static;
    display: flex;
    justify-content: center;
	margin-top: 15px;
}
@-moz-document url-prefix() {
	#feature .dots-class{
		bottom: -36px;
	}
}
	::-webkit-full-page-media, :future, :root
	#feature .dots-class{
		bottom: -36px;
}

.dots-class button {
	display: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	padding: 0;
	border: none;
	background-color: transparent;
}
.dots-class {
	display: flex;
	justify-content: flex-end;
	position: relative;
}
.dots-class li {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color .5s ease;
}
#feature .dots-class li {
	background-color: #ede4e4;
}
.dots-class li + li{
	margin-left: 8px;
}
#feature .dots-class li.slick-active,
#feature .dots-class li:hover {
	background-color: #eb6161;
}
.dots-class li:last-child {
	margin-right: 0;
}

#feature .notice{
	margin-top: 20px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#feature .notice{
		text-align: left;
		font-size: 14px;
	}
}
@media screen and (max-width: 600px) {
	#feature .inner{
		padding-top: 0;
	}
	#feature .inner .detail{
		padding: 0;
	}
	.slick-list{
		width: 90%;
		margin: 0 auto !important;
	}
	#feature .prev-arrow{
		left: 0;
	}
	#feature .next-arrow{
		right: 0;
	}
}
@media screen and (max-width: 480px) {
	#feature .sec_title > span:after{
		width: 28px;
		height: 26px;
	}
}


/* ------------------------------------------------------------------------ */
/*  #seminar
/* ------------------------------------------------------------------------ */

#seminar{
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 500;
}
#seminar .inner{
	background-color: #fff5f5;
}
#seminar .inner .detail{
	position: relative;
	background-color: #fff5f5;
	border-radius: 0 20px 20px 0;
	padding: 50px 0;
}
#seminar .flex_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 32px 40px;
	background-color: #fff;
	padding: 50px;
}
#seminar .flex_wrap a.card{
	position: relative;
	width: calc((100% - 50px) / 2);
}
#seminar .flex_wrap a.card p{
	position: absolute;
	bottom: 24px;
	right: 0;
	color: #e54545;
	background-color: #fff;
	padding: 17px 24px;
	font-size: 22px;
	max-width: 320px;
	width: 100%;
	border-radius: 8px 0 0 8px;
	box-sizing: border-box;
	transition: 0.3s;
}
#seminar .flex_wrap a.card:hover p{
	color: #fff;
	background-color: #e54545;
}
@media screen and (max-width: 1100px) {
	#seminar .flex_wrap a.card p{
		bottom: 24px;
		padding: 10px 24px;
		font-size: 18px;
		max-width: 270px;
	}
}
@media screen and (max-width: 767px) {
	#seminar .inner .detail{
		padding: 0;
	}
	#seminar .flex_wrap{
		display: block;
		padding: 40px 20px;
	}
	#seminar .flex_wrap a.card{
		display: block;
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
	}
	#seminar .flex_wrap a.card + a.card{
		margin-top: 30px;
	}
}
@media screen and (max-width: 480px) {
	#seminar .flex_wrap a.card p{
		font-size: 17px;
        max-width: 240px;
        padding-right: 10px;
	}
}


/* ------------------------------------------------------------------------ */
/*  #tel
/* ------------------------------------------------------------------------ */

#tel .inner{
	padding: 0 20px 80px;
}
#tel .inner .detail{
	max-width: 600px;
	border: 1px solid #eb6161;
	border-radius: 10px;
	padding: 30px 20px;
}
#tel .inner .detail p{
	text-align: center;
	line-height: 1.5;
	font-weight: 500;
}
#tel .inner .detail p.ttl{
	font-size: 18px;
	font-weight: 700;
}
#tel .inner .detail p.num{
	color: #e54545;
	font-size: 30px;
	font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
#tel .inner .detail p.num i{
	font-size: 24px;
}
#tel .inner .detail p.day{
	font-size: 18px;
}
#tel .inner .detail p + p{
	margin-top: 12px;
}
@media screen and (max-width: 480px) {
	#tel .inner .detail p:first-child{
		text-align: left;
	}
	#tel .inner .detail p:first-child br{
		display: none;
	}
	#tel .inner .detail p.ttl{
		font-size: 16px;
	}
	#tel .inner .detail p.num{
		font-size: 22px;
	}
	#tel .inner .detail p.num i{
		font-size: 18px;
	}
	#tel .inner .detail p.day{
		font-size: 15px;
	}
	#tel .inner .detail p + p{
		margin-top: 12px;
	}
}