@charset "UTF-8";

/*nayami
---------------------------------------------------------*/
.nayami{
	display: flex;
	justify-content: space-between;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.nayami li{
	max-width: 174px;
	width: 15%;
}
.nayami li div{
	max-width: 174px;
	margin: 0 auto 0.8em;
	text-align: center;
}
.nayami_arrow{
	max-width: 140px;
	width: 12%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.nayami{
    flex-wrap: wrap;
	letter-spacing: 0.05em;
	line-height: 1.4em;
}
.nayami li{
	width: 30.5%;
	margin-top: 5%;
}
.nayami li:nth-child(-n + 3){
	margin-top: 0;
}
.nayami li div{
	margin: 0 auto 0.4em;
}
.nayami_arrow{
	width: 20%;
}
}



/*counseling_box
---------------------------------------------------------*/
.counseling_box{
	border: 2px solid #91ad2c;
	padding: 8px;
	position: relative;
	z-index: 1;
}
.counseling_box::before{
	font-size: min(513%,8vw);
	letter-spacing: 0.11em;
	line-height: 1em;
	position: absolute;
	content: "";
	background: #fff;
	width: 9em;
	height: 1em;
	left: 0;
	right: 0;
	margin: auto;
	top:-0.5em;
	z-index: -1;
}
.counseling_box .abs_tit{
	font-size: min(513%,7.7vw);
	letter-spacing: 0.11em;
	line-height: 1em;
	color: rgba(183,210,25,0.17);
	text-align: center;
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	top:-0.5em;
	z-index: 2;
}
.counseling_box .txt{
	padding: 90px 3% 60px;
	text-align: center;
}
.counseling_box .txt h4{
	font-size: min(154%,2.3vw);
	letter-spacing: 0.15em;
	line-height: 1.5em;
	margin-bottom: 1.4em;
}
.counseling_box .txt h4 .big{
	font-size: 156%;
	letter-spacing: 0.15em;
	line-height: 1.5em;
}
.counseling_box .txt h4 .big:first-of-type{
	margin-right: 0.15em;
}
.counseling_box .txt h4 .green{
	position: relative;
	margin-left: 0.15em;
}
.counseling_box .txt h4 .green::before{
	position: absolute;
	content: "";
	background: url("../images/kyosei/dot_line@2x.png") no-repeat center bottom;
	background-size: 100% auto;
	width: 6.944445em;
	height: 2px;
	left: 0;
	right: 0;
	margin: auto;
	bottom:-0.05em
}
.counseling_box .txt h4 .green .dot{
	position: relative;
}
.counseling_box .txt h4 .green .dot::before{
	position: absolute;
	content: "";
	background: #91ad2c;
	width: 0.195em;
	height: 0.195em;
	border-radius: 0.195em;
	left: -0.1em;
	right: 0;
	margin: auto;
	top:-0.2em;
}
.counseling_box .tel{
	background-color: #edf4c5;
	padding: 40px 3% 30px;
	text-align: center;
}
.counseling_box .tel dl{
	margin-bottom: 1.5em;
}
.counseling_box .tel dt{
	margin-bottom: 1em;
}
.counseling_box .tel p{
	padding: 1em 1.5em;
	background-color: #fff;
	max-width: 930px;
	box-sizing: border-box;
	margin: 0 auto;
	border-radius: 1.75em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.counseling_box{
	padding: 6px;
}
.counseling_box .txt{
	padding: 8% 3% 5%;
}
.counseling_box .tel{
	padding: 4% 3% 3%;
}
.counseling_box .tel p{
	border-radius: 2.5em;
}
.counseling_box .tel p span.green{
	display: block;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.counseling_box{
	padding: 3%;
}
.counseling_box::before{
	font-size: 260%;
	letter-spacing: 0.08em;
	width: 8em;
}
.counseling_box .abs_tit{
	font-size: 260%;
	letter-spacing: 0.08em;
}
.counseling_box .txt{
	padding: 6% 0;
	text-align: center;
}
.counseling_box .txt h4{
	font-size: 100%;
	letter-spacing: 0.03em;
	line-height: 1.8em;
	margin-bottom: 0.8em;
}
.counseling_box .txt h4 .big{
	letter-spacing: 0.03em;
	line-height: 1.8em;
}
.counseling_box .txt p{
	width: 90%;
	text-align: left;
	margin: 0 auto;
}
.counseling_box .tel{
	background-color: #edf4c5;
	padding: 6% 5%;
}
.counseling_box .tel dl{
	margin-bottom: 6%;
}
.counseling_box .tel dt{
	margin-bottom: 0.8em;
}
.counseling_box .tel dd{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.counseling_box .tel p{
	padding: 5%;
	max-width: 100%;
	border-radius: 3vw;
}
.counseling_box .tel p span.green{
	display: block;
}
}



/*eikyo_list
---------------------------------------------------------*/
.eikyo_list li{
	padding: 60px 0;
	border-top: 1px solid #d1d3d0;
}
.eikyo_list li:last-child{
	border-bottom: 1px solid #d1d3d0;
}
.eikyo_list li > dl{
	max-width: 1165px;
	margin: 0 auto;
	display: flex;
}
.eikyo_list li > dl > dt{
	width: 19%;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.eikyo_list li > dl > dt .icon{
	font-size: min(100%,1.8vw);
	line-height: 1em;
	max-width: 86px;
	width: 5.734em;
	margin: 0 auto 1.4em;
	text-align: center;
}
.eikyo_list li > dl > dt .ft_zen{
	margin-bottom: 0.7em;
	line-height: 1em;
}
.eikyo_list li > dl > dt .ft_ro{
	line-height: 1em;
}
.eikyo_list li > dl > dd{
	width: 81%;
	padding:0 3%;
	display: flex;
    align-items: center;
}
.eikyo_list li > dl > dd div{
	max-width: 850px;
	margin: 0 auto;
}
.eikyo_list li > dl > dd dl{
	margin-top: 40px;
}
.eikyo_list li > dl > dd dl:first-of-type{
	margin-top: 0;
}
.eikyo_list li > dl > dd dl dt{
	margin-bottom: 0.6em;
	padding-left: 1em;
	position: relative;
}
.eikyo_list li > dl > dd dl dt::before{
	position: absolute;
	content: "";
	background: #a0c819;
	width: 0.25em;
	height: 1.15em;
	left: 0;
	top:0.25em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.eikyo_list li{
	padding: 6% 0;
}
.eikyo_list li > dl > dd dl{
	margin-top: 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.eikyo_list li{
	padding: 8% 0;
}
.eikyo_list li > dl{
	max-width: 100%;
	display: block;
}
.eikyo_list li > dl > dt{
	width: 100%;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 6%;
}
.eikyo_list li > dl > dt .icon{
	font-size: 100%;
}
.eikyo_list li > dl > dd{
	width: 100%;
	padding:0;
	display: block;
}
.eikyo_list li > dl > dd div{
	max-width: 100%;
}
.eikyo_list li > dl > dd  dl{
	margin-top: 6%;
}
.eikyo_list li > dl > dd  dl dt{
	margin-bottom: 0.4em;
}
}



/*med_box1
---------------------------------------------------------*/
.med_box1 .note {
	color: #777;
	padding-left: 1em;
	text-indent: -1em;
}
.med_box1 .med_flt .sp_tel_btn span{
	display: inline-block;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_box1 .com_btn1_list{
    flex-wrap: wrap;
}
}



/*med_col_list
---------------------------------------------------------*/
#kids_kyosei .med_col_list.span li:nth-child(1) .zen27{
	color: #f6b625;
}
#kids_kyosei .med_col_list.span li:nth-child(1) .zen27 span{
	background-color: #f6b625;
}
#kids_kyosei .med_col_list.span li:nth-child(2) .zen27{
	color: #a0c819;
}
#kids_kyosei .med_col_list.span li:nth-child(2) .zen27 span{
	background-color: #a0c819;
}



/*med_osusume
---------------------------------------------------------*/
.med_osusume div:nth-child(1){
	width: 22%;
	background-color: #a0c819;
}
#kids_kyosei .med_osusume div:nth-child(1){
	background-color: #f3a246;
}
.med_osusume div:nth-child(2){
	width: 78%;
}
#kids_kyosei .med_osusume div:nth-child(2){
	background-color: #fdf0e1;
}
.med_osusume div:nth-child(2) ul {
	max-width: 840px;
}
#kids_kyosei .med_osusume div:nth-child(2) ul li::before{
	background-color: #f3a246;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.med_osusume div:nth-child(1){
	width: 243px;
}
.med_osusume div:nth-child(2){
	width: calc(100%- 243px);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_osusume div:nth-child(1){
	width: 100%;
}
.med_osusume div:nth-child(2){
	width:  100%;
}
.med_osusume div:nth-child(2) ul {
  max-width:100%;
}
}



/*見出し
---------------------------------------------------------*/
#kids_kyosei .com_index1{
	background: #f69658;
}
