@charset "utf-8";

/*-------------------------------------------------
	information
--------------------------------------------------*/
#information { width: 100%; margin: 0 auto 100px;position: relative; display: flex; align-items: center; justify-content: center;}
#information .info_inner { width: 1250px; margin: 80px auto 0; position: relative;}
#information .info_inner .title{  margin: auto; text-align: center; }
#information .info_inner .title img{  width: 86px;}
#information .info_inner .txt_box {  margin-top: 45px; display: flex; align-items: center; justify-content: center;}
#information .info_inner .txt_box img{ width: 13px; height: 25px; margin-top: 5px;}
#information .info_inner .title h2{ font-size: 30px;margin-top: 30px;}
#information .info_inner .pre_box { margin-top: 55px;display: flex; align-items: center; justify-content: center; text-align: center;}
#information .info_inner .pre_box p{ font-size: 18px; line-height: 2;}
/* タイトルテキスト */
#information .info_inner .info_txt { text-align: center;margin-top: 80px;}
#information .info_inner .info_txt .recruitment { text-align: center;display: flex; align-items: center; justify-content: center;}
#information .info_inner .info_txt .recruitment .recruitment_inner {  display: flex; align-items: center; text-align: center; margin: 0 auto;}
#information .info_inner .info_txt .recruitment .recruitment_inner h3{ font-size: 24px; line-height: 1.5; margin: 0 15px; padding: 0 8px;background: linear-gradient(transparent 50%,#b2edf8 0%); display: inline-block;}
#information .info_inner .info_txt .recruitment .recruitment_inner img{ width: 13px; height: 25px; margin-top: 10px;}
#information .info_inner .info_txt p{ margin-top: 30px;}
@media screen and (max-width: 960px) {
#information .info_inner { margin: 60px auto 0;}
/* タイトルテキスト */
#information .info_inner .info_txt { text-align: center;margin: 40px auto 0; width: 700px;}
#information .info_inner .info_txt .recruitment { text-align: center;display: flex; align-items: center; justify-content: center;}
#information .info_inner .info_txt .recruitment .recruitment_inner {  display: flex; align-items: center; text-align: center; margin: 0 auto;}
#information .info_inner .info_txt .recruitment .recruitment_inner h3{ font-size: 24px; line-height: 1.5; margin: 0 15px; padding: 0 8px;background: linear-gradient(transparent 50%,#b2edf8 0%); display: inline-block;}
#information .info_inner .info_txt .recruitment .recruitment_inner img{ width: 13px; height: 25px; margin-top: 10px;}
#information .info_inner .info_txt p{ margin-top: 30px; line-height: 2;}
#information .info_inner .info_txt p span { display: block;}
#information .info_inner .info_txt p br { display: none;}
}
@media screen and (max-width: 960px) {
#information .info_inner { margin: 50px auto 0;}
}
@media screen and (max-width: 500px) {
#information .info_inner .title img{  width: 65px;}
#information .info_inner .title h2{ font-size: 26px;margin-top: 20px;}
/* タイトルテキスト */
#information .info_inner .info_txt { text-align: center;margin: 40px auto 0; width: 700px;}
#information .info_inner .info_txt .recruitment { text-align: center;display: flex; align-items: center; justify-content: center;}
#information .info_inner .info_txt .recruitment .recruitment_inner {  display: flex; align-items: center; text-align: center; margin: 0 auto;}
#information .info_inner .info_txt .recruitment .recruitment_inner h3{ font-size: 22px; line-height: 1.5; margin: 0 10px; padding: 0 8px;background: linear-gradient(transparent 50%,#b2edf8 0%); display: inline-block;}
#information .info_inner .info_txt .recruitment .recruitment_inner img{ width: 9px; height: 17px; margin-top: 10px;}
#information .info_inner .info_txt p{ font-size: 16px;}
#information .info_inner .info_txt p .sp500 { display: block;}
#information .info_inner .info_txt p br { display: none;}
}
@media screen and (max-width: 420px) {
#information .info_inner { margin: 35px auto 0;}
#information .info_inner .info_txt p .sp420 { display: block;}
}
@media screen and (max-width: 370px) {
#information .info_inner .title h2{ font-size: 26px;margin-top: 18px;}
/* タイトルテキスト */
#information .info_inner .info_txt { text-align: center;margin: 50px auto 0; width: 700px;}
#information .info_inner .info_txt .recruitment { text-align: center;display: flex; align-items: center; justify-content: center;}
#information .info_inner .info_txt .recruitment .recruitment_inner {  display: flex; align-items: center; text-align: center; margin: 0 auto;}
#information .info_inner .info_txt .recruitment .recruitment_inner h3{ font-size: 18px; line-height: 1.5; margin: 0 4px; padding: 0 8px;background: linear-gradient(transparent 50%,#b2edf8 0%); display: inline-block;}
#information .info_inner .info_txt .recruitment .recruitment_inner img{ width: 9px; height: 17px; margin-top: 10px;}
#information .info_inner .info_txt p{ font-size: 15px;}
}

