@charset "utf-8";
/*_______________________________

         【ラ･パルレ】
　　
「ブライダルエステコース」ページ用CSS

　　 /trial/bridal/course.html
　　　　　（PC・TB・SP）

　　　　リニューアル2025
_______________________________*/

.line{
    text-align: center;
    margin: 30px auto 45px;
    width: 400px;
}

.line.deco{
    margin: 0 auto;
}

/* ブライダルコースの特徴 */

.worries .worries_list{
    width: min(67%, 607px);
	margin: 0 auto 30px;
    max-width: initial;
}

.worries .worries_list li{
    padding-left: 40px;
}

.worries .worries_list li::before{
	content: '';
    background: url(/trial/bridal/img/course/icon_bridal-check.svg) no-repeat center center / contain;
    border: none;
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 20px;
    top: -3px;
}
.worries .worries_list li::after{
	content: none;
}

.worries .worries_text{
    text-align: center;
}

.worries .worries_text p{
    font-size: 20px;
}
.worries .worries_text p em{
    font-size: 28px;
    text-decoration: underline;
    color: #FF3100;
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    padding: 15px 0;
    line-height: 1.8;
    display: inline-block;
}

.worries .worries_text .img{
    margin: 15px auto;
    width: 400px;
}


/* chapter01　コース例 */

.worries .worries_course .ttl{
    font-size: 28px;
    text-align: center;
    font-family: "Noto Serif JP", serif;
    margin-bottom: 40px;
}

.worries .worries_course .worries_course-list{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 40px;
}

.worries .worries_course .worries_course-list .img{
    max-width: 320px;
    width: 35%;

}
.worries .worries_course .worries_course-list .list{
    max-width: 540px;
    width: 60%;
}
.worries .worries_course .worries_course-list .list .list_box > li{
    display: flex;
    column-gap: 20px;
    margin-bottom: 30px;
}
.worries .worries_course .worries_course-list .list .list_box > li:last-of-type{
    margin-bottom: 0;
}
.worries .worries_course .worries_course-list .list .list_box > li .icon{
    width: 50px;
}
.worries .worries_course .worries_course-list .list .list_box > li .icon img{
    display: block;
}
.worries .worries_course .worries_course-list .list .list_box > li .icon .parts{
    margin-top: 10px;
}
.worries .worries_course .worries_course-list .list .list_box > li .txt{
    width: calc(100% - 70px);
}

.worries .worries_course .worries_course-list .list .list_box > li .txt p{
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    padding: 5px 10px;
    background: var(--main-color);
    margin-bottom: 20px;
}


/* chapter01　パーツ＆エステのポイント */
/* chapter01　先輩花嫁様からのお喜びの声をご紹介 */
.esthetic-point,
.joy,
.motive,
.treatment,
.schedule{
    position: relative;
}

.esthetic-point:before,
.joy:before,
.motive:before,
.treatment:before,
.schedule:before{
    content: "";
    background: #9B72B0;
    height: 15px;
    width: 100vw;
    display: block;
    position: absolute;
    left: -3vw;
    right: 0;
    top: 0;
}

.esthetic-point:after,
.joy:after,
.motive:after,
.treatment:after,
.schedule:after{
    content: "";
    background-image: url(/trial/img/line_ruler.svg);
    background-repeat: no-repeat;
    height: 15px;
    max-width:900px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.esthetic-point .esthetic-point_ttl,
.joy .joy_ttl,
.motive .motive_ttl,
.treatment .treatment_ttl,
.schedule .schedule_ttl{
    font-family: "Noto Serif JP", serif;
    color: #EC6D82;
    font-size: 36px;
    font-weight: 300;
    text-align: center;
}

.esthetic-point .esthetic-point_ttl small,
.joy .joy_ttl small,
.motive .motive_ttl small,
.treatment .treatment_ttl small,
.schedule .schedule_ttl small{
    font-size: 20px;
    display: block;
}

.motive .motive_ttl span,
.treatment .treatment_ttl span,
.schedule .schedule_ttl span{
    color: var(--main-text-color);
    font-size: 20px;
    font-family: "M PLUS Rounded 1c", serif;
}

.esthetic-point .esthetic-point_lead,
.joy .joy_lead,
.motive .motive_lead,
.treatment .treatment_lead{
    text-align: center;
    font-size: 18px;
    margin: 10px auto 30px;
}

.esthetic-point .img{
    width: 600px;
    margin: 0 auto 15px;
}

.esthetic-point .esthetic-point_bridal ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}

