@charset "UTF-8";

.m_img_area{background-image:url("../images/kotoba/m_img@2x.jpg")}



/* 共通
---------------------------------------------------------*/
.com_lead{
	margin-bottom: 80px;
}
.contact_box{
	background-color: #F2F2EB;
	padding: 40px 0 0;
	position: relative;
	z-index: 1;
}
.contact_box::before{
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 1.61em;
	left: 0;
	bottom: 0;
	z-index: -1;	
}
.contact_box .tel_box{
	display:table;
	margin: 0 auto 45px auto;
	font-size: min(100%,1.8vw);
}
.contact_box .tel_box dt,
.contact_box .tel_box dd{
	display:table-cell;
	vertical-align: middle;
}
.contact_box .tel_box dt{
	font-weight: bold;
	fnt-size:110%;
	color:#45371e;
	letter-spacing: 0.15em;
	border-top: 1px solid #45371e;
	border-bottom: 1px solid #45371e;
	padding: 10px 20px;
}
.contact_box .tel_box dd{
	padding-left:50px;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_lead{
	margin-bottom:60px;
}
.contact_box{
	padding: 4% 0 0;
}
.contact_box .tel_box{
	margin: 0 auto 30px auto;
}
.contact_box .tel_box dd{
	padding-left:20px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead{
	margin-bottom:12%;
}
.contact_box{
	padding: 6% 5% 0;
}
.contact_box .tel_box{
	display:block;
	margin: 0 auto 7% auto;
	font-size: 100%;
}
.contact_box .tel_box dt,
.contact_box .tel_box dd{
	display:block;
}
.contact_box .tel_box dt{
	letter-spacing: 0.1em;
	padding: 1.5% 5%;
	text-align: center;
}
.contact_box .tel_box dd{
	padding-left:0;
	margin-top: 4%;
}
}



/* kotoba
---------------------------------------------------------*/
#kotoba .kotoba_bg{
	background-color: #6FC14F;
	padding-bottom: 140px;
	position: relative;
	z-index: 1;
}
#kotoba .kotoba_bg::before{
	position: absolute;
	content: "";
	background: url("../images/kotoba/kotoba_bg@2x.png") no-repeat center top;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top:0;
	z-index: -1;
}
#kotoba .abs_tit{
	width: 587px; 
	margin: 0 auto;
	transform: translateY(-28px);
	margin-bottom:10px;
}
#kotoba .rel{
	position: relative;
}
#kotoba .rel .abs_img li{
	position: absolute;
	display: block;
	max-width: 520px;
	width: 34.67vw;
}
#kotoba .rel .abs_img li:first-child{
	left: 0;
	top:60%;
	transform: translate(-50%,-50%);
}
#kotoba .rel .abs_img li:last-child{
	right: 0;
	top:35%;
	transform: translate(50%,-50%);
}
#kotoba .title{
	font-size: min(224%,3.8vw);
	letter-spacing: 0.25em;
	line-height: 1.7em;
	color: #fff;
	text-align: center;
	padding-bottom: 1.3em;
	margin-bottom: 1em;
	position: relative;
}
#kotoba .title::before{
	position: absolute;
	content: "";
	background: url("../images/kotoba/tri_line_w@2x.png") no-repeat center bottom;
	background-size: 100% auto;
	max-width: 567px;
	width: 14.9211em;
	height: 11px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}