/*-------------------------------------------------
	交差
--------------------------------------------------*/
#information .info_inner .info_box { width: 1070px; margin: 74px auto 0;}
#information .info_inner .info_box li{ width: 1070px; margin: 0 auto ;}
#information .info_inner .info_box li .dot_bar { border-top: dotted 3px #d1bf98;}
#information .info_inner .info_box li .li_inner { margin-top: 70px;display: flex; align-items: center;}
/* 画像 */
#information .info_inner .info_box li .li_inner .info_img_box { margin-right: 48px; margin-left: 92px;}
#information .info_inner .info_box li .li_inner .info_img_box img { box-shadow: 1px 1px 8px ;}
/* テキスト */
#information .info_inner .info_box li .li_inner .info_txt_box { width: 541px;}
#information .info_inner .info_box li .li_inner .info_txt_box h3{ font-size: 30px; line-height: 1.1;  background: linear-gradient(transparent 50%,#f8e2b2 0%); display: inline-block;}
#information .info_inner .info_box li .li_inner .info_txt_box h4{ font-size: 22px; line-height: 2; margin-top: 30px;}
#information .info_inner .info_box li .li_inner .info_txt_box p{ font-size: 16px; line-height: 2;}
/* only */
#information .info_inner .info_box li.only .li_inner { flex-direction: row-reverse;}
#information .info_inner .info_box li.body .li_inner { flex-direction: row-reverse;}
/* personal */
#information .info_inner .info_box  li.personal { margin-top: 65px;}
#information .info_inner .info_box li.personal .li_inner .info_img_box { margin-right: 92px; margin-left: 48px;}
#information .info_inner .info_box li.personal .li_inner .info_title_box { width: 300px;}
/* body */
#information .info_inner .info_box  li.body { margin-top: 65px;}
#information .info_inner .info_box li.body .li_inner .info_title_box { width: 350px; }
#information .info_inner .info_box li.body .li_inner .info_img_box { width: 424px; height: 409px;margin-right: 48px; margin-left: 92px; position: relative;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_01{ z-index: 1; }
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_02{ z-index: -1; position: absolute; top: 193px; left: 159px;}
/* 点線 */
.bottom_dot_bar { margin-top: 70px;border-top: dotted 3px #d1bf98;}

.itb_pc { display: block;}
.itb_sp { display: none;}
@media screen and (max-width: 1200px) {
/* 交差 */
#information .info_inner .info_box { width: 89.1vw; }
#information .info_inner .info_box li{ width: 89.1vw; }
/* 画像 */
#information .info_inner .info_box li .li_inner .info_img_box { margin-right: 4vw; margin-left: 7.6vw;}
/* テキスト */
#information .info_inner .info_box li .li_inner .info_txt_box { width: 45vw;}
/* personal */
#information .info_inner .info_box li.personal .li_inner .info_img_box { margin-right: 7.6vw; margin-left: 4vw;}
/* body */
#information .info_inner .info_box li.body .li_inner .info_img_box { width: 35.3vw; height: 34vw;margin-right: 4vw; margin-left: 7.6vw; position: relative;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_01{ z-index: 1; }
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_02{ z-index: -1; position: absolute; top: 16vw; left: 13.2vw;}
}
@media screen and (max-width: 1100px) {
/* テキスト */
#information .info_inner .info_box li .li_inner .info_txt_box { width: 541px;}
#information .info_inner .info_box li .li_inner .info_txt_box h3{ font-size: 26px; line-height: 1.1;  background: linear-gradient(transparent 50%,#f8e2b2 0%); display: inline-block;}
#information .info_inner .info_box li .li_inner .info_txt_box h4{ font-size: 21px; line-height: 2; margin-top: 30px;}
#information .info_inner .info_box li .li_inner .info_txt_box p{ font-size: 16px; line-height: 2;}
/* body */
#information .info_inner .info_box  li.body { margin-top: 65px;}
#information .info_inner .info_box li.body .li_inner .info_title_box { width: 350px; }
#information .info_inner .info_box li.body .li_inner .info_img_box { width: 350px; height: 370px;margin-right: 48px; margin-left: 92px; position: relative;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_01{ z-index: 1; width: 80%;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_02{ z-index: -1; width: 80%;position: absolute; top: 175px; left: 50px;}
}
@media screen and (max-width: 910px) {
#information .li_box { display: flex; align-items: center; justify-content: center;}
/* 交差 */
#information .info_inner .info_box { width: 700px; margin: 74px auto 0;}
#information .info_inner .info_box li{ width: 700px; margin: 0 auto ;}
#information .info_inner .info_box li .dot_bar { border-top: dotted 3px #d1bf98;}
#information .info_inner .info_box li .li_inner { margin-top: 70px;display: block; align-items: center;}
/* 画像 */
#information .info_inner .info_box li .li_inner .info_img_box {  margin: 0 auto; width: 80%;}
#information .info_inner .info_box li .li_inner .info_img_box img { box-shadow: 1px 1px 8px ;margin: 0 auto;}
/* テキスト */
#information .info_inner .info_box li .li_inner .info_txt_box { width: 540px; margin: 30px auto 0;}
#information .info_inner .info_box li .li_inner .info_txt_box h3{ font-size: 30px; line-height: 1.1;  background: linear-gradient(transparent 50%,#f8e2b2 0%); display: inline-block;}
#information .info_inner .info_box li .li_inner .info_txt_box h4{ font-size: 22px; line-height: 2; margin-top: 30px;}
#information .info_inner .info_box li .li_inner .info_txt_box p{ font-size: 16px; line-height: 2;}
/* only */
#information .info_inner .info_box li.only .li_inner { flex-direction: row-reverse;}
#information .info_inner .info_box li.body .li_inner { flex-direction: row-reverse;}
/* personal */
#information .info_inner .info_box  li.personal { margin-top: 65px;}
#information .info_inner .info_box li.personal .li_inner .info_img_box { margin-right: 92px; margin-left: 48px;}
#information .info_inner .info_box li.personal .li_inner .info_title_box { width: 300px;}
/* body */
#information .info_inner .info_box  li.body .info_txt_box { margin-top: 80px;}
#information .info_inner .info_box  li.body { margin-top: 65px;}
#information .info_inner .info_box li.body .li_inner .info_title_box { width: 350px; }
#information .info_inner .info_box li.body .li_inner .info_img_box { width: 350px; height: 370px;margin-right: 48px; margin-left: 92px; position: relative;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_01{ z-index: 1; }
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_02{ z-index: -1; position: absolute; top: 193px; left: 159px;}
}
@media screen and (max-width: 780px) {
#information .li_box { display: flex; align-items: center; justify-content: center;}
/* 交差 */
#information .info_inner .info_box { width: 500px; margin: 74px auto 0;}
#information .info_inner .info_box li{ width: 500px; margin: 0 auto ;}
#information .info_inner .info_box li .dot_bar { border-top: dotted 3px #d1bf98;}
#information .info_inner .info_box li .li_inner { margin-top: 70px;display: block; align-items: center;}
/* 画像 */
#information .info_inner .info_box li .li_inner .info_img_box {  margin: 0 auto; width: 80%;}
#information .info_inner .info_box li .li_inner .info_img_box img { box-shadow: 1px 1px 8px ;margin: 0 auto;}
/* テキスト */
#information .info_inner .info_box li .li_inner .info_txt_box { width: 420px; margin: 30px auto 0;}
#information .info_inner .info_box li .li_inner .info_txt_box h3{ font-size: 26px; line-height: 1.1;  background: linear-gradient(transparent 50%,#f8e2b2 0%); display: inline-block;}
#information .info_inner .info_box li .li_inner .info_txt_box h4{ font-size: 22px; line-height: 2; margin-top: 30px;}
#information .info_inner .info_box li .li_inner .info_txt_box p{ font-size: 16px; line-height: 2;}
/* only */
#information .info_inner .info_box li.only .li_inner { flex-direction: row-reverse;}
#information .info_inner .info_box li.body .li_inner { flex-direction: row-reverse;}
/* personal */
#information .info_inner .info_box  li.personal { margin-top: 65px;}
#information .info_inner .info_box li.personal .li_inner .info_img_box { margin-right: 0px; margin-left: 0;}
#information .info_inner .info_box li.personal .li_inner .info_title_box { width: 300px;}
/* body */
#information .info_inner .info_box  li.body .info_txt_box { margin-top: 70px;}
#information .info_inner .info_box li.body .li_inner .info_img_box { width: 350px; height: 370px;margin-right: 48px; margin-left: 92px; position: relative;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_01{ z-index: 1; width: 80%;position: absolute; top: 0px; left: -50px;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_02{ z-index: -1; width: 80%;position: absolute; top: 175px; left: 50px;}
}
@media screen and (max-width: 560px) {
#information .li_box { display: flex; align-items: center; justify-content: center;}
/* 交差 */
#information .info_inner .info_box { width: 89.2vw; margin: 74px auto 0;}
#information .info_inner .info_box li{ width: 89.2vw; margin: 0 auto ;}
#information .info_inner .info_box li .dot_bar { border-top: dotted 3px #d1bf98;}
#information .info_inner .info_box li .li_inner { margin-top: 70px;display: block; align-items: center;}
/* 画像 */
#information .info_inner .info_box li .li_inner .info_img_box {  margin: 0 auto; width: 80%;}
#information .info_inner .info_box li .li_inner .info_img_box img { box-shadow: 1px 1px 8px ;margin: 0 auto;}
/* テキスト */
#information .info_inner .info_box li .li_inner .info_txt_box { width: 75vw; margin: 30px auto 0;}
#information .info_inner .info_box li .li_inner .info_txt_box h3{ font-size: 24px; line-height: 1.1;  background: linear-gradient(transparent 50%,#f8e2b2 0%); display: inline-block;}
#information .info_inner .info_box li .li_inner .info_txt_box h4{ font-size: 20px; line-height: 2; margin-top: 30px;}
#information .info_inner .info_box li .li_inner .info_txt_box p{ font-size: 16px; line-height: 2;}
/* only */
#information .info_inner .info_box li.only .li_inner { flex-direction: row-reverse;}
#information .info_inner .info_box li.body .li_inner { flex-direction: row-reverse;}
/* personal */
#information .info_inner .info_box  li.personal { margin-top: 65px;}
#information .info_inner .info_box li.personal .li_inner .info_img_box { margin: 0 auto;}
#information .info_inner .info_box li.personal .li_inner .info_title_box { width: 300px;}
/* body */
/* body */
#information .info_inner .info_box  li.body .info_txt_box { margin-top: 30px;}
#information .info_inner .info_box li.body .li_inner .info_img_box { width: 350px; height: 370px;margin-right: 48px; margin-left: 92px; position: relative;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_01{ z-index: 1; width: 70%;position: absolute; top: 0px; left: 0px;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_02{ z-index: -1; width: 70%;position: absolute; top: 150px; left: 60px;}
.itb_pc { display: none;}
.itb_sp { display: block;}
.info_title_box div { display: block;}
}
@media screen and (max-width: 350px) {
#information .info_inner .info_box  li.body .info_txt_box { margin-top: 0px;}
#information .info_inner .info_box li.body .li_inner .info_img_box { width: 350px; height: 370px;margin-right: 48px; margin-left: 92px; position: relative;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_01{ z-index: 1; width: 60%;position: absolute; top: 0px; left: 20px;}
#information .info_inner .info_box li.body .li_inner .info_img_box .bodyimg_02{ z-index: -1; width: 60%;position: absolute; top: 150px; left: 60px;}
.itb_pc { display: none;}
.itb_sp { display: block;}
.info_title_box div { display: block;}
}

/*-------------------------------------------------
	color_area
--------------------------------------------------*/
#color_area { padding-bottom: 150px; ;background: url(../img/bg.gif) center top; margin-top: 0px; margin-bottom: -50px; font-weight: 500; position: relative; width: 100%;display: flex; align-items: center; justify-content: center;}
/* 背景 */
#color_area .saniku_syo_bg img { width: 100%; }
#color_area .saniku_syo_bg { position: absolute; top: 0px; z-index: 2; width: 100%;}
@media screen and (max-width: 1600px) {
/* 背景 */
#color_area .saniku_syo_bg img { width: 1600px;}
#color_area .saniku_syo_bg { position: absolute;left: 50%; transform: translate(-50%, -50%); top: 100px; width: 1600px;height: 200px;}
}

/*-------------------------------------------------
	color_area
--------------------------------------------------*/
/* タイトル */
#color_area .color_inner .title_box { margin-top: 70px;display: flex; align-items: center; justify-content: center;}
#color_area .color_inner .title_box .tit_inner { width: 470px; display: flex; align-items: center; margin: 0 auto;}
#color_area .color_inner .title_box .tit_inner .color_girl{ width: 94px; margin-right: 50px;}
#color_area .color_inner .title_box .tit_inner .color_boy{ width: 89px; margin-left: 50px;}
#color_area .color_inner .title_box .tit_inner .sur_l,
#color_area .color_inner .title_box .tit_inner .sur_r{ width: 13px; height: 25px; margin-top: 10px;}
#color_area .color_inner .title_box .tit_inner .title_txt {justify-content: center; text-align: center; margin: 0 16px;}
#color_area .color_inner .title_box .tit_inner .title_txt h2{ font-size: 30px; line-height: 1.4;padding: 0 4px; background: linear-gradient(transparent 60%,#fff 0%);text-align: center; display: inline-block; margin: 0 auto;}
/* 詳細 */
.guidance { margin-top: 70px;display: flex; align-items: center; justify-content: center;}
.guidance .gui_box { width: 1050px; margin: 0 auto; background: #fff; border-radius: 20px;}
.guidance .gui_box .gui_inner{ width: 890px; margin: 80px auto; }
/* テキスト */
.guidance .gui_box ul li h3{ font-size: 24px; line-height: 1.4;font-weight: 400; margin-bottom: 30px;}
.guidance .gui_box ul li .date{ font-size: 20px; font-weight: 500;}
.guidance .gui_box ul li p{ font-size: 18px; line-height: 1.8; font-weight: 400;}
/* 点線 */
.dot_bar_gui { border-bottom: dotted 3px #e5dab9; margin: 42px 0;}

@media screen and (max-width: 1150px) {
/* 詳細 */
.guidance { margin-top: 70px;}
.guidance .gui_box { width: 91.3vw;}
.guidance .gui_box .gui_inner{ width: 77.3vw; margin: 80px auto; }
}
@media screen and (max-width: 800px) {
/* 詳細 */
.guidance { margin-top: 70px;}
.guidance .gui_box { width: 91.3vw;}
.guidance .gui_box .gui_inner{ width: 73vw; margin: 80px auto; }
/* テキスト */
.guidance .gui_box ul li h3{ font-size: 24px; line-height: 1.4;font-weight: 400; margin-bottom: 30px;}
.guidance .gui_box ul li .date{ font-size: 20px; font-weight: 500;}
.guidance .gui_box ul li p{ font-size: 16px; line-height: 1.8; font-weight: 400;}
}
@media screen and (max-width: 560px) {
/* タイトル */
#color_area .color_inner .title_box { margin-top: 70px;display: flex; align-items: center; justify-content: center;}
#color_area .color_inner .title_box .tit_inner { width: 340px; display: flex; align-items: center; margin: 0 auto;}
#color_area .color_inner .title_box .tit_inner .color_girl{ width: 65px; margin-right: 25px;}
#color_area .color_inner .title_box .tit_inner .color_boy{ width: 65px; margin-left: 25px;}
#color_area .color_inner .title_box .tit_inner .sur_l,
#color_area .color_inner .title_box .tit_inner .sur_r{ width: 8px; height: 17px; margin-top: 10px;}
#color_area .color_inner .title_box .tit_inner .title_txt {justify-content: center; text-align: center; margin: 0 16px;}
#color_area .color_inner .title_box .tit_inner .title_txt h2{ font-size: 26px;}
}

@media screen and (max-width: 370px) {
/* タイトル */
#color_area .color_inner .title_box { margin-top: 70px;display: flex; align-items: center; justify-content: center;}
#color_area .color_inner .title_box .tit_inner { width: 300px; display: flex; align-items: center; margin: 0 auto;}
#color_area .color_inner .title_box .tit_inner .color_girl{ width: 55px; margin-right: 18px;}
#color_area .color_inner .title_box .tit_inner .color_boy{ width: 55px; margin-left: 18px;}
#color_area .color_inner .title_box .tit_inner .sur_l,
#color_area .color_inner .title_box .tit_inner .sur_r{ width: 8px; height: 17px; margin-top: 5px;}
#color_area .color_inner .title_box .tit_inner .title_txt {justify-content: center; text-align: center; margin: 0 16px;}
#color_area .color_inner .title_box .tit_inner .title_txt h2{ font-size: 24px;}
}

/*-------------------------------------------------
	費用 
--------------------------------------------------*/
#cost { width: 870px; margin: 0 auto;}
#cost .table_box ul { display: flex; align-items: center; }
#cost .table_box ul li { margin: 5px 2.5px; text-align: center;}
#cost .table_box ul li p{ font-size: 18px;}
/* 幅 */
#cost .cost_txt { margin: 15px auto 15px; font-size: 22px; line-height: 1; font-weight: 500;display: flex; align-items: center; }
#cost .cost_txt .midasi_bar { width: 5px; height: 24px; margin-right:  5px; background: #fecf6c; display: inline-block; }
#cost .table_box { margin-top: 45px;}
/* タイトル */
#cost .hiyo_tit{ width: 170px; height: 50px; border-radius: 20px; background-color: #f8e3b5; display: flex; align-items: center; justify-content: center;}
/* お金 */
#cost .hiyo_mon{ width: 200px; height: 50px; border-radius: 20px; background-color: #ffecc7; display: flex; align-items: center; justify-content: center;}
/* 注意 */
#cost .note_cost { margin-top: 10px;}
#cost .note { width: 870px;margin-top: 45px; font-size: 18px; line-height: 1.3;}

/*-------------------------------------------------
	預かり保育 
--------------------------------------------------*/
/* タイトル */
#cost .azukari .hiyo_tit{ width: 180px; height: 70px; display: flex; align-items: center; justify-content: center;}
#cost .azukari .hiyo_tit p{ line-height: 1; }
/* お金 */
#cost .azukari .hiyo_mon{width: 200px;height: 70px; }
/* テキスト */
#cost .azukari .hiyo_txt{ width: 480px; height: 150px; border-radius: 20px; text-align: left; background-color: #ffecc7;display: flex; align-items: center; justify-content: left;}
#cost .table_box .azukari .hiyo_txt p{ padding-left: 25px;line-height: 1;}
#cost .azukari .hiyo_txt02 { width: 480px; height: 70px; border-radius: 20px; text-align: left; background-color: #ffecc7;display: flex; align-items: center; justify-content: left;}
#cost .azukari .hiyo_txt02  p{ padding-left: 25px;line-height: 1;}
/* 2列用 */
#cost .set_top { margin-top: 10px;}

@media screen and (max-width: 1150px) {
.table_box ul { display: flex; align-items: center; flex-wrap: wrap;}
#cost .table_box .azu_top { margin-top: 0px;}
#cost .note { width: 75.6vw;}
#cost .note_cost { width: 75.6vw;}
#cost .azukari .hiyo_txt { width: 75.6vw; height: 60px;background: none; margin-top: 0px; margin-left: -14px;display: block;}
#cost .azukari .hiyo_txt p{ padding-left: 0px; font-size: 16px ;}
#cost .azukari .hiyo_txt02 { width: 75.6vw; height: 50px;background: none; margin-top: 0px; display: block;}
#cost .azukari .hiyo_txt02  p{ padding-left: 10px; font-size: 16px;}
#cost .note { font-size: 16px;}
#cost .note_cost { font-size: 16px;}
}
@media screen and (max-width: 660px) {
#cost { width: 870px; margin: 0 auto;}
/* タイトル */
#cost .hiyo_tit{ width: 140px; height: 50px;}
/* お金 */
#cost .hiyo_mon{ width: 160px; height: 50px;}
#cost .note { width: 75.6vw;}
#cost .note_cost { width: 75.6vw;}
.azukari { width: 100vw;}
#cost .azukari .hiyo_tit{ width: 150px; height: 70px;}
#cost .azukari .hiyo_tit p{ line-height: 1; }
/* お金 */
#cost .azukari .hiyo_mon{width: 180px;height: 70px; }
#cost .table_box ul li p{ font-size: 16px;}
#cost .cost_txt { font-size: 20px;}
}
@media screen and (max-width: 460px) {
#cost { width: 870px; margin: 0 auto;}
/* タイトル */
#cost .hiyo_tit{ width: 32.5vw; height: 50px;}
/* お金 */
#cost .hiyo_mon{ width: 37.2vw; height: 50px;}
#cost .note { width: 75.6vw;}
#cost .note_cost { width: 75.6vw;}
.azukari { width: 100vw;}
#cost .azukari .hiyo_tit{ width: 34.8vw; height: 70px;}
#cost .azukari .hiyo_tit p{ line-height: 1; }
/* お金 */
#cost .azukari .hiyo_mon{width: 34vw;height: 70px; }
#cost .table_box ul li p{ font-size: 15px;}
#cost .azukari .hiyo_txt02 br{ display: none;}
#cost .azukari .hiyo_txt02 p{ font-size: 14px;}
#cost .azukari .hiyo_txt p{ font-size: 14px;}
#cost .note { font-size: 14px;}
#cost .note_cost { font-size: 14px;}
}

/*-------------------------------------------------
	卒業生
--------------------------------------------------*/
.graduation { width: 1050px; margin: 65px auto 0; border-radius: 20px; background: #fff;}
.graduation .inner { width: 960px; height: 100%; padding: 40px 0; margin: 0 auto;}
.graduation .inner .title_gra { text-align: center;}
.graduation .inner .title_gra h3 { font-size: 24px; line-height: 1.4;padding: 0 6px; background: linear-gradient(transparent 60%,#f8e2b2 0%);text-align: center; display: inline-block; margin: 0 auto;}
.graduation .inner ul { display: flex; align-items: start; margin: 33px auto 0;}
.graduation .inner ul li { width: 449px; min-height: 300px;}
.graduation .inner ul li:nth-child(2) { width: 1px; margin: 0 30px;}
.graduation .inner ul  .dot_gra_line{width: 1px; height: 300px; border-left: dotted 3px #e5dab9; }
.graduation .inner ul li .name { font-size: 20px; margin-top: 16px; margin-bottom: 12px;}
.graduation .inner ul li p { font-size: 16px; line-height: 1.9;}
@media screen and (max-width: 1150px) {
.graduation { width: 91.3vw;}
.graduation .inner { width: 83.4vw;}
.graduation .inner .title_gra h3 { font-size: 24px; line-height: 1.4;padding: 0 6px; background: linear-gradient(transparent 60%,#f8e2b2 0%);text-align: center; display: inline-block; margin: 0 auto;}
.graduation .inner ul li { width: 39vw; min-height: 300px;}
.graduation .inner ul li:nth-child(2) { width: 1px; margin: 0 30px;}
.graduation .inner ul  .dot_gra_line{width: 1px; height: 300px; border-left: dotted 3px #e5dab9; }
.graduation .inner ul li .name { font-size: 20px; margin-top: 16px; margin-bottom: 12px;}
.graduation .inner ul li p { font-size: 16px; line-height: 1.9;}
}
@media screen and (max-width: 993px) {
.graduation .inner ul  .dot_gra_line{width: 1px; height: 360px; border-left: dotted 3px #e5dab9; }
}
@media screen and (max-width: 803px) {
.graduation .inner ul  .dot_gra_line{width: 1px; height: 400px; border-left: dotted 3px #e5dab9; }
}
@media screen and (max-width: 770px) {
.graduation { width: 91.3vw;}
.graduation .inner { width: 75vw;}
.graduation .inner .title_gra h3 { font-size: 24px;}
.graduation .inner ul { display: block; align-items: start; margin: 33px auto 0;}
.graduation .inner ul li { width: 75vw; min-height: 0px; margin: 0 auto;}
.graduation .inner ul li:nth-child(2) { width: 75vw;margin: 0 auto;}
.graduation .inner ul  .dot_gra_line{width: 75vw; height: 1px; border-left: none; border-bottom: dotted 3px #e5dab9; margin: 20px auto;}
.graduation .inner ul li .name { font-size: 20px; margin-top: 16px; margin-bottom: 12px;}
.graduation .inner ul li p { font-size: 16px; line-height: 1.9;}
}