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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/


/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	
	div#page_title {
		background: url("../images/plan_price/page_title_bg_pc.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	div#wapper {
		padding-bottom: 0;
	}
	
	section div.section_inner{
		width: 80%;
		max-width: 1080px;
		margin: 0 auto;
	}
	
	section#price{
		padding-bottom: 116px;
	}
	
	section#price div.section_inner div.block + div.block{
		margin-top: 60px;
	}
	
	section#price div.section_inner div.block.block02{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#price div.section_inner div.block.block02 div.block_inner{
		width: 47.4%;
	}
	
	section#price div.section_inner div.block h3{
		font-size: 17px;
		font-size: clamp(1.7rem,1.7vw,2.4rem);
		font-weight: 600;
		letter-spacing: 0.2em;
		line-height: 1;
		padding-bottom: 16px;
		border-bottom: 2px solid #000;
		text-align: center;
	}
	
	section#price div.section_inner div.block h3 small{
		font-size: 70%;
	}
	
	section#price div.section_inner div.block ul{
		border-bottom: 1px solid #9FA0A0;
	}
	
	section#price div.section_inner div.block ul li{
		font-size: 14px;
		font-size: clamp(1.4rem,1.4vw,2.0rem);
		letter-spacing: 0.1em;
		line-height: 1;
		padding: 25px 0;
	}
	
	section#price div.section_inner ul.box{
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	section#price div.section_inner ul.inner02 li{
		margin: 0 70px;
	}
	
	section#price div.section_inner div.block02 ul.inner02 li{
		margin: 0 20px;
	}
	
	section#price div.section_inner ul.inner03 li{
		margin: 0 18px;
	}
	
	section#price div.section_inner ul.inner04 li{
		margin: 0 18px;
	}
	
	section#price div.section_inner div.block p.cap{
		font-size: 12px;
		font-size: clamp(1.2rem,1.2vw,1.6rem);
		letter-spacing: 0.16em;
		text-align: center;
		margin-top: 12px;
	}
	
	section#price div.section_inner div.banner_box {
		width: 68.33%;
		max-width: 738px;
		margin: 78px auto 0;
	}
	
	section#course {
		max-width: 100%;
		padding: 130px 0 210px;
		background: #F5EFEA;
	}
	
	section#course div.section_inner {
		position: relative;
	}
	
	section#course a.schedule {
		width: 34.6%;
		display: block;
		padding: 20px 5px;
		font-size: 14px;
		font-size: clamp(1.4rem,1.4vw,2.0rem);
		line-height: 1;
		color: #231815;
		letter-spacing: 0.2em;
		text-align: center;
		background: #FFF;
		border: 1px solid #000;
		border-radius: 25px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	section#course a.schedule::after {
		content: "";
		width: 18px;
		height: 6px;
		background: url("../images/common/arrow_line_b.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: -webkit-calc(50% - 3px);
        top: -moz-calc(50% - 3px);
        top: calc(50% - 3px);
		right: 6.6%;
	}
	
	section#course ul.course_block{
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#course ul.course_block li{
		width: 45.3%;
		padding-bottom: 40px;
		border-bottom: 3px solid #E83820;
	}
	
	section#course ul.course_block li:nth-child(n + 3){
		margin-top: 80px;
	}
	
	section#course ul.course_block li div.photo{
		position: relative;
		line-height: 0;
		margin-bottom: 25px;
		z-index: 0;
	}
	
	section#course ul.course_block li div.photo figure{
		position: relative;
	}
	
	section#course ul.course_block li div.photo figure figcaption{
		width: 100%;
		font-size: 15px;
		font-size: clamp(1.5rem,1.5vw,2.1rem);
		font-weight: 500;
		color: #FFF;
		line-height: 1;
		text-align: center;
		background: #E95383;
		letter-spacing: 0.38em;
		padding: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}

	section#course ul.course_block li div.photo span.num{
		position: absolute;
		top: 0;
		left: 0;
		padding: 2.8% 0 0 2.8%;
	}
	
	section#course ul.course_block li div.photo span.num b{
		font-size: 19px;
		font-size: clamp(1.9rem,1.9vw,2.6rem);
		font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: normal;
        font-variation-settings:"slnt" 0;
		line-height: 1;
		color: #FFF;
		position: relative;
		z-index: 3;
	}
	
	section#course ul.course_block li div.photo span.num::after{
		content: "";
		width: 80px;
		height: 80px;
		background-color: #E83820;
		clip-path: polygon(100% 0%, 0% 100%, 0% 0%);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	section#course ul.course_block li.ladies div.photo span.num{
		padding: 2.8% 0 0 2%;
	}
	
	section#course ul.course_block li.ladies div.photo span.num::after{
		content: "";
		background-color: #E95383;
	}
	
	section#course ul.course_block li div.text h3{
		font-size: 20px;
		font-size: clamp(2.0rem,1.2vw,2.8rem);
		font-weight: 600;
		min-height: 52px;
		letter-spacing: 0.2em;
		line-height: 1.3;
	}
	
	section#course ul.course_block li div.text h3.one{
		min-height: initial;
	}
	
	section#course ul.course_block li div.text h3 small{
		font-size: 64%;
	}
	
	section#course ul.course_block li div.text p{
		font-size: 12px;
		font-size: clamp(1.2rem,1.2vw,1.6rem);
		letter-spacing: 0.14em;
		text-align: justify;
		margin-top: 20px;
	}
	
	section#course ul.course_block div.slider .slick-prev,
	section#course ul.course_block div.slider .slick-next{
        font-size: 0;
        line-height: 0;
        position: absolute;
		top: initial;
		bottom: -webkit-calc(0% - 22px);
        bottom: -moz-calc(0% - 22px);
        bottom: calc(0% - 22px);
        display: block;
        width: 44px;
        height: 44px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E83820;
		z-index: 10;
    }
	
	section#course ul.course_block div.slider .slick-prev {
		left: initial;
		right: 44px;
	}
	
	section#course ul.course_block div.slider .slick-next {
		right: 0;
		background: #ED6D46;
	}
	
	section#course ul.course_block div.slider .slick-prev::before, section#course ul.course_block div.slider .slick-next::before {
		content: "";
		width: 11px;
		height: 22px;
		display: inline-block;
		opacity: 1;
    }
	
	section#course ul.course_block div.slider .slick-prev::before {
		content: "";
		background: url("../images/common/arrow_left_w.svg") no-repeat;
		background-size: contain;
    }
	
	section#course ul.course_block div.slider .slick-next::before {
		content: "";
		background: url("../images/common/arrow_right_w.svg") no-repeat;
		background-size: contain;
    }
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 640px){
	
	div#page_title {
		background: url("../images/plan_price/page_title_bg_sp.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	div#wapper {
		padding-bottom: 0;
	}
	
	section div.section_inner{
		width: 90%;
		margin: 0 auto;
	}
	
	section#price{
		padding-bottom: 80px;
	}
	
	section#price div.section_inner div.block{
		width: 86.8%;
		margin: 0 auto;
	}
	
	section#price div.section_inner div.block + div.block,
	section#price div.section_inner div.block.block02 div.block_inner + div.block_inner{
		margin-top: 50px;
	}
	
	section#price div.section_inner div.block.block02 div.block_inner{
		width: 100%;
	}
	
	section#price div.section_inner div.block h3{
		font-size: 19px;
		font-size: clamp(1.9rem,5.27vw,2.3rem);
		font-weight: 600;
		letter-spacing: 0.15em;
		line-height: 1;
		padding-bottom: 16px;
		border-bottom: 2px solid #000;
		text-align: center;
	}
	
	section#price div.section_inner div.block h3 small{
		font-size: 75%;
	}
	
	section#price div.section_inner div.block ul li{
		width: 100%;
		font-size: 16px;
		font-size: clamp(1.6rem,4.44vw,1.9rem);
		letter-spacing: 0.1em;
		line-height: 1;
		padding: 20px 0;
		border-bottom: 1px solid #9FA0A0;
		text-align: center;
	}
	
	section#price div.section_inner ul.box{
		list-style: none;
	}
	
	section#price div.section_inner div.block p.cap{
		font-size: 15px;
		font-size: clamp(1.5rem,4.16vw,1.8rem);
		letter-spacing: 0.16em;
		text-align: center;
		margin-top: 12px;
	}
	
	section#price div.section_inner div.banner_box {
		width: 100%;
		margin: 45px auto 0;
	}
	
	section#course {
		max-width: 100%;
		padding: 70px 0 150px;
		background: #F5EFEA;
	}
	
	section#course div.section_inner {
		position: relative;
	}
	
	section#course a.schedule {
		width: 100%;
		display: block;
		margin-bottom: 60px;
		padding: 20px 5px;
		font-size: 19px;
		font-size: clamp(1.9rem,5.27vw,2.1rem);
		line-height: 1;
		color: #231815;
		letter-spacing: 0.15em;
		text-align: center;
		background: #FFF;
		border: 1px solid #000;
		border-radius: 25px;
		position: relative;
	}
	
	section#course a.schedule::after {
		content: "";
		width: 18px;
		height: 6px;
		background: url("../images/common/arrow_line_b.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: -webkit-calc(50% - 3px);
        top: -moz-calc(50% - 3px);
        top: calc(50% - 3px);
		right: 5%;
	}
	
	section#course ul.course_block{
		list-style: none;
		display: block;
	}
	
	section#course ul.course_block li{
		width: 100%;
		padding-bottom: 25px;
		border-bottom: 2px solid #E83820;
	}
	
	section#course ul.course_block li:nth-child(n + 2){
		margin-top: 60px;
	}
	
	section#course ul.course_block li div.photo{
		position: relative;
		line-height: 0;
		margin-bottom: 18px;
		z-index: 0;
	}
	
	section#course ul.course_block li div.photo figure{
		position: relative;
	}
	
	section#course ul.course_block li div.photo figure figcaption{
		width: 100%;
		font-size: 13px;
		font-size: clamp(1.3rem,3.6vw,1.6rem);
		font-weight: 500;
		color: #FFF;
		line-height: 1;
		text-align: center;
		background: #E95383;
		letter-spacing: 0.38em;
		padding: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}

	section#course ul.course_block li div.photo span.num{
		position: absolute;
		top: 0;
		left: 0;
		padding: 2.8% 0 0 2.8%;
	}
	
	section#course ul.course_block li div.photo span.num b{
		font-size: 17px;
		font-size: clamp(1.7rem,4.72vw,2.0rem);
		font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: normal;
        font-variation-settings:"slnt" 0;
		line-height: 1;
		color: #FFF;
		position: relative;
		z-index: 3;
	}
	
	section#course ul.course_block li div.photo span.num::after{
		content: "";
		width: 15.4vw;
		height: 15.4vw;
		background-color: #E83820;
		clip-path: polygon(100% 0%, 0% 100%, 0% 0%);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	section#course ul.course_block li.ladies div.photo span.num{
		padding: 2.8% 0 0 2%;
	}
	
	section#course ul.course_block li.ladies div.photo span.num::after{
		content: "";
		background-color: #E95383;
	}
	
	section#course ul.course_block li div.text h3{
		font-size: 18px;
		font-size: clamp(1.8rem,5vw,2.1rem);
		font-weight: 600;
		letter-spacing: 0.2em;
		line-height: 1.3;
	}
	
	section#course ul.course_block li div.text h3 small{
		font-size: 64%;
	}
	
	section#course ul.course_block li div.text p{
		font-size: 14px;
		font-size: clamp(1.4rem,3.88vw,1.6rem);
		line-height: 1.8;
		letter-spacing: 0.14em;
		text-align: justify;
		margin-top: 16px;
	}
	
	section#course ul.course_block div.slider .slick-prev,
	section#course ul.course_block div.slider .slick-next{
        font-size: 0;
        line-height: 0;
        position: absolute;
		top: 50%;
        display: block;
        width: 50px;
        height: 50px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #E83820;
		z-index: 10;
    }
	
	section#course ul.course_block div.slider .slick-prev {
		left: initial;
		right: 45px;
		display: none!important;
	}
	
	section#course ul.course_block div.slider .slick-next {
		right: 0;
	}
	
	section#course ul.course_block div.slider .slick-prev::before, section#course ul.course_block div.slider .slick-next::before {
		content: "";
		width: 11px;
		height: 22px;
		display: inline-block;
		opacity: 1;
    }
	
	section#course ul.course_block div.slider .slick-prev::before {
		content: "";
		background: url("../images/common/arrow_left_w.svg") no-repeat;
		background-size: contain;
    }
	
	section#course ul.course_block div.slider .slick-next::before {
		content: "";
		background: url("../images/common/arrow_right_w.svg") no-repeat;
		background-size: contain;
    }
}