@charset "utf-8";
/* ===================================
コンテンツページ新定義 2019.11.21
======================================
定義メディアクエリ
PC　(min-width:1200px)  
TABLET　(max-width:1199px) and (min-width:768px) 
SP　(max-width:767px)
*/
#NewInner{
    margin: 15px 0 0 0 !important;
    letter-spacing:0!important;
    color: #4D4C4C!important;
    text-align:left!important;
}
@media screen and (min-width:1200px)   { /* PC */
#NewInner{
    margin: 20px 0 0 0 !important;
}}

/* @media screen and (max-width:767px) { /* SP */
/* #NewInner{
    margin: 110px 0 0 0 !important;
}}
@media screen and (max-width:1199px) and (min-width:768px)  { /* tablet */
/* #NewInner{
    margin: 110px 0 0 0 !important;
}}
*/
#NewInner h1{font-size:180% !important; }
#NewInner h2{font-size:180% !important; }

@media screen and (max-width:767px) { /* SP */
#NewInner h1{font-size:130% !important;
    line-height: 1.3em;
    }
#NewInner h2{font-size:130% !important;
    line-height: 1.3em;
}    }

#NewInner section{display: block!important;}

/* ======================================
 見出し関連
====================================== */
.MidashiBox{
    margin: 0 !important;
    padding: 14px 10px 10px;
    background: #f5faff url(../images/common/bg_news_t.png);
    text-align: center;
    border: 1px solid #005bac;
    border-bottom: none;
}

.MiniCatch{font-size: 110%;text-align: center;}
.BigCatch_green{
    font-size: 160%;
    color: #00a098;
    text-align: center!important;
    margin-bottom: 10px;
}

.small{
    font-size: 12px;
}

.zissen_tl{
    display: table;
    font-size: 1.8em;
    color: #005bac;
    margin: 0 auto 20px;
    padding-bottom: 3px;
    border-bottom: 3px solid #005bac;
    line-height: 1.2;
}

@media screen and (max-width:767px) { /* SP */   

    .BigCatch_green{
        font-size: 130%;
        line-height: 1.6em;
    }

    .zissen_tl{
        font-size: 1.6em;
    }

} 
    