.esthetic-point .esthetic-point_bridal ul li{
    width: 48%;
    max-width: 430px;
    border: 1px solid #AA8F48;
    border-radius: 10px;
    padding: 20px;
}
.esthetic-point .esthetic-point_bridal ul li .ttl{
    font-size: 18px;
    font-weight: 600;
    color: #AA8F48;
    position: relative;
    margin-bottom: 25px;
}
.esthetic-point .esthetic-point_bridal ul li .ttl:after{
    content: '';
    background: radial-gradient(circle farthest-side, #AA8F48, #AA8F48 1px, transparent 1px, transparent);
    background-size: 9px;
    width: 100%;
    height: 2px;
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 0;

}

.joy .joy_list li{
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 20px 0;
    position: relative;
}

.joy .joy_list li:nth-of-type(even){
    flex-direction: row-reverse;
}

.joy .joy_list li:after{
    content: '';
    background: radial-gradient(circle farthest-side, #AA8F48, #AA8F48 1px, transparent 1px, transparent);
    background-size: 9px;
    width: 100%;
    height: 2px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.joy .joy_list li:last-of-type:after{
    content: none;
}

.joy .joy_list li .txt{
    width: calc(100% - 200px);
}

.joy .joy_list li .txt span{
    font-weight: 600;
}

.joy .joy_list li .img{
    width: 200px;
}

.title_arabesque::after{
    background-image: url(/trial/bridal/img/title_arabesque_bottom.svg);
}

.title_arabesque::before{
    background-image: url(/trial/bridal/img/title_arabesque_top.svg);
}
.title_arabesque span{
	color: #EC6D82;
    font-size: 27px;
    font-weight: 600;
    font-family: "Noto Serif JP", serif;
	text-align: center;
	padding: 20px 0;
    display: block;
}


.motive .motive_list{
    margin-bottom: 20px;
}

.motive .motive_list .ttl{
    background: #997FB3;
    width: 185px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 2px 10px;
    margin: 0 auto 20px;
    border-radius: 20px;
}

.motive .motive_list li{
    margin-bottom: 40px;
}

.motive .motive_list li:last-of-type{
    margin-bottom: 0;
}

.motive .motive_list .box{
    display: flex;
    column-gap: 40px;
}

.motive .motive_list .box .satisfaction,
.motive .motive_list .box .regret{
    display: flex;
    flex-direction: column;
}

.motive .motive_list .box .satisfaction .text,
.motive .motive_list .box .regret .text{
    padding: 20px;
    border-radius: 10px;
    height: 100%;
    flex: 1;
}

.motive .motive_list .box .satisfaction .text p,
.motive .motive_list .box .regret .text p{
    margin-bottom: 20px;
    display: flex;
}

.motive .motive_list .box .satisfaction .text p:before,
.motive .motive_list .box .regret .text p:before{
    content: '・';
    display: inline-block;
    margin-right: 4px;
}

.motive .motive_list .box .satisfaction .text p:last-of-type,
.motive .motive_list .box .regret .text p:last-of-type{
    margin-bottom: 0;
}


.motive .motive_list .box .satisfaction{
    width: calc(100% - 40px / 2);

}

.motive .motive_list .box .satisfaction .text{
    background-image: radial-gradient(circle, #e46589 2.5px, transparent 2.5px), radial-gradient(circle, #e46589 2.5px, transparent 2.5px), radial-gradient(circle, #e46589 2.5px, transparent 2.5px), radial-gradient(circle, #e46589 2.5px, transparent 2.5px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 17px 5px, 5px 17px, 17px 5px, 5px 17px;
}

.motive .motive_list .box .regret{
    width: calc(100% - 40px / 2);
}

.motive .motive_list .box .regret .text{
    background-image: radial-gradient(circle, #a0948c 2.5px, transparent 2.5px), radial-gradient(circle, #a0948c 2.5px, transparent 2.5px), radial-gradient(circle, #a0948c 2.5px, transparent 2.5px), radial-gradient(circle, #a0948c 2.5px, transparent 2.5px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 17px 5px, 5px 17px, 17px 5px, 5px 17px;
}

.motive .motive_notice{
    font-size: 12px;
    margin-bottom: 40px;
}

.motive .motive_ranking dl{
    display: flex;
    column-gap: 20px;
}
.motive .motive_ranking dl div{
    width: calc(100% - 40px / 2);
}

.motive .motive_ranking  dt {
    text-align: center;
    font-size: 18px;
    padding: 15px 20px;
}

.motive .motive_ranking .satisfaction dt {
    background: #F9DCE3;
    color: #DE3B70;
}

.motive .motive_ranking .satisfaction .top3 {
    color: #DE3B70;
}

.motive .motive_ranking .regret dt {
    background: #E7E4E2;
    color: #604C3F;
}

.motive .motive_ranking .regret .top3 {
    color: var(--accent-color);
}


.motive .motive_ranking .list {
    padding: 20px 20px 10px;
}

.motive .motive_ranking .list li{
    display: flex;
    column-gap: 20px;
    align-items: center;
    margin-bottom: 10px;
    font-size: 19px;
}

.motive .motive_ranking .list li:last-of-type{
    margin-bottom: 0;
}

.motive .motive_ranking .list .rank {
    min-width: 50px;
    text-align: center;
}

.motive .motive_ranking .list .parts {
    min-width: 160px;
}

.motive .motive_ranking .list .ratio {
    min-width: 82px;
    margin-left: auto;
    text-align: right;
    font-size: 22px;
}

.motive .motive_ranking .list .top3,
.motive .motive_ranking .list .top3 .ratio{
    font-size: 26px;
}

.motive .motive_ranking .notice {
    text-align: right;
    font-size: 12px;
}



.treatment .treatment_style .style_line{
    display: flex;
    column-gap: 40px;
    margin-bottom: 40px;
}

.treatment .treatment_style .style_line .img_box{
    width: calc(100% - 360px);
    display: flex;
    column-gap: 40px;
}

.treatment .treatment_style .style_line .img_box li{
    width: 250px;
}

.treatment .treatment_style .style_line .img_box li .ttl{
    margin-bottom: 25px;
    background: #88B2AB;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 50px;
}

.treatment .treatment_style .style_line .text{
    width: 320px;
}


.treatment .treatment_style .treatment_parts{
    display: grid;
    grid-template-columns: auto 400px;
    gap: 20px;
    margin-bottom: 40px;
}

.treatment .treatment_style .treatment_parts .ttl{
    grid-area: 1 / 1 / 2 / 2;
    text-decoration: underline;
    color: #008F84;
    font-size: 16px;
    font-family: "Noto Serif JP", serif;
    text-align: center;
}

.treatment .treatment_style .treatment_parts .txt{
    grid-area: 2 / 1 / 3 / 2;
}

.treatment .treatment_style .treatment_parts .txt li{
    display: flex;
    column-gap: 20px;
    align-items: center;
    margin-bottom: 10px;
    font-size: 20px;
}

.treatment .treatment_style .treatment_parts .txt .rank {
    min-width: 50px;
    text-align: center;
}

.treatment .treatment_style .treatment_parts .txt .parts {
    min-width: 160px;
}


.treatment .treatment_style .treatment_parts .img{
    grid-area: 1 / 2 / 4 / 3;
}

.treatment .treatment_style .treatment_parts .notice{
    grid-area: 3 / 1 / 4 / 2;
    font-size: 18px;
}

.treatment .treatment_style .treatment_parts .notice .mark{
    color: #009E96;
}

.treatment .treatment_more{
    border-color: #009E96;
    background: #A3D5CB;
    color: #fff;
    max-width: initial;
}

.treatment .treatment_more:before,
.treatment .treatment_more:after{
    background-color: #fff;
}

.treatment .treatment_box{
    margin-top: 40px;
}

.importance-list .img{
    margin: 0 auto;
    width: 600px;
}


.schedule .schedule_list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    margin: 40px auto;
}

.schedule .schedule_list .text-box.sizedown{
    grid-area: 1 / 1 / 2 / 2;
}

.schedule .schedule_list .img.sizedown{
    grid-area: 2 / 1 / 3 / 2;
}

.schedule .schedule_list .text-box.intensive{
    grid-area: 1 / 2 / 2 / 3;
}

.schedule .schedule_list .img.intensive{
    grid-area: 2 / 2 / 3 / 3;
}



.schedule .schedule_list .text-box{
    border: 1px solid #431274;
    border-radius: 30px;
    background: #EFECF5;
    padding: 10px;
    position: relative;
}
.schedule .schedule_list .text-box:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-top: 18px solid #431274;
    border-bottom: 0;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -18px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.schedule .schedule_list .text-box .ttl{
    border-bottom: 2px solid #FF3100;
    color: #FF3100;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.schedule .schedule_list .text-box .ttl em{
    font-size: 27px;
}

.schedule .schedule_img{
    width: 600px;
    margin: 0 auto;
}

.course_apply .more_course{
    border: 2px solid #601986;
    background: url(/trial/bridal/img/course/bg.svg) repeat center center / 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    padding: 20px;
    border-radius: 30px;
}

.course_apply .arrow{
    margin: 15px auto;
    text-align: center;
}
.course_apply .arrow img{
    width: 90px;
}

/*コースボタン表示切り替え*/
.course_bridal_total_beauty dd a.course_more_btn{
	display: none;
}
.course_bridal_total_beauty dd a.course_more_btn.more{
	display: flex;
}
.course_bridal .btn_box{
    display: flex;
    gap: 10px;
	justify-content: center;
}
.course_bridal .btn_box a.course_more_btn.cv{
	aspect-ratio: 45 / 19;
	background-image: url(/trial/img/course_more_btn_short.png);
	padding: 0;
    margin: 0;
}


/*_______________________________
　　　
　　　メディアクエリ切り替え
     　　　（TB・SP）
_______________________________*/


/* ↓ ↓ ↓ TB（1024px）以下　用 ↓ ↓ ↓ */

@media (max-width:1024px){

	
/* --- */
}
/* ↑ ↑ ↑ TB（1024px）以下　用　↑ ↑ ↑ */


/* ↓ ↓ ↓ TB（1024px）以下　用 ↓ ↓ ↓ */

@media (min-width:819px){

	.trial_course_box dd a.course_more_btn em{
    font-size: clamp(19px,1.8vw,23px);
}

/* --- */
}
/* ↑ ↑ ↑ TB（1024px）以下　用　↑ ↑ ↑ */




/*  ↓ ↓ ↓ TB（820px）以下　用  ↓ ↓ ↓ */

@media (max-width:820px){
	
    .motive .motive_ranking .list {
        padding: 15px 15px 10px;
    }
    
    .motive .motive_ranking .list li{
        column-gap: 15px;
    }
    
    .motive .motive_ranking .list .ratio {
        font-size: 20px;
    }
    
    .motive .motive_ranking .list .top3,
    .motive .motive_ranking .list .top3 .ratio{
        font-size: 18px;
    }


/* --- */
}
/* ↑ ↑ ↑ TB（820px）以下　用　↑ ↑ ↑ */






/* ↓ ↓ ↓ SP（767px）以下　用 ↓ ↓ ↓ */

@media screen and (max-width: 767px) {
	
.line{
    width: auto;
    margin: 10px auto 20px;
}
.table_of_contents .img{
    width: 100vw;
    margin-left: -5vw;
}

.inner.bridal{
    padding: 0;
}

.chapter h3 em{
    font-size: 20px;
}

.worries .worries_list{
    width: 100%;
}

.worries .worries_text .img{
    width: auto;
    margin: 10px auto;

}
.worries .worries_text p{
    font-size: 15px;
}
.worries .worries_text p em{
    line-height: 1.5;
}

.worries .worries_course .ttl{
    margin-bottom: 10px;
    font-size: 20px;
}
.worries .worries_course .worries_course-list{
    display: block;
    margin-bottom: 20px;
}

.worries .worries_course .worries_course-list .img{
    text-align: center;
    width: auto;
    margin: 0 auto 15px;
}

.worries .worries_course .worries_course-list .list{
    width: auto;
}
.worries .worries_course .worries_course-list .list .list_box > li{
    column-gap: 10px;
}

.worries .worries_course .worries_course-list .list .list_box > li .icon{
    width: 40px;
}

.worries .worries_course .worries_course-list .list .list_box > li .txt{
    width: calc(100% - 50px);
}
.worries .worries_course .worries_course-list .list .list_box > li .txt p{
    font-size: 13px;
    margin-bottom: 5px;
    padding: 5px 10px;
}

.esthetic-point:before,
.joy:before,
.motive:before,
.treatment:before,
.schedule:before{
    left: -5vw;
}

.esthetic-point:after,
.joy:after,
.motive:after,
.treatment:after,
.schedule:after{
    width: 100vw;
    left: -5vw;
}

.chapter .esthetic-point .inner,
.chapter .joy .inner,
.chapter .motive .inner,
.chapter .treatment .inner,
.chapter .schedule .inner{
    padding: 50px 0 20px;
}

.esthetic-point .esthetic-point_ttl,
.joy .joy_ttl,
.motive .motive_ttl,
.treatment .treatment_ttl,
.schedule .schedule_ttl{
    font-size: 25px;
}

.esthetic-point .esthetic-point_ttl small,
.joy .joy_ttl small,
.motive .motive_ttl small,
.treatment .treatment_ttl small,
.schedule .schedule_ttl small{
    font-size: 18px;
}

.motive .motive_ttl span,
.treatment .treatment_ttl span,
.schedule .schedule_ttl span{
    font-size: 18px;
}

.esthetic-point .esthetic-point_lead,
.joy .joy_lead,
.motive .motive_lead,
.treatment .treatment_lead{
    font-size: 14px;
    margin: 5px auto 30px;
}
.title_arabesque span{
    font-size: 22px;
    padding: 5px 0;
    font-weight: 300;
}


.esthetic-point .img{
    width: 100vw;
    margin-left: -5vw;
}

.esthetic-point .esthetic-point_slide .box{
    border: 1px solid #AA8F48;
    border-radius: 10px;
    padding: 15px;
    width: calc(100% - 2px);
    margin: 0 1px;
}

.esthetic-point .esthetic-point_slide ul li .ttl{
    font-size: 15px;
    font-weight: 600;
    color: #AA8F48;
    position: relative;
    margin-bottom: 10px;
}

.esthetic-point .esthetic-point_slide ul li .ttl:after{
    content: '';
    background: radial-gradient(circle farthest-side, #AA8F48, #AA8F48 1px, transparent 1px, transparent);
    background-size: 7px;
    width: 100%;
    height: 2px;
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 0;
}


.bridal.contents_slider_wrap{
    padding:0 0 10px;
    margin: 20px auto 0;
}

.bridal.contents_slider_wrap::before,
.bridal.contents_slider_wrap::after {
    content: none;
}
.bridal.contents_slider .slick-prev::before,
.bridal.contents_slider .slick-next::before {
    content: '';
    width: 15px;
    height: 45px;
    display: block;

}

.bridal.contents_slider .slick-prev::before {
    background: url(/trial/bridal/img/slide_left-arrow.svg) no-repeat center center / contain;
    margin-left: 20px;
    border: none;
}
.bridal.contents_slider .slick-next::before {
    background: url(/trial/bridal/img/slide_right-arrow.svg) no-repeat center center / contain;
    margin-left: -5px;
    border: none;
}	

.joy .joy_list li{
    display: block;
}
.joy .joy_list li::before {
    content: "";
    display: table;
    clear: both;
}
.joy .joy_list li .img.left{    
    float: left;
}

.joy .joy_list li .img.right{   
    float: right;
}
.joy .joy_list li .img{
    width: 50%;
}
.joy .joy_list li .txt{
    width: auto;
}

.motive .motive_list{
    margin-bottom: 0;
}

.motive .motive_list li{
    margin-bottom: 10px;
}

.motive .motive_list .ttl{
    margin-bottom: 10px;
}

.motive .motive_list .box{
    display: block;
}

.motive .motive_list .box .img{
    max-width: 80%;
    margin: 0 auto;
}

.motive .motive_list .box .satisfaction .text,
.motive .motive_list .box .regret .text{
    padding: 8px;
}

.motive .motive_list .box .satisfaction .text p,
.motive .motive_list .box .regret .text p{
    margin-bottom: 8px;
}

.motive .motive_list .box .satisfaction{
    margin-bottom: 10px;
    width: auto;
}

.motive .motive_list .box .satisfaction .text{
    background-image: radial-gradient(circle, #e46589 1.25px, transparent 1.25px), radial-gradient(circle, #e46589 1.25px, transparent 1.25px), radial-gradient(circle, #e46589 1.25px, transparent 1.25px), radial-gradient(circle, #e46589 1.25px, transparent 1.25px);
    background-size: 8.5px 2.5px, 2.5px 8.5px, 8.5px 2.5px, 2.5px 8.5px;

}

.motive .motive_list .box .regret{
    width: auto;
}

.motive .motive_list .box .regret .text{
    background-image: radial-gradient(circle, #a0948c 1.25px, transparent 1.25px), radial-gradient(circle, #a0948c 1.25px, transparent 1.25px), radial-gradient(circle, #a0948c 1.25px, transparent 1.25px), radial-gradient(circle, #a0948c 1.25px, transparent 1.25px);
    background-size: 8.5px 2.5px, 2.5px 8.5px, 8.5px 2.5px, 2.5px 8.5px;
}


.motive .motive_notice{
    font-size: 11px;
    margin-bottom: 25px;
}

.motive .motive_ranking dl{
    display: block;
}

.motive .motive_ranking dl div{
    width: auto;
}

.motive .motive_ranking dt{
    font-size: 12px;
    padding: 10px;
}
.motive .motive_ranking .list{
    padding: 10px 10px 5px;
}

.motive .motive_ranking .list li{
    column-gap: 10px;
    font-size: 12px;
}

.motive .motive_ranking .list .top3,
.motive .motive_ranking .list .top3 .ratio{
    font-size: 15px;
}

.motive .motive_ranking .list .ratio {
    font-size: 15px;
}

.motive .motive_ranking .list .parts{
    min-width: 100px;
}

.motive .motive_ranking .satisfaction{
    margin-bottom: 20px;
}
.motive .motive_ranking .notice{
    font-size: 11px;
}

.treatment .treatment_style .style_line{
    display: block;
    margin-bottom: 20px;
}

.treatment .treatment_style .style_line .img_box{
    column-gap: 20px;
    width: auto;
    margin-bottom: 10px;
}

.treatment .treatment_style .style_line .img_box li .ttl{
    font-size: 15px;
    margin-bottom: 15px;
}

.treatment .treatment_style .style_line .text{
    width: auto;
}

.treatment .treatment_style .treatment_parts{
    grid-template-columns: 47% 49%;
    gap: 10px;
    margin-bottom: 25px;
}
.treatment .treatment_style .treatment_parts .ttl{
    grid-area: 1 / 1 / 2 / 3;
    font-size: 18px;
}

.treatment .treatment_style .treatment_parts .txt{
    grid-area: 2 / 1 / 3 / 2;
}
.treatment .treatment_style .treatment_parts .txt li{
    font-size: 15px;
    column-gap: 10px;
}

.treatment .treatment_style .treatment_parts .img{
    grid-area: 2 / 2 / 3 / 3;
}

.treatment .treatment_style .treatment_parts .notice{
    grid-area: 3 / 1 / 4 / 3;
    font-size: 14px;
}
.treatment .treatment_more{
    max-width: 100%;
}

.importance-list .img{
    width: auto;
}

.schedule .schedule_list{
    margin: 20px auto;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
}

.schedule .schedule_list .text-box.sizedown{
    grid-area: 1 / 1 / 2 / 2;
}
.schedule .schedule_list .img.sizedown{
    grid-area: 2 / 1 / 3 / 2;
}
.schedule .schedule_list .text-box.intensive{
    grid-area: 3 / 1 / 4 / 2;
}
.schedule .schedule_list .img.intensive{
    grid-area: 4 / 1 / 5 / 2;
}

.schedule .schedule_list .text-box .ttl{
    font-size: 14px;
}
.schedule .schedule_list .text-box .ttl em{
    font-size: 23px;
}

.schedule .schedule_img{
    width: auto;
}

.course_apply .more_course{
    font-size: 16px;
    border-radius:20px;
    padding: 15px 10px;
    margin-top: 20px;
    text-align: left;
}

.course_apply .arrow{
    margin: 20px auto;
}

.course_apply .arrow img{
    width: 45px;
}

.course_bridal .btn_box a.course_more_btn.cv {
    max-width: 150px;
    margin: unset;
}	


	
	
/* --- */
}
/* ↑ ↑ ↑ SP（767px）以下　用　↑ ↑ ↑ */