@charset "UTF-8";
/* ======================================================= */
.pagevisual_bg {
    background: url(/edu/introduction/support/img_db/pagevisual.jpg)no-repeat center;
    background-size: cover;
}
/* ===================== */
.edu_color--box {
	padding: 70px 5%;
}
/* ===================== */
.ul-img_flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 40px;
}
.ul-img_flex img {
    border-radius: 20px;
}
.support .btn_more {
    margin: 0;
}
/* ===================== */
.ttl-main::before{
    position: absolute;
    top: -35px;
    display: block;
}
.support .ttl-main::before {
    content: url("/edu/introduction/support/img_db/ttl-support.png");
}
.program .ttl-main::before {
    content: url("/edu/introduction/support/img_db/ttl-program.png");
}
/* ===================== */
section.program {
    margin-top: 100px;
}
.overflow-table {
    margin: 65px 0;
}
.program table {
    border-collapse: collapse;
    border: solid 2px #05626D;
}
.program th , .program td {
    border: solid 1px #05626D;
}
tr.th-top th {
    background: #05626D;
    color: #fff;
    border-right: solid 1px;
    text-align: center;
}
tr.th-top th:nth-child(1) {width: 60px;}
tr.th-top th:nth-child(2) {width: 110px;}
tr.th-top th:nth-child(3) {width: 300px;}

.program td {
    padding: 15px 10px;
    vertical-align: baseline;
}
.program td.grade {
  background: #87B6BC;
  color: #fff;
  font-weight: bold;
    writing-mode: horizontal-tb;
    text-orientation: upright;
    text-align: center;
    padding: 0 20px;
}
.program td.white {
  background: #fff;
}
.program td.month , .program td:last-child {
  background: #EBFAFC;
}
/* 
====================================================================================
====================================================================================
ÒÔÏ¥쥹¥Ý¥ó¥·¥Ö
====================================================================================
==================================================================================== */
@media screen and (max-width: 1200px) {}
/*¥¿¥Ö¥ì¥Ã¥È£¨¿k£©*/
@media screen and (orientation: portrait) and (min-width: 768px){}

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

@media screen and ( max-width: 767px ){
.pollicy-contents .ttl-main {
    margin-bottom: 30px;
}
.pollicy-contents {
    max-width: 96%;
    padding: 70px 5% 45px;
}
.policy-dd {
    margin-inline-start: 0;
}
.ul-img_flex {
    flex-direction: column;
}
/* ===================== */
.overflow-table {
    overflow-x: auto;
}
.program table {
    font-size: 1.4rem;
    width: 655px;
}
tr.th-top th:nth-child(1) {
    width: 45px;
}
.program td {
    padding: 10px 10px;
}
.program td.grade {
    writing-mode: horizontal-tb;
    text-orientation: upright;
    text-align: center;
    padding: 0 15px;
}
tr.th-top th:nth-child(2) {
    width: 95px;
}
tr.th-top th:nth-child(3) {
    width: 180px;
}
}