/* ======================================
 文字装飾
====================================== */
.green_text{color: #00a098;}

/* ======================================
 段落ボックス
====================================== */

/* 現状のデフォルトでは1行文字数が多すぎるため余白増 */    
.BluelineBox{
    padding: 30px 100px;
    border: 1px solid #005bac;
}
@media screen and (max-width:1199px) and (min-width:768px) { /*tablet */
.BluelineBox{
    padding: 10px 10px;
    border: 1px solid #005bac;
}}
@media print, screen and (max-width:767px) { /* SP */
.BluelineBox{
    padding: 10px 10px;
    border: 1px solid #005bac;
}}

/* 汎用BOX */  
.BoxCenter{
    text-align: center!important;
}
.BoxLeft{
    text-align: left!important;
}
/* ======================================
 画像
====================================== */
/*PCで横に2画像並べる場合*/
@media screen and (max-width:767px) { /* SPは縦に2個 */
.Img_Two_in{
    width: 100%;
    height: auto;
}}

@media screen and (max-width:1199px) and (min-width:768px){ /* tabletは画像縮小表示させ横に並べる */
.Img_Two_in{
    width: 48%;
    height: auto;
}}


/* ======================================
 横スクロールさせる
====================================== */
.YokoScroll{overflow: auto;
    white-space: nowrap;
}

/* ======================================
 二列リスト
====================================== */ 
.listBox_Pink li{
    width: 47%;
    text-align: center;
    font-size: 120%;
    float: left;
    background-color: #FFE7F6;
    padding: 10px;
    margin: 10px;
}
.listBox_green li{
    width: 47%;
    text-align: center;
    font-size: 120%;
    float: left;
    background-color: #D1EFED;
    padding: 10px;
    margin: 10px;
}
@media screen and (max-width:1199px)  { /* SP・tablet */
.listBox_Pink li,.listBox_green li{
    width: 100%;
    margin: 10px 0!important;
    padding: 10px 0!important;
    line-height: 1.2em;
}}

/* ======================================
 お客様の声的レイアウト（顔＋コメント）
====================================== */

.listBox_voice li{
    width: 100%;
    float: left;
    padding: 10px 10px!important;
    margin: 10px 0!important;
    border: dotted 1px #CCC;
    line-height: 1.6em;
}
.listBox_voice img{
     float: left;margin: 0 10px!important;}

/* ======================================
 2カラム段落 
====================================== */

.innerL {
    width: 49%;
    margin: 0 0 20px 0;
    float: left;
}
.innerR {
    width: 49%;
    text-align: center;
    padding: 0;
    float: right;
}

@media screen and (max-width:767px) { /* SP */
.innerL {
    width: 100%;
    margin: 0 0 20px 0;
    float: left;
}
.innerR {
    width: 100%;
    text-align: center;
    padding: 0;
    float: right;
}}
@media screen and (max-width:1199px) and (min-width:768px) { /*tablet */
.innerL {
    width: 100%;
    margin: 0 0 20px 0;
    float: left;
}
.innerR {
    width: 100%;
    text-align: center;
    padding: 0;
    float: right;
}}
@media screen and (max-width:767px) { /* SP */
.innerL img,.innerR img{
    width: 100%;
    height: auto;
}}
@media print, screen and (max-width:1199px) and (min-width:768px) { /*tablet */
.innerL img,.innerR img{
    width: 80%;
    height: auto;
}}
@media screen and (min-width:1200px) { /* PC */
.innerL img,.innerR img{
    width: 460px;
    height: auto;
}}

/* ======================================
ページ内リンク（第一段落下に設置）
====================================== */
.inlink_area {
    margin: 30px 0!important;
    padding: 15px;
    position: relative;
    background: #E7EBF0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: 0!important;
}
.inlink_area
 span {
    padding: 4px 8px;
    font-size: 13px;
    position: absolute;
    top: -15px;
    left: 10px;
    background: #11B4E5;
    border: 2px solid #fff;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    color: #fff;
    line-height: 1;
}
.inlink_area
 li{
    line-height: 1.2;
    padding: 10px 0;
}
.inlink_area
 a:link {
	position: relative;
	padding: 0 0 0 15px;
}
.inlink_area
 a:after {
	content: " ";
	position: absolute;
	top: 6px;
	left: 0;
	background-size: 10px 10px;
	width: 10px;
	height: 10px;
}

@media screen and (min-width:1200px) { /* PC */
	.inlink_area li { 
		float: left;
		width: 20%;
	}
}
@media screen and (min-width:1200px) { /* PC */
	.inlink_area_4item li { 
		float: left;
		width: 25%;
	}
}
@media screen and (min-width:1200px) { /* PC */
	.inlink_area_3item li { 
		float: left;
		width: 33%;
	}
}

@media screen and (max-width:1199px) and (min-width:768px) { /*tablet */
.inlink_area
 li { 
		float: left;
		width: 50%;
	}
}
@media screen and (max-width:767px) { /* SP */
.inlink_area {
    padding: 15px; 
    }
}
/* ============================================================================
講座一覧(校舎別要項)
============================================================================ */
.kosyaBox{
	width: 100%;
	padding: 10px;
	background-color: #EEF1F5;
	letter-spacing: 0!important;
}
.kosyaBox .clearfix::before, .kosyaBox .clearfix::after{display: none;}
.kosyaBox p{
	line-height: 1.4em;
	margin: 10px 0;
	}
.kosyaBox ul{
	display: flex;
	flex-wrap: wrap;
}	
.kosyaBtn li{
	width: calc(94% / 6);
	height: 36px;
	margin: 0 5px 8px;
	background-color: #288cd6;
	text-align: center;
	padding: 5px 10px 0 10px;
	vertical-align: baseline;
	font-size: 14px;
}

.kosyaBtn li a{
	color: #fff;
	display: block!important;
}
@media screen and (max-width: 768px) {
.kosyaBtn li{
	width: calc(93% / 3);
	height: 36px;
	font-size: 95%!important;
}}
@media screen and (max-width: 576px) {
.kosyaBox ul{justify-content:space-between;}
.kosyaBtn li{
	width: calc(93% / 2);
	font-size: 0.85rem!important;
	padding: 8px 3px 0 3px;
}}

@media screen and (max-width: 320px) {
.kosyaBox{padding:7px 5px;}
.kosyaBtn li{
	width: calc(90% / 2);
	font-size: 0.75rem!important;
	padding: 8px 3px 0 3px;
}}
/* ============================================================================
event 見出し
============================================================================ */

.label_subject {
    font-size: 12px;
    background: #005BAC;
    color: #fff;
    padding: 2px 10px;
    border-radius: 2px;
    margin: 0 5px 0 0;
    min-width: 50px;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
}

.festa_point{
    margin: 15px 0;
    padding:10px 10px 0 10px;
    border: 2px solid #005bac;
}

.festa_tl{
    color: #005bac;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 5px;
}

.festa_point ul li{
    margin-bottom: 8px;
}

.festa_point ul li:before{
    content: "";
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url(/images/common/icon_point.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.festa_pre{
    margin-bottom: 15px;
}

.festa_pre span{
    color: #005BAC;
    font-size: 1.1em;
    font-weight: 600;
    padding-bottom: 3px;
    border-bottom: 2px dashed #005BAC;
}

.festa_pre_txt{
    color: #005BAC;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .festa_point ul li{
       text-indent: -1.2em;
       padding-left: 1.2em;
    }
}

/* メディア一覧 */

.media_txt{
    margin:30px 0 0 10px;
}

.media_txt p{
    margin-bottom: 10px;
}


.media_label{
    color: #fff;
    margin-right: 5px;
    padding: 3px 5px;
    background-color: #005bac;
}

@media screen and (max-width: 768px) {

    .media_txt{
        margin:15px 0 0 0;
    }

    .media_label{
        display: block;
        margin:0 0 5px 0;
    }

    .festa_pre{
        line-height: 1.8;
    }

    .festa_pre span{
        font-size: 1.0em;
        padding-bottom: 0;
    }

}

.pre_box{
    display: grid;
    grid-template-columns: 0.15fr 1fr;
    margin-bottom: 10px;
}

.label_new span{
    font-size: 12px;
    background: #6e6e6e;
    color: #fff;
    padding: 2px 10px;
    border-radius: 2px;
    text-align: center;
    line-height: 1.5;
}

#newH1 span{
    font-size: 16px;
}

.tl_point{
    font-size: 1.2em;
    font-weight: 600;
    margin: 10px 0;
    text-align: center;
}

.pre_box_mT{
    margin-top: 15px;
}

.pre_box_mT_other{
    margin-top: 5px;
}

.TaikenTable hr{
    width: 100%;
    border-top: 1px #ABAAAA dotted;
}

.pre_box_day{
    color: #393939;
    font-weight: 600;
}

.seminar_wrap{
    display: flex;
    justify-content: space-between !important;
    gap: 1em;
}

@media screen and (max-width: 768px) {

    .tl_point{
        font-size: 1.1em;
    }

    .label_subject{
        display: block;
        margin-bottom: 5px;
    }

    .pre_box{
        grid-template-columns: 1fr;
    }

    .label_new span{
        display: block;
        margin-bottom: 5px;
    }

    .TaikenTable_hr hr{
        display: block !important;
        margin: 20px auto;
    }

    .seminar_wrap{
        display: grid;
    }

    .seminar_wrap_one{
        order: 1;
    }

    .seminar_wrap_two{
        order: 2;
    }

}

/* 入試実践演習 241001追加　*/

.web_zissen_kv{
    display: table;
    margin: 30px auto 10px;
}

.web_zissen_point{
    display: grid;
    gap: 1em;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
    margin-bottom: 40px;
}

.web_zissen_point li{
    color: #fff;
    padding: 2px 10px;
    text-align: center;
    background: #0b74c7;
    letter-spacing: 0.15em;
    border-left: 7px solid #99d0fb;
}

#NewInner h2.zissen_con_tl{
    
    color: #005bac;
    font-size: 1.4em !important;
    padding: 15px 10px 14px 10px;
    border: 1px solid #005bac;
    border-bottom: none;
    text-align: center;
    background: #f5faff url(../images/common/bg_news_t.png);
}

