﻿.catlist a.block h3{margin-bottom: 0.8em; height: inherit !important;}

p{margin-top:.6em;}

.recommendation h3,.recommendation_h3{background: #039BE5;color: #ffffff;position: relative;font-size: 2rem;font-weight: 700;line-height: 3rem;text-align: center;border-radius: 10px;margin: 3rem 2rem;padding: 10px;}
.recommendation h3::after,.recommendation_h3::after{content: '';border-top: 10px solid #039BE5;position: absolute;border-right: 10px solid transparent;border-left: 10px solid transparent;bottom: -10px;left: calc(50% - 10px);}

.recommendation .recommendation_recommend{padding: 1rem 2rem 2rem;background: #f3f2eb;border-radius: 10px;width: auto;margin: 1rem auto;font-size: 1.8rem;transform: rotate(0.03deg);max-width: 600px;text-align: center;line-height: 2em;}
.recommendation .recommendation_recommend h5,.recommendation .recommendation_recommend_h5{font-weight: 700;background: #ffffff;margin-bottom: 1.6rem;border: 2px solid #a19f8f;border-radius: 2rem;padding: 0.3rem 1rem;word-break: keep-all;text-align: center;color: #333;}
.recommendation_recommend h5:before,.recommendation_recommend_h5:before{content:none;}
.recommendation_recommend_catch {background: #004986;padding: 1em;border-radius: 10px;color: #ffffff;margin-top:1em;}
.recommendation .s_desc{text-align: left;font-size: 1.6rem;line-height: 2.2rem;padding: 2rem;background: #ebeff3;border-radius: 10px;margin: 2rem auto;transform: rotate(0.03deg);}
.recommendation .s_desc h2,.recommendation_s_desc_h2{color: #004986;font-size: 2.1rem;font-weight: 700;text-align: center;margin: 0 auto 2rem;}
.btn_apply {font-size: 2.1rem;    padding: 3rem 2rem 3rem 4rem;    border-radius: 5rem;text-decoration: none !important;}
.recommendation .btn_apply_below::after{transform: rotate(90deg);}
/*1カラムボックス*/
.recommendation_1colbox_title{font-weight: 600;font-size: 2rem;margin-bottom: 0.4em;}
.recommendation_1colbox_item{width: 99%;margin: 1%;border: #e1e1e1 1px solid;padding: 1.6em;background: #fff;border-radius: 10px;}
/*2カラムボックス*/
.recommendation_2colbox{display: flex;justify-content: center;flex-wrap: wrap;}
.recommendation_2colbox_item {width: 48%;margin: 1%;border: #e1e1e1 1px solid;padding: 1.6em;background: #fff;border-radius: 10px;}
.recommendation_2colbox_ruby{font-size: 1.4rem;margin-bottom: 0.4em;}
.recommendation_2colbox_title{font-weight: 600;font-size: 2rem;margin-bottom: 0.4em;}
@media screen and (max-width: 1000px){
.recommendation_2colbox_item {width: 100%;}
}
/*講師*/
.recommendation_instructor{display: flex;justify-content: center;flex-wrap: wrap;}
.recommendation_instructor_item {width: 48%;margin: 1%;padding: 1.6em;}
.recommendation_instructor_title{font-weight: 600;font-size: 2rem;margin-bottom: 0.4em;}
/*flex 2カラム*/
.flex-col2{display: flex;justify-content: center;flex-wrap: wrap;}
.flex-col2-item {width: 48%;margin: 1%;padding: 1.6em;}

/*感想・閉じる*/
.r_impression ul{display: flex;flex-wrap: wrap;flex-direction: column;grid-gap: 1.5rem;margin-left: 1.5rem;}
.r_impression li{padding: 2rem;font-size: 1.4rem;text-align: left;background: linear-gradient(320deg, #fff9f1, #f4faff);width: 100%;border-radius: 10px;box-sizing: border-box;line-height: 1.8em;}
.r_impression li p {margin-top: 0.8em;}

@media screen and (min-width: 1000px){
.r_impression ul{flex-direction: row;}
.r_impression li{width: calc(50% - 1.5rem);}
}

/*ログイン部分*/
.recommendation_login_notice{border: solid 3px #e10000;display: inline-block;border-radius: 20px;padding: 2em;transform: rotate(0.03deg);}
    
@media screen and (min-width: 1000px){
.recommendation .s_desc{margin: 2rem auto;padding: 5rem 10rem;line-height: 3rem;max-width:1000px;}
/*カラム用ボックス*/
.recommendation .recommendation_colbox{padding: 5rem 5rem;}
}
@media screen and (max-width: 1000px){
.recommendation_stepbox_item ,.recommendation_instructor_item,.flex-col2-item{width: 100%;margin:1 1%}}
}
