@charset "UTF-8";

/*---------------------------------*/
/*ボタン*/
#btn+.contents_btn01 .content_wrapper>a {
    width: 100% !important;
    box-sizing: border-box;
    max-width: 600px;
}

@media screen and (max-width: 480px) {
    #btn+.contents_btn01 .content_wrapper>a {
        max-width: 300px;
    }
}

/*表*/
.block_table_7 .outer {
    overflow: unset;
}

table tr {
    border-top: 2px solid var(--i_main_color);
}

table th,
table td {
    background: #fafafa !important;
    border: 2px solid var(--i_main_color) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    text-align: center !important;
    padding: 10px !important;
}

table td {
    position: relative;
}

table td:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 25%;
    width: 1px;
    height: 50%;
    background: var(--i_main_color);
    pointer-events: none;
}


a[id^="h4_bg"]+section .heading.block_header_4 .h,
a[id^="h4_bg"]+section .heading.block_header_4 p {
    background: #fafafa;
}

a[id^="h4_bg"]+section>.content_wrapper,
.block_table_7>.content_wrapper,
a[id^="ad"]+section>.content_wrapper,
a[id^="tgl"]+div>.content_wrapper {
    background: #fafafa;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    padding: 30px 80px;
    box-sizing: border-box;
    width: calc(100% - 40px);
}

a[id^="h4_bg"]+section>.content_wrapper {
    padding-top: 10px;
}

#h4_bg_t+section>.content_wrapper {
    padding-top: 65px;
}

#b+div>.content_wrapper {
    padding-bottom: 65px;
}

#h4_bg_t+section,
#b+div {
    overflow: visible;
    z-index: -1;
}

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

    a[id^="h4_bg"]+section>.content_wrapper,
    .block_table_7>.content_wrapper,
    a[id^="ad"]+section>.content_wrapper,
    a[id^="tgl"]+div>.content_wrapper {
        padding: 10px 20px;
    }
}

#dot+div .heading.block_header_4 .h {
    font-size: 2rem !important;
}

#dot+div table th {
    width: 30%;
}

#dot+div table th div {
    position: relative;
    display: inline-block;
    padding-left: 22px;
}

#dot+div table th div::before {
    position: absolute;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
    left: 0;
    border-radius: 100%;
    background: var(--i_sub_color);
}

#dot+div table tr:last-of-type th div:before {
    background: var(--i_main_color);
}

@media screen and (max-width: 900px) {
    table tr {
        display: flex;
        flex-direction: column;
        border-bottom: 2px solid var(--i_main_color);
        border-top: 2px solid var(--i_main_color);
    }

    table tr:first-of-type {
        border-bottom: none;
    }

    table td::before {
        display: none;
    }

    table th,
    table td {
        border-bottom: 1px solid var(--i_main_color) !important;
    }

    #tgl+div .heading.block_header_4 .h {
        font-size: 2.2rem !important;
    }

    #dot+div .heading.block_header_4 .h {
        font-size: 1.7rem !important;
    }

    .block_table_7>.content_wrapper {
        padding-bottom: 40px;
    }

    #h4_bg_t+section>.content_wrapper {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #dot+div table th {
        width: auto;
    }
}

/*Admisio Process*/
a[id^="icon"]+section.contents_box01 .inner_item_txt .heading {
    margin-bottom: 0;
}

a[id^="icon"]+section .heading.block_header_2 .h {
    font-weight: bold;
    color: var(--i_txt_color);
    font-size: 2.5rem;
}

a[id^="icon"]+section.contents_box01 .inner_item_img img {
    width: auto !important;
    height: auto !important;
    border-radius: 50%;
}

.dec1_1:not(.block_images_21)>.content_wrapper {
    background: var(--i_main_color);
    color: #fff;
}

#img+.contents_box01 .inner_item_img {
    margin-right: 0;
}

#img+.contents_box01 .inner_item_img img {
    max-width: 326px !important;
}

@media screen and (max-width: 900px) {
    #icon+section {
        padding-bottom: 60px;
        margin-bottom: 20px;
    }

    #icon+section:before {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background: url("/common/upload_data/aiwininternationalschoolcojp/image/arrow.png") no-repeat bottom center;
        pointer-events: none;
    }

    a[id^="h4"]+section .heading.block_header_4,
    a[id^="h4"]+div .content_wrapper>.heading.block_header_4 {
        flex-direction: column;
        align-items: baseline;
    }
}

/*表*/
a[id^="ad"]+section>.content_wrapper {
    padding-top: 15px;
}

a[id^="ad"]+section .inner_item_txt {
    border-top: 2px solid var(--i_main_color);
    border-bottom: 2px solid var(--i_main_color);
    padding: 10px;
}

a[id^="ad"]+section .inner_item_txt p {
    margin: 0;
    font-size: 1.8rem;
}

a[id^="ad"]+section .inner_item_txt p span {
    color: var(--i_main_color);
    padding-right: 10px;
}

a[id^="ad"]+section .inner_item_txt div:first-of-type {
    border-bottom: 1px solid var(--i_main_color);
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a[id^="ad"]+section .inner_item_txt div:first-of-type p:last-of-type {
    border-left: solid 1px #5d2c63;
    padding-left: 20px;
}

a[id^="ad"]+section .inner_item_txt .last {
    display: flex;
}

a[id^="ad"]+section .inner_item_txt .last p span {
    min-width: 280px;
    display: inline-block;
}

a[id^="ad"]+section .heading.block_header_4 {
    margin-bottom: 8px;
}

a[id^="ad"]+section .heading.block_header_4 p {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0;
    color: var(--i_main_color);
}

#ad_tb+section>.content_wrapper {
    padding-bottom: 100px;
}