.zissen_mini_tl{
    color: #005BAC;
    font-size: 1.4em;
    letter-spacing: 0.1em;
    line-height: 1.3;
}

.TaikenTable table tr th {
    color: #fff;
    padding: 0;
    background: #0b74c7;
    font-weight: 100;
    line-height: 1.0;
}

span.c_vector{
    color: #005BAC;
    font-size: 0.8em;
    margin-right: 5px;
    vertical-align: middle;
}

.parent_voice_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    align-items: flex-start;
}

.parent_voice_box li{
    padding: 10px;
    background: #fbfbfb;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #dddddd;
}

.parent_voice_img{
    text-align: center;
    background: aliceblue;
}

.parent_voice_img img{
    width: 45%;
}

.parent_voice_txt{
    font-size: 0.9em;
    margin-bottom: 0;
}


@media screen and (max-width: 768px) {

    .web_zissen_kv{
        margin: 20px auto 0px;
    }

    .web_zissen_kv img{
        width: 95%;
        margin: 0 auto;
    }

    .web_zissen_point{
        margin-top: 10px;
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }

    .web_zissen_point li{
        font-size:1em;
        padding: 3px 0px;
    }

    #NewInner h2.zissen_con_tl{
        padding-top: 16px;
        line-height: 1.4em;
    }

    .zissen_mini_tl{
        font-size: 1.2em;
    }

    .TaikenTable table tr th {
        padding: 8px 0 5px;
    }

    span.c_vector{
        margin: 0 5px;
    }

    .TaikenTable table tr td{
        font-size: 0.9em;
    }

    .TaikenTable table tr td {
        padding: 10px;
    }

    .sp_pd{
        padding: 20px 20px 0 20px;
    }
}

