@charset "utf-8";
/* CSS Document */

.mb-00 { margin-bottom: 0 !important; }
.mt-00 { margin-top: 0 !important; }

.ch_block { display: flex; justify-content: space-between !important; flex-wrap: wrap !important; }
.heading-with-image > div.ch_ttl { display: flex; padding: 2rem !important; flex-flow: column; text-align: left; justify-content: center; }
.ch_ttl h2 { font-size: 240%; font-weight: 500; font-family: 'Poppins', sans-serif; }
.ch_ttl p { font-weight: 600; margin: 0 !important; }
@media all and (max-width: 900px) {.ch_ttl h2 { font-size: 200%;}}
@media all and (max-width: 767px) {
.heading-with-image > div.ch_ttl { display: flex; padding: 1.2rem 1.5rem !important; } }

.page-main .branches ul li { line-height: 1.2rem !important; }

.block01 { margin-top: 5rem; }
.block01:first-child { margin-top: 0; }

.color-or { color: #ff7320; }

/* table */
.teacher_list { width: 100%; }
.org_list { max-width: 360px; width: 100%; }
@media all and (min-width: 768px) {
.teacher_list { min-width: 800px; } }
.table_sc01 { width: 100%; }

.table-scroll04 { max-width: 800px; overflow-x: auto; }

@media all and (max-width: 767px) {
.table-scroll {overflow-x: auto;}.table-scroll td {white-space: nowrap;}
.table-scroll02, .table-scroll03 {overflow-x: auto;}}

.table-scroll03 table { width: 100%; }
.table-scroll03 table td { text-align: right; }
.table-scroll03 table th { text-align: left !important; vertical-align: middle; background-color: #fff !important; color: #333 !important; }
.table-scroll03 table tr:first-child th, .table-scroll03 table tr:nth-child(2) th { text-align: center !important; background-color: #fff8f4 !important; color: #ff7320 !important; }

.table-scroll03 table tr:nth-child(2) th { font-size: 80% !important; white-space: normal !important; }
.table-scroll03 table.table_odd tr:nth-child(2n) td { background-color: #f1f8fb !important; }
.bg_tbl { background-color: #fff8f4 !important; }
.table-scroll03 table th.bg_tbl { background-color: #fff8f4 !important; }
table strong { font-size: 100% !important; }
table.txt_s strong { font-size: 90% !important; }

/* img */
.r_img { border-radius: 12px; }
@media all and (max-width: 767px) {
figure.pull-right.pull-nosp, figure.pull-left.pull-nosp { float: none; width: 100%; margin: 0 0 10px; }}


/* li */
.page-main a.pdf[target="_blank"]::after,
.page-main a.doc[target="_blank"]::after,
.page-main a.xls[target="_blank"]::after,
.page-main a.ppt[target="_blank"]::after,
.page-main a.new[target="_blank"]::after { width: 32px !important; background-image: none !important; }

/* gakumon no susume */
.r_block { display: flex; justify-content: space-between; flex-wrap: wrap; }
.r_txt, .r_img { width: 48.5%; }
.r_img div { margin-bottom: 36px; }
.r_img div p { font-size: 90% !important; line-height: 1.4 !important; }
.r_img div:last-child { margin-bottom: 0; }
@media all and (max-width: 767px) {
.r_txt { width: 100%; }
.r_img div { margin-bottom: 0; }
.r_img { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.r_img div { width: 48.5%; }
}
@media all and (max-width: 480px) {.r_img div { width: 100%; }}

.mrk_block {
    background-color: #fdf1e9;
    padding: 2rem;
    border-radius: 10px;
}
.mrk_block h4 strong { color: #ff7320; }
@media all and (min-width: 768px) {
.mrk_block figure.pull-right { width: 27% !important; margin-left: 1.3rem !important; }}
.mrk_block p { margin-bottom: 0 !important; }

/* btn */
.flex_block { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
.btn_s03 a.btn-arrow { align-items: center; align-content: center; line-height: 1.6; }
@media all and (min-width: 768px) {
.flex_block::after { content: ""; width: 31.5%; display: block; }
.btn_s03 { width: 31.5%; margin-bottom: 18px; }
.btn_s03:nth-last-child(-n+3) { margin-bottom: 0; }}
@media all and (max-width: 767px) and (min-width: 481px) {
.btn_s03 { width: 48.5%; margin-bottom: 15px; }
.btn_s03:nth-last-child(-n+2) { margin-bottom: 0; }}
@media all and (max-width: 480px) { 
.btn_s03 { width: 100%; margin-bottom: 12px; }
.btn_s03:last-child { margin-bottom: 0; }}

.brd_block { border-top: 1px solid #ececec; margin-top: 48px; padding-top: 48px; }
@media all and (max-width: 767px) { .brd_block { padding-bottom: 60px; } }

/* txt 他 */
html { scroll-padding-top: 120px; }
@media all and (max-width: 767px) { img { max-width: 100%; } h1 { font-size: 2.2rem; line-height: 3.2rem; } }
@media all and (max-width: 480px) { .page-main h1 { font-size: 2.0rem; line-height: 2.9rem; } }
.or_ttl01 { background:#ff7320;color:#fff;padding:2px 10px 3px; }
strong.st_nrm { font-size: 1rem !important; }
.txt_s { font-size: 90% !important; }
.txt_ss { font-size: 80% !important; }