#kotoba .lead{
	color: #fff;
}
#kotoba .lead dt{
	font-size: min(132%,2.2vw);
	letter-spacing: 0.25em;
	line-height: 1.7em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.4em;
}
#kotoba .lead span{
	font-size: 113%;
	letter-spacing: 0.25em;
	line-height: 1.8em;
	color: #F0EAAC;
	display: block;
	margin: 0.5em auto;
}
#kotoba .lead dd{
	max-width: 570px;
	width: 58%;
	margin: 0 auto;
}
#kotoba .symptoms_list{
	display: flex;
	justify-content: space-between;
}
#kotoba .symptoms_list li{
	max-width: 638px;
	width: 49.1%;
	background-color: #fff;
	padding: 50px 3% 60px;
	box-sizing: border-box;
	
}
#kotoba .symptoms_list li dl{
	max-width: 540px;
	margin: 0 auto;
}
#kotoba .symptoms_list li dt{
	font-size: min(176.5%,3vw);
	letter-spacing: 0.1em;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1.2em;
	margin-bottom: 1.2em;
	position: relative;
}
#kotoba .symptoms_list li dt::before{
	position: absolute;
	content: "";
	background: url("../images/kotoba/tri_line_g@2x.png") no-repeat center bottom;
	background-size: 100% auto;
	max-width: 100%;
	width: 17.6em;
	height: 11px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}
#kotoba .symptoms_list li .img{
	max-width: 528px;
	width: 98%;
	margin: 0 auto 1.2em;
	text-align: center;
}
#kotoba .symptoms_list li .com_btn1{
	margin-top: 1em;
}
#kotoba .fukidashi_txt{
	font-size: min(132%,2.2vw);
	letter-spacing: 0.25em;
	line-height: 1.8em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	position: relative;
}
#kotoba .fukidashi_txt::before{
	position: absolute;
	content: "";
	background: #fff;
	width: 1px;
	height: 4.4em;
	right: calc(50% + 21em);
	top:50%;
	transform: translateY(-50%) rotate(-25deg);
}
#kotoba .fukidashi_txt::after{
	position: absolute;
	content: "";
	background: #fff;
	width: 1px;
	height: 4.4em;
	left: calc(50% + 21em);
	top:50%;
	transform: translateY(-50%) rotate(25deg);
}
#kotoba .fukidashi_list{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	text-align: center;
	display: flex;
	justify-content: space-between;
	font-size: min(100%,1.6vw);
	line-height: 1.6em;
	letter-spacing: 0.1em;
}
#kotoba .fukidashi_list li{
	max-width: 285px;
	width: 24%;
	position: relative;
	z-index: 1;
	padding-bottom: 45px;
}
#kotoba .fukidashi_list li:nth-child(even){
	margin-top: 30px;
}
#kotoba .fukidashi_list li .txt{
	background-color: #F0EAAC;
	padding: 2em 0;
	box-sizing: border-box;
	border-radius: 2.35em;
    display: flex;
    justify-content: center;
    align-items: center;
	min-height: 10em;
	position: relative;
}
#kotoba .fukidashi_list li .txt::before{
	position: absolute;
	content: "";
	background: url("../images/kotoba/fukidashi.svg") no-repeat right bottom;
	background-size: 100% 100%;
	width: 1.65em;
	height: 1.65em;
	top:99%;
	right: 35%;
}
#kotoba .fukidashi_list li .abs{
	position: absolute;
	max-width: 123px;
	width: 43.2%;
	bottom: 0;
}
#kotoba .fukidashi_list li:nth-child(1) .abs{
	right: -3%;
}
#kotoba .fukidashi_list li:nth-child(2) .abs{
	right: -8%;
}
#kotoba .fukidashi_list li:nth-child(3) .abs{
	right: -7%;
}
#kotoba .fukidashi_list li:nth-child(4) .abs{
	right: -8.5%;
}
#kotoba .copy{
	font-size: min(176.5%,2.4vw);
	letter-spacing: 0.25em;
	line-height: 2em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
#kotoba .contact{
	background-color: #F2F2EB;
	padding: 60px 4%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