/* 年長対象特別体験会 241002追加*/

.acbox-under div.tore_schedule_box{
    width: 48% !important;
    display: inline-block;
    vertical-align: top;
}

.tore_schedule_box table{
    width: 100%;
    border: 1px solid #d9d9d9;
    text-align: center;
}

.tore_schedule_box th{
    color: #fff;
    font-weight: normal;
    padding: 3px 0;
    background-color: #005BAC;
}

.tore_schedule_box th:nth-of-type(2n){
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.tore_schedule_box td{
    padding: 5px 0 3px;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
}

.tore_schedule_c{
    background-color: #f3f9ff;
}

.line_18{
    line-height: 1.8;
}

.tore_schedule_txt{
    color: #005bac;
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 0 5px;
}

.tore_schedule_txt span{
    font-size: 0.8em;
    vertical-align: middle;
}

.tore_schedule_vector{
    color: #005BAC;
    font-size: 0.7em;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

p.tore_schedule_day {
    color: #0b74c7;
}

@media screen and (max-width: 768px) {

    .acbox-under div.tore_schedule_box{
        width: 100% !important;
        margin-bottom: 15px;
    }

    .tore_schedule_box th,
    .tore_schedule_box td{
        font-size: 0.9em;
    }

    .tore_schedule_txt{
        font-size: 0.9em;
    }

    .parent_voice_box{
        grid-template-columns:1fr;
        gap: 1.5em;
    }

    .parent_voice_box li{
        display: grid;
        grid-template-columns: 0.5fr 1fr;
        gap: 1em;
        align-items: center;
    }

    .parent_voice_box li:last-child{
        margin-bottom: 20px;
    }

    .parent_voice_img img{
        width: 80%;
    }

    .parent_voice_img{
        margin-bottom: 0;
    }

}