@charset "UTF-8";
/* CSS Document */
h2 {
	font-size: 35px;
	text-align: center;
}

h3, h4,p{
	text-align:center;
}

.classes p{
    text-align: left;
}
footer h4 {
	text-align:left;
}
footer p{
	text-align: left;
}


/*見出しデザイン*/
.head {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 26px;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
}
p {
    margin:  0;             /* デフォルトCSS打ち消し */
    line-height: 2;         /* 行間調整 */
}
.head-point {
    display:  block;        /* ブロック要素にする */
    font-size:  14px;       /* 文字サイズ指定 */
    margin-top:  10px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: 140px;           /* 幅指定 */
    margin: 10px auto 0;    /* 周りの余白指定 */
    background-color:  #fff;/* 背景色指定 */
}
 
.head-point:before {
    content: '';            /* 空の要素を作る */
    height:  1px;           /* 高さ指定 */
    background-color:  #000;/* 背景色指定 */
    position:  absolute;    /* 位置調整 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
    z-index: -1;            /* 重なり調整 */
    width: 200px;           /* 幅指定 */
    left:  -30px;           /* 位置調整 */
}


/*写真の下の幅調整*/
.classes .p-b img{
	display: block;
	margin:0 auto;
}


/*レッスンスタイル 写真の調整*/
.frame-kids img {/*幼児英会話*/
	display: inline-block;
	box-shadow: 10px 10px #F8ACAC;
	width:100%;
}
.frame-2 {
	display: inline-block;
	position: relative;
	width:100%;
}
.frame-2:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(2deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}
/*レッスンスタイル*/
.classes .top p{
	margin-top:10px;
}



/*ここにも注目*/
.classes-more .frame-2 img{
	display: block;
	margin:0 auto;
}

.classes-more .line-top img{
	margin:10px auto 30px;
}


.classes .p-b, 
.classes-more .p-b{
	padding-bottom:30px;
}

.pic-right {
	float:right;
}


/*クラス詳細*/
.info-details {
width: 100%;
border-collapse: collapse;
}

.info-details th,td {
padding: 10px 15px;
border: 1px solid #ddd;
}

.info-details th {
background: #F8ACAC;/*幼児英会話*/
width: 30%;
text-align: left;
}

@media only screen and (max-width:479px) {
.info-details th,td {
width: auto;
display: block;
border-top: none;
}
.info-details tr:first-child {
border-top: 1px solid #d5d5d5;
}
}


.classes .top h4{
font-size: 1.2em;/* 文字の大きさ */
font-weight: bold;/* 文字の太さ */

border-bottom: 2px dashed #F8ACAC;/* 文字下の点線の太さ・種類・カラー */
margin-top: 20px;
padding: 0.2em 0.8em;
text-align:center;
}

/*問い合わせスクール*/
/*mommy & me*/
.btns_02{
  margin:30px -10px;
}
.btns_02 li{
  width:33.333%;
/*  padding:0 10px;*/
  display:inline-block;
  float:left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btns_02 li a{
  width:100%;
  padding:10px 0;
/*  color:#A8DBA8;*/
  font-size:16px;
  background:#fff;
/*  border:2px solid #A8DBA8;*/
  text-decoration:none;
  text-align:center;
  display:block;
  position:relative;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.btns_02 li a:hover{
  background:#F8ACAC;
  color:#fff;
}

.otoiawase .row{
	margin-top:10px;
}

/*問い合わせ　豊見城校*/
.otoiawase h4{
	margin-top: 20px;
}