@media screen and (max-width: 900px) {
    a[id^="ad"]+section .inner_item_txt div:first-of-type {
        flex-direction: column;
        align-items: baseline;
    }

    a[id^="ad"]+section .inner_item_txt p {
        font-size: 1.6rem;
    }

    a[id^="ad"]+section .inner_item_txt p span {
        display: block;
    }

    a[id^="ad"]+section .inner_item_txt .last {
        flex-direction: column;
    }

    a[id^="ad"]+section .inner_item_txt .last p span {
        min-width: auto;
        display: block;
    }

    a[id^="ad"]+section .inner_item_txt {
        border-top: 2px solid var(--i_main_color);
        border-bottom: 2px solid var(--i_main_color);
        padding: 10px 0 !important;
    }

    a[id^="ad"]+section .inner_item_txt div:first-of-type p:last-of-type {
        border-left: none;
        padding-left: 0;
    }

    a[id^="ad"]+section .inner_item_txt div:first-of-type p:first-of-type {
        border-bottom: 1px solid var(--i_main_color);
        padding-bottom: 10px;
        margin-bottom: 10px;
        width: 100%;
    }

    a[id^="ad"]+section .heading.block_header_4 p {
        font-size: 1.4rem;
        line-height: 1.2;
    }
}

/*lv*/
#lv p span {
    font-size: 4rem;
}

@media screen and (max-width: 600px) {
    #lv p span {
        font-size: 3rem;
    }

    #lv p {
        height: 50%;
    }
}

/*btn*/
a[id^="btn"]+.contents_btn01 .content_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    width: calc(100% - 40px);
}

a[id^="btn"]+.contents_btn01 .content_wrapper>a {
    width: 100% !important;
    box-sizing: border-box;
    max-width: 300px;
    padding: 7px 10px !important;
    margin: 0;
}

a[id^="btn"]+.contents_btn01 a span {
    position: relative;
    padding: 0 0 20px;
}

a[id^="btn"]+.contents_btn01 a span::before {
    position: absolute;
    display: block;
    content: "入園案内資料";
    bottom: 0;
    pointer-events: none;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    left: 0;
　　　　border: none !important;
}


.contents_btn01:last-of-type a span::before {
  content: "お問い合わせ" !important;
}

#btn+.contents_btn01 .content_wrapper {
    justify-content: space-evenly;
}

#btn+.contents_btn01 .content_wrapper>a {
    max-width: 400px;
}

@media screen and (max-width: 980px) {
    #btn+div {
        padding-bottom: 10px;
    }

    a[id^="btn"]+.contents_btn01 .content_wrapper>a {
        margin-bottom: 10px;
    }

    a[id^="btn"]+.contents_btn01 .content_wrapper {
        justify-content: center;
    }
}

@media screen and (max-width: 980px) and (min-width: 480px) {
    a[id^="btn"]+.contents_btn01 .content_wrapper>a {
        margin-left: 5px;
        margin-right: 5px;
    }
}

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

    a[id^="btn"]+.contents_btn01 .content_wrapper>a {
        max-width: 320px !important;
        padding: 3px 10px !important;
    }

    a[id^="btn"]+.contents_btn01 .content_wrapper>a:last-of-type {
        margin-bottom: 0;
    }

    a[id^="btn"]+.contents_btn01 a span {
        font-size: 1.6rem;
    }

    a[id^="btn"]+.contents_btn01 a span::before {
        font-size: 1.4rem;
    }
}

/*h4見出し調整*/
@media screen and (max-width: 800px) {

    #h4+section .heading.block_header_4 .h,
    #h4+section .heading.block_header_4 p {
        width: auto;
    }

    #h4+section .heading.block_header_4 p {
        padding: 0 10px 0 0;
    }

    a[id^="h4"]+section .heading.block_header_4::before,
    a[id^="h4"]+div .content_wrapper>.heading.block_header_4::before {
        height: 1px;
        top: auto;
        bottom: 1rem;
    }
}

/*アコーディオン*/
#tgl+div .outer {
    display: none;
    padding-bottom: 20px;
}

#tgl+div .heading.block_header_4 {
    cursor: pointer;
    padding-right: 25px;
}

#tgl+div .heading.block_header_4::before,
#tgl+div .heading.block_header_4::after {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
    width: 16px;
    height: 2px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--i_main_color);
}

#tgl+div .heading.block_header_4::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .4s ease-in-out;
}

#tgl+div .heading.block_header_4.cl::after {
    transform: translateY(-50%) rotate(0deg);
    opacity: 0;
}

#tgl+div table td::before {
    display: none;
}

#tgl+div table tr,
#tgl+div table th,
#tgl+div table td {
    border: 1px solid var(--i_txt_color) !important;
}

#tgl+div table tr th {
    background: var(--i_main_color) !important;
    color: #fff;
}

#tgl+div table tr th:nth-of-type(2) {
    background: #703b76 !important;
}

a[id^="tgl"]+div>.content_wrapper {
    padding-top: 0;
    padding-bottom: 10px;
}

@media screen and (max-width: 900px) {
    #tgl+div table td {
        border-top: none !important;
    }
}

@media screen and (max-width: 800px) {
    a[id^="tgl"]+div>.content_wrapper {
        padding-bottom: 5px;
    }
}