#kotoba .contact .inbox{
	max-width: 1050px;
	margin: 0 auto;
}
#kotoba .contact .img_r{
	max-width: 257px;
	width: 24.5%;
	float: right;
}
#kotoba .contact .txt_l{
	width: 71.5%;
	float: left;
}
#kotoba .contact .txt_l p.ft_gar{
	font-size: min(446%,7.9vw);
	letter-spacing: 0.2em;
	line-height: 1em;
	color: #D4D1CB;
	margin-bottom: 0.15em;
}
#kotoba .contact .txt_l dt{
	font-size: min(146%,2.6vw);
	letter-spacing: 0.15em;
	line-height: 1.5em;
	font-weight: bold;
	color: #45371E;
	margin-bottom: 0.8em
}
#kotoba .contact_box{
	background-color: #DEDEC8;
	max-width: 1200px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
#kotoba .contact_box::before{
	background-color: #6FC14F;
}	
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width:1235px) {
#kotoba .fukidashi_list li{
	padding-bottom: 3.64vw;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
kotoba .kotoba_bg{
	padding-bottom: 12%;
}
#kotoba .abs_tit{
	width: 470px; 
	transform: translateY(-22px);
	margin-bottom:8px;
}
#kotoba .rel .abs_img li:first-child{
	top:80%;
}
#kotoba .rel .abs_img li:last-child{
	top:20%;
}

#kotoba .symptoms_list li{
	padding: 4% 3% 5%;
}
#kotoba .symptoms_list li dt{
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#kotoba .symptoms_list li .img{
	margin: 0 auto 1em;
}
#kotoba .copy{
	font-size: min(176.5%,3vw);
}
#kotoba .contact{
	padding: 5% 4%;
}
#kotoba .contact .img_r{
	margin-left: 4%;
	margin-bottom: 1em;
}
#kotoba .contact .txt_l{
	width: 100%;
	float: none;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#kotoba .kotoba_bg{
	padding-bottom: 14%;
}
#kotoba .abs_tit{
	width: 85vw; 
	transform: translateY(-3.8vw);
	margin-bottom:1.2vw;
}
#kotoba .rel{
	position: static;
}
#kotoba .rel .abs_img{
	display: flex;
	justify-content: space-between;
	margin:8% auto 0;
}
#kotoba .rel .abs_img li{
	position: static;
	display: block;
	max-width: 520px;
	width: 49%;
}
#kotoba .rel .abs_img li:first-child{
	transform: translate(0);
}
#kotoba .rel .abs_img li:last-child{
	transform: translate(0);
}
#kotoba .title{
	font-size: 150%;;
	letter-spacing: 0.15em;
	padding-bottom: 0.9em;
  margin-bottom: 0.8em;
}
#kotoba .title::before{
	max-width: 100%;
}
#kotoba .lead dt{
	font-size:105%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
#kotoba .lead span{
	font-size: 110%;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	color: #F0EAAC;
	display: block;
	margin: 0.5em auto;
}
#kotoba .lead dd{
	max-width: 100%;
	width: 100%;
}
#kotoba .symptoms_list{
	display: block;
}
#kotoba .symptoms_list li{
	max-width: 100%;
	width: 100%;;
	padding: 7% 5% 8%;
	margin-top:3%;	
}
#kotoba .symptoms_list li:first-child{
	margin-top: 0;
}
#kotoba .symptoms_list li dl{
	max-width: 540px;
	margin: 0 auto;
}
#kotoba .symptoms_list li dt{
	font-size: 130%;
	margin-bottom: 1.2em;
	padding-bottom: 1em;
}
#kotoba .symptoms_list li .img{
	margin: 0 auto 1em;
}
#kotoba .fukidashi_txt{
	font-size: 105%;
    letter-spacing: 0.1em;
    line-height: 1.5em;
}
#kotoba .fukidashi_txt::before{
	right: calc(50% + 9.8em);
	top:75%;
}
#kotoba .fukidashi_txt::after{
	left: calc(50% + 9.8em);
	top:75%;
}
#kotoba .fukidashi_list{
	max-width: 94%;
    flex-wrap: wrap;
	font-size:80%;
	letter-spacing: 0.05em;
}
#kotoba .fukidashi_list li{
	max-width: 48.5%;
	width: 48.5%;
	padding-bottom:7.5vw;
	margin-top: 2vw;
}
#kotoba .fukidashi_list li:nth-child(-n + 2){
	margin-top: 0;
}
#kotoba .fukidashi_list li:nth-child(even){
	margin-top: 4vw;
}
#kotoba .fukidashi_list li .txt{
	padding: 1.5em 0;
	min-height: 8em;
}
#kotoba .fukidashi_list li:nth-child(1) .abs{
	right: -2%;
}
#kotoba .fukidashi_list li:nth-child(2) .abs{
	right: -7%;
}
#kotoba .fukidashi_list li:nth-child(3) .abs{
	right: -6%;
}
#kotoba .fukidashi_list li:nth-child(4) .abs{
	right: -7.5%;
}
#kotoba .copy{
	font-size: 130%;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}
