@charset "utf-8";


/* ============================================
   キッズパル「小学校受験コース produced by 理英会とは」
============================================ */

#Classroom article .i_title2 {
  margin-top: 140px;
  margin-bottom: 0;
  padding: 2.3em 0;
  background-color: #2089D2;
  font-size: 2.5em;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  #Classroom article .i_title2 {
    font-size: 2em;
	line-height: 1.5;
    padding: 2em 0;
  }
}

.bg-kids{
    margin:0;
    background:#fdf1d6;
    font-family:
    "Hiragino Mincho ProN",
    "Yu Mincho",
    serif;
    position:relative;
    overflow:hidden;
    z-index:1;
}
/* 右下画像 */
.bg-kids::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:65%;
    height:100%;
    background-image:url("/img/kidspal-static/about/bg_about_02.jpg");
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size:contain;
    opacity:0.95;
    z-index:-1;
    pointer-events:none;
}

.course-wrap{
    max-width:1400px;
    margin:auto;
    padding:60px 30px 100px;
}
.section-title{
    text-align:center;
/*    font-size:56px;*/
    margin-bottom:80px;
    line-height:1.4;
}
.course-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:56px;
    position:relative;
    z-index:2;
}
.course-card{
    background:#fff;
    padding:22px;
    min-height:390px;
    box-sizing:border-box;
}
.course-card h3{
    color:#fff;
    text-align:center;
    padding:18px;
    margin:0 0 28px;
}
.course-card p{
    line-height:2.2;
    margin:0;
}
#Classroom #Event h3 {
  line-height: 1.4;
}
#Classroom #Event .course-card h3 {
  font-size:1.5em;
  padding-bottom: 15px;
  border-bottom: none;
}
/* カラー */
.blue h3{
    background:#1063A9;
}
.green h3{
    background:#7DAC00;
}
.orange h3{
    background:#F4922F;
}
.pink h3{
    background:#F05E8B;
}

.policy-section{
    max-width:1200px;
    margin:auto;
    padding:60px 30px 100px;
}
.policy-wrap{
    display:grid;
    grid-template-columns:1.3fr 0.7fr;
    gap:55px;
    align-items:stretch;
}
.policy-box{
    background:#f7eded;
    padding:55px 55px 20px;
    box-sizing:border-box;
}
.policy-item{
    display:flex;
    align-items:flex-start;
    gap:38px;
    margin-bottom:70px;
}
.policy-num{
    width:70px;
    height:70px;
    background:#f50012;
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
	font-size: 1.5em;
    flex-shrink:0;
}
.policy-text{
    line-height:1.9;
    margin-top:8px;
	font-size: 1.2em;
}
.policy-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
#Classroom #Event h3 {
  border-bottom: none;
}
#Classroom #Event .u_pagelink.i_pagelink li {
	max-width: 340px;
	width: 100%;
	line-height: 1.6;
}
#Classroom #Event .u_pagelink.i_pagelink li .blue{
	 background:#1063A9;
}
#Classroom #Event .u_pagelink.i_pagelink li .green{
	 background:#7DAC00;
}
#Classroom #Event .u_pagelink.i_pagelink li .orange{
	 background:#F4922F;
}
#Classroom #Event .u_pagelink.i_pagelink li .pink{
	 background:#F05E8B;
}
#Classroom .u_class_timetable section{
	padding-top: 0 !important;
}
.course-section{
    padding:70px 30px;
}
.course-inner{
    max-width:1400px;
    margin:auto;
}
/* 上ライン */
.course-line{
    width:420px;
    height:6px;
    margin:0 auto 20px;
}
/* サブタイトル */
.course-subtitle{
    text-align:center;
    font-size:26px;
    margin-bottom:12px;
}
/* タイトル */
.course-title{
    text-align:center;
    font-size:72px;
    font-weight:700;
    margin:0 0 45px;
    line-height:1.3;
}
/* コンテンツ */
.course-content{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:55px;
    align-items:center;
}
/* 画像 */
.course-image img{
    width:100%;
    display:block;
}
/* テキストBOX */
.course-box{
    background:#fff;
    padding:35px 40px;
    box-sizing:border-box;
}
/* 見出し */
.course-heading{
    display:flex;
    align-items:center;
    gap:18px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:22px;
}
/* 丸 */
.course-dot{
    width:24px;
    height:24px;
    border-radius:50%;
    flex-shrink:0;
}
.course-text{
    line-height:2.1;
}
.course-text ol{
    margin:0;
    padding-left:28px;
}
.course-text li{
    margin-bottom:10px;
}

/* 年長 */
.blue-section{
    background:#eef4f9;
}
.blue-line,
.blue-dot{
    background:#1d83e6;
}
.blue-subtitle,
.blue-title{
    color:#1d83e6;
}
/* 年中 */
.green-section{
    background:#f1f5de;
}
.green-line,
.green-dot{
    background:#7ea700;
}
.green-subtitle,
.green-title{
    color:#7ea700;
}
/* 年少 */
.orange-section{
    background:#f8efe2;
}
.orange-line,
.orange-dot{
    background:#f58a00;
}
.orange-subtitle,
.orange-title{
    color:#f58a00;
}
/* 幼稚園 */
.pink-section{
    background:#f8e9f3;
}
.pink-line,
.pink-dot{
    background:#ef7db8;
}
.pink-subtitle,
.pink-title{
    color:#ef7db8;
}
@media screen and (max-width: 1200px){
    .course-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .bg-kids::after{
        width:58%;
        opacity:0.5;
    }
    .policy-wrap{
        grid-template-columns:1fr;
    }
    .policy-image{
        max-width:700px;
        margin:auto;
    }
    .course-content{
        grid-template-columns:1fr;
    }
    .course-image{
        max-width:650px;
        margin:auto;
    }
}

@media screen and (max-width: 768px){
    .course-wrap{
        padding:40px 20px 70px;
    }
    .section-title{
        margin-bottom:40px;
    }
    .course-grid{
        grid-template-columns:1fr;
        gap:30px;
    }
    .course-card{
        min-height:auto;
    }
    .course-card p{
        line-height:2;
    }
    /* SPでは背景画像非表示 */
    .bg-kids::after{
        display:none;
    }
    .policy-section{
        padding:40px 20px 70px;
    }
    .section-title{
        margin-bottom:40px;
    }
    .policy-box{
        padding:35px 25px 10px;
    }
    .policy-item{
        gap:20px;
        margin-bottom:45px;
    }
    .policy-num{
        width:55px;
        height:55px;
		font-size: 1.1em;
    }
    .policy-text{
        line-height:1.8;
        margin-top:0;
		font-size: 1em;
    }
	#Classroom #Event .u_pagelink.i_pagelink li {
	  max-width: 500px;
	  width: 100%;
	}
    .course-section{
        padding:45px 20px;
    }
    .course-line{
        width:180px;
        height:4px;
        margin-bottom:15px;
    }
    .course-title{
        margin-bottom:30px;
    }
    .course-content{
        gap:25px;
    }
    .course-box{
        padding:25px 20px;
    }
    .course-heading{
        gap:12px;
        margin-bottom:18px;
    }
    .course-dot{
        width:18px;
        height:18px;
    }
    .course-text{
        line-height:2;
    }
}