#kotoba .contact{
	padding: 8% 5% 5%;
}
#kotoba .contact .inbox{
	max-width: 100%;
}
#kotoba .contact .flt_box {
    display: flex;
    flex-direction: column-reverse;
}
#kotoba .contact .img_r{
	width: 60%;
	float: none;
	margin: 5% auto 0;
	text-align: center;
}
#kotoba .contact .txt_l{
	width:100%;
	float: none
}
#kotoba .contact .txt_l p.ft_gar{
	font-size: 350%;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 0.8em
}
#kotoba .contact .txt_l dt{
	font-size: 126%;
	letter-spacing: 0.1em;
	text-align: center;
		
}
}



/* 当院のことばの教室について
---------------------------------------------------------*/
.box1 .detail{
	font-size: 105%;
	letter-spacing: 0.15em;
	font-weight: bold;
	line-height: 1.5em;
	margin-top: 1.7em;
}
.box1 .detail li{
	margin-top: 0.85em;
}
.box1 .detail li:first-child{
	margin-top: 0;
}
.box1 .detail li dl{
	display: table;
	width: 100%;
	border-radius: 0.834em;
	overflow: hidden;
}
.box1 .detail li dl dt,
.box1 .detail li dl dd{
	display: table-cell;
}
.box1 .detail li dl dt{
	width: 23.5%;
	color: #fff;
	background-color: #6FC14F;
	padding: 1em;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
.box1 .detail li dl dd{
	width: 76.5%;
	background-color: #F2F2EB;
	padding: 1em 1.8em;
	box-sizing: border-box;
	vertical-align: middle;
}
.box1 .detail li dl dd .note{
	font-size: 94%;
	letter-spacing: 0.15em;
	line-height: 1.5em;
	font-weight: normal;
	display: inline-block;
	transform: translateY(-0.1em);
	padding-left: 0.8em;
	text-indent: -.8em;
}
.box1 .training_list{
	display: flex;
	justify-content: center;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-size: min(118%,1.9vw);
	letter-spacing: 0.25em;
	line-height: 1.75em;
	font-weight: bold;
	color: #45371E;
	text-align: center;
}
.box1 .training_list li{
	width: 33.333%;
	max-width: 400px;
	padding: 0.15em 1em 0;
	box-sizing: border-box;
}
.box1 .training_list li p{
	margin-bottom: 1.8em;
}
.box1 .training_list li span{
	color: #6FC14F;
}
.box1 .training_list li div{
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
}
.box1 .training_list li:nth-child(2){
	border-left: 1px solid #6FC14F;
	border-right: 1px solid #6FC14F;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .training_list{
	font-size: min(118%,2vw);
	letter-spacing: 0.15em;
}
.box1 .training_list li p{
	margin-bottom: 1.4em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .detail{
	letter-spacing: 0.1em;
	margin-top: 1.2em;
}
.box1 .detail li{
	margin-top: 0.6em;
}
.box1 .detail li dl dt{
	width: 4.5em;
	padding: 0.8em 1em ;
}
.box1 .detail li dl dd{
	width: calc(100% - 4.5em);
	padding: 0.8em 1em ;
}
.box1 .training_list{
	display: block;
	font-size: 110%;
	letter-spacing: 0.1em;
}
.box1 .training_list li{
	width: 100%;
	max-width: 100%;
	padding: 0 5%;
}
.box1 .training_list li:nth-child(2){
	border-left: none;
	border-right: none;
	border-top: 1px solid #6FC14F;
	border-bottom: 1px solid #6FC14F;
	padding-top: 6%;
	padding-bottom: 8%;
	margin-top: 8%;
	margin-bottom: 6%;
}
.box1 .training_list li p{
	margin-bottom: 0.8em;
}
.box1 .training_list li div{
	width: 70%;
}	
}


/* ことばの教室外来の流れ
---------------------------------------------------------*/
.box2 .med_style1 dt .cyousei{
	letter-spacing: -0.4em;
}
.box2 .med_style1 dt .med{
	font-size: 53%;
	letter-spacing: 0.1em;
	line-height: 1em;
	color: #fff;
	padding: 0.5em 0.6em;
	border-radius: 0.375em;
	display: inline-block;
	transform: translateY(-0.3em);
	margin-left: 0.25em;
}
.box2 .med_style1 dt .med.hoken{
	background-color: #6FC14F;
}
.box2 .med_style1 dt .med.jihi{
	background-color: #F2B4AE;
}
.box2 .price_table{
	font-size: min(130%,2vw);
	letter-spacing: 0.25em;
	line-height:  n: 1.5em;
	width: 100%;
	border-bottom: 1px solid #BDB8B6;
	font-weight: bold;
	margin-top: 1em;
}
.box2 .price_table th{
	width: 55%;
	border-top: 1px solid #BDB8B6;
	padding: 0.5em 0.25em;
}
.box2 .price_table td{
	color: #C79B59;
	letter-spacing: 0.05em;
	width: 45%;
	background: #F7EFE4;
	border-top: 1px solid #BDB8B6;
	padding: 0.5em 0 0.5em 0.5em;
	text-align: center;
}
.box2 .price_table td small{
	font-size: 82%;
	letter-spacing: 0.05em;
	line-height: 1.5em;
}
.box2 .note_box{
	background-color: #F2F2EB;
	padding: 60px 4% 80px;
	box-sizing: border-box;
}
.box2 .note_box dl{
	max-width:1040px;
	margin: 0 auto;
}
.box2 .note_box dt{
	font-size: min(153%,2.7vw);
	letter-spacing: 0.25em;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1.4em;
	margin-bottom: 1.6em;
	position: relative;
}
.box2 .note_box dt::before{
	position: absolute;
	content: "";
	background: url("../images/kotoba/tri_line_b@2x.png") no-repeat center bottom;
	background-size: 100% auto;
	max-width: 567px;
	width:21.81em;
	height: 11px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}
.box2 .note_box dd li{
	padding-left: 2.5em;
	position: relative;
	margin-top: 0.25em;
}
.box2 .note_box dd li:first-child{
	margin-top: 0;
}
.box2 .note_box dd li::before{
	position: absolute;
	content: "";
	background: url("../images/kotoba/icon_check.svg") no-repeat left top;
	background-size: 100% 100%;
	width: 1.5em;
	height: 1.5em;
	left: 0;
	top: 0.225em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .price_table{
	font-size: 120%;
	letter-spacing: 0.2em;
}
.box2 .note_box{
	padding: 5% 4% 7%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_style1 dt .med{
	font-size: 60%;
	margin-left: 0.5em;
}
.box2 .price_table{
	font-size: 110%;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}
.box2 .price_table th span{
	margin-left: -0.5em;
	display: block;
}
.box2 .price_table td{
	padding: 0.5em;
}
.box2 .price_table td small{
	display: block;
}
.box2 .note_box{
	padding: 6% 5% 8%;
}
.box2 .note_box dt{
	font-size: 120%;
	padding-bottom: 1em;
	margin-bottom: 1.2em;
}
.box2 .note_box dt::before{
	max-width: 100%;
}	
}