body {
    width: 102%;
    margin: 0;
    color: #5B2E07;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

p {
    margin: 0;
    color: black;
    font-family: "メイリオ";
}

#clear {
    clear: both;
}

/* ========== ID ここから ========== */
#container {
    width: 100%;
}

.logo {
    height: 150px;
    width: 490px;
    margin: 0 auto;
    background-image: url(img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 60;
    position: fixed;
    top: 14px;
    left: 30%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

@media screen and (min-width: 1024px) {
    .logo {
        height: 150px;
        width: 490px;
        margin: 0 auto;
        background-image: url(img/logo.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 60;
        position: fixed;
        top: 14px;
        left: 25%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }

}

/* ========== ハンバーガーメニュー ========== */
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ol,
ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

.pad {
    padding: 0;
}

.cp_cont {
    height: 0;
}

.cp_offcm02 {
    position: fixed;
    z-index: 15;
    top: 110px;
    left: -100%;
    overflow-y: scroll;
    overflow: hidden;
    height: 100%;
    width: 100%;
    color: #00185C;
    padding-top: 60px;
    -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
    opacity: 0;
    background-color: white;
}

.cp_offcm02 li {
    width: auto;
    margin: 0 50px;
    display: block;
    color: #FFFFFF;
    border-bottom: 1px solid #074983;
    /*drawer内ライン色*/
    font-size: 50px;
    text-align: center;
}

.cp_offcm02 a {
    padding: 10px 15px;
    display: block;
}

.cp_offcm02 a:hover {
    background-color: #074983;
    /*drawer内選択時色*/
    color: white;
    /* 	margin-left:-40px; */
}

.cp_mobilebar {
    display: block;
    z-index: 16;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 86.5vw;
    width: 100%;
    height: 181px;
    background-color: #00185C;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.cp_menuicon {
    display: block;
    position: relative;
    width: 90px;
    height: 100%;
    cursor: pointer;
    -webkit-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
}

.cp_menuicon>span {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    width: 100%;
    height: 10px;
    border-radius: 30px;
    background-color: white;
    -webkit-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
}

.cp_menuicon>span:before,
.cp_menuicon>span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    border-radius: 30px;
    background-color: white;
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
}

.cp_menuicon>span:before {
    -webkit-transform: translateY(-0.6em);
    transform: translateY(-2.5em);
    /*上ボーダー間隔*/
}

.cp_menuicon>span:after {
    -webkit-transform: translateY(0.6em);
    transform: translateY(2.5em);
    /*下ボーダー間隔*/
}

#cp_toggle02:checked+.cp_mobilebar .cp_menuicon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#cp_toggle02:checked+.cp_mobilebar span:before,
#cp_toggle02:checked+.cp_mobilebar span:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#cp_toggle02:checked~.cp_offcm02 {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    transform: translateX(100%);
}

#cp_toggle02:checked~.cp_container {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
}

.cp_offcm02 a:checked+.cp_mobilebar .cp_menuicon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cp_offcm02 a:checked+.cp_mobilebar span:before,
.cp_offcm02 a:checked+.cp_mobilebar span:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.cp_offcm02 a:checked~.cp_offcm02 {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.cp_offcm02 a:checked~.cp_container {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
}

.link_box {
    width: 100%;
    font-size: 60px;
    background-color: transparent;
    color: #074983;
    border: 0px;
    padding: 15px 0;
    outline: none;
}

.link_box:hover {
    color: white;
}

#cp_toggle02 {
    display: none;
}





@media screen and (min-width: 992px) {
    .cp_cont {
        height: 0;
    }

    .cp_offcm02 {
        position: fixed;
        z-index: 15;
        left: 0;
        visibility: visible;
        overflow: auto;
        width: 100%;
        height: 190px;
        padding-top: 0;
        text-align: center;
        opacity: 0.9;
        top: -15px;
        background: #fff;
        margin-bottom: 10px;
        box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.16);
    }

    .cp_offcm02 nav {
        background: transparent;
    }

    .cp_offcm02 nav,
    .cp_offcm02 ul {
        width: 87%;
        height: auto;
        margin: 50px 0 0 auto;
        padding: 0;
    }

    .cp_offcm02 li {
        width: auto;
        margin: 0;
        display: inline-block;
        margin-right: -6px;
        border: none;
        color: #1F0F03;
        font-size: 25px;
        height: 70px;
        margin: -30px 10px -10px;
    }

    .cp_offcm02 a {
        display: block;
        color: #1F0F03;
        padding: 0;
        -webkit-transition: background-color .3s ease-in;
        transition: background-color .3s ease-in;
    }

    .cp_offcm02 a:hover {
        border-bottom: 2px solid #F09199;
        background: transparent;
        padding-bottom: 5px;
        height: 34px;
        color: white;
    }

    /* menu toggle */
    #cp_toggle02,
    .cp_mobilebar {
        display: none;
    }

    /* content */
    .cp_container {
        position: relative;
        top: 0px;
        margin-top: 0;
        padding: 35px auto;
        -webkit-transition: transform .3s ease-in;
        transition: transform .3s ease-in;
    }

    .cp_content {
        margin: 0 auto;
        padding: 20px;
        height: 65vh;
        text-align: center;
    }

    .logo {
        width: 315px;
        height: 70px;
        z-index: 60;
        position: fixed;
        top: 15px;
        left: 180px;
    }

    .link_box {
        font-size: 30px;
        background-color: transparent;
        color: #1F0F03;
        border: 0px;
        margin: 0 10px;
        outline: none;
        padding: 0;
    }
}

@media screen and (min-width: 992px) {
    .cp_offcm02 {
        position: fixed;
        z-index: 15;
        left: 0;
        visibility: visible;
        overflow: auto;
        width: 100%;
        height: 100px;
        padding-top: 0;
        text-align: center;
        opacity: 1;
        top: 0;
        background: #00185C;
        margin-bottom: 10px;
        box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.16);
    }

    .cp_offcm02 li {
        display: inline-block;
        border: none;
        color: #ffffff;
        font-size: 25px;
        height: 40px;
        margin: 30px 5px 0;
    }

    .cp_offcm02 a:hover {
        border-bottom: 2px solid #a89100;
        background: transparent;
        padding-bottom: 0;
        height: 38px;
        color: white;
    }

    .cp_offcm02 nav,
    .cp_offcm02 ul {
        width: 900px;
        height: 100%;
        margin: 0 305px 0 auto;
        padding: 0;
        text-align: right;
    }

    .link_box {
        width: auto;
        font-size: 24px;
        background-color: transparent;
        color: white;
        border: 0px;
        margin: 0 6px;
        outline: none;
        padding: 0;
    }
}

@media screen and (min-width: 992px) {
    .cp_cont {
        height: 0;
    }

    .cp_offcm02 {
        position: fixed;
        z-index: 15;
        left: 0;
        visibility: visible;
        overflow: auto;
        width: 100%;
        height: 190px;
        padding-top: 0;
        text-align: center;
        opacity: 1;
        top: -15px;
        background: #fff;
        margin-bottom: 10px;
        box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.16);
    }

    .cp_offcm02 nav {
        background: transparent;
    }

    .cp_offcm02 nav,
    .cp_offcm02 ul {
        width: 87%;
        height: auto;
        margin: 50px 0 0 auto;
        padding: 0;
    }

    .cp_offcm02 li {
        width: auto;
        margin: 0;
        display: inline-block;
        margin-right: -6px;
        border: none;
        color: #1F0F03;
        font-size: 25px;
        height: 70px;
        margin: -30px 10px -10px;
    }

    .cp_offcm02 a {
        display: block;
        color: #1F0F03;
        padding: 0;
        -webkit-transition: background-color .3s ease-in;
        transition: background-color .3s ease-in;
    }

    .cp_offcm02 a:hover {
        border-bottom: 2px solid #F09199;
        background: transparent;
        padding-bottom: 5px;
        height: 34px;
        color: white;
    }

    /* menu toggle */
    #cp_toggle02,
    .cp_mobilebar {
        display: none;
    }

    /* content */
    .cp_container {
        position: relative;
        top: 0px;
        margin-top: 0;
        padding: 35px auto;
        -webkit-transition: transform .3s ease-in;
        transition: transform .3s ease-in;
    }

    .cp_content {
        margin: 0 auto;
        padding: 20px;
        height: 65vh;
        text-align: center;
    }

    .logo {
        width: 170px;
        height: 50px;
        z-index: 60;
        position: fixed;
        top: 12px;
        left: 100px;
        background-position: center;
    }

    .link_box {
        font-size: 30px;
        background-color: transparent;
        color: #1F0F03;
        border: 0px;
        margin: 0 10px;
        outline: none;
        padding: 0;
    }
}

@media screen and (min-width: 1280px) {
    .cp_cont {
        height: 0;
    }

    .cp_offcm02 {
        position: fixed;
        z-index: 15;
        left: 0;
        visibility: visible;
        overflow: auto;
        width: 100%;
        height: 190px;
        padding-top: 0;
        text-align: center;
        opacity: 1;
        top: -15px;
        background: #fff;
        margin-bottom: 10px;
        box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.16);
    }

    .cp_offcm02 nav {
        background: transparent;
    }

    .cp_offcm02 nav,
    .cp_offcm02 ul {
        width: 87%;
        height: auto;
        margin: 50px 0 0 auto;
        padding: 0;
    }

    .cp_offcm02 li {
        width: auto;
        margin: 0;
        display: inline-block;
        margin-right: -6px;
        border: none;
        color: #1F0F03;
        font-size: 25px;
        height: 70px;
        margin: -30px 10px -10px;
    }

    .cp_offcm02 a {
        display: block;
        color: #1F0F03;
        padding: 0;
        -webkit-transition: background-color .3s ease-in;
        transition: background-color .3s ease-in;
    }

    .cp_offcm02 a:hover {
        border-bottom: 2px solid #F09199;
        background: transparent;
        padding-bottom: 5px;
        height: 34px;
        color: white;
    }

    /* menu toggle */
    #cp_toggle02,
    .cp_mobilebar {
        display: none;
    }

    /* content */
    .cp_container {
        position: relative;
        top: 0px;
        margin-top: 0;
        padding: 35px auto;
        -webkit-transition: transform .3s ease-in;
        transition: transform .3s ease-in;
    }

    .cp_content {
        margin: 0 auto;
        padding: 20px;
        height: 65vh;
        text-align: center;
    }

    .logo {
        width: 315px;
        height: 70px;
        z-index: 60;
        position: fixed;
        top: 15px;
        left: 115px;
    }

    .link_box {
        font-size: 30px;
        background-color: transparent;
        color: #1F0F03;
        border: 0px;
        margin: 0 10px;
        outline: none;
        padding: 0;
    }
}


@media screen and (min-width: 992px) {
    .cp_offcm02 {
        position: fixed;
        z-index: 15;
        left: 0;
        visibility: visible;
        overflow: auto;
        width: 100%;
        height: 75px;
        padding-top: 0;
        text-align: center;
        opacity: 1;
        top: 0;
        background: #00185C;
        margin-bottom: 0px;
        box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.16);
    }

    .cp_offcm02 li {
        display: inline-block;
        border: none;
        color: #ffffff;
        font-size: 25px;
        height: 40px;
        margin: 18px 5px 0;
    }

    .cp_offcm02 a:hover {
        border-bottom: 2px solid #a89100;
        background: transparent;
        padding-bottom: 0;
        height: 38px;
        color: white;
    }

    .cp_offcm02 nav,
    .cp_offcm02 ul {
        width: 735px;
        height: 100%;
        margin: 0px 245px 0 auto;
        padding: 0;
        text-align: right;
    }

    .link_box {
        width: auto;
        font-size: 18px;
        background-color: transparent;
        border: 0px;
        margin: 0 6px;
        outline: none;
        padding: 0;
        color: white;
    }
}

@media screen and (min-width: 1280px) {
    .cp_offcm02 {
        position: fixed;
        z-index: 15;
        left: 0;
        visibility: visible;
        overflow: auto;
        width: 100%;
        height: 100px;
        padding-top: 0;
        text-align: center;
        opacity: 1;
        top: 0;
        background: #00185C;
        margin-bottom: 10px;
        box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.16);
    }

    .cp_offcm02 li {
        display: inline-block;
        border: none;
        color: #ffffff;
        font-size: 25px;
        height: 40px;
        margin: 30px 5px 0;
    }

    .cp_offcm02 a:hover {
        border-bottom: 2px solid #a89100;
        background: transparent;
        padding-bottom: 0;
        height: 38px;
        color: white;
    }

    .cp_offcm02 nav,
    .cp_offcm02 ul {
        width: 900px;
        height: 100%;
        margin: 0 250px 0 auto;
        padding: 0;
        text-align: right;
    }

    .link_box {
        width: auto;
        font-size: 18px;
        background-color: transparent;
        color: white;
        border: 0px;
        margin: 0 6px;
        outline: none;
        padding: 0;
    }
}


#firstview {
    padding-top: 180px;
    margin-bottom: 0;
}

.firstview_1 {
    width: 100%;
}



/* ========== スライド用 ========== */
@keyframes show {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    39% {
        opacity: 1
    }

    44% {
        opacity: 0
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    39% {
        opacity: 1
    }

    44% {
        opacity: 0
    }
}

@media screen and (max-width: 1023px) {
    .firstview_box_pc {
        display: none;
    }
}



@media screen and (min-width: 1024px) {
    .firstview_box_sp {
        display: none;
    }
}


@media screen and (min-width: 1280px) {
    .firstview_box_sp {
        display: none;
    }
}

.sp04 {
    height: auto;
    position: relative;
    margin: 134px auto 0;
    padding-bottom: 65%;
}

.sp04 img {
    animation: show 15s infinite;
    -webkit-animation: show 15s infinite;
    width: 100%;
    height: auto;
    object-fit: cover;
    opacity: 0;
    position: absolute;
}

/*各画像のアニメーションの開始時間をずらす*/
.sp04 img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.sp04 img:nth-of-type(2) {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.sp04 img:nth-of-type(3) {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
}

.back_sp04 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    padding-bottom: 80%;
}


.item_sp04 {
    -webkit-animation: example 5s ease 5s 1 forwards;
    animation: example 0s ease 0s 1 forwards;
    font-size: 55px;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    position: relative;
    opacity: 0;
    color: #fff;
    line-height: 1.2;
    z-index: 2;
    top: -128px;
    margin: 359px auto;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25),
        -3px 3px 3px rgba(0, 0, 0, 0.25),
        3px -3px 3px rgba(0, 0, 0, 0.25),
        -3px -3px 3px rgba(0, 0, 0, 0.25),
        3px 0px 3px rgba(0, 0, 0, 0.25),
        0px 3px 3px rgba(0, 0, 0, 0.25),
        -3px 0px 3px rgba(0, 0, 0, 0.25),
        0px -3px 3px rgba(0, 0, 0, 0.25);
}

@-webkit-keyframes example {
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}

@keyframes example {
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.pc04 {
    height: auto;
    position: relative;
    padding-bottom: 41.6%;
    margin: 0 auto -250px;
}

.pc04 img {
    animation: show 15s infinite;
    -webkit-animation: show 15s infinite;
    width: 100%;
    height: auto;
    object-fit: cover;
    opacity: 0;
    position: absolute;
}

/*各画像のアニメーションの開始時間をずらす*/
.pc04 img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.pc04 img:nth-of-type(2) {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.pc04 img:nth-of-type(3) {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
}

.box_pc04 {}

.box_pc04::after {
    content: "";
    display: block;
    animation-name: fadein01;
    animation-duration: 1s;
    border-style: solid;
    border-width: 190px 190px 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: -25px;
    left: -35px;
    z-index: 3;
}

.box_pc04::before {
    content: "";
    display: block;
    animation-name: fadein02;
    animation-duration: 1s;
    border-style: solid;
    border-width: 0 0 190px 190px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    position: absolute;
    bottom: -29px;
    right: -25px;
    z-index: 3;
}

.item_pc04 {
    -webkit-animation: example 5s ease 5s 1 forwards;
    animation: example 1.5s ease 1.5s 1 forwards;
    writing-mode: vertical-rl;
    font-size: 23px;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    position: relative;
    opacity: 0;
    color: #fff;
    line-height: 1.2;
    z-index: 2;
    top: -130px;
    margin: 0px auto -117px;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25),
        -3px 3px 3px rgba(0, 0, 0, 0.25),
        3px -3px 3px rgba(0, 0, 0, 0.25),
        -3px -3px 3px rgba(0, 0, 0, 0.25),
        3px 0px 3px rgba(0, 0, 0, 0.25),
        0px 3px 3px rgba(0, 0, 0, 0.25),
        -3px 0px 3px rgba(0, 0, 0, 0.25),
        0px -3px 3px rgba(0, 0, 0, 0.25);
}


@media screen and (min-width: 992px) {
    .firstview_box_pc {
        height: auto;
        float: right;
        width: 60%;
        display: block;
    }

    .firstview_box04 {
        height: auto;
    }

    .sp04 {
        height: auto;
        position: relative;
        margin: 0 auto -850px;
        padding-bottom: 130.7%;
        display: none;
    }

    .sp04 img {
        animation: show 20s infinite;
        -webkit-animation: show 20s infinite;
        width: 100%;
        height: auto;
        object-fit: cover;
        opacity: 0;
        position: absolute;
    }

    .sp04 img:nth-of-type(1) {
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
    }

    .sp04 img:nth-of-type(2) {
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
    }

    .sp04 img:nth-of-type(3) {
        animation-delay: 10s;
        -webkit-animation-delay: 10s;
    }

    .back_sp04 {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        padding-bottom: 130.7%;
    }

    .box_sp04 {
        width: 100%;
    }

    .box_sp04::after {
        content: "";
        display: block;
        animation-name: fadein01;
        animation-duration: 1s;
        border-style: solid;
        border-width: 120px 120px 0 0;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: -13px;
        left: -1px;
        z-index: 3;
    }

    .box_sp04::before {
        content: "";
        display: block;
        animation-name: fadein02;
        animation-duration: 1s;
        border-style: solid;
        border-width: 0 0 120px 120px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        bottom: -13px;
        right: -5px;
        z-index: 3;
    }

    @keyframes fadein01 {
        0% {
            transform: translateX(0px)translateY(0px);
            border-width: 0;
            border-color: #fff transparent transparent transparent;
        }

        100% {
            transform: translateX(0px);
            border-width: 120px 120px 0 0;
            border-color: #fff transparent transparent transparent;
        }
    }

    @keyframes fadein02 {
        0% {
            transform: translateX(0px)translateY(0px);
            border-width: 0;
            border-color: transparent transparent #fff transparent;

        }

        100% {
            transform: translateX(0px);
            border-width: 0 0 120px 120px;
            border-color: transparent transparent #fff transparent;
        }
    }

    .item_sp04 {
        -webkit-animation: example 5s ease 5s 1 forwards;
        animation: example 1.5s ease 1.5s 1 forwards;
        writing-mode: vertical-rl;
        font-size: 28px;
        font-weight: bold;
        font-family: 'Noto Serif JP', serif;
        text-align: center;
        position: relative;
        opacity: 0;
        color: #fff;
        line-height: 1.2;
        z-index: 2;
        top: 330px;
        margin: 0px auto;
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25),
            -3px 3px 3px rgba(0, 0, 0, 0.25),
            3px -3px 3px rgba(0, 0, 0, 0.25),
            -3px -3px 3px rgba(0, 0, 0, 0.25),
            3px 0px 3px rgba(0, 0, 0, 0.25),
            0px 3px 3px rgba(0, 0, 0, 0.25),
            -3px 0px 3px rgba(0, 0, 0, 0.25),
            0px -3px 3px rgba(0, 0, 0, 0.25);
    }

    @-webkit-keyframes example {
        100% {
            opacity: 0;
            transform: translateY(0);
        }
    }

    @keyframes example {
        100% {
            opacity: 1;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
    }

    .pc04 {
        height: auto;
        position: relative;
        padding-bottom: 65.5%;
        margin: 45px auto 0;
        width: 100%;
    }

    .pc04 img {
        animation: show 15s infinite;
        -webkit-animation: show 15s infinite;
        width: 100%;
        height: auto;
        object-fit: cover;
        opacity: 0;
        position: absolute;
    }

    .pc04 img:nth-of-type(1) {
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
    }

    .pc04 img:nth-of-type(2) {
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
    }

    .pc04 img:nth-of-type(3) {
        animation-delay: 10s;
        -webkit-animation-delay: 10s;
    }

    .back_pc04 {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        padding-bottom: 65.5%;
    }

    .box_pc04 {}

    .box_pc04::after {
        content: "";
        display: block;
        animation-name: fadein01;
        animation-duration: 1s;
        border-style: solid;
        border-width: 120px 120px 0 0;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: -25px;
        left: -35px;
        z-index: 3;
    }

    .box_pc04::before {
        content: "";
        display: block;
        animation-name: fadein02;
        animation-duration: 1s;
        border-style: solid;
        border-width: 0 0 120px 120px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        position: absolute;
        bottom: -29px;
        right: -25px;
        z-index: 3;
    }

    .item_pc04 {
        -webkit-animation: example 5s ease 5s 1 forwards;
        animation: example 0s ease 0s 1 forwards;
        writing-mode: unset;
        font-size: 55px;
        font-weight: bold;
        font-family: 'Noto Serif JP', serif;
        text-align: center;
        position: relative;
        opacity: 0;
        color: #fff;
        line-height: 1.2;
        z-index: 2;
        top: -33%;
        margin: 0 auto;
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25),
            -3px 3px 3px rgba(0, 0, 0, 0.25),
            3px -3px 3px rgba(0, 0, 0, 0.25),
            -3px -3px 3px rgba(0, 0, 0, 0.25),
            3px 0px 3px rgba(0, 0, 0, 0.25),
            0px 3px 3px rgba(0, 0, 0, 0.25),
            -3px 0px 3px rgba(0, 0, 0, 0.25),
            0px -3px 3px rgba(0, 0, 0, 0.25);
        /*    transform:rotate(-5deg); */
    }
}

@media screen and (min-width: 1280px) {
    .firstview_box_pc {
        height: auto;
        float: right;
        width: 60%;
    }

    .firstview_box04 {
        height: auto;
    }

    .sp04 {
        height: auto;
        position: relative;
        margin: 0 auto -850px;
        padding-bottom: 130.7%;
    }

    .sp04 img {
        animation: show 20s infinite;
        -webkit-animation: show 20s infinite;
        width: 100%;
        height: auto;
        object-fit: cover;
        opacity: 0;
        position: absolute;
    }

    /*各画像のアニメーションの開始時間をずらす*/
    .sp04 img:nth-of-type(1) {
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
    }

    .sp04 img:nth-of-type(2) {
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
    }

    .sp04 img:nth-of-type(3) {
        animation-delay: 10s;
        -webkit-animation-delay: 10s;
    }

    .back_sp04 {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        padding-bottom: 130.7%;
    }

    .box_sp04 {
        width: 100%;
    }

    .box_sp04::after {
        content: "";
        display: block;
        animation-name: fadein01;
        animation-duration: 1s;
        border-style: solid;
        border-width: 120px 120px 0 0;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: -13px;
        left: -1px;
        z-index: 3;
    }

    .box_sp04::before {
        content: "";
        display: block;
        animation-name: fadein02;
        animation-duration: 1s;
        border-style: solid;
        border-width: 0 0 120px 120px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        bottom: -13px;
        right: -5px;
        z-index: 3;
    }

    @keyframes fadein01 {
        0% {
            transform: translateX(0px)translateY(0px);
            border-width: 0;
            border-color: #fff transparent transparent transparent;
        }

        100% {
            transform: translateX(0px);
            border-width: 120px 120px 0 0;
            border-color: #fff transparent transparent transparent;
        }
    }

    @keyframes fadein02 {
        0% {
            transform: translateX(0px)translateY(0px);
            border-width: 0;
            border-color: transparent transparent #fff transparent;

        }

        100% {
            transform: translateX(0px);
            border-width: 0 0 120px 120px;
            border-color: transparent transparent #fff transparent;
        }
    }

    .item_sp04 {
        -webkit-animation: example 5s ease 5s 1 forwards;
        animation: example 1.5s ease 1.5s 1 forwards;
        writing-mode: vertical-rl;
        font-size: 28px;
        font-weight: bold;
        font-family: 'Noto Serif JP', serif;
        text-align: center;
        position: relative;
        opacity: 0;
        color: #fff;
        line-height: 1.2;
        z-index: 2;
        top: 330px;
        margin: 0px auto;
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25),
            -3px 3px 3px rgba(0, 0, 0, 0.25),
            3px -3px 3px rgba(0, 0, 0, 0.25),
            -3px -3px 3px rgba(0, 0, 0, 0.25),
            3px 0px 3px rgba(0, 0, 0, 0.25),
            0px 3px 3px rgba(0, 0, 0, 0.25),
            -3px 0px 3px rgba(0, 0, 0, 0.25),
            0px -3px 3px rgba(0, 0, 0, 0.25);
    }

    @-webkit-keyframes example {
        100% {
            opacity: 0;
            transform: translateY(0);
        }
    }

    @keyframes example {
        100% {
            opacity: 1;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
    }

    .pc04 {
        height: auto;
        position: relative;
        padding-bottom: 65.5%;
        margin: 76px auto 0;
        width: 100%;
    }

    .pc04 img {
        animation: show 15s infinite;
        -webkit-animation: show 15s infinite;
        width: 100%;
        height: auto;
        object-fit: cover;
        opacity: 0;
        position: absolute;
    }

    /*各画像のアニメーションの開始時間をずらす*/
    .pc04 img:nth-of-type(1) {
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
    }

    .pc04 img:nth-of-type(2) {
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
    }

    .pc04 img:nth-of-type(3) {
        animation-delay: 10s;
        -webkit-animation-delay: 10s;
    }

    .back_pc04 {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        padding-bottom: 65.5%;
    }

    .box_pc04 {}

    .box_pc04::after {
        content: "";
        display: block;
        animation-name: fadein01;
        animation-duration: 1s;
        border-style: solid;
        border-width: 120px 120px 0 0;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: -25px;
        left: -35px;
        z-index: 3;
    }

    .box_pc04::before {
        content: "";
        display: block;
        animation-name: fadein02;
        animation-duration: 1s;
        border-style: solid;
        border-width: 0 0 120px 120px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        position: absolute;
        bottom: -29px;
        right: -25px;
        z-index: 3;
    }

    .item_pc04 {
        -webkit-animation: example 5s ease 5s 1 forwards;
        animation: example 0s ease 0s 1 forwards;
        writing-mode: unset;
        font-size: 55px;
        font-weight: bold;
        font-family: 'Noto Serif JP', serif;
        text-align: center;
        position: relative;
        opacity: 0;
        color: #fff;
        line-height: 1.2;
        z-index: 2;
        top: -33%;
        margin: 0 auto;
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25),
            -3px 3px 3px rgba(0, 0, 0, 0.25),
            3px -3px 3px rgba(0, 0, 0, 0.25),
            -3px -3px 3px rgba(0, 0, 0, 0.25),
            3px 0px 3px rgba(0, 0, 0, 0.25),
            0px 3px 3px rgba(0, 0, 0, 0.25),
            -3px 0px 3px rgba(0, 0, 0, 0.25),
            0px -3px 3px rgba(0, 0, 0, 0.25);
        /*    transform:rotate(-5deg); */
    }
}

.scroll-animation-obj {
    opacity: 0;
    transition: all 0.8s ease 1.0s;
}

.scroll-animation-hop {
    transform: translate(0, 60px);
}

.scroll-animation-left {
    transform: translate(-50px, 0);
}

.scroll-animation-right {
    transform: translate(120px, 0);
}

.scroll-animation-obj_02 {
    opacity: 0;
    transition: all 0.8s ease 1.0s;
}

.scroll-animation-hop_02 {
    transform: translate(0, 60px);
}

.scroll-animation-left_02 {
    transform: translate(-50px, 0);
}

.scroll-animation-right_02 {
    transform: translate(120px, 0);
}

/* 速さ */
.scroll-animation-obj_03 {
    opacity: 0;
    transition: all 0.8s ease 1.0s;
}

/* どこからでてくるか */
.scroll-animation-hop_03 {
    transform: translate(0, 60px);
}

.scroll-animation-left_03 {
    transform: translate(-50px, 0);
}

.scroll-animation-right_03 {
    transform: translate(120px, 0);
}

.fadein-bottom {
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
    opacity: 0;
}

.fadein-bottom.active {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}

.fadein-bottom_01 {
    -webkit-transition: all .7s linear;
    -o-transition: all .7s linear;
    transition: all .7s linear;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
}

.fadein-bottom_01.active {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}

.fadein-bottom_02 {
    -webkit-transition: all .7s linear;
    -o-transition: all .7s linear;
    transition: all .7s linear;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
}

.fadein-bottom_02.active {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 0.5;
}

.fadein-bottom_03 {
    -webkit-transition: all .10s linear;
    -o-transition: all .10s linear;
    transition: all .10s linear;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 0;
}

.fadein-bottom_03.active {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}

/* ------- animation ここから ------- */
.wrap {
    width: 768px;
    margin: 0 auto;
}

.text {
    margin: 200px 0 0;
    text-align: center;
    opacity: 0;
}

p[class^="tgt_"] {
    width: 100%;
    margin: 0 auto 0;
    opacity: 0;
    color: #6B5938;
    display: inline-block;
    transform: scale(1.25) translate(0, -45px);
    font-size: 50px;
    text-align: center;
    font-family: 'Nunito', sans-serif;
}

p[class^="tgt_"] span {
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    color: #39B929;
    font-size: 90px;
}

p[class^="tgt_worries"] span {
    opacity: 0;
    color: #39B929;
    font-size: 65px;
}

p[class^="tgt_worries"] span:nth-child(4) {
    opacity: 0;
    font-size: 80px;
}

p[class^="tgt_worries"] span:nth-child(5) {
    opacity: 0;
    font-size: 80px;
}

p[class^="tgt_worries"] span:nth-child(6) {
    opacity: 0;
    font-size: 80px;
}

p[class^="tgt_goal"] span {
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    color: #39B929;
    font-size: 75px;
}

p[class^="tgt_voice"] span {
    opacity: 0;
    color: #39B929;
    font-size: 90px;
}

p[class^="tgt_price"] span {
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    color: #39B929;
    font-size: 90px;
}

p[class^="tgt_message"] span {
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    color: #39B929;
    font-size: 90px;
}

p[class^="tgt_"]:nth-child(1) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 0.2s;
}

p[class^="tgt_"]:nth-child(2) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 0.3s;
}

p[class^="tgt_"]:nth-child(3) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 0.4s;
}

p[class^="tgt_"]:nth-child(4) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 0.5s;
}

p[class^="tgt_"]:nth-child(5) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 0.6s;
}

p[class^="tgt_"]:nth-child(6) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 0.7s;
}

p[class^="tgt_"]:nth-child(7) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 0.8s;
}

p[class^="tgt_"]:nth-child(8) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 0.9s;
}

p[class^="tgt_"]:nth-child(9) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 1.0s;
}

p[class^="tgt_"]:nth-child(10) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 1.1s;
}

p[class^="tgt_"]:nth-child(11) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 1.2s;
}

p[class^="tgt_"]:nth-child(12) {
    transition: opacity 3s ease 0.2s, transform 0.2s ease 1.3s;
}

.text.active {
    opacity: 1;
}

.text.active .text-move {
    opacity: 1;
    transform: scale(1) translate(0);
}

@media screen and (min-width: 992px) {
    p[class^="tgt_"] {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #3D2A02;
        display: inline-block;
        transform: scale(1.25) translate(0, -45px);
        font-size: 30px;
        text-align: center;
        padding: 39px 0;
        font-family: 'Nunito', sans-serif;
    }

    p[class^="tgt_"] span {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_worries"] span {
        opacity: 0;
        color: #39B929;
        font-size: 40px;
    }

    p[class^="tgt_worries"] span:nth-child(4) {
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_worries"] span:nth-child(5) {
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_worries"] span:nth-child(6) {
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_goal"] span {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #39B929;
        font-size: 40px;
    }

    p[class^="tgt_voice"] span {
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_price"] span {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_message"] span {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }
}

@media screen and (min-width: 1280px) {
    p[class^="tgt_"] {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #3D2A02;
        display: inline-block;
        transform: scale(1.25) translate(0, -45px);
        font-size: 30px;
        text-align: center;
        padding: 39px 0;
        font-family: 'Nunito', sans-serif;
    }

    p[class^="tgt_"] span {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_worries"] span {
        opacity: 0;
        color: #39B929;
        font-size: 40px;
    }

    p[class^="tgt_worries"] span:nth-child(4) {
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_worries"] span:nth-child(5) {
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_worries"] span:nth-child(6) {
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_goal"] span {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #39B929;
        font-size: 40px;
    }

    p[class^="tgt_voice"] span {
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_price"] span {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }

    p[class^="tgt_message"] span {
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        color: #39B929;
        font-size: 50px;
    }
}

/* ------- 見出し文字 スクロール ここから ------- */
.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}

.fade_on {
    opacity: 1;
    transition: all 1s;
}

@media screen and (max-width: 991px) {
    #fv_box {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    #fv_box {
        width: 40%;
        float: left;
        overflow: hidden;
        margin-top: 45px;
        padding: 15.7% 0;
        background-color: #00185C;
    }

    .fv_box {
        font-size: 2.5vw;
        text-align: left;
        padding-left: 30px;
        color: white;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    }
}

/* @media screen and (max-width: 1279px){
    #fv_box{
        display: none;
    }  
} */
@media screen and (min-width: 1280px) {
    #fv_box {
        width: 40%;
        float: left;
        overflow: hidden;
        margin-top: 76px;
        padding: 15.75% 0;
        background-color: #00185C;
    }

    .fv_box {
        font-size: 2.5vw;
        text-align: left;
        padding-left: 30px;
        color: white;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    }
}

@media screen and (min-width: 1500px) {
    #fv_box {
        width: 40%;
        float: left;
        overflow: hidden;
        margin-top: 76px;
        padding: 15.55% 0;
        background-color: #00185C;
    }
}

/*-------------- Firstview-banner --------------*/
.f-down {
    width: 100%;
    height: 400px;
    background-color: #00185C;
    margin: 0 auto;
    padding: 0;
}

.ftextbox {
    color: white;
    text-align: justify;
    font-size: 64px;
    line-height: 1.6;
    width: 92%;
    margin: 0 auto;
    padding: 100px 0;
    font-family: serif;
}

@media screen and (min-width: 992px) {
    .f-down {
        display: none;
    }
}

/*------------- Firstview-banner --------------*/
/*-------------- EPSDCでは -------------------*/
#viewone {
    width: 100%;
    height: 1390px;
    margin: 0 auto;
    padding: 0;
}

.viewonetextbox {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
    text-align: justify;
    color: black;
    font-size: 36px;
    line-height: 1.6;
    font-family: sans-serif;
}

.viewoneimage1 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/1l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.viewoneimage2 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/1r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
    #viewone {
        width: 90%;
        height: 375px;
        margin: 20px auto 5px;
        padding: 0;
        max-width: 1300px;
    }

    .viewonetextbox {
        width: 60%;
        float: left;
        margin: 0 auto;
        padding: 25px 30px 30px;
        text-align: justify;
        color: black;
        font-size: 15px;
        line-height: 1.6;
    }

    .viewoneimage1 {
        width: 30%;
        float: right;
        height: 180px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/1l.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .viewoneimage2 {
        width: 30%;
        float: right;
        height: 180px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/1r.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 1280px) {
    #viewone {
        width: 100%;
        height: auto;
        margin: 50px auto;
        padding: 0;
        max-width: 1200px;
        box-sizing: border-box;
    }

    .viewonetextbox {
        width: 65%;
        float: left;
        margin: 0 auto;
        padding: 0px 30px 30px;
        text-align: justify;
        color: black;
        font-size: 16px;
        line-height: 1.6;
    }

    .viewoneimage1 {
        width: 25%;
        float: right;
        height: 200px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/1l.jpg);
        background-position: center;
        /* background-size: 100%; */
        background-repeat: no-repeat;
    }

    .viewoneimage2 {
        width: 25%;
        float: right;
        height: 200px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/1r.jpg);
        background-position: center;
        /* background-size: 100%; */
        background-repeat: no-repeat;
    }
}

/*-------------- EPSDCでは -------------------*/
/*-------------- EPSDCでは 2-------------------*/
#viewtwo {
    width: 100%;
    height: 3100px;
    margin: 0 auto;
    padding: 150px 0px;
}

.viewtwobox {
    width: 95%;
    text-align: left;
    color: white;
    background-color: #00185C;
    padding: 50px 0 50px 50px;
    font-size: 64px;
    font-family: serif;
}

.viewtwo-textbox1 {
    width: 90%;
    margin: 0 auto;
    padding: 45px 0;
    text-align: justify;
    color: black;
    font-size: 35px;
    line-height: 1.6;
    font-family: sans-serif;
}

.epsdcallcourse {
    width: 100%;
    height: 1350px;
    margin: 30px auto;
    padding: 0;
    background-image: url(img/course.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.viewtwo-textbox2 {
    width: 90%;
    margin: 0 auto;
    padding: 45px 0;
    text-align: justify;
    color: black;
    font-size: 35px;
    line-height: 1.6;
    font-family: sans-serif;
}

.viewtwoimage1 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/2l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.viewtwoimage2 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/2r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
    #viewtwo {
        width: 100%;
        height: 745px;
        margin: 0 auto;
        padding: 0;
    }

    .viewtwobox {
        width: 100%;
        text-align: center;
        color: white;
        background-color: #00185C;
        padding: 10px 0;
        font-size: 35px;
    }

    .pc-box-all1 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .viewtwo-textbox1 {
        width: 55%;
        float: left;
        margin: 0 auto;
        padding: 5% 2% 2% 5%;
        text-align: justify;
        color: black;
        font-size: 15px;
        line-height: 1.6;
    }

    .epsdcallcourse {
        width: 30%;
        float: right;
        height: 600px;
        margin: 5% 5% 0 1%;
        padding: 0;
        background-image: url(img/course.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

    .viewtwo-textbox2 {
        width: 55%;
        float: left;
        margin: 0 auto;
        padding: 1% 2% 3% 5%;
        text-align: justify;
        color: black;
        font-size: 15px;
        line-height: 1.6;
    }

    .viewtwoimage1 {
        width: 26%;
        float: left;
        height: 250px;
        margin: 0 0 0 5%;
        padding: 0;
        background-image: url(img/2l.jpg);
        background-position: center;
        background-size: cover;
    }

    .viewtwoimage2 {
        width: 26%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/2r.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }


}

@media screen and (min-width: 1280px) {
    #viewtwo {
        width: 100%;
        height: 680px;
        margin: 0 auto;
        padding: 0;
    }

    .viewtwobox {
        width: 100%;
        text-align: center;
        color: white;
        background-color: #00185C;
        padding: 20px 0;
        font-size: 45px;
    }

    .pc-box-all1 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .viewtwo-textbox1 {
        width: 55%;
        float: left;
        margin: 0 auto;
        padding: 2% 2% 2% 5%;
        text-align: justify;
        color: black;
        font-size: 16px;
        line-height: 1.6;
    }

    .epsdcallcourse {
        width: 30%;
        float: right;
        height: 615px;
        margin: 2% 5% 0 1%;
        padding: 0;
        background-image: url(img/course.png);
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: top;
    }

    .viewtwo-textbox2 {
        width: 55%;
        float: left;
        margin: 0 auto;
        padding: 0% 2% 3% 5%;
        text-align: justify;
        color: black;
        font-size: 16px;
        line-height: 1.6;
    }

    .viewtwoimage1 {
        width: 25%;
        float: left;
        height: 250px;
        margin: 0 0 0 5%;
        padding: 0;
        background-image: url(img/2l.jpg);
        background-position: center;
        background-size: cover;
    }

    .viewtwoimage2 {
        width: 25%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/2r.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }


}

/*-------------- EPSDCでは 2-------------------*/
/*-------------- Worries -------------------*/

#worries {
    width: 100%;
    height: auto;
    margin: 0px auto 0px;
    padding: 5rem 0;
    background-image: url(img/bg1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.troublebox {
    width: 80%;
    margin: 0 auto;
    background-color: white;
    padding: 40px 50px;
    opacity: 0.9;
    position: relative;
    top: 14%;
    left: 0;
}

.worries-title {
    text-align: center;
    font-size: 35px;
    color: #00185B;
    font-family: serif;
    padding: 0;
}

.checkmark001 {
    margin: 25px 0px 0 20px;
    padding-left: 68px;
    padding-bottom: 20px;
    position: relative;
    text-align: left;
    font-size: 40px;
    font-family: sans-serif;
}

.checkmark001:before,
.checkmark001:after {
    content: "";
    display: block;
    position: absolute;
}

.checkmark001:before {
    width: 50px;
    height: 50px;
    border: 2px solid black;
    border-radius: 5px;
    left: -20px;
    top: 9px;
}

.checkmark001:after {
    border-left: 6px solid #074983;
    border-bottom: 6px solid #074983;
    width: 32px;
    height: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -10px;
    top: 22px;
}

@media screen and (min-width: 992px) {
    #worries {
        width: 100%;
        height: auto;
        margin: 40px auto 40px;
        padding: 0;
        background-image: url(img/bg1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

    .voco {
        width: 80%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .troublebox {
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        background-color: white;
        padding: 40px 40px 40px;
        opacity: 0.9;
        position: relative;
        top: 10%;
        left: 0;
    }

    .checkmark001 {
        margin: 25px 0px 0 30px;
        padding-left: 50px;
        padding-bottom: 10px;
        padding-top: 4px;
        position: relative;
        text-align: left;
        font-size: 15px;
    }

    .checkmark001:before,
    .checkmark001:after {
        content: "";
        display: block;
        position: absolute;
    }

    .checkmark001:before {
        width: 28px;
        height: 28px;
        border: 2px solid black;
        border-radius: 5px;
        left: 0px;
        top: 0px;
    }

    .checkmark001:after {
        border-left: 2px solid #00185C;
        border-bottom: 2px solid #00185C;
        width: 21px;
        height: 11px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 3px;
        top: 6px;
    }
}

@media screen and (min-width:1280px) {
    #worries {
        width: 100%;
        height: auto;
        margin: 0px auto 0px;
        padding: 3rem 0;
        background-image: url(img/bg1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

    .worries-title {
        text-align: center;
        font-size: 40px;
        color: #00185B;
        font-family: serif;
        padding: 0;
    }

    .voco {
        width: 80%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .troublebox {
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        background-color: white;
        padding: 40px 50px 40px;
        opacity: 0.9;
        position: relative;
        top: 10%;
        left: 0;
    }

    .checkmark001 {
        margin: 25px 0px 0 20px;
        padding-left: 68px;
        padding-bottom: 20px;
        padding-top: 4px;
        position: relative;
        text-align: left;
        font-size: 20px;
    }

    .checkmark001:before,
    .checkmark001:after {
        content: "";
        display: block;
        position: absolute;
    }

    .checkmark001:before {
        width: 35px;
        height: 32px;
        border: 2px solid black;
        border-radius: 5px;
        left: 0px;
        top: 0px;
    }

    .checkmark001:after {
        border-left: 3px solid #00185C;
        border-bottom: 3px solid #00185C;
        width: 25px;
        height: 15px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 5px;
        top: 5px;
    }
}

/* @media screen and (min-width: 1366px) {
    #worries {
        width: 100%;
        height: 700px;
        margin: 40px auto 70px;
        padding: 0;
        background-image: url(img/pcbg1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    .troublebox {
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        background-color: white;
        padding: 40px 100px;
        opacity: 0.9;
        position: relative;
        top: 16%;
        left: 0;
    }

} */
/* @media screen and (min-width: 1400px) {
    #worries {
        width: 100%;
        height: 800px;
        margin: 40px auto 70px;
        padding: 0;
        background-image: url(img/bg1.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    .troublebox {
        width: 60%;
        max-width: 1200px;
        margin: 0 auto;
        background-color: white;
        padding: 40px 50px 90px;
        opacity: 0.9;
        position: relative;
        top: 18%;
        left: 0;
    }
     .checkmark001 {
        margin: 25px 0px 0 100px;
        padding-left: 68px;
        padding-bottom: 20px;
        padding-top: 4px;
        position: relative;
        text-align: left;
        font-size: 25px;
    }
      .checkmark001:before,
      .checkmark001:after {
        content: "";
        display: block;
        position: absolute;
      }
      .checkmark001:before {
        width: 45px;
        height: 45px;
        border: 2px solid black;
        border-radius: 5px;
        left: 0px;
        top: 0px;
    }
    .checkmark001:after {
        border-left: 6px solid #00185C;
        border-bottom: 6px solid #00185C;
        width: 35px;
        height: 20px;
        -webkit-transform: rotate(
    -45deg);
        transform: rotate(
    -45deg);
        left: 5px;
        top: 10px;
    }
} */
/*-------------- Worries -------------------*/
/*-------------- Stage one -------------------*/
#stage1 {
    width: 100%;
    height: auto;
    margin: 0 auto 50px;
    padding: 0;
}

.stageonebox1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.s1boxback {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage1bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.small-t {
    color: white;
    text-align: left;
    font-size: 45px;
    padding-top: 150px;
    padding-left: 50px;
    font-family: serif;

}

.big-t {
    color: white;
    text-align: left;
    font-size: 75px;
    padding-top: 30px;
    padding-left: 50px;
}

.leftline {
    background-color: white;
    height: 1px;
    width: 650px;
    padding: 2px;
    border-radius: 10%;
}

.alltextbox {
    color: white;
    width: 90%;
    margin: 0 auto;
    padding: 70px 0;
    text-align: justify;
    font-size: 40px;
    line-height: 1.6;
    font-family: sans-serif;
}

.alltextbox2 {
    color: white;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: justify;
    font-size: 38px;
    line-height: 1.6;
    font-family: sans-serif;
}

.stageonebox2 {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}

.case1 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/3l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.case2 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/3r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.stageonebox3 {
    width: 100%;
    height: 1660px;
    margin: 0px auto;
    padding: 0;
}

.stageoneboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 50px;
    padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.stageonecenterline {
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 5%;
}

.bluetext {
    width: 88%;
    margin: 50px auto 20px;
    color: #074983;
    text-align: left;
    font-size: 45px;
    border-bottom: 2px dotted #074983;
    font-family: serif;
}

.blacktext {
    width: 88%;
    margin: 10px auto;
    color: black;
    text-align: left;
    font-size: 40px;
}

@media screen and (min-width:992px) {
    #stage1 {
        width: 100%;
        height: auto;
        margin: 0 auto 60px;
        padding: 0;
    }

    .small-t {
        color: white;
        text-align: center;
        font-size: 30px;
        padding-top: 60px;
        padding-left: 0px;
    }

    .big-t {
        color: white;
        text-align: center;
        font-size: 35px;
        padding-top: 20px;
        padding-left: 0px;
    }

    .leftline {
        background-color: white;
        height: 1px;
        margin: 0 auto;
        width: 275px;
        padding: 1px;
        border-radius: 10%;
        -webkit-border-radius: 10%;
        -moz-border-radius: 10%;
        -ms-border-radius: 10%;
        -o-border-radius: 10%;
    }

    .alltextbox {
        color: white;
        width: 80%;
        margin: 0 auto;
        padding: 35px 0;
        text-align: justify;
        font-size: 20px;
        line-height: 1.6;
    }

    .alltextbox2 {
        color: white;
        width: 80%;
        margin: 0 auto;
        padding: 15px 0;
        text-align: justify;
        font-size: 20px;
        line-height: 1.6;
    }

    .s1boxback {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage1.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .stageonebox1 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .stageonebox2 {
        width: 45%;
        height: px;
        margin: 0 4% 0 1%;
        padding: 0;
        float: right;
    }

    .case1 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/3l.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case2 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/3r.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stageonecenterline {
        background-color: #00185C;
        height: 1px;
        width: 85%;
        padding: 1px 0;
        border-radius: 10%;
        margin: 0 auto;
    }

    .stageonebox3 {
        width: 50%;
        float: left;
        height: 1000px;
        margin: 0 auto;
        padding: 0;
    }

    .stageoneboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 80px;
        padding-left: 50px;
        margin: 0 auto;
    }

    .blacktext {
        width: 88%;
        margin: 10px auto;
        color: black;
        text-align: left;
        font-size: 25px;
    }

    .stageonebox3 {
        width: 60%;
        margin: 0 0 0 5%;
        height: 540px;
        padding: 0;
    }

    .stageoneboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 30px;
        padding-left: 50px;
        margin: 0 auto;
    }

    .stageonecenterline {
        background-color: #074983;
        height: 1px;
        width: 88%;
        padding: 1px 0;
        border-radius: 10%;
        margin: 0 auto;
    }

    .bluetext {
        width: 88%;
        margin: 2px auto 0px;
        color: #074983;
        text-align: left;
        font-size: 15px;
        border-bottom: 2px dotted #074983;
        padding: 0px 0px 0;
    }

    .blacktext {
        width: 88%;
        margin: 5px auto 10px;
        color: black;
        text-align: left;
        font-size: 13px;
    }

    .xospc {
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0;
    }

    .xospc2 {
        width: 100%;
        max-width: 1500px;
        height: auto;
        margin: 0px auto;
        padding: 0;
    }

    .stageonebox2 {
        width: 30%;
        height: 520px;
        margin: 2% 5% 0 0;
        padding: 0;
        float: right;
    }

    .leftline2 {
        background-color: white;
        height: 1px;
        width: 28%;
        margin: 0 auto;
        padding: 2px;
        border-radius: 10%;
    }


}

@media screen and (min-width:1280px) {
    #stage1 {
        width: 100%;
        height: auto;
        margin: 0 auto 60px;
        padding: 0;
    }

    .small-t {
        color: white;
        text-align: center;
        font-size: 30px;
        padding-top: 60px;
        padding-left: 0px;
    }

    .big-t {
        color: white;
        text-align: center;
        font-size: 35px;
        padding-top: 20px;
        padding-left: 0px;
    }

    .leftline {
        background-color: white;
        height: 1px;
        margin: 0 auto;
        width: 275px;
        padding: 1px;
        border-radius: 10%;
        -webkit-border-radius: 10%;
        -moz-border-radius: 10%;
        -ms-border-radius: 10%;
        -o-border-radius: 10%;
    }

    .alltextbox {
        color: white;
        width: 80%;
        margin: 0 auto;
        padding: 35px 0;
        text-align: justify;
        font-size: 20px;
        line-height: 1.6;
    }

    .alltextbox2 {
        color: white;
        width: 80%;
        margin: 0 auto;
        padding: 15px 0;
        text-align: justify;
        font-size: 20px;
        line-height: 1.6;
    }

    .s1boxback {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage1.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .stageonebox1 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .stageonebox2 {
        width: 45%;
        height: px;
        margin: 0 4% 0 1%;
        padding: 0;
        float: right;
    }

    .case1 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/3l.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case2 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/3r.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stageonecenterline {
        background-color: #00185C;
        height: 1px;
        width: 85%;
        padding: 1px 0;
        border-radius: 10%;
        margin: 0 auto;
    }

    .stageonebox3 {
        width: 60%;
        float: left;
        height: 1000px;
        margin: 0 auto;
        padding: 0;
    }

    .stageoneboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 80px;
        padding-left: 50px;
        margin: 0 auto;
    }

    .blacktext {
        width: 88%;
        margin: 10px auto;
        color: black;
        text-align: left;
        font-size: 25px;
    }

    .stageonebox3 {
        width: 60%;
        margin: 0 0 0 5%;
        height: 520px;
        padding: 0;
    }

    .stageoneboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 20px;
        padding-left: 50px;
        margin: 0 auto;
    }

    .stageonecenterline {
        background-color: #074983;
        height: 1px;
        width: 88%;
        padding: 1px 0;
        border-radius: 10%;
        margin: 0 auto;
    }

    .bluetext {
        width: 88%;
        margin: 10px auto 0px;
        color: #074983;
        text-align: left;
        font-size: 24px;
        border-bottom: 2px dotted #074983;
        padding: 0px 5px 0;
        font-family: "Noto Serif JP", serif !important;
    }

    .blacktext {
        width: 88%;
        margin: 5px auto 10px;
        color: black;
        text-align: left;
        font-size: 15px;
    }

    .xospc {
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0;
    }

    .xospc2 {
        width: 100%;
        max-width: 1500px;
        height: auto;
        margin: 0px auto;
        padding: 0;
    }

    .stageonebox2 {
        width: 30%;
        height: 505px;
        margin: 1% 5% 0 0;
        padding: 0;
        float: right;
    }

    .leftline2 {
        background-color: white;
        height: 1px;
        width: 28%;
        margin: 0 auto;
        padding: 2px;
        border-radius: 10%;
    }


}


/*-------------- Stage one -------------------*/
/*-------------- Stage Two -------------------*/
#stage2 {
    width: 100%;
    height: 3745px;
    margin: 0 auto;
    padding: 0;
}

.stagetwobox1 {
    width: 100%;
    height: 1200px;
    margin: 0 auto;
    padding: 0;
}

.s2boxback {
    width: 100%;
    height: 1210px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage2bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}


.leftline2 {
    background-color: white;
    height: 1px;
    width: 805px;
    padding: 2px;
    border-radius: 10%;
}

.stagetwobox2 {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}

.case11 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/4l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.case22 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/4r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.stagetwobox3 {
    width: 100%;
    height: 2045px;
    margin: 0 auto;
    padding: 0;
}

.stagetwoboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 50px;
    padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.stagetwocenterline {
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 5%;
}

.remove {
    display: block;
}

@media screen and (min-width: 992px) {
    .leftline2 {
        background-color: white;
        height: 1px;
        width: 630px;
        margin: 0 auto;
        padding: 2px;
        border-radius: 10%;
    }

    .s2boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage2.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .stagetwobox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }

    .stagetwobox2 {
        width: 30%;
        float: right;
        height: 560px;
        margin: 0 10% 0 0;
        padding: 0;
    }

    .case11 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 12% auto 0;
        padding: 0;
        background-image: url(img/4l.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case22 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/4r.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagetwobox3 {
        width: 50%;
        height: 660px;
        float: left;
        margin: 0 0 0 10%;
        padding: 0;
    }

    .xoospc {
        width: 100%;
        height: 580px;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .stagetwoboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 50px;
        padding-left: 5%;
        margin: 0 auto;
    }

    .stagetwocenterline {
        background-color: #00185C;
        height: 1px;
        width: 90%;
        padding: 2px 0;
        border-radius: 10%;
        margin-left: 5%;
    }

    #stage2 {

        width: 100%;
        height: 1000px;
        margin: 0 auto;
        padding: 0;

    }

    .remove {
        display: none;
    }

}

@media screen and (min-width: 1280px) {
    .leftline2 {
        background-color: white;
        height: 1px;
        width: 635px;
        margin: 0 auto;
        padding: 2px;
        border-radius: 10%;
    }

    .s2boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage2.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .remove {
        display: none;
    }

    .stagetwobox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }

    .stagetwobox2 {
        width: 30%;
        float: right;
        height: 540px;
        margin: 0 10% 0 0;
        padding: 0;
    }

    .case11 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 5% auto 0;
        padding: 0;
        background-image: url(img/4l.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case22 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/4r.jpg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagetwobox3 {
        width: 50%;
        height: 670px;
        float: left;
        margin: 0 0 0 10%;
        padding: 0;
    }

    .xoospc {
        width: 100%;
        height: 575px;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .stagetwoboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 20px;
        padding-left: 5%;
        margin: 0 auto;
    }

    .stagetwocenterline {
        background-color: #00185C;
        height: 1px;
        width: 90%;
        padding: 1px 0;
        border-radius: 10%;
        margin-left: 5%;
    }

    #stage2 {
        width: 100%;
        height: auto !important;
        margin: 0 auto;
        padding: 0;
    }

}



/*-------------- Stage Two -------------------*/
/*-------------- Stage Three -------------------*/
#stage3 {
    width: 100%;
    height: 3830px;
    margin: 0 auto;
    padding: 0;
}

.stagethreebox1 {
    width: 100%;
    height: 860px;
    margin: 0 auto;
    padding: 0;
}

.s3boxback {
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage3bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.leftline3 {
    background-color: white;
    height: 1px;
    width: 645px;
    padding: 2px;
    border-radius: 10%;
}

.stagethreebox2 {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}

.case111 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/5l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.case222 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/5r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.stagethreebox3 {
    width: 100%;
    height: 2400px;
    margin: 0 auto;
    padding: 0;
}

.stagethreeboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 50px;
    padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.stagethreecenterline {
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 5%;
}

@media screen and (max-width: 991px) {
    .hiddentime2 {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .leftline3 {
        background-color: white;
        height: 1px;
        margin: 0 auto;
        width: 275px;
        padding: 2px;
        border-radius: 10%;
    }

    .s3boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage3.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .xoospc2 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        height: 545px;
        max-width: 1500px;
    }

    .stagethreebox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }

    .case111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/5l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagethreebox2 {
        width: 30%;
        height: 505px;
        float: right;
        margin: 3% 0 0 5%;
        padding: 0;
    }

    .stagethreebox3 {
        width: 60%;
        float: left;
        height: 600px;
        margin: 0 0 0 5%;
        padding: 0;
    }

    .stagethreeboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 20px;
        padding-left: 0px;
        margin: 0 auto;
    }

    .stagethreecenterline {
        background-color: #00185C;
        height: 1px;
        width: 95%;
        padding: 2px 0;
        border-radius: 10%;
        margin-left: 0%;
        margin: 0 auto;
    }

    .hiddentime2 {
        width: 100%;
        height: 455px;
        margin: 0 auto;
        padding: 0;
    }

    .aa {
        width: 50%;
        float: left;
        margin: 0 auto;
    }

    .bb {
        width: 50%;
        float: left;
        margin: 0 auto;
        padding: 0;
    }

    .case222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/5r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #stage3 {

        width: 100%;
        height: 965px;
        margin: 0 auto;
        padding: 0;

    }

    .hiddentime {
        display: none;
    }
}

@media screen and (min-width: 1280px) {
    .leftline3 {
        background-color: white;
        height: 1px;
        margin: 0 auto;
        width: 270px;
        padding: 2px;
        border-radius: 10%;
    }

    .s3boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage3.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .xoospc2 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .stagethreebox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }

    .case111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/5l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagethreebox2 {
        width: 30%;
        height: 510px;
        float: right;
        margin: 2% 0 0 5%;
        padding: 0;
    }

    .stagethreebox3 {
        width: 60%;
        float: left;
        height: 675px;
        margin: 0 0 0 5%;
        padding: 0;
    }

    .stagethreeboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 20px;
        padding-left: 0px;
        margin: 0 auto;
    }

    .stagethreecenterline {
        background-color: #00185C;
        height: 1px;
        width: 95%;
        padding: 2px 0;
        border-radius: 10%;
        margin-left: 0%;
        margin: 0 auto;
    }

    .hiddentime2 {
        width: 100%;
        height: 430px;
        margin: 0 auto;
        padding: 0;
    }

    .aa {
        width: 50%;
        float: left;
        margin: 0 auto;
    }

    .bb {
        width: 50%;
        float: left;
        margin: 0 auto;
        padding: 0;
    }

    .case222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/5r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #stage3 {
        width: 100%;
        height: 980px;
        margin: 0 auto;
        padding: 0;
    }

    .hiddentime {
        display: none;
    }
}

/*-------------- Stage Three -------------------*/
/*-------------- Stage Four -------------------*/
#stage4 {
    width: 100%;
    height: 4350px;
    margin: 0 auto;
    padding: 0;
}

.stagefourbox1 {
    width: 100%;
    height: 1500px;
    margin: 0 auto;
    padding: 0;
}

.s4boxback {
    width: 100%;
    height: 1510px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage4bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.leftline4 {
    background-color: white;
    height: 1px;
    width: 700px;
    padding: 2px;
    border-radius: 10%;
}

.stagefourbox2 {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}

.case1111 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/6l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.case2222 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/6r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.stagefourbox3 {
    width: 100%;
    height: 2270px;
    margin: 0 auto;
    padding: 0;
}

.stagefourbox4 {
    display: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.stagefourboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 50px;
    padding-top: 80px;
    padding-left: 50px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.stagefourcenterline {
    background-color: #074983;
    height: 1px;
    width: 90%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 5%;

}

@media screen and (max-width: 991px) {
    .hiddentimetwo2 {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    #stage4 {
        width: 100%;
        height: 2000px;
        margin: 0 auto;
        padding: 0;
    }

    .leftline4 {
        background-color: white;
        height: 1px;
        width: 300px;
        padding: 2px;
        border-radius: 10%;
        margin: 0 auto;
    }

    .s4boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage4.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .stagefourbox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }

    .stagefourbox2 {
        width: 30%;
        height: 535px;
        float: right;
        margin: 5% 0 0 5%;
        padding: 0;
    }

    .case1111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 30px auto 0px;
        padding: 0;
        background-image: url(img/6l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case2222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/6r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagefourboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 22px;
        padding-top: 88px;
        padding-left: 0px;
        padding-bottom: 0;
        margin: 0 auto;
    }

    .stagefourcenterline {
        background-color: #00185C;
        height: 1px;
        width: 95%;
        padding: 2px 0;
        border-radius: 10%;
        margin: 10px auto;
    }

    .stagefourbox3 {
        width: 60%;
        float: left;
        height: 580px;
        margin: 0 0 0 5%;
        padding: 0;
    }

    .hiddentimetwo2 {
        width: 100%;
        height: 443px;
        margin: 0 auto;
        padding: 0;
    }

    .aa2 {
        width: 50%;
        float: left;
        margin: 0 auto;
    }

    .bb2 {
        width: 50%;
        float: left;
        margin: 0 auto;
        padding: 0;
    }

    #stage4 {
        width: 100%;
        height: 1050px;
        margin: 0 auto;
        padding: 0;
    }
}

@media screen and (min-width: 1280px) {
    #stage4 {
        width: 100%;
        height: 2000px;
        margin: 0 auto;
        padding: 0;
    }

    .leftline4 {
        background-color: white;
        height: 1px;
        width: 300px;
        padding: 1px;
        border-radius: 10%;
        margin: 0 auto;
    }

    .s4boxback {
        width: 100%;
        height: 425px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage4.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .stagefourbox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }

    .stagefourbox2 {
        width: 30%;
        height: 505px;
        float: right;
        margin: 2% 0 0 5%;
        padding: 0;
    }

    .case1111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/6l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case2222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/6r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagefourboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 45px;
        padding-top: 80px;
        padding-left: 0px;
        margin: 0 auto;
    }

    .stagefourcenterline {
        background-color: #00185C;
        height: 1px;
        width: 95%;
        padding: 2px 0;
        border-radius: 10%;
        margin: 5px auto 2px;
    }

    .stagefourbox3 {
        width: 60%;
        float: left;
        height: 530px;
        margin: 0 0 0 5%;
        padding: 0;
    }

    .hiddentimetwo2 {
        width: 100%;
        height: 405px;
        margin: 0 auto;
        padding: 0;
    }

    .aa2 {
        width: 50%;
        float: left;
        margin: 0 auto;
    }

    .bb2 {
        width: 50%;
        float: left;
        margin: 0 auto;
        padding: 0;
    }

    #stage4 {
        width: 100%;
        height: 980px;
        margin: 0 auto;
        padding: 0;
    }
}

/*-------------- Stage Four -------------------*/
/*-------------- Stage Five -------------------*/
#stage5 {
    width: 100%;
    height: auto;
    margin: 0 auto 3rem;
    padding: 0;
}

.stagefivebox1 {
    width: 100%;
    height: 1385px;
    margin: 0 auto;
    padding: 0;
}

.stagefiveboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 45px;
    padding-top: 80px;
    padding-left: 0px;
    margin: 0 auto;
}

.stagefivecenterline {
    background-color: #074983;
    height: 1px;
    width: 95%;
    padding: 2px 0;
    border-radius: 10%;
    margin-left: 0%;
    margin: 0 auto;
}

.bigo-t {
    color: white;
    text-align: left;
    font-size: 75px;
    padding-top: 20px;
    padding-left: 50px;

}

.s5boxback {
    width: 100%;
    height: 1400px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/stage5bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}


.leftline5 {
    background-color: white;
    height: 1px;
    width: 735px;
    padding: 2px;
    border-radius: 10%;
}

.stagefivebox2 {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}

.case11111 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/7l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.case22222 {
    width: 50%;
    float: left;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/7r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.stagefivebox3 {
    width: 100%;
    height: 1230px;
    margin: 0 auto;
    padding: 0;
}

.stagefiveboxtitle {
    width: 95%;
    color: black;
    text-align: left;
    font-size: 50px;
    padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 10px;
}

.stagefivecenterline {
    background-color: #074983;
    height: 1px;
    width: 880px;
    padding: 2px;
    border-radius: 10%;
    margin: 10px auto 40px;

}

.space1 {
    padding-bottom: 10px;
}

.bluetext1 {
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: black;
    text-align: left;
    font-size: 40px;
    padding-bottom: 20px;
    border-bottom: 2px dotted #074983;
}

.bluetext001 {
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #074983;
    text-align: left;
    font-size: 35px;
    border-bottom: 2px dotted #074983;
}

.bluetext002 {
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #00185C;
    text-align: left;
    font-size: 35px;
    border-bottom: 2px dotted #00185C;
}

.bluetext003 {
    width: 90%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    color: #00185C;
    text-align: left;
    font-size: 35px;
    border-bottom: 2px dotted #00185C;
}

.bluetext004 {
    width: 91%;
    margin: 30px auto 5px;
    padding: 0 0 30px 0;
    text-align: left;
    color: black;
    font-size: 35px;
    border-bottom: 2px dotted #00185C;
}

.bluetext004>span {
    color: #074983;
    font-size: 24px;
}

#button>span {
    display: none;
}

#button:checked #button>span {
    display: block;
}

.lastbox {
    width: 770px;
    margin: 60px auto 40px;
    background-color: #EFF4FB;
    height: 90px;
    padding: 45px 60px;
    color: black;
    font-size: 40px;
    line-height: 2;
}

.stagesixbox2 {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    padding: 0;
}

.case111111 {
    width: 50%;
    float: left;
    height: 430px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/8l.jpg);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
}

.case222222 {
    width: 50%;
    float: left;
    height: 430px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/8r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.stagesevenbox3 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

@media screen and (max-width: 991px) {
    .big-t23 {
        display: none;
    }

    .honeysingh {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .bigo-t {
        display: none;
    }

    .big-t23 {
        color: white;
        text-align: center;
        font-size: 35px;
        padding-top: 20px;
        padding-left: 0px;
    }

    #stage5 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .stagesixbox2 {
        width: 30%;
        float: right;
        height: 505px;
        margin: 5% auto 0;
        padding: 0;

    }

    .case111111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/8l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case222222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/8r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagefivebox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }

    .s5boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage5.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .small-t {
        color: white;
        text-align: center;
        font-size: 30px;
        padding-top: 35px;
        padding-left: 0px;
    }

    .leftline5 {
        background-color: white;
        height: 1px;
        width: 515px;
        padding: 2px;
        margin: 0 auto;
        border-radius: 10%;
    }

    .alltextbox {
        color: white;
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 30px 0;
        text-align: justify;
        font-size: 16px;
        line-height: 1.6;
    }

    .alltextbox2 {
        color: white;
        width: 60%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px 0;
        text-align: justify;
        font-size: 16px;
        line-height: 1.6;
    }

    .stagefivebox2 {
        width: 30%;
        height: 505px;
        float: right;
        margin: 5% 0 0 0%;
        padding: 0;
    }

    .case11111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/7l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case22222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/7r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagefivebox3 {
        width: 32%;
        float: left;
        height: 510px;
        margin: 0 0 0 3%;
        padding: 0;
    }

    .stagefiveboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 80px;
        padding-left: 5%;
    }

    .stagefivecenterline {
        background-color: #074983;
        height: 1px;
        width: 90%;
        padding: 2px;
        border-radius: 10%;
        margin: 10px auto 40px;
    }

    .bluetext1 {
        width: 90%;
        margin: 15px auto 0px;
        color: black;
        text-align: left;
        font-size: 15px;
        padding: 0px;
        border-bottom: 2px dotted #074983;
    }

    .cool {
        width: 30%;
        height: 570px;
        margin: 0% 1% 0% 1%;
        float: left;
        padding: 0;
    }

    .stagefiveboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 22px;
        padding-top: 50px;
        padding-bottom: 0;
        padding-left: 5%;
    }

    .stagefivecenterline {
        background-color: #074983;
        height: 1px;
        width: 90%;
        padding: 2px;
        border-radius: 10%;
        margin: 10px auto 40px;
    }

    .lastbox {
        width: 90%;
        margin: 0 auto;
        background-color: #EFF4FB;
        height: auto;
        padding: 20px 30px 15px;
        color: black;
        font-size: 13px;
    }

    .stagesevenbox3 {
        width: 65%;
        height: auto;
        float: left;
        margin: 0px 0 0 3%;
        padding: 0;
    }

    .stagefourboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 18px;
        padding-top: 40px;
        padding-left: 0px;
        padding-bottom: 0;
        margin: 0 auto;
    }

    .stagefourbox4 {
        width: 35%;
        height: auto;
        float: left;
        margin: 0 1% 0 0%;
        padding: 0;
    }


    .bluetext001 {
        width: 90%;
        margin: 15px auto 5px;
        padding: 0 0 5px 0;
        color: #074983;
        text-align: left;
        font-size: 12px;
        border-bottom: 2px dotted #074983;
    }

    .bluetext002 {
        width: 90%;
        margin: 15px auto 5px;
        padding: 0px 0 5px 0;
        color: #074983;
        text-align: left;
        font-size: 12px;
        border-bottom: 2px dotted #074983;
    }

    .bluetext003 {
        width: 90%;
        margin: 30px auto 5px;
        padding: 0 0 30px 0;
        color: #074983;
        text-align: left;
        font-size: 18px;
        border-bottom: 2px dotted #074983;
    }

    .bluetext004 {
        width: 91%;
        margin: 10px auto 5px;
        padding: 0 0 10px 0;
        color: #074983;
        text-align: left;
        font-size: 12px;
        border-bottom: 2px dotted #074983;
    }

    .bluetext004>span {
        color: #074983;
        font-size: 15px;
    }
}

@media screen and (min-width: 1280px) {
    .bigo-t {
        display: none;
    }

    .big-t23 {
        color: white;
        text-align: center;
        font-size: 30px;
        padding-top: 10px;
        padding-left: 0px;
    }

    #stage5 {
        width: 100%;
        height: auto;
        margin: 0 auto 3rem;
        padding: 0;
    }

    .stagesixbox2 {
        width: 30%;
        float: right;
        height: 740px;
        margin: 6% auto 0;
        padding: 0;
    }

    .case111111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/8l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case222222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/8r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagefivebox1 {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
    }

    .s5boxback {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/pcstage5.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .small-t {
        color: white;
        text-align: center;
        font-size: 40px;
        padding-top: 40px;
        padding-left: 0px;
    }

    .small-t2 {
        color: white;
        text-align: center;
        font-size: 18px;
        padding-top: 0px;
        padding-left: 0px;
    }

    .leftline5 {
        background-color: white;
        height: 1px;
        width: 430px;
        padding: 1px;
        margin: 0 auto;
        border-radius: 10%;
    }

    .alltextbox {
        color: white;
        width: 38%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px 0;
        text-align: justify;
        font-size: 15px;
        line-height: 1.6;
    }

    .alltextbox2 {
        color: white;
        width: 38%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 10px 0;
        text-align: justify;
        font-size: 15px;
        line-height: 1.6;
    }

    .stagefivebox2 {
        width: 30%;
        height: 470px;
        float: right;
        margin: 2% 0 0 0%;
        padding: 0;
    }

    .case11111 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/7l.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .case22222 {
        width: 100%;
        float: left;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/7r.jpg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stagefivebox3 {
        width: 32%;
        float: left;
        height: 570px;
        margin: 0 0 0 3%;
        padding: 0;
    }

    .stagefiveboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 80px;
        padding-left: 5%;
    }

    .stagefivecenterline {
        background-color: #074983;
        height: 1px;
        width: 90%;
        padding: 2px;
        border-radius: 10%;
        margin: 10px auto 40px;
    }

    .bluetext1 {
        width: 90%;
        margin: 15px auto 0px;
        color: black;
        text-align: left;
        font-size: 16px;
        padding: 0px;
        border-bottom: 2px dotted #074983;
    }

    .cool {
        width: 30%;
        height: 570px;
        margin: 0% 1% 0% 1%;
        float: left;
        padding: 0;
    }

    .stagefiveboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 25px;
        padding-top: 20px;
        padding-bottom: 0;
        padding-left: 5%;
    }

    .stagefivecenterline {
        background-color: #074983;
        height: 1px;
        width: 90%;
        padding: 2px;
        border-radius: 10%;
        margin: 10px auto 10px;
    }

    .lastbox {
        width: 90%;
        margin: 0 auto;
        background-color: #EFF4FB;
        height: auto;
        padding: 20px 30px 15px;
        color: black;
        font-size: 16px;
    }

    .stagesevenbox3 {
        width: 70%;
        height: auto;
        float: left;
        margin: 0px auto;
        padding: 0;
        box-sizing: border-box;
    }

    .stagefourboxtitle {
        width: 95%;
        color: black;
        text-align: left;
        font-size: 24px;
        padding-top: 20px;
        padding-left: 0px;
        padding-bottom: 0;
        margin: 0 auto;
    }

    .stagefourbox4 {
        display: none;
        width: 35%;
        height: auto;
        float: left;
        margin: 0 1% 0 0%;
        padding: 0;
    }


    .bluetext001 {
        width: 90%;
        margin: 30px auto 5px;
        padding: 0 0 30px 0;
        color: #074983;
        text-align: left;
        font-size: 18px;
        border-bottom: 2px dotted #074983;
    }

    .bluetext002 {
        width: 90%;
        margin: 30px auto 5px;
        padding: 0 0 30px 0;
        color: #074983;
        text-align: left;
        font-size: 18px;
        border-bottom: 2px dotted #074983;
    }

    .bluetext003 {
        width: 90%;
        margin: 30px auto 5px;
        padding: 0 0 30px 0;
        color: #074983;
        text-align: left;
        font-size: 18px;
        border-bottom: 2px dotted #074983;
    }

    .bluetext004 {
        width: 91%;
        margin: 30px auto 5px;
        padding: 0 0 30px 0;
        color: #074983;
        text-align: left;
        font-size: 18px;
        border-bottom: 2px dotted #074983;
    }
}

/*-------------- Stage Five -------------------*/
/*-------------- Box View  -------------------*/
#box-view {
    width: 90%;
    height: 3000px;
    margin: 0 auto;
    padding: 135px 50px;
    background-image: url(img/voicebg.jpg);
    background-position: center;
    background-size: cover;
}

.box-view-t {
    text-align: center;
    font-size: 75px;
    color: black;
    padding: 50px 0;
    font-family: serif;
}

.box-view1 {
    width: 85%;
    height: 770px;
    margin: 50px auto;
    padding: 40px 50px;
    background-color: #074983;
    text-align: justify;
    color: rgb(255, 255, 255);
    font-size: 40px;
    line-height: 1.6;
}

.box-view2 {
    width: 85%;
    height: 770px;
    margin: 50px auto;
    padding: 60px 50px 20px;
    background-color: #074983;
    text-align: justify;
    color: rgb(255, 255, 255);
    font-size: 40px;
    line-height: 1.6;
}

.box-view3 {
    width: 85%;
    height: 770px;
    margin: 50px auto;
    padding: 40px 50px;
    background-color: #074983;
    text-align: justify;
    color: rgb(255, 255, 255);
    font-size: 40px;
    line-height: 1.6;
}

@media screen and (min-width: 992px) {
    #box-view {
        width: 100%;
        height: 620px;
        margin: 0 auto;
        padding: 50px 0px;
        background-image: url(img/pcvoicebg.jpg);
        background-position: center;
        background-size: cover;
    }

    .box-view-t {
        text-align: center;
        font-size: 35px;
        color: black;
        padding: 25px 0;
        font-family: serif;
    }

    .all-box {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .box-view1 {
        width: 85%;
        height: auto;
        margin: 10px auto;
        padding: 30px 30px;
        background-color: #074983;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 13px;
        line-height: 1.6;
    }

    .box-view2 {
        width: 85%;
        height: auto;
        margin: 30px auto;
        padding: 30px 30px 40px;
        background-color: #074983;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 13px;
        line-height: 1.6;
    }

    .box-view3 {
        width: 85%;
        height: auto;
        margin: 40px auto;
        padding: 30px 30px;
        background-color: #074983;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 13px;
        line-height: 1.6;
    }
}

@media screen and (min-width: 1280px) {
    #box-view {
        width: 100%;
        height: 530px;
        margin: 0 auto;
        padding: 0px 0px;
        background-image: url(img/pcvoicebg.jpg);
        background-position: center;
        background-size: cover;
    }

    .box-view-t {
        text-align: center;
        font-size: 45px;
        color: black;
        padding: 50px 0 30px;
        font-family: serif;
    }

    .all-box {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .box-view1 {
        width: 30%;
        float: left;
        height: 305px;
        margin: 0px 10px 0px 45px;
        padding: 40px 20px;
        background-color: #074983;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 15px;
        line-height: 1.6;
        box-sizing: border-box;
    }

    .box-view2 {
        width: 30%;
        float: left;
        height: 305px;
        margin: 0px 10px 0px 10px;
        padding: 40px 20px;
        background-color: #074983;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 15px;
        line-height: 1.6;
        box-sizing: border-box;
    }

    .box-view3 {
        width: 30%;
        float: left;
        height: 305px;
        margin: 0px 40px 0px 10px;
        padding: 40px 20px;
        background-color: #074983;
        text-align: justify;
        color: rgb(255, 255, 255);
        font-size: 15px;
        line-height: 1.6;
        box-sizing: border-box;
    }
}



/*-------------- Box View  -------------------*/
/*--------------  Link  -------------------*/
.msg-link {
    width: 80%;
    height: 250px;
    margin: 100px auto;
    padding: 0;
    background: rgb(222, 140, 0);
    background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
}

.msglink-img {
    width: 15%;
    float: left;
    height: 250px;
    margin: 0 4% 0 15%;
    padding: 0px;
    background-image: url(img/email.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.msglink-img2 {
    width: 15%;
    float: left;
    height: 250px;
    margin: 0 4% 0 15%;
    padding: 0px;
    background-image: url(img/email.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.msglink-text {
    width: 65%;
    float: left;
    text-align: left;
    font-size: 45px;
    color: white;
    padding: 55px 0;
}

.msglink-text2 {
    width: 65%;
    float: left;
    text-align: left;
    font-size: 45px;
    color: white;
    padding: 55px 0;
}

@media screen and (max-width: 991px) {
    .msg-link2 {
        display: none
    }

    .msg-link3 {
        width: 92%;
        height: 200px;
        margin: 30px auto;
        padding: 0;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .msglink-img2 {
        width: 10%;
        float: left;
        height: 200px;
        margin: 0 3% 0 3%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .msglink-text2 {
        width: 84%;
        float: left;
        text-align: left;
        font-size: 39px;
        color: white;
        padding: 79px 0 60px;
    }
}

@media screen and (min-width: 992px) {
    .msg-link {
        display: none;
    }

    .msg-link2 {
        width: 450px;
        max-width: 1000px;
        height: 100px;
        margin: 30px auto;
        padding: 0;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .msg-link3 {
        width: 95%;
        height: 80px;
        margin: 30px auto;
        padding: 0;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .msglink-img {
        width: 55px;
        float: left;
        height: 80px;
        margin: 10px 1% 10px 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 3rem;
        background-repeat: no-repeat;
        background-position: center;
    }

    .msglink-img2 {
        width: 40px;
        float: left;
        height: 65px;
        margin: 10px 1% 10px 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 2rem;
        background-repeat: no-repeat;
        background-position: center;
    }

    .msglink-text {
        width: 80%;
        float: left;
        text-align: center;
        font-size: 18px;
        color: white;
        padding: 37px 0;
        font-weight: bold;
    }

    .msglink-text2 {
        width: 80%;
        float: left;
        text-align: center;
        font-size: 15px;
        color: white;
        padding: 30px 0;
    }

}

@media screen and (min-width: 1280px) {
    .msg-link {
        display: none;
    }

    .msg-link2 {
        width: 40%;
        max-width: 785px;
        height: 130px;
        margin: 45px auto;
        padding: 0;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .msg-link3 {
        width: 100%;
        max-width: 500px;
        height: 80px;
        margin: 10px auto;
        padding: 0;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .msglink-img {
        width: 100px;
        float: left;
        height: 130px;
        margin: 0 0% 0 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 4rem;
        background-repeat: no-repeat;
        background-position: center;
    }

    .msglink-img2 {
        width: 60px;
        float: left;
        height: 60px;
        margin: 10px 1% 10px 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 3rem;
        background-repeat: no-repeat;
        background-position: center;
    }

    .msglink-text {
        width: 75%;
        float: left;
        text-align: left;
        font-size: 20px;
        color: white;
        padding: 50px 0;
    }

    .msglink-text2 {
        width: 75%;
        float: left;
        text-align: center;
        font-size: 18px;
        color: white;
        padding: 25px 0;
    }

}

@media screen and (min-width: 1366px) {
    .msg-link {
        display: none;
    }

    .msg-link2 {
        width: 40%;
        max-width: 540px;
        height: 120px;
        margin: 35px auto;
        padding: 0;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .msg-link3 {
        width: 100%;
        max-width: 500px;
        height: 80px;
        margin: 10px auto;
        padding: 0;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .msglink-img {
        width: 80px;
        float: left;
        height: 120px;
        margin: 0px 2% 0 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 3rem;
        background-repeat: no-repeat;
        background-position: center;
    }

    .msglink-img2 {
        width: 60px;
        float: left;
        height: 60px;
        margin: 10px 1% 10px 5%;
        padding: 0px;
        background-image: url(img/email.png);
        background-size: 3rem;
        background-repeat: no-repeat;
        background-position: center;
    }

    .msglink-text {
        width: 78%;
        float: left;
        text-align: left;
        font-size: 20px;
        color: white;
        padding: 45px 0;
    }

    .msglink-text2 {
        width: 75%;
        float: left;
        text-align: center;
        font-size: 20px;
        color: white;
        padding: 25px 0;
    }

}

/*--------------  Link  -------------------*/
/*---------- Online Course  ---------------*/
#onlinecourse {
    width: 100%;
    height: 2030px;
    margin: 0 auto;
    padding: 0;
}

.onlinecourse-title {
    width: 95%;
    margin: 0 auto;
    padding: 80px 0px 80px 50px;
    color: white;
    font-size: 60px;
    text-align: left;
    background-color: #00185C;
    font-family: serif;
}

.onlinecourse-image1 {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/online.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.onlinecourse-textbox {
    width: 90%;
    height: auto;
    background-color: white;
    color: black;
    font-size: 40px;
    text-align: justify;
    line-height: 1.6;
    padding: 100px 50px;
    margin: 0 auto;
}

.onlinecourse-image2 {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/ebm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.onlinecourse-image20 {
    display: none;
}

.onlinecourse-image19 {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/online19.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

@media screen and (min-width: 992px) {

    #onlinecourse {
        width: 100%;
        height: 405px;
        margin: 0 auto;
        padding: 0;
    }

    .onlinecourse-title {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
        color: white;
        font-size: 35px;
        text-align: center;
        font-family: serif;
        background-color: #00185C;
    }

    .xospc4 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .xosbox1 {
        width: 100%;
    }

    .onlinecourse-image1 {
        width: 40%;
        height: 300px;
        margin: 0 0 0 5%;
        padding: 0;
        background-image: url(img/online.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        float: left;
    }

    .onlinecourse-textbox {
        width: 40%;
        height: auto;
        background-color: white;
        color: black;
        font-size: 15px;
        text-align: justify;
        line-height: 1.6;
        padding: 40px 50px 0;
        margin: 0 auto;
        float: left;
    }

    .onlinecourse-image2 {
        display: none;
    }

    .onlinecourse-image19 {
        width: 40%;
        height: 350px;
        margin: 1% 0 2% 5%;
        padding: 0;
        background-image: url(img/online19.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
    }

}

@media screen and (min-width: 1280px) {

    #onlinecourse {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .onlinecourse-title {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
        color: white;
        font-size: 45px;
        text-align: center;
        font-family: serif;
        background-color: #00185C;
    }

    .xospc4 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .xosbox1 {
        width: 100%;
    }

    .onlinecourse-image1 {
        width: 40%;
        height: 372px;
        margin: 0 0 0 5%;
        padding: 0;
        background-image: url(img/online.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        float: left;
    }

    .onlinecourse-textbox {
        width: 45%;
        height: auto;
        background-color: white;
        color: black;
        font-size: 16px;
        text-align: justify;
        line-height: 1.6;
        padding: 50px 50px;
        margin: 0 auto;
        float: left;
    }

    .onlinecourse-image2 {
        display: none;
    }


    .onlinecourse-image19 {
        width: 40%;
        height: 350px;
        margin: 1% 0 2% 5%;
        padding: 0;
        background-image: url(img/online19.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top center;
        float: left;
    }

}

/*---------- Online Course  ---------------*/
/*---------- EBM-Web Course ---------------*/
#ebm-web {
    width: 100%;
    height: auto;
    margin: 0 auto 180px;
    padding: 0;
}

.ebm-web-title {
    width: 95%;
    margin: 0 auto;
    padding: 80px 0 80px 50px;
    color: white;
    font-size: 60px;
    text-align: left;
    background-color: #00185C;
}

.ebm-web-title2 {
    width: 95%;
    margin: 0 auto;
    padding: 80px 0 80px 50px;
    color: white;
    font-size: 60px;
    text-align: left;
    background-color: #00185C;
}

.ebm-web-textbox {
    width: 90%;
    height: 440px;
    background-color: white;
    color: black;
    font-size: 40px;
    text-align: justify;
    line-height: 1.6;
    padding: 100px 50px;
    margin: 0 auto;

}

.ebm-web-textbox>span {
    float: right;
    text-align: right;
}

.ebm-web-box1 {
    width: 100%;
    height: 448px;
    margin: 0 auto;
    padding: 0;
}

.ebmcase1 {
    width: 50%;
    float: left;
    height: 240px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/9l.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ebmcase2 {
    width: 50%;
    float: left;
    height: 240px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/9r.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ebm-web-setone {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

.ebm-web-setwo {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.ebm-web-setwo2 {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.ebm-web-sethree {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.ebm-web-setlast {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.ebm-web-setone-title {
    width: 100%;
    height: 225px;
    padding: 0;
    margin: 130px auto 0px;
    background-color: #ffffff;
    position: relative;
}

.straightline {
    width: 1%;
    float: left;
    border-left: 20px solid #7a3030;
    height: 150px;
    position: absolute;
    top: 5%;
    left: 6%;
    margin: 0 auto;
}

.ebm-web-t-text {
    width: 91%;
    height: 200px;
    color: #074983;
    text-align: left;
    font-size: 45px;
    float: right;
    margin: 20px auto 0;
}

.ebm-web-t-text>span {
    /* 追記 */
    display: block;
    font-size: 40px;
}

.ebm-web-setonebox1 {
    width: 90%;
    height: 460px;
    padding: 40px 0;
    margin: 5px auto;
    background-color: #EFF4FB;
}

.ebm-web-setonebox2 {
    width: 90%;
    height: 300px;
    padding: 40px 0;
    margin: 30px auto;
    background-color: #EFF4FB;
}

.ebm-web-setonebox3 {
    width: 90%;
    height: 480px;
    padding: 40px 0;
    margin: 30px auto;
    background-color: #f4effb;
}

.ebm-web-setonebox4 {
    width: 90%;
    height: 970px;
    padding: 40px 0;
    margin: 30px auto 120px;
    background-color: #f4effb;
}

.ebm-web-s-texts {
    width: 100%;
    height: 100px;
    padding: 0;
    margin: 0 auto;
}

.circle {
    width: 5px;
    float: left;
    border: 10px solid #240047;
    border-radius: 50%;
    background-color: #240047;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.circle2 {
    width: 5px;
    float: left;
    border: 10px solid #240047;
    border-radius: 50%;
    background-color: #240047;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.circle3 {
    width: 5px;
    float: left;
    border: 10px solid #240047;
    border-radius: 50%;
    background-color: #240047;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.circle4 {
    width: 5px;
    float: left;
    border: 10px solid #240047;
    border-radius: 50%;
    background-color: #240047;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.ebm-web-st-text {
    width: 88%;
    height: auto;
    color: black;
    text-align: left;
    font-size: 42px;
    float: right;
    margin: 20px auto 30px;
}

.ebm-web-st-text0 {
    width: 88%;
    height: 70px;
    color: black;
    text-align: left;
    font-size: 42px;
    float: right;
    margin: 20px auto 30px;
}

.ebm-web-st-text0 span {
    font-size: 30px;
    padding: 0px 0;
}


/* Dropdowon start from here */
.newpostbox {
    width: 82%;
    margin: 40px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}

#button {
    width: 90%;
    margin: -2px 5%;
    padding: 40px 40px;
    background-color: white;
    color: #074983;
    font-size: 45px;
    text-align: center;
    border-left: 5px solid #074983;
    border-right: 5px solid #074983;
    border-bottom: 10px solid #074983;
    border-top: none;

}

#newpost {
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #00185C;
    border-bottom: none;
}

.box1 {
    width: 100%;
    height: 378px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

#voice {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 0 0;
    margin-top: -230px;
}

.voice {}

.voice input {
    display: none;
}

.voce_btn {
    cursor: pointer;
    width: 89.5%;
    text-align: center;
    position: relative;
    font-size: 50px;
    color: #7a3030;
    display: block;
    height: 65px;
    margin: 0 auto 0px;
    padding: 50px 0 35px;
    line-height: 50px;
    background: white;
    border: 2px solid #7a3030;
    border-top: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
    text-decoration: none;
    transition: .0s;

}

.voce_btn:hover {}

.voce_btn:before {
    content: "カリキュラム詳細を見る ▼";
    color: #7a3030;
}

.voice ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
}

.voice li {
    height: 0;
    overflow-y: hidden;
    font-size: 35px;
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#voice_bar:checked~#links li {
    height: auto;
    width: 89.5%;
    opacity: 1;
    padding: 125px 0 60px 0;
    display: block;
    text-decoration: none;
    position: relative;
    margin-top: -125px;
    margin: -125px auto 0;
    border-left: 1px solid #074983;
    border-right: 1px solid #074983;
}

#voice_bar:checked~.voce_btn:before {
    content: "カリキュラム詳細を閉じる ▲"

}


/* あまりに崩れと改修が大変なので追記 */


.add-content {
    width: 90%;
    background-color: #fbeff3;
    padding: 110px 0px 40px;
    margin: 50px auto 0;
    /* とりあえず */
}

.add-content__flex {
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
    padding: 0 47px;
    color: #000000;
}

.add-content__flex+.add-content__flex {
    margin-top: 40px;
}

.add-content__flex:nth-child(4) {
    margin-bottom: 40px;
}

.add-content__type {
    font-size: 42px;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 20px;
    min-width: 34%;
}

.add-content__type::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: #910404;
    border-radius: 50%;
}

.add-content__desc {
    font-size: 42px;
}

.add-content__text {
    font-size: 42px;
    color: #000000;
    padding: 0 47px;
}

.add-content__text>span {
    display: block;
    font-size: 32px;
}

@media screen and (min-width:400px) {
    .dwidth {
        height: 500px !important;
    }

    .ebm-web-setonebox1 {
        width: 90%;
        height: 1800px;
        padding: 40px 0px;
        margin: 5px auto;
        background-color: rgb(239, 244, 251);
    }

    .ebm-web-st-text0 {
        width: 88%;
        height: auto;
        color: black;
        text-align: left;
        font-size: 42px;
        float: right;
        margin: 20px auto 30px;
    }
}

@media screen and (min-width: 992px) {
    #voice_bar:checked~#links li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 122px 0px 0px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin: -125px auto 0;
        border-left: 1px solid #00185C;
        border-right: 1px solid #00185C;
    }

    .box1 {
        width: 100%;
        height: 299px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 0px 0;
    }


}

@media screen and (min-width: 1280px) {
    #voice_bar:checked~#links li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 122px 0px 60px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin: -125px auto 0;
        border-left: 1px solid #00185C;
        border-right: 1px solid #00185C;
    }

    .box1 {
        width: 100%;
        height: 300px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 0px 0;
    }


}

/* Dropdowon End here */
/* Second Dropdowon start from here */
.newpostbox2 {
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}

#newpost2 {
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #074983;
    border-bottom: none;
}

.box2 {
    width: 100%;
    height: 344px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

#voice2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 0 0;
    margin-top: -265px;
}

.voice2 {}

.voice input {
    display: none;
}

.voce_btn2 {
    cursor: pointer;
    width: 89.4%;
    text-align: center;
    position: relative;
    font-size: 50px;
    color: #074983;
    display: block;
    height: 65px;
    margin: 0px auto 0px;
    padding: 45px 0 35px;
    line-height: 50px;
    background: white;
    border: 1px solid #074983;
    border-top: none;
    box-shadow: 0 5px 0px #074983;
    text-decoration: none;
    transition: .0s;

}

.voce_btn2:hover {}

.voce_btn2:before {
    content: "カリキュラム詳細を見る ▼";
    color: #074983;
}

.voice2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
}

.voice2 li {
    height: 0;
    overflow-y: hidden;
    font-size: 35px;
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#voice_bar2:checked~#links2 li {
    height: auto;
    width: 89.5%;
    opacity: 1;
    padding: 125px 0 0px 0;
    display: block;
    text-decoration: none;
    position: relative;
    margin-top: -125px;
    margin: -125px auto 0;
    border-left: 1px solid #074983;
    border-right: 1px solid #074983;
}

#voice_bar2:checked~.voce_btn2:before {
    content: "カリキュラム詳細を閉じる ▲"

}

/* Second Dropdowon End here */
/* Third Dropdowon start from here */
.newpostbox3 {
    width: 82%;
    margin: 40px auto 0;
    padding: 25px 40px;
    background-color: #00185C;
    color: white;
    font-size: 45px;
    text-align: left;
}

#newpost3 {
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #00185C;
    border-bottom: none;
}

.box3 {
    width: 100%;
    height: 378px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

#voice3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 0 0;
    margin-top: -255px;
}

.voice3 {}

.voice input {
    display: none;
}

.voce_btn3 {
    cursor: pointer;
    width: 89.5%;
    text-align: center;
    position: relative;
    font-size: 50px;
    color: #074983;
    display: block;
    height: 65px;
    margin: 0 auto 0px;
    padding: 35px 0;
    line-height: 50px;
    background: white;
    border: 2px solid #074983;
    border-top: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
    text-decoration: none;
    transition: .0s;

}

.voce_btn3:hover {}

.voce_btn3:before {
    content: "カリキュラム詳細を見る ▼"
}

.voice3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
}

.voice3 li {
    height: 0;
    overflow-y: hidden;
    font-size: 35px;
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#voice_bar3:checked~#links3 li {
    height: auto;
    width: 90%;
    opacity: 1;
    padding: 125px 0 60px 0;
    display: block;
    text-decoration: none;
    position: relative;
    margin-top: -125px;
    margin: -125px auto 0;
    border-left: 2px solid #074983;
    border-right: 2px solid #074983;
}

#voice_bar3:checked~.voce_btn3:before {
    content: "カリキュラム詳細を閉じる ▲"

}

/* Third Dropdowon End here */
/* Fourth Dropdowon start from here */
.newpostbox4 {
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #007838;
    color: white;
    font-size: 45px;
    text-align: left;
}

#newpost4 {
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    background-color: #007838;
    border-bottom: none;
}

.box4 {
    width: 100%;
    height: 338px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

#voice4 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 0 0;
    margin-top: -255px;
}

.voice4 {}

.voice input {
    display: none;
}

.voce_btn4 {
    cursor: pointer;
    width: 89.5%;
    text-align: center;
    position: relative;
    font-size: 50px;
    color: #007838;
    display: block;
    height: 55px;
    margin: 0 auto 0px;
    padding: 45px 0 35px;
    line-height: 50px;
    background: white;
    border: 1px solid #007838;
    border-top: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
    text-decoration: none;
    transition: .0s;

}

.voce_btn4:hover {}

.voce_btn4:before {
    content: "カリキュラム詳細を見る ▼"
}

.voice4 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: -4px;
}

.voice4 li {
    height: 0;
    overflow-y: hidden;
    font-size: 35px;
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#voice_bar4:checked~#links4 li {
    height: auto;
    width: 90%;
    opacity: 1;
    padding: 120px 0 3px 0;
    display: block;
    text-decoration: none;
    position: relative;
    margin: -125px auto 0;
    border-left: 1px solid #074983;
    border-right: 1px solid #074983;
}

#voice_bar4:checked~.voce_btn4:before {
    content: "カリキュラム詳細を閉じる ▲"

}

/* Fourth Dropdowon End here */
/* Last Dropdowon start from here */
.newpostboxlast {
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}

#newpostlast {
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #074983;
    border-bottom: none;
}

.boxlast {
    width: 100%;
    height: 725px;
    margin: 45px auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

#voicelast {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 0 0;
    margin-top: -170px;
}

.voicelast {}

.voice input {
    display: none;
}

.voce_btnlast {
    cursor: pointer;
    width: 65%;
    text-align: center;
    position: relative;
    font-size: 50px;
    color: white;
    display: block;
    height: 45px;
    margin: 50px auto 0px;
    padding: 45px 0;
    line-height: 50px;
    background: #074983;
    border: 2px solid #074983;
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
    text-decoration: none;
    transition: .0s;

}

.voce_btnlast:hover {}

.voce_btnlast:before {
    content: "全課程修了者一覧 ▼"
}

.voicelast ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
}

.voicelast li {
    height: 0;
    overflow-y: hidden;
    font-size: 35px;
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#voice_barlast:checked~#linkslast li {
    height: auto;
    width: 90%;
    opacity: 1;
    padding: 100px 0 60px 0;
    display: block;
    text-decoration: none;
    position: relative;
    margin-top: -125px;
    margin: -125px auto 0;
    border-left: 2px solid #074983;
    border-right: 2px solid #074983;
    border-bottom: 2px solid #074983;
}

#voice_barlast:checked~.voce_btnlast:before {
    content: "閉じる";

}

/* Last Dropdowon End here */

.yellow-buttons {
    width: 82%;
    height: 60px;
    padding: 50px 40px;
    margin: 40px auto;
    color: white;
    background: rgb(222, 140, 0);
    background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    font-size: 45px;
    text-align: center;
    position: relative;
}

/*---------- EBM-Web Course ---------------*/
/*------------- Siminar ------------------*/
#seminar {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
}

.seminar-img {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0px;
    background-image: url(img/dhonline.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.seminar-text {
    width: 84%;
    height: 300px;
    margin: 0 auto;
    padding: 80px 80px;
    background-color: #00185C;
    text-align: justify;
    color: white;
    font-size: 45px;
}

.seminar-text>span {
    font-size: 75px;
}

.seminar-boxtext {
    width: 86%;
    height: 320px;
    margin: 0 auto;
    padding: 80px 60px;
    font-size: 35px;
    text-align: justify;
    color: black;
}

.seminar-boxoneimgs {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0px;
}

.s-boneimg1 {
    width: 50%;
    height: 500px;
    padding: 0;
    margin: 0 auto;
    background-image: url(img/10l.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.s-boneimg2 {
    width: 50%;
    height: 500px;
    padding: 0px;
    margin: 0 auto;
    background-image: url(img/10r.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

/*------------- Siminar ------------------*/
/*------------- Special Doctors ------------------*/

#special-doctor {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
}

.special-doctor-image {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding: 0px;
    background-image: url(img/miyashita.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.special-doctor-text {
    width: 84%;
    height: 180px;
    margin: 0 auto;
    padding: 80px 80px;
    background-color: #00185C;
    text-align: justify;
    color: white;
    font-size: 45px;
}

.special-doctor-text>span {
    font-size: 75px;
}

.special-doctor-boxone {
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    padding: 0;
}

.specialdoctor-boxtext {
    width: 86%;
    height: 230px;
    margin: 0 auto;
    padding: 60px 60px;
    font-size: 35px;
    text-align: justify;
    color: black;
}

.specialdoctor-boxoneimgs {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0px;
}

.specialdoctor-boneimg1 {
    width: 50%;
    height: 500px;
    padding: 0;
    margin: 0 auto;
    background-image: url(img/11l.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.specialdoctor-boneimg2 {
    width: 50%;
    height: 500px;
    padding: 0px;
    margin: 0 auto;
    background-image: url(img/11r.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.blueline {
    background-color: #074983;
    height: 5px;
    width: 100%;
    padding: 10px 0;
    margin: 100px auto 10px;
}

.blueline2 {
    background-color: #074983;
    height: 5px;
    width: 100%;
    padding: 5px 0;
    margin: 8px auto 10px;
}

/*------------- Special Doctors ------------------*/
/*-------------  Specialist ------------------*/
#specialist {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 0;
}

.specialist-title {
    width: 100%;
    height: 50px;
    padding: 30px 0 50px;
    margin: 10px auto 40px;
    text-align: center;
    font-size: 50px;
    color: black;
}

.specialist-image {
    width: 85%;
    margin: 0 auto;
    padding: 0;
    height: 1000px;
    background-image: url(img/drmiyashita.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.specialist-deatsall {
    width: 100%;
    height: 1100px;
    margin: 0 auto;
    padding: 0;
}

.specialist-text {
    width: 90%;
    height: 180px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    color: black;
    font-size: 40px;
}

.specialist-text>span {
    font-size: 60px;
}

.specialistmsg-title {
    width: 100%;
    height: 105px;
    padding: 0;
    margin: 130px auto 0px;
    position: relative;
}

.specialistmsg-title200 {
    width: 100%;
    height: 105px;
    padding: 0;
    margin: 130px auto 0px;
    position: relative;
}

.specialistmsg-title300 {
    width: 100%;
    height: 105px;
    padding: 0;
    margin: 130px auto 0px;
    position: relative;
}

.straightline00 {
    width: 5px;
    float: left;
    border-left: 15px solid #074983;
    height: 60px;
    position: absolute;
    top: 5%;
    left: 6%;
    margin: 0 auto;
}

.straightline200 {
    width: 5px;
    float: left;
    border-left: 15px solid #074983;
    height: 60px;
    position: absolute;
    top: 5%;
    left: 6%;
    margin: 0 auto;
}

.straightline300 {
    width: 5px;
    float: left;
    border-left: 15px solid #074983;
    height: 60px;
    position: absolute;
    top: 5%;
    left: 6%;
    margin: 0 auto;
}

.specialistmsg-t-text {
    width: 91%;
    height: 85px;
    color: #074983;
    text-align: left;
    font-size: 50px;
    float: right;
    margin: 2px auto 0;
}

.specialistmsg-t-text200 {
    width: 91%;
    height: 85px;
    color: #074983;
    text-align: left;
    font-size: 50px;
    float: right;
    margin: 2px auto 0;
}

.specialistmsg-t-text300 {
    width: 91%;
    height: 85px;
    color: #074983;
    text-align: left;
    font-size: 50px;
    float: right;
    margin: 2px auto 0;
}

.specialistmsg-t-text>span {
    font-size: 40px;
}

.specialistmsg-t-text200>span {
    font-size: 40px;
}

.specialistmsg-t-text300>span {
    font-size: 40px;
}

.table1 {
    width: 90%;
    height: 500px;
    margin: 0 auto;
    padding: 15px 10px;
    font-size: 35px;
    text-align: justify;
    color: black;
}

.baltd {
    text-align: center;
    padding: 0 0 10px 0;
    vertical-align: top;
}

.hedatd {
    text-align: left;
    padding-left: 15px;
    padding-bottom: 0px;
    vertical-align: top;
}




.specialist-message {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.msg-alls {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 40px;
    text-align: justify;
    color: black;
}

.linkc {
    color: #074983 !important;
    text-decoration: underline;
    padding: 10px 0 !important;
}

.ebm-web-setonebox2000 {
    width: 90%;
    height: 345px;
    padding: 40px 0;
    margin: 30px auto;
    background-color: #EFF4FB;
}

@media screen and (max-width: 991px) {
    .specialist-text90 {
        display: none;
    }

    .table2 {
        display: none;
    }

}

@media screen and (min-width: 992px) {

    .specialist-text>span {
        font-size: 60px;
        display: none;
    }

    .table1 {
        display: none;
    }

    .table2 {
        width: 90%;
        height: 500px;
        margin: 0 auto;
        padding: 15px 10px;
        font-size: 35px;
        text-align: justify;
        color: black;
    }

    #voice_bar4:checked~#links4 li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 120px 0px 0px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin: -125px auto 0;
        border-left: 1px solid #074983;
        border-right: 1px solid #074983;
        box-sizing: border-box;
    }

    .box2 {
        width: 100%;
        height: 305px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }

    #voice_bar2:checked~#links2 li {
        height: auto;
        width: 90%;
        opacity: 1;
        padding: 125px 0 0px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border-left: 1px solid #074983;
        border-right: 1px solid #074983;
        box-sizing: border-box;
    }

}

@media screen and (min-width: 1280px) {
    .specialist-text>span {
        font-size: 60px;
        display: none;
    }

    .table1 {
        display: none;
    }

    .table2 {
        width: 90%;
        height: 500px;
        margin: 0 auto;
        padding: 15px 10px;
        font-size: 35px;
        text-align: justify;
        color: black;
    }

    .onlinecourse-image20 {
        display: block;
        width: 50%;
        float: right;
        height: 225px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/ebm.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }

    .box2 {
        width: 100%;
        height: 301px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }

}

@media screen and (min-width: 992px) {

    /* 追記  start */
    .add-content {}

    .add-content__flex {
        padding: 0 10px;
        gap: 0;
    }



    .add-content__type {
        font-size: 15px;
        column-gap: 10px;
    }

    .add-content__type::before {
        width: 12px;
        height: 12px;
    }

    .add-content__desc {
        font-size: 15px;
    }

    .add-content__text {
        font-size: 15px;
        padding: 0 10px;
    }

    .add-content__text>span {
        font-size: 12px;

    }

    /* 追記  end */

    #ebm-web {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .onlinecourse-image20 {
        display: block;
        width: 50%;
        float: right;
        height: 224px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/ebm.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }

    .ebm-web-title {
        width: 50%;
        margin: 0 auto;
        float: left;
        padding: 86px 0;
        color: white;
        font-size: 35px;
        text-align: center;
        background-color: #00185C;
    }

    .ebm-web-title2 {
        width: 100%;
        margin: 0 auto;
        float: left;
        padding: 86px 0;
        color: white;
        font-size: 35px;
        text-align: center;
        background-color: #00185C;
    }

    .ebm-web-textbox {
        width: 37%;
        height: 180px;
        background-color: white;
        color: black;
        font-size: 16px;
        text-align: left;
        line-height: 1.6;
        padding: 45px 30px;
        float: left;
        margin: 3% 3% 0 0;
    }

    .ebm-web-box1 {
        width: 45%;
        height: 250px;
        margin: 3% 0px 0 5%;
        padding: 0;
        float: left;

    }

    .ebm-web-setone {
        width: 32.5%;
        float: left;
        height: auto;
        padding: 0;
        margin: 50px auto;
        overflow: hidden;
    }

    .ebm-web-setwo {
        width: 35%;
        float: left;
        height: auto;
        padding: 0;
        margin: 50px auto;
        overflow: hidden;
    }

    .ebm-web-setwo2 {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .ebm-web-setonebox4 {
        width: 85%;
        height: 370px;
        padding: 10px 5% 0px 0;
        margin: 15px auto 10px;
        background-color: #f4effb;
    }

    .ebm-web-setonebox3 {
        width: 90%;
        height: 185px;
        padding: 10px 0;
        margin: 0px auto;
        background-color: #f4effb;
    }

    .ebm-web-sethree {
        width: 32.5%;
        float: left;
        height: auto;
        padding: 0;
        margin: 50px auto;
        overflow: hidden;
    }

    .straightline {
        width: 1%;
        float: left;
        border-left: 8px solid #7a3030;
        height: 42px;
        position: absolute;
        top: 10%;
        left: 5%;
        margin: 0 auto;
    }

    .ebm-web-t-text {
        width: 91%;
        height: 200px;
        color: #074983;
        text-align: left;
        font-size: 35px;
        float: right;
        margin: 10px auto 0;
    }

    .ebm-web-t-text>span {
        font-size: 13px;
    }

    .circle {
        width: 1px;
        float: left;
        border: 5px solid #240047;
        border-radius: 50%;
        background-color: #240047;
        height: 1px;
        margin: 10px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .circle2 {
        width: 1px;
        float: left;
        border: 5px solid #240047;
        border-radius: 50%;
        background-color: #240047;
        height: 1px;
        margin: 10px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .circle3 {
        width: 1px;
        float: left;
        border: 5px solid #240047;
        border-radius: 50%;
        background-color: #240047;
        height: 1px;
        margin: 10px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .circle4 {
        width: 1px;
        float: left;
        border: 5px solid #240047;
        border-radius: 50%;
        background-color: #240047;
        height: 1px;
        margin: 10px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .ebm-web-st-text {
        width: 88%;
        height: 30px;
        color: #074983;
        text-align: left;
        font-size: 15px;
        float: right;
        margin: 5px auto 0;
    }

    .ebm-web-st-text0 {

        width: 88%;
        height: 70px;
        color: #074983;
        text-align: left;
        font-size: 15px;
        float: right;
        margin: 5px auto 0;

    }

    .ebm-web-st-text0 span {
        font-size: 12px;
    }

    .ebm-web-setonebox1 {
        width: 90%;
        height: 200px;
        padding: 10px 0px;
        margin: 5px auto;
        background-color: #EFF4FB;
    }

    .ebm-web-setone-title {
        width: 100%;
        height: 155px;
        padding: 0;
        margin: 130px auto 0px;
        background-color: #ffffff;
        position: relative;
    }

    .newpostbox {
        width: 90.6%;
        margin: 23px auto 0;
        padding: 24px 0px;
        background-color: #074983;
        color: white;
        font-size: 16px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 20px;
        height: 70px;

    }

    .voce_btn {
        cursor: pointer;
        width: 90%;
        text-align: center;
        position: relative;
        font-size: 13px;
        color: #7a3030;
        display: block;
        height: 50px;
        margin: 0px auto 0px;
        padding: 0px 0px 10px;
        line-height: 50px;
        background: white;
        border: 1px solid #7a3030;
        border-top: none;
        box-shadow: none;
        text-decoration: none;
        transition: .0s;
    }

    .yellow-buttons {
        width: 90%;
        height: 30px;
        padding: 20px 0px;
        margin: 20px auto;
        color: white;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
        font-size: 18px;
        text-align: center;
        position: relative;
        letter-spacing: -1.5px;
    }

    .newpostbox2 {
        width: 90.5%;
        padding: 25px 0px;
        margin: 7px auto 0;
        background-color: #074983;
        color: white;
        font-size: 16px;
        text-align: left;
        padding-left: 20px;
        box-sizing: border-box;
        height: 70px;
    }

    .voce_btn2 {
        cursor: pointer;
        width: 89.5%;
        text-align: center;
        position: relative;
        font-size: 13px;
        color: #074983;
        display: block;
        height: 51px;
        margin: -1px auto 0px;
        padding: 0px 0px 10px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: none;
        text-decoration: none;
        transition: .0s;
    }

    .seminar-img {
        width: 50%;
        float: right;
        height: 260px;
        margin: 0 auto;
        padding: 0px;
        background-image: url(img/dhonline.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }

    .seminar-text>span {
        font-size: 20px;
    }

    .seminar-text {
        width: 50%;
        float: left;
        height: 100px;
        margin: 0 auto;
        padding: 80px 0px;
        background-color: #00185C;
        text-align: center;
        color: white;
        font-size: 30px;
    }

    .ebm-web-setbal {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .seminar-boxone {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .seminar-boxtwo {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .box4 {
        width: 100%;
        height: 297px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }

    .ebm-web-t-text {
        width: 91%;
        height: 70px;
        color: #074983;
        text-align: left;
        font-size: 22px;
        float: right;
        margin: 10px auto 0;
        line-height: 1;
    }

    .ebm-web-setone-title {
        width: 100%;
        height: 70px;
        padding: 0;
        margin: 0px auto 0px;
        background-color: #ffffff;
        position: relative;
    }

    .seminar-boxtwo {
        width: 50%;
        float: left;
        padding: 0;
        margin: 50px auto 0;
        overflow: hidden;
    }

    .ebm-web-setonebox2000 {
        width: 90%;
        height: 110px;
        padding: 20px 0;
        margin: 10px auto;
        background-color: #EFF4FB;
    }

    #special-doctor {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }

    .seminar-boxtext {
        width: 80%;
        height: 170px;
        margin: 8% auto 0;
        padding: 10px 5px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .seminar-boxoneimgs {
        width: 80%;
        height: 325px;
        margin: 0 auto;
        padding: 0px;
    }

    .s-boneimg1 {
        width: 50%;
        height: 330px;
        padding: 0;
        margin: 0 auto;
        background-image: url(img/10l.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

    .s-boneimg2 {
        width: 50%;
        height: 330px;
        padding: 0px;
        margin: 0 auto;
        background-image: url(img/10r.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

    .newpostbox4 {
        width: 90%;
        margin: 0px auto 0;
        padding: 20px 0px;
        background-color: #007838;
        color: white;
        font-size: 20px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .voce_btn4 {
        cursor: pointer;
        width: 90%;
        text-align: center;
        position: relative;
        font-size: 14px;
        color: #007838;
        display: block;
        height: 40px;
        margin: -10px auto 0px;
        padding: 10px 0px 55px;
        line-height: 50px;
        background: white;
        border: 1px solid #007838;
        border-top: none;
        box-shadow: 0 4px 1px rgb(0 0 0 / 0%);
        text-decoration: none;
        transition: .0s;
        box-sizing: border-box;
    }

    .special-doctor-text {
        width: 50%;
        float: left;
        height: 100px;
        margin: 0 auto;
        padding: 75px 0px;
        background-color: #00185C;
        text-align: center;
        color: white;
        font-size: 30px;
    }

    .special-doctor-text>span {
        font-size: 50px;
    }

    #special-doctor {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }

    .special-doctor-image {
        width: 50%;
        float: right;
        height: 250px;
        margin: 0 auto;
        padding: 0px;
        background-image: url(img/miyashita.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }

    .specialdoctor-boxone {
        width: 50%;
        float: left;
        margin: 0 auto;
    }

    .specialdoctor-boxtwo {
        width: 50%;
        float: left;
        height: auto;
        margin: 0 auto;
        padding: 55px 0px 0px;
    }

    .blueline {
        background-color: #074983;
        height: 5px;
        width: 100%;
        padding: 8px 0;
        margin: 5px auto 10px;
    }

    .blueline2 {
        background-color: #074983;
        height: 5px;
        width: 100%;
        padding: 2px 0;
        margin: 5px auto 10px;
    }

    .specialist-image {
        width: 30%;
        float: left;
        margin: 0 0 0 10%;
        padding: 0;
        height: 400px;
        background-image: url(img/drmiyashita.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .specialist-deatsall {
        width: 60%;
        height: 460px;
        margin: 0 auto;
        padding: 0;
        float: left;
    }

    .specialdoctor-boxtext {
        width: 80%;
        height: auto;
        margin: 0 auto;
        padding: 55px 10px 10px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .specialdoctor-boxoneimgs {
        width: 80%;
        height: 250px;
        margin: 0 auto;
        padding: 0px;
    }

    .specialdoctor-boneimg1 {
        width: 50%;
        height: 270px;
        padding: 0;
        margin: 0 auto;
        background-image: url(img/11l.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

    .specialdoctor-boneimg2 {
        width: 50%;
        height: 270px;
        padding: 0px;
        margin: 0 auto;
        background-image: url(img/11r.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

    .specialist-title {
        width: 100%;
        height: 50px;
        padding: 10px 0 20px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 35px;
        color: black;
    }

    .specialist-title200 {
        width: 100%;
        height: 50px;
        padding: 30px 0 50px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }

    .specialist-titl300 {
        width: 100%;
        height: 50px;
        padding: 30px 0 50px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }

    .specialist-text {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 20px 0 0;
        text-align: left;
        font-size: 22px;
    }

    .specialist-text200 {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 30px 0 0;
        text-align: left;
        font-size: 25px;
    }

    .specialist-text300 {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 30px 0 0;
        text-align: left;
        font-size: 25px;
    }

    .specialist-text90 {
        width: 40%;
        float: left;
        height: 75px;
        margin: 0 auto;
        padding: 10px 0 0px;
        text-align: left;
        color: black;
        font-size: 30px;
    }

    .specialistmsg-title {
        width: 100%;
        height: 65px;
        padding: 0;
        margin: 50px auto 0px;
        position: relative;
    }

    .specialistmsg-title200 {
        width: 100%;
        height: 65px;
        padding: 0;
        margin: 0px auto 0px;
        position: relative;
    }

    .specialistmsg-title300 {
        width: 100%;
        height: 45px;
        padding: 0;
        margin: 0px auto 0px;
        position: relative;
    }

    .straightline00 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 50px;
        position: absolute;
        top: 10%;
        left: 2%;
        margin: 0 auto;
    }

    .straightline200 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 35px;
        position: absolute;
        top: 10%;
        left: 5%;
        margin: 0 auto;
    }

    .straightline300 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 35px;
        position: absolute;
        top: 10%;
        left: 6%;
        margin: 0 auto;
    }

    .specialistmsg-t-text {
        width: 96%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 35px;
        float: right;
        margin: 2px auto 0;
        padding-top: 8px;
    }

    .specialistmsg-t-text300 {
        width: 92%;
        height: 40px;
        color: #074983;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 0px auto 0;
    }


    .specialistmsg-t-text200 {
        width: 93%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 2px auto 0;
    }

    .table1 {
        width: 90%;
        height: 500px;
        margin: 0 auto;
        padding: 0px 10px;
        font-size: 20px;
        text-align: justify;
        color: black;
    }

    .table2 {
        width: 90%;
        height: 300px;
        margin: 0 auto;
        padding: 0px 10px;
        font-size: 15px;
        text-align: justify;
        color: black;
    }

    .msg-alls {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 40px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .baltd {
        text-align: center;
        vertical-align: top;
    }
}

@media screen and (min-width: 1280px) {

    /* 追記 start */
    .add-content__type {
        min-width: 21%;
    }

    .add-content__flex {
        padding: 0 30px;
    }

    #ebm-web {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .ebm-web-title {
        width: 50%;
        margin: 0 auto;
        float: left;
        padding: 86px 0;
        color: white;
        font-size: 35px;
        text-align: center;
        background-color: #00185C;
    }

    .ebm-web-title2 {
        width: 100%;
        margin: 0 auto;
        float: left;
        padding: 86px 0;
        color: white;
        font-size: 35px;
        text-align: center;
        background-color: #00185C;
    }

    .ebm-web-textbox {
        width: 38%;
        height: 180px;
        background-color: white;
        color: black;
        font-size: 16px;
        text-align: left;
        line-height: 1.6;
        padding: 45px 30px;
        float: left;
        margin: 1% 3% 0 0;
    }

    .ebm-web-box1 {
        width: 47%;
        height: 265px;
        margin: 1% 0px 0 5%;
        padding: 0;
        float: left;
    }

    .ebm-web-setone {
        width: 50%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto 25px;
        overflow: hidden;
    }

    .ebm-web-setwo {
        width: 35%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .ebm-web-setwo2 {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .ebm-web-setonebox4 {
        width: 85%;
        height: 340px;
        padding: 25px 5% 40px 0;
        margin: 15px auto 20px;
        background-color: #f4effb;
    }

    .ebm-web-setonebox3 {
        width: 90%;
        height: 185px;
        padding: 35px 0;
        margin: 10px auto;
        background-color: #f4effb;
    }

    .ebm-web-sethree {
        width: 50%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .straightline {
        width: 1%;
        float: left;
        border-left: 8px solid #7a3030;
        height: 45px;
        position: absolute;
        top: 5%;
        left: 5%;
        margin: 0 auto;
    }

    .ebm-web-t-text {
        width: 91%;
        height: 200px;
        color: #074983;
        text-align: left;
        font-size: 35px;
        float: right;
        margin: 10px auto 0;
    }

    .ebm-web-t-text>span {
        font-size: 16px;
    }

    .circle {
        width: 1px;
        float: left;
        border: 3px solid #240047;
        border-radius: 50%;
        background-color: #240047;
        height: 1px;
        margin: 12px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .circle2 {
        width: 1px;
        float: left;
        border: 3px solid #240047;
        border-radius: 50%;
        background-color: #240047;
        height: 1px;
        margin: 12px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .circle3 {
        width: 1px;
        float: left;
        border: 3px solid #240047;
        border-radius: 50%;
        background-color: #240047;
        height: 1px;
        margin: 10px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .circle4 {
        width: 1px;
        float: left;
        border: 3px solid #240047;
        border-radius: 50%;
        background-color: #240047;
        height: 1px;
        margin: 10px 0 0px 5%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .ebm-web-st-text {
        width: 91%;
        height: auto;
        color: #074983;
        text-align: left;
        font-size: 16px;
        float: right;
        margin: 10px auto 10px;
    }

    .ebm-web-st-text0 {
        width: 91%;
        height: 70px;
        color: #074983;
        text-align: left;
        font-size: 16px;
        float: right;
        margin: 4px auto 0;
    }

    .ebm-web-st-text0 span {
        font-size: 13px;
        padding: 0px 0;
    }

    .ebm-web-setonebox1 {
        width: 90%;
        height: 330px !important;
        padding: 15px 0px;
        margin: 0px auto;
        background-color: #EFF4FB;
        box-sizing: border-box;
    }

    .ebm-web-setone-title {
        width: 100%;
        height: 155px;
        padding: 0;
        margin: 130px auto 0px;
        background-color: #ffffff;
        position: relative;
    }

    .newpostbox {
        width: 90.5%;
        margin: 15px auto 0;
        padding: 25px 0px;
        background-color: #074983;
        color: white;
        font-size: 24px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 20px;
    }

    .voce_btn {
        cursor: pointer;
        width: 90%;
        text-align: center;
        position: relative;
        font-size: 20px;
        color: #7a3030;
        display: block;
        height: 40px;
        margin: -1px auto 0px;
        padding: 30px 0px 30px;
        line-height: 50px;
        background: white;
        border: 1px solid #7a3030;
        border-top: none;
        box-shadow: none;
        text-decoration: none;
        transition: .0s;
    }

    .yellow-buttons {
        width: 90%;
        height: 30px;
        padding: 30px 0px;
        margin: 12px auto;
        color: white;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
        font-size: 20px;
        text-align: center;
        position: relative;
        letter-spacing: -1.5px;
    }

    .newpostbox2 {
        width: 90%;
        padding: 26px 0;
        margin: 3px auto 0;
        background-color: #074983;
        color: white;
        font-size: 22px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 20px;
    }

    .voce_btn2 {
        cursor: pointer;
        width: 89.5%;
        text-align: center;
        position: relative;
        font-size: 20px;
        color: #074983;
        display: block;
        height: 40px;
        margin: 0px auto 60px;
        padding: 30px 0px;
        line-height: 50px;
        background: white;
        border: 1px solid #074983;
        border-top: none;
        box-shadow: none;
        text-decoration: none;
        transition: .0s;
    }

    .seminar-img {
        width: 50%;
        float: right;
        height: 260px;
        margin: 0 auto;
        padding: 0px;
        background-image: url(img/dhonline.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }

    .seminar-text>span {
        font-size: 20px;
    }

    .seminar-text {
        width: 50%;
        float: left;
        height: 100px;
        margin: 0 auto;
        padding: 80px 0px;
        background-color: #00185C;
        text-align: center;
        color: white;
        font-size: 30px;
    }

    .ebm-web-setbal {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .seminar-boxone {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .seminar-boxtwo {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
    }

    .box4 {
        width: 100%;
        height: 303px;
        margin: 0 auto;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }

    .ebm-web-t-text {
        width: 91%;
        height: auto;
        color: #074983;
        text-align: left;
        font-size: 23px;
        float: right;
        margin: 5px auto 0;
        line-height: 1;
    }

    .ebm-web-setone-title {
        width: 100%;
        height: 100px;
        padding: 0;
        margin: 0px auto 0px;
        background-color: #ffffff;
        position: relative;
    }

    .seminar-boxtwo {
        width: 50%;
        float: left;
        padding: 0;
        margin: 20px auto 0;
        overflow: hidden;
    }

    .ebm-web-setonebox2000 {
        width: 90%;
        height: 120px;
        padding: 20px 0;
        margin: 10px auto;
        background-color: #EFF4FB;
    }

    #special-doctor {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }

    .seminar-boxtext {
        width: 80%;
        height: 200px;
        margin: 2% auto 0;
        padding: 10px 5px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .seminar-boxoneimgs {
        width: 80%;
        height: 400px;
        margin: 0 auto;
        padding: 0px;
    }

    .s-boneimg1 {
        width: 50%;
        height: 330px;
        padding: 0;
        margin: 0 auto;
        background-image: url(img/10l.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

    .s-boneimg2 {
        width: 50%;
        height: 330px;
        padding: 0px;
        margin: 0 auto;
        background-image: url(img/10r.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

    .newpostbox4 {
        width: 90%;
        margin: 0px auto 0;
        padding: 25px 0px 25px 15px;
        background-color: #007838;
        color: white;
        font-size: 24px;
        text-align: left;
        box-sizing: border-box;
    }

    .voce_btn4 {
        cursor: pointer;
        width: 90%;
        text-align: center;
        position: relative;
        font-size: 20px;
        color: #007838;
        display: block;
        height: 40px;
        margin: 0px auto 0px;
        padding: 30px 0px 71px;
        line-height: 50px;
        background: white;
        border: 1px solid #007838;
        border-top: none;
        box-shadow: 0 4px 1px rgb(0 0 0 / 0%);
        text-decoration: none;
        transition: .0s;
        box-sizing: border-box;
    }

    .special-doctor-text {
        width: 50%;
        float: left;
        height: 100px;
        margin: 0 auto;
        padding: 75px 0px;
        background-color: #00185C;
        text-align: center;
        color: white;
        font-size: 30px;
    }

    .special-doctor-text>span {
        font-size: 50px;
    }

    #special-doctor {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }

    .special-doctor-image {
        width: 50%;
        float: right;
        height: 250px;
        margin: 0 auto;
        padding: 0px;
        background-image: url(img/miyashita.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
    }

    .specialdoctor-boxone {
        width: 50%;
        float: left;
        margin: 0 auto;
    }

    .specialdoctor-boxtwo {
        width: 50%;
        float: left;
        height: auto;
        margin: 0 auto;
        padding: 50px 0px 0px;
    }

    .blueline {
        background-color: #074983;
        height: 5px;
        width: 100%;
        padding: 8px 0;
        margin: 5px auto 10px;
    }

    .blueline2 {
        background-color: #074983;
        height: 5px;
        width: 100%;
        padding: 2px 0;
        margin: 5px auto 10px;
    }

    .specialist-image {
        width: 30%;
        float: left;
        margin: 0 0 0 10%;
        padding: 0;
        height: 400px;
        background-image: url(img/drmiyashita.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .specialist-deatsall {
        width: 60%;
        height: 390px;
        margin: 0 auto;
        padding: 0;
        float: left;
    }

    .specialdoctor-boxtext {
        width: 80%;
        height: auto;
        margin: 0 auto;
        padding: 60px 10px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .specialdoctor-boxoneimgs {
        width: 80%;
        height: 330px;
        margin: 0 auto;
        padding: 0px;
    }

    .specialdoctor-boneimg1 {
        width: 50%;
        height: 330px;
        padding: 0;
        margin: 0 auto;
        background-image: url(img/11l.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

    .specialdoctor-boneimg2 {
        width: 50%;
        height: 330px;
        padding: 0px;
        margin: 0 auto;
        background-image: url(img/11r.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
    }

    .specialist-title {
        width: 100%;
        height: 50px;
        padding: 0px 0 20px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }

    .specialist-title200 {
        width: 100%;
        height: 50px;
        padding: 30px 0 50px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }

    .specialist-titl300 {
        width: 100%;
        height: 50px;
        padding: 30px 0 50px;
        margin: 10px auto 40px;
        text-align: center;
        font-size: 45px;
        color: black;
    }

    .specialist-text {
        width: 45%;
        float: left;
        height: 60px;
        margin: 0 0 0 6%;
        padding: 0px 0 0;
        text-align: left;
        font-size: 20px;
    }

    .specialist-text200 {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 30px 0 0;
        text-align: left;
        font-size: 25px;
    }

    .specialist-text300 {
        width: 45%;
        float: left;
        height: 75px;
        margin: 0 0 0 6%;
        padding: 30px 0 0;
        text-align: left;
        font-size: 25px;
    }

    .specialist-text90 {
        width: 40%;
        float: left;
        height: 65px;
        margin: 0 auto;
        padding: 0px 0;
        text-align: left;
        color: black;
        font-size: 40px;
    }

    .specialistmsg-title {
        width: 100%;
        height: 65px;
        padding: 0;
        margin: 50px auto 0px;
        position: relative;
    }

    .specialistmsg-title200 {
        width: 90%;
        height: 65px;
        padding: 0;
        margin: 60px auto 0px;
        position: relative;
    }

    .specialistmsg-title300 {
        width: 100%;
        height: 60px;
        padding: 0;
        margin: 0px auto 0px;
        position: relative;
    }

    .straightline00 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 50px;
        position: absolute;
        top: 10%;
        left: 2%;
        margin: 0 auto;
    }

    .straightline200 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 35px;
        position: absolute;
        top: 10%;
        left: 5%;
        margin: 0 auto;
    }

    .straightline300 {
        width: 1px;
        float: left;
        border-left: 10px solid #074983;
        height: 35px;
        position: absolute;
        top: 10%;
        left: 6%;
        margin: 0 auto;
    }

    .specialistmsg-t-text {
        width: 96%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 35px;
        float: right;
        margin: 2px auto 0;
        padding-top: 8px;
    }

    .specialistmsg-t-text300 {
        width: 92%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 2px auto 0;
    }


    .specialistmsg-t-text200 {
        width: 93%;
        height: 50px;
        color: #074983;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 2px auto 0;
    }

    .table1 {
        width: 90%;
        height: 500px;
        margin: 0 auto;
        padding: 0px 10px;
        font-size: 20px;
        text-align: justify;
        color: black;
    }

    .table2 {
        width: 90%;
        height: 280px;
        margin: 0 auto;
        padding: 0px 10px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .msg-alls {
        width: 80%;
        margin: 0 auto;
        padding: 0 0 40px;
        font-size: 16px;
        text-align: justify;
        color: black;
    }

    .baltd {
        text-align: center;
        vertical-align: top;
    }
}

/*-------------  Specialist ------------------*/
/*-------------  Gallery  ------------------*/

#gallery1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 50px 0;
    background-color: #F8F8F8;
}

.gallery1-title {
    width: 100%;
    height: 75px;
    padding: 30px 0 0px;
    margin: 10px auto 0px;
    text-align: center;
    font-size: 60px;
    color: black;
}

.g-box1 {
    width: 90%;
    margin: 0 auto;
    padding: 5px 0 0px;
}

.g-box2 {
    width: 90%;
    margin: 0 auto;
    padding: 10px 20px;
    height: 700px;
    background-color: #F8F8F8;
}

.party-img1 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/party1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party-img2 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/party2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party-img3 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/party3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party-img4 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/party4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.g-box3-img {
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    height: 675px;
    background-image: url(img/party5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
    #gallery1 {
        width: 100%;
        height: 1380px;
        margin: 0 auto;
        padding: 0px 0;
        background-color: #F8F8F8;
    }

    .gallery1-title {
        width: 100%;
        height: 40px;
        padding: 50px 0 0px;
        margin: 10px auto 0px;
        text-align: center;
        font-size: 35px;
        color: black;
    }

    .g-box2 {
        width: 48%;
        float: left;
        margin: 50px auto 0;
        padding: 0px 10px;
        height: 535px;
        background-color: #F8F8F8;
    }

    .party-img1 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 1% 0 0;
        padding: 0;
        background-image: url(img/party1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party-img2 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 0 0 1%;
        padding: 0;
        background-image: url(img/party2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party-img3 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 1% 0 0;
        padding: 0;
        background-image: url(img/party3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party-img4 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 0 0 1%;
        padding: 0;
        background-image: url(img/party4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .g-box3-img {
        width: 48%;
        margin: 70px auto 0;
        padding: 0px;
        height: 510px;
        float: left;
        background-image: url(img/party5.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .xospc99 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1300px;
    }

}

@media screen and (min-width: 1280px) {
    #gallery1 {
        width: 100%;
        height: 1380px;
        margin: 0 auto;
        padding: 0px 0;
        background-color: #F8F8F8;
    }

    .gallery1-title {
        width: 100%;
        height: 100px;
        padding: 90px 0 0px;
        margin: 10px auto 0px;
        text-align: center;
        font-size: 45px;
        color: black;
    }

    .g-box2 {
        width: 48%;
        float: left;
        margin: 50px auto 0;
        padding: 0px 10px;
        height: 535px;
        background-color: #F8F8F8;
    }

    .party-img1 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 1% 0 0;
        padding: 0;
        background-image: url(img/party1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party-img2 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 0 0 1%;
        padding: 0;
        background-image: url(img/party2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party-img3 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 1% 0 0;
        padding: 0;
        background-image: url(img/party3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party-img4 {
        width: 49%;
        height: 275px;
        float: left;
        margin: 0 0 0 1%;
        padding: 0;
        background-image: url(img/party4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .g-box3-img {
        width: 50%;
        margin: 70px auto 0;
        padding: 0px;
        height: 510px;
        float: left;
        background-image: url(img/party5.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .xospc99 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1300px;
    }

}

/*-------------  Gallery  ------------------*/
/*-------------  Gallery Two  ------------------*/
#gallery2 {
    width: 100%;
    height: auto;
    margin: 0 auto 4rem;
    padding: 10px 0;
    background-color: #fff;
}

.g2-box1 {
    width: 90%;
    margin: 0 auto;
    padding: 10px 20px;
    height: 700px;
    background-color: #F8F8F8;
}

.party2-img1 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/tour1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party2-img2 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/tour2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party2-img3 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/tour3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party2-img4 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/tour4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.g2-box2-img {
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    height: 675px;
    background-image: url(img/tour5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.g2-box3 {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    height: 350px;
}

.party2-img5 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/tour6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party2-img6 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/tour7.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (min-width: 992px) {
    #gallery2 {
        width: 100%;
        height: 660px;
        margin: -2px auto;
        padding: 10px 0;
        background-color: #fff;
    }

    .g2-box1 {
        width: 35%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color: #F8F8F8;
    }

    .g2-box2-img {
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/tour5.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .g2-box3 {
        width: 20%;
        float: left;
        margin: 34px 1% 30px;
        padding: 0;
        height: 360px;
    }

    .party2-img1 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0px;
        background-image: url(img/tour1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party2-img2 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/tour2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party2-img3 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/tour3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party2-img4 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/tour4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party2-img5 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 7px auto;
        padding: 8px;
        background-image: url(img/tour6.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party2-img6 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 13px auto;
        padding: 8px;
        background-image: url(img/tour7.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .xospc959 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .g3-box1 {
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color: #F8F8F8;
    }

    .g3-box2-img {
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/partyb5.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .g3-box3 {
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }


}

@media screen and (min-width: 1280px) {
    #gallery2 {
        width: 100%;
        height: auto;
        margin: 0px auto;
        padding: 10px 0;
        background-color: #fff;
    }

    .g2-box1 {
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color: #F8F8F8;
    }

    .g2-box2-img {
        width: 40%;
        float: left;
        margin: 40px auto 0px !important;
        padding: 0px;
        height: 350px;
        background-image: url(img/tour5.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .g2-box3 {
        width: 15%;
        float: left;
        margin: 35px 1% 30px;
        padding: 0;
        height: 360px;
    }

    .party2-img1 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0px;
        background-image: url(img/tour1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party2-img2 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/tour2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party2-img3 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/tour3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party2-img4 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/tour4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party2-img5 {
        width: 100%;
        height: 145px;
        float: left;
        margin: 5px auto;
        padding: 12px;
        background-image: url(img/tour6.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party2-img6 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 6px auto;
        padding: 11px;
        background-image: url(img/tour7.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .xospc959 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 1500px;
    }

    .g3-box1 {
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color: #F8F8F8;
    }

    .g3-box2-img {
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/partyb5.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .g3-box3 {
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }


}

/*-------------  Gallery Two  ------------------*/

/*-------------  Gallery Three  ------------------*/
#gallery3 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #F8F8F8;
}

.g3-box1 {
    width: 90%;
    margin: 0 auto;
    padding: 10px 20px;
    height: 700px;
    background-color: #F8F8F8;
}

.party3-img1 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/partyb1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party3-img2 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/partyb2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party3-img3 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 1% 0 0;
    padding: 0;
    background-image: url(img/partyb3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party3-img4 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/partyb4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.g3-box2-img {
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    height: 675px;
    background-image: url(img/partyb5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.g3-box3 {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    height: 350px;
}

.party3-img5 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/partyb6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.party3-img6 {
    width: 49%;
    height: 350px;
    float: left;
    margin: 0 0 0 1%;
    padding: 0;
    background-image: url(img/party19.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


@media screen and (min-width: 992px) {
    #gallery3 {
        width: 100%;
        height: 600px;
        margin: 0 auto;
        padding: 10px 0;
        background-color: #F8F8F8;
    }

    .g3-box1 {
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color: #F8F8F8;
    }

    .party3-img1 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0px;
        background-image: url(img/partyb1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party3-img2 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/partyb2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party3-img3 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/partyb3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party3-img4 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/partyb4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .g3-box2-img {
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/partyb5.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .g3-box3 {
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }

    .party3-img5 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 5px auto;
        padding: 8px;
        background-image: url(img/partyb6.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party3-img6 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 6px auto;
        padding: 8px;
        background-image: url(img/party19.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

}

@media screen and (min-width: 1280px) {
    #gallery3 {
        width: 100%;
        height: 600px;
        margin: 0 auto;
        padding: 10px 0;
        background-color: #F8F8F8;
    }

    .g3-box1 {
        width: 40%;
        float: left;
        margin: 30px 1% 30px 1%;
        padding: 0;
        height: 330px;
        background-color: #F8F8F8;
    }

    .party3-img1 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0px;
        background-image: url(img/partyb1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party3-img2 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 0 10px 1%;
        background-image: url(img/partyb2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party3-img3 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/partyb3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .party3-img4 {
        width: 46%;
        height: 165px;
        float: left;
        margin: 10px 1% 10px 0;
        background-image: url(img/partyb4.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .g3-box2-img {
        width: 40%;
        float: left;
        margin: 40px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/partyb5.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .g3-box3 {
        width: 15%;
        float: left;
        margin: 30px 1% 30px;
        padding: 0;
        height: 360px;
    }

    .party3-img5 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 5px auto;
        padding: 12px;
        background-image: url(img/partyb6.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .party3-img6 {
        width: 100%;
        height: 150px;
        float: left;
        margin: 6px auto;
        padding: 11px;
        background-image: url(img/party19.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

}

/*-------------  Gallery Three  ------------------*/
/*-------------  Gallery Four  ------------------*/
.gallery4sp {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
    max-width: 1500px;
}

#gallery4 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.gallery4-title {
    width: 100%;
    height: 50px;
    padding: 100px 0;
    margin: 10px auto 50px;
    text-align: center;
    font-size: 60px;
    color: black;
}

.gallery4image {
    width: 90%;
    margin: 10px auto;
    padding: 0px;
    height: 500px;
    background-image: url(img/diproma.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gallery4textbox {
    width: 90%;
    height: 450px;
    padding: 40px 0;
    margin: 80px auto;
    color: black;
    border: 2px solid black;
}

.name {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 0;
}

.EPSDCcourse {
    width: 88%;
    height: 60px;
    color: black;
    text-align: left;
    font-size: 42px;
    float: right;
    margin: 20px auto;
}

.circleheda {
    width: 5px;
    float: left;
    border: 10px solid #074983;
    border-radius: 50%;
    background-color: #074983;
    height: 5px;
    margin: 38px 0 35px 8%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.coursenamesallheda {
    width: 90%;
    margin: 0 auto;
    padding: 5px 0px 5px 60px;
    font-size: 35px;
    text-align: justify;
}

.last-dp-img1heda {
    width: 100%;
    height: 715px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/diproma1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.last-dp-img2heda {
    width: 100%;
    height: 715px;
    margin: 30px auto 60px;
    padding: 0;
    background-image: url(img/diproma2\ .jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.last-dp-img3heda {
    width: 100%;
    height: 715px;
    margin: 30px auto 60px;
    padding: 0;
    background-image: url(img/diproma3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.last-dp-text1heda {
    width: 95%;
    margin: 0 auto;
    padding: 40px 0px;
    color: black;
    font-size: 16px;
    text-align: justify;
    line-height: 1.6;
}

.newpostboxlastheda {
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}

.ebm-web-heda {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

#newpostlastheda {
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #074983;
    border-bottom: none;
}

.boxlastheda {
    width: 100%;
    height: 725px;
    margin: 45px auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

#voicelastheda {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 0 0;
    margin-top: -170px;
}

.voicelastheda input {
    display: none;
}

.voce_btnlastheda {
    cursor: pointer;
    width: 65%;
    text-align: center;
    position: relative;
    font-size: 50px;
    color: white;
    display: block;
    height: 45px;
    margin: 50px auto 0px;
    padding: 45px 0;
    line-height: 50px;
    background: #074983;
    border: 2px solid #074983;
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
    text-decoration: none;
    transition: .0s;

}


.voce_btnlastheda:before {
    content: "全課程修了者一覧 ▼"
}

.voicelastheda ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
}

.voicelastheda li {
    height: 0;
    overflow-y: hidden;
    font-size: 35px;
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#voice_barlastheda:checked~#linkslastheda li {
    height: auto;
    width: 90%;
    opacity: 1;
    padding: 100px 0 60px 0;
    display: block;
    text-decoration: none;
    position: relative;
    margin-top: -125px;
    margin: -125px auto 0;
    border-left: 2px solid #074983;
    border-right: 2px solid #074983;
    border-bottom: 2px solid #074983;
}

#voice_barlastheda:checked~.voce_btnlastheda:before {
    content: "閉じる";

}



.last-dp-img1hedarr {
    width: 100%;
    height: 715px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/diproma1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.last-dp-img2hedarr {
    width: 100%;
    height: 715px;
    margin: 30px auto 60px;
    padding: 0;
    background-image: url(img/diproma2\ .jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.last-dp-img3hedarr {
    width: 100%;
    height: 715px;
    margin: 30px auto 60px;
    padding: 0;
    background-image: url(img/diproma3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.last-dp-text1hedarr {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0px;
    color: black;
    font-size: 30px;
    text-align: justify;
    line-height: 1.6;
}

.newpostboxlasthedarr {
    width: 82%;
    margin: 0px auto 0;
    padding: 25px 40px;
    background-color: #074983;
    color: white;
    font-size: 45px;
    text-align: left;
}

.ebm-web-hedarr {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

#newpostlasthedarr {
    width: 89%;
    margin: 0 auto;
    padding: 0px;
    border: 5px solid #074983;
    border-bottom: none;
}

.boxlasthedarr {
    width: 100%;
    height: 725px;
    margin: 45px auto;
    background-color: white;
    position: relative;
    padding: 10px 0;
}

#voicelasthedarr {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 0 0;
    margin-top: -170px;
}

.voicelasthedarr input {
    display: none;
}

.voce_btnlasthedarr {
    cursor: pointer;
    width: 65%;
    text-align: center;
    position: relative;
    font-size: 50px;
    color: white;
    display: block;
    height: 45px;
    margin: 50px auto 0px;
    padding: 45px 0;
    line-height: 50px;
    background: #074983;
    border: 2px solid #074983;
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
    text-decoration: none;
    transition: .0s;

}


.voce_btnlasthedarr:before {
    content: "全課程修了者一覧 ▼"
}

.voicelasthedarr ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
}

.voicelasthedarr li {
    height: 0;
    overflow-y: hidden;
    font-size: 35px;
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#voice_barlasthedarr:checked~#linkslasthedarr li {
    height: auto;
    width: 90%;
    opacity: 1;
    padding: 100px 0 60px 0;
    display: block;
    text-decoration: none;
    position: relative;
    margin-top: -125px;
    margin: -125px auto 0;
    border-left: 2px solid #074983;
    border-right: 2px solid #074983;
    border-bottom: 2px solid #074983;
}

#voice_barlasthedarr:checked~.voce_btnlasthedarr:before {
    content: "閉じる";

}


@media screen and (min-width:992px) {
    #gallery4 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .gallery4sp {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        height: auto;
        max-width: 1500px;
    }

    .ebm-web-heda {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 auto;
    }

    .gallery4-title {
        width: 100%;
        height: 50px;
        padding: 10px 0;
        margin: 0px auto 20px;
        text-align: center;
        font-size: 35px;
        color: black;
    }

    .gallery4textbox {
        width: 80%;
        height: auto;
        padding: 40px 30px;
        margin: 20px auto;
        color: black;
        border: 2px solid black;
    }

    .boxlastheda {
        width: 100%;
        height: auto;
        margin: 20px auto 0;
        background-color: white;
        position: relative;
        padding: 0px 0;
    }

    #voicelastheda2 {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0px 0 0;
        margin-top: 0px;
    }

    .gallery4image200 {
        width: 55%;
        float: left;
        margin: 10px auto;
        padding: 0px;
        height: 365px;
        background-image: url(img/diproma.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    #voice_barlastheda:checked~#linkslastheda li {
        height: auto;
        width: 100%;
        opacity: 1;
        padding: 100px 0 0px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border: none;
    }

    .pocho {
        width: 40%;
        float: left;
        margin: 0 auto;
        padding: 0;

    }

    .name {
        width: 80%;
        margin: 0 auto;
        height: 100px;
        margin: 10px auto 0px;
        padding: 0;
    }

    .coursenamesallheda {
        width: 95%;
        margin: 0 auto;
        padding: 0;
        font-size: 15px;
        text-align: justify;
        margin-left: 20%;
    }

    .EPSDCcourse {
        width: 80%;
        height: 60px;
        color: black;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 10px auto;
    }

    .circleheda {
        width: 5px;
        float: left;
        border: 5px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 5px;
        margin: 25px 0 35px 4%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .voce_btnlastheda {
        cursor: pointer;
        width: 40%;
        text-align: center;
        position: relative;
        font-size: 20px;
        color: white;
        display: block;
        height: 45px;
        margin: 35px auto 0px;
        padding: 15px 0;
        line-height: 50px;
        background: #074983;
        border: 2px solid #074983;
        box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
        text-decoration: none;
        transition: .0s;
    }

}

@media screen and (min-width: 1280px) {
    .gallery4-title {
        width: 100%;
        height: 50px;
        padding: 90px 0 10px;
        margin: 0px auto 20px;
        text-align: center;
        font-size: 35px;
        color: black;
    }

    .gallery4textbox {
        width: 80%;
        height: auto;
        padding: 40px 2px 40px 85px;
        margin: 20px auto;
        color: black;
        border: 2px solid black;
    }

    .boxlastheda {
        width: 100%;
        height: auto;
        margin: 45px auto 0;
        background-color: white;
        position: relative;
        padding: 10px 0;
    }

    #voicelastheda2 {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0px 0 0;
        margin-top: 0px;
    }

    .gallery4image200 {
        width: 55%;
        float: left;
        margin: 10px auto;
        padding: 0px;
        height: 350px;
        background-image: url(img/diproma.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    #voice_barlastheda:checked~#linkslastheda li {
        height: auto;
        width: 100%;
        opacity: 1;
        padding: 100px 0 0px 0;
        display: block;
        text-decoration: none;
        position: relative;
        margin-top: -125px;
        margin: -125px auto 0;
        border: none;
    }

    .pocho {
        width: 40%;
        float: left;
        margin: 0 auto;
        padding: 0;

    }

    .name {
        width: 80%;
        margin: 0 auto;
        height: 100px;
        margin: 50px auto 0px;
        padding: 0;
    }

    .coursenamesallheda {
        width: 80%;
        margin: 0 auto;
        padding: 0;
        font-size: 16px;
        text-align: justify;
        margin-left: 15%;

    }

    .EPSDCcourse {
        width: 88%;
        height: 60px;
        color: black;
        text-align: left;
        font-size: 30px;
        float: right;
        margin: 20px auto;
    }

    .circleheda {
        width: 5px;
        float: left;
        border: 4px solid #074983;
        border-radius: 50%;
        background-color: #074983;
        height: 5px;
        margin: 35px 0 35px 4%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .voce_btnlastheda {
        cursor: pointer;
        width: 40%;
        text-align: center;
        position: relative;
        font-size: 30px;
        color: white;
        display: block;
        height: 45px;
        margin: 35px auto 0px;
        padding: 15px 0;
        line-height: 50px;
        background: #074983;
        border: 2px solid #074983;
        box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
        text-decoration: none;
        transition: .0s;
    }

}

@media screen and (max-width: 991px) {
    .gallerypc {
        display: none;
    }

    #voicelastheda2 {
        display: none;
    }

    .gallery4image200 {
        display: none;
    }

}

@media screen and (min-width: 992px) {
    .newgone {
        width: 30.5%;
        margin: 0 1%;
        padding: 0;
        float: left;
    }

    .last-dp-img1heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0;
        padding: 0;
        background-image: url(img/diproma1.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .last-dp-img2heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0px;
        padding: 0;
        background-image: url(img/diproma2\ .jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .last-dp-img3heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0px;
        padding: 0;
        background-image: url(img/diproma3.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    #voicelasthedarr {
        display: none;
    }

    .gallery4image {
        display: none;
    }

}

@media screen and (min-width: 1280px) {
    .newgone {
        width: 30.5%;
        margin: 0 1%;
        padding: 0;
        float: left;
    }

    .last-dp-img1heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0;
        padding: 0;
        background-image: url(img/diproma1.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .last-dp-img2heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0px;
        padding: 0;
        background-image: url(img/diproma2\ .jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .last-dp-img3heda {
        width: 100%;
        height: 500px;
        margin: 5% auto 0px;
        padding: 0;
        background-image: url(img/diproma3.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    #voicelasthedarr {
        display: none;
    }

    .gallery4image {
        display: none;
    }

}

/*-------------  Gallery Four  ------------------*/
/*-------------  Contact  ------------------*/
#contact {
    width: 100%;
    height: auto;
    margin: 0px auto 0;
    padding: 100px 0 0;
    background-color: #074983;
}

.contact-box1 {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    height: auto;
    background-color: #074983;
}

.contact-title {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 60px;
    color: white;
}

.tablelast {
    width: 90%;
    margin: 0 auto;
    padding: 50px 15px;
}

.lasttdbox2 {
    color: white;
    font-size: 30px;
    text-align: left;
    padding: 20px 0 20px 10px;

}

.map {
    width: 90%;
    height: 600px;
    margin: 20px auto;
    padding: 0;
}

.all-buttons {
    width: 60%;
    height: 300px;
    margin: 0 auto;
    padding: 50px 0;

}

.insta {
    width: 25%;
    height: 130px;
    float: left;
    margin: 5% 2.5% 5% 2.5%;
    padding: 15px 0;
    background-image: url(img/insta.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    border: 5px solid white;
    border-radius: 25px;

}

.facebook {
    width: 25%;
    height: 130px;
    float: left;
    margin: 5% 2.5% 5% 2.5%;
    padding: 15px 0;
    background-image: url(img/facebook.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    border: 5px solid white;
    border-radius: 25px;
}

.youtube {
    width: 25%;
    height: 130px;
    float: left;
    margin: 5% 2.5% 5% 2.5%;
    padding: 15px 0;
    background-image: url(img/youtube-white.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    border: 5px solid white;
    border-radius: 25px;
}

.final-image {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/bottom.jpg);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;

}

@media screen and (max-width: 991px) {
    .lasttdbox {
        width: 150px;
        color: white;
        font-size: 29px;
        text-align: left;
        vertical-align: top;
        padding: 20px 10px 20px 0;
    }

    .lasttdbox2 {
        color: white;
        font-size: 29px;
        text-align: left;
        padding: 20px 0 20px 0px;
        vertical-align: top;
    }
}

@media screen and (max-width: 991px) {
    .all-buttons2 {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    #contact {
        width: 100%;
        margin: 0px auto 0;
        padding: 50px 0 0;
        background-color: #074983;
    }

    .contact-box1 {
        width: 45%;
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
        background-color: #074983;
        float: left;
    }

    .map {
        width: 50%;
        height: 500px;
        float: left;
        margin: 20px auto;
        padding: 0;
    }

    .all-buttons {
        display: none;
    }

    .all-buttons2 {
        width: 65%;
        height: 150px;
        margin: 0 auto;
        padding: 20px 0;
    }

    .tablelast {
        width: 90%;
        margin: 0 0 0 10%;
        padding: 0px 15px;
    }

    .lasttdbox {
        color: white;
        font-size: 16px;
        text-align: left;
        vertical-align: top;
        padding: 10px 0px 20px 0;
        width: 80px;
    }

    .lasttdbox2 {
        color: white;
        font-size: 16px;
        text-align: left;
        padding: 20px 0 20px 10px;
    }

    .contact-title {
        width: 85%;
        height: 60px;
        text-align: left;
        font-size: 16px;
        color: white;
        margin: 0 0 0 7.5%;
    }

    .tablelast {
        width: 90%;
        margin: 0 auto;
        padding: 0px 15px;
    }

    .lasttdbox2 {
        color: white;
        font-size: 16px;
        text-align: left;
        padding: 10px 0 10px 10px;
        vertical-align: top;
    }

    .insta {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 1% 0 0;
        padding: 40px;
        background-image: url(img/insta.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 2px solid white;
        border-radius: 25px;
    }

    .facebook {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 1%;
        padding: 40px;
        background-image: url(img/facebook.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 2px solid white;
        border-radius: 25px;
    }

    .youtube {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 0 0 1%;
        padding: 40px;
        background-image: url(img/youtube-white.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 2px solid white;
        border-radius: 25px;
    }

    .final-image {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/bottom.jpg);
        background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
    }

}

@media screen and (min-width: 1280px) {
    #contact {
        width: 100%;
        margin: 0px auto 0;
        padding: 50px 0 0;
        background-color: #074983;
    }

    .contact-box1 {
        width: 45%;
        margin: 0 0 0 2%;
        padding: 30px 0;
        height: auto;
        background-color: #074983;
        float: left;
    }

    .map {
        width: 50%;
        height: 500px;
        float: left;
        margin: 20px auto;
        padding: 0;
    }

    .all-buttons {
        display: none;
    }

    .all-buttons2 {
        width: 65%;
        height: 150px;
        margin: 0 auto;
        padding: 20px 0;
    }

    .tablelast {
        width: 90%;
        margin: 0 0 0 10%;
        padding: 0px 15px;
    }

    .lasttdbox {
        color: white;
        font-size: 16px;
        text-align: left;
        vertical-align: top;
        padding: 10px 10px 20px 0;
    }

    .lasttdbox2 {
        color: white;
        font-size: 16px;
        text-align: left;
        padding: 20px 0 20px 10px;
    }

    .contact-title {
        width: 85%;
        height: 60px;
        text-align: left;
        font-size: 35px;
        color: white;
        margin: 0 0 0 7.5%;
    }

    .tablelast {
        width: 90%;
        margin: 0 auto;
        padding: 0px 15px;
    }

    .lasttdbox2 {
        color: white;
        font-size: 16px;
        text-align: left;
        padding: 10px 0 10px 10px;
        vertical-align: top;
    }

    .insta {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 3% 0 0;
        padding: 40px;
        background-image: url(img/insta.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 3px solid white;
        border-radius: 25px;
    }

    .facebook {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 4%;
        padding: 40px;
        background-image: url(img/facebook.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 3px solid white;
        border-radius: 25px;
    }

    .youtube {
        width: 0%;
        height: 2px;
        float: left;
        margin: 0 0 0 2%;
        padding: 40px;
        background-image: url(img/youtube-white.png);
        background-size: 3rem;
        background-position: center;
        background-repeat: no-repeat;
        border: 3px solid white;
        border-radius: 25px;
    }

    .final-image {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        padding: 0;
        background-image: url(img/bottom.jpg);
        background-size: 100%;
        background-position: top;
        background-repeat: no-repeat;
    }

}

/*-------------  Contact  ------------------*/


/*-------------  Button ------------- */
@media screen and (max-width: 991px) {
    .menu_button2 {
        display: none;
    }
}

@media screen and (min-width: 992px) {

    .menu_button2 {
        float: right;
        height: 75px;
        width: 240px;
        top: 0px;
        right: 0px;
        color: white;
        z-index: 60;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
        position: fixed;
    }

    .button-text {
        width: 90%;
        padding: 22px 0px;
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        color: white;
    }

    .button-text span {
        font-size: 25px;
        text-align: center;
        margin: 0 auto;
        padding-left: 0px;
    }



}

@media screen and (min-width: 1280px) {

    .menu_button2 {
        float: right;
        height: 100px;
        width: 250px;
        top: 0px;
        right: 0px;
        color: white;
        z-index: 60;
        background: rgb(222, 140, 0);
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
        position: fixed;
    }

    .button-text {
        width: 90%;
        padding: 35px 0px;
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        color: white;
    }

    .button-text span {
        font-size: 25px;
        text-align: center;
        margin: 0 auto;
        padding-left: 0px;
    }



}

/*-------------  Button ------------- */
/*-------------  Extra ------------- */
#extra {
    width: 100%;
    background: #EFF4FB;
    margin-top: 80px;
}

.extra {
    width: 100%;
    margin: 0rem auto;
    padding: 0;
}

.ext {
    width: 100%;
    padding: 100px 0;
    margin: 10px auto 50px;
    text-align: center;
    font-size: 60px;
    color: black;
}

.exbox {
    display: block;
    padding-bottom: 5rem;
}

.exb1 {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    height: 450px;
    background-image: url(img/extra.jpg);
    background-repeat: none;
    background-size: cover;
    background-position: center;
}

.exb2 {
    width: 90%;
    margin: 0 auto;
    padding: 0px;
}

.ebtxt {
    font-size: 35px;
    text-align: justify;
    color: black;
    padding: 50px 0px;
}

.ebbutton {
    width: 100%;
    margin: 20px auto 0px;
    padding: 50px 0;
    font-size: 40px;
    text-align: center;
    color: white;
    box-shadow: 2px 2px 10px #000000a3;
    background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
}

@media screen and (min-width: 992px) {
    #extra {
        width: 100%;
        background: #EFF4FB;
        margin-top: 50px;

    }

    .extra {
        width: 87%;
        margin: 0rem auto;
        padding: 0px 0px 50px;
    }

    .ext {
        width: 100%;
        padding: 60px 0;
        margin: 10px auto 0px;
        text-align: center;
        font-size: 45px;
        color: black;
    }

    .exbox {
        display: flex;
        max-width: 1024px;
        margin: 0 auto;

    }

    .exb1 {
        width: 90%;
        margin: 0 5% 0 0;
        padding: 0;
        height: 23vw;
        background-image: url(img/extra.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .exb2 {
        width: 90%;
        margin: 0 auto;
        padding: 0px 0;
    }

    .ebtxt {
        font-size: 16px;
        text-align: justify;
        color: black;
        padding: 0px 0px 10px;
    }

    .ebbutton {
        width: 80%;
        margin: 0px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;

        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

}

@media screen and (min-width: 1200px) {
    #extra {
        width: 100%;
        background: #EFF4FB;
    }

    .extra {
        width: 87%;
        margin: 0rem auto;
        padding: 0px 0px 0px;
    }

    .ext {
        width: 100%;
        padding: 100px 0 30px;
        margin: 10px auto 0px;
        text-align: center;
        font-size: 35px;
        color: black;
    }

    .exbox {
        display: flex;
        max-width: 1280px;
        margin: 0 auto;

    }

    .exb1 {
        width: 90%;
        margin: 0 5% 0 0%;
        padding: 0;
        height: 23vw;
        max-height: 260px;
        background-image: url(img/extra.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .exb2 {
        width: 90%;
        margin: 0 auto;
        padding: 0px 0;
    }

    .ebtxt {
        font-size: 16px;
        text-align: justify;
        color: black;
        padding: 0px 0px 20px;
    }

    .ebbutton {
        width: 80%;
        margin: 0px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }
}

/*-------------  Extra ------------- */


.allbuttons {
    width: 100%;
    margin: 0 auto;
    display: block;
    align-items: center;
    text-align: center;
    padding-top: 30px;
}

.allbuttons>a {
    width: 90%;
    margin: 0 auto;
}

.yellowbuttons {
    /* width: 90%; */
    margin: 0 auto;
    margin: 30px auto;
    padding: 25px 0;
    font-size: 40px;
    text-align: center;
    color: white;
    box-shadow: 2px 3px 5px #000000a3;
    background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
}

.yellowbuttons:last-child {
    margin-bottom: 100px;
}

.yellowbuttons>span {
    font-size: 35px !important;
}

.dotc {
    padding-bottom: 1rem;
    border-bottom: 1px dashed black !important;
    margin-bottom: 2rem;
}

.goloz {
    display: none;
}

@media screen and (min-width: 992px) {
    .goloz {
        display: block;
    }

    .yellowbuttons:last-child {
        margin-bottom: 30px;
    }

    .allbuttons {
        width: 70%;
        margin: 0px auto 0;
        display: block;
        align-items: center;
        text-align: center;
        padding-top: 30px;
    }

    .allbuttons>a {
        width: 80%;
        margin: 0 auto;
    }

    .yellowbuttons {
        /* width: 80%; */
        margin: 0 auto;
        margin: 20px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .yellowbuttons>span {
        font-size: 15px !important;
    }

    .dotc {
        padding-bottom: 1rem;
        border-bottom: 1px dashed black !important;
        margin-bottom: 2rem;
    }


}

@media screen and (min-width: 1200px) {
    .goloz {
        display: block;
    }

    .yellowbuttons:last-child {
        margin-bottom: 50px;
    }

    .allbuttons {
        width: 80%;
        margin: 0px auto 0;
        display: flex;
        align-items: center;
        text-align: center;
        padding-top: 40px;
    }

    .allbuttons>a {
        width: 30%;
        margin: 0 auto;
    }

    .yellowbuttons {
        /* width: 30%; */
        margin: 0 auto;
        margin: 0px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .yellowbuttons>span {
        font-size: 15px !important;
    }

    .dotc {
        padding-bottom: 1rem;
        border-bottom: 1px dashed black !important;
        margin-bottom: 2rem;
    }

}

.goloz {
    display: block;
}

.allbuttons {
    width: 90%;
    margin: 0 auto;
    display: block;
    align-items: center;
    text-align: center;
}

.allbuttons>a {
    width: 90%;
    margin: 0 auto;
}

.yellowbuttons {
    /* width: 90%; */
    margin: 0 auto;
    margin: 30px auto;
    padding: 25px 0;
    font-size: 40px;
    text-align: center;
    color: white;
    box-shadow: 2px 3px 5px #000000a3;
    background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
}


.yellowbuttons>span {
    font-size: 35px !important;
}

.stagebtn5 {
    width: 90%;
    margin: 75px auto 20px;
    background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    padding: 45px 0;
    text-align: center;
    color: white;
    font-family: "Segoe UI", sans-serif;
    font-size: 40px;
}

.gapp {
    margin: 1rem 0 !important;
}

.dotc {
    padding-bottom: 1rem;
    border-bottom: 1px dashed black !important;
    margin-bottom: 2rem;
}

.case111111 {
    width: 100%;
    float: left;
    height: 70vh;
    margin: 0 auto;
    padding: 0;
    background-image: url(img/epsdceposter.png);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
    .goloz {
        display: none;
    }

    .allbuttons {
        width: 70%;
        margin: 0 auto;
        display: block;
        align-items: center;
        text-align: center;
    }

    .allbuttons>a {
        width: 80%;
        margin: 0 auto;
    }

    .yellowbuttons {
        /* width: 80%; */
        margin: 0 auto;
        margin: 0px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .yellowbuttons>span {
        font-size: 15px !important;
    }

    .stagebtn5 {
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
        padding: 20px 0;
        text-align: center;
        color: white;
        margin: 25px auto 20px;
        font-family: "Segoe UI", sans-serif;
        font-size: 20px;
    }

    .gapp {
        margin: 1rem 0 !important;
    }

    .dotc {
        padding-bottom: 1rem;
        border-bottom: 1px dashed black !important;
        margin-bottom: 2rem;
    }
}

.wyb>a>img {
    width: 100%;
}

.wyb {
    width: 80%;
    margin: 0 auto;
    padding: 5rem 0px 1rem;
}

@media screen and (min-width: 1200px) {
    .wyb {
        width: 80%;
        margin: 0 auto;
        padding: 2rem 0 0rem;
    }

    .breaks {
        height: 440px;
    }

    .goloz {
        display: none;
    }

    .yellowbuttons:last-child {
        margin-bottom: 0px;
    }

    .allbuttons {
        width: 80%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .allbuttons>a {
        width: 30%;
        margin: 0 auto;
    }

    .yellowbuttons {
        /* width: 30%; */
        margin: 0 auto;
        margin: 0px auto;
        padding: 22px 0;
        font-size: 20px;
        text-align: center;
        color: white;
        box-shadow: 2px 3px 5px #000000a3;
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
    }

    .yellowbuttons>span {
        font-size: 14px !important;
    }

    .stagebtn5 {
        max-width: 500px;
        background: linear-gradient(0deg, rgba(222, 140, 0, 1) 6%, rgba(249, 201, 4, 1) 100%);
        padding: 20px;
        text-align: center;
        color: white;
        font-family: "Segoe UI", sans-serif;
    }

    .gapp {
        margin: 1rem 0 !important;
    }

    .dotc {
        padding-bottom: 1rem;
        border-bottom: 1px dashed black !important;
        margin-bottom: 2rem;
    }
}

.bitc {
    font-weight: bold;
}

/*-------------  Extra ------------- */



.maxwidth1200 {
    max-width: 1200px !important;
    margin: 50px auto !important;
}

.sbg1 {
    height: 500px;
    background-image: url("img/image1.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/* ===== Reusable Flex Layout ===== */
/* ===== Reusable Responsive Flex Layout ===== */
.flex-parent {
    display: flex;
    flex-wrap: wrap;
}

/* Shared box styles */
.flex-left,
.flex-right {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 40px;
}

/* Default widths (can be overridden by ratio classes) */
.flex-left {
    flex: 0 0 60%;
}

.flex-right {
    flex: 0 0 40%;
}

/* Background setup for right box */
.flex-right {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Responsive stacking */
@media (max-width: 992px) {

    .flex-left,
    .flex-right {
        flex: 0 0 100%;
    }
}

/* ===== Width ratio helpers ===== */
/* 50 / 50 */
.w-50-50 .flex-left {
    flex-basis: 50%;
}

.w-50-50 .flex-right {
    flex-basis: 50%;
}

/* 40 / 60 */
.w-40-60 .flex-left {
    flex-basis: 40%;
}

.w-40-60 .flex-right {
    flex-basis: 60%;
}

/* 70 / 30 */
.w-70-30 .flex-left {
    flex-basis: 70%;
}

.w-70-30 .flex-right {
    flex-basis: 30%;
}

/* 30 / 70 */
.w-30-70 .flex-left {
    flex-basis: 30%;
}

.w-30-70 .flex-right {
    flex-basis: 70%;
}


.img-grid {
    display: grid;
    gap: 5px 20px;
    /* PC: 3 columns */
    grid-template-columns: repeat(3, 1fr);
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.img-box {
    height: 100px;
    /* set your desired box height */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 8px;
    background-color: #f6f6f6;
}

/* SP (mobile) version: 1 column */
@media (max-width: 992px) {
    .img-grid {
        gap: 40px;
        padding: 4rem 0px !important;
    }

    .img-box {
        height: 180px;
    }

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

.bg1 {
    background-image: url('img/Colorbttn1.png');
}

.bg2 {
    background-image: url('img/Colorbttn2.png');
}

.bg3 {
    background-image: url('img/Colorbttn3.png');
}

.bg4 {
    background-image: url('img/Colorbttn4.png');
}

.bg5 {
    background-image: url('img/Colorbttn5.png');
}

.bg6 {
    background-image: url('img/Colorbttn6.png');
}


/* Colors */
.lblue {
    background-color: #004eb5 !important;
}

.bblue {
    background-color: #0099ff !important;
}

.redc {
    background-color: #910404 !important;
}

.redd {
    background-color: #7a3030 !important;
}

.reddl {
    border-left: 8px solid #7a3030 !important;
}

.reddc {
    color: #7a3030 !important;
}

.greenb {
    background-color: #00431F !important;
}

.greenb2 {
    background-color: #007838 !important;
}

.greenbd {
    border-left: 8px solid #007838 !important;
}

.greenc {
    color: #007838 !important;
}

.purpleb {
    background-color: #320064 !important;
}

.purpleb2 {
    background-color: #320064 !important;
}

.purplel {
    border-left: 8px solid #240046;
}

.purplec {
    color: #240046 !important;
}

.oranges {
    background-color: #ec7700 !important;
}

.orangesc {
    color: #ff8000 !important;
}

.orangesl {
    border-left: 8px solid #ff8000 !important;
}

.nec {
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

.df {
    font-family: "Noto Serif JP", serif !important;
}

.spf {
    font-size: 16px !important;
}

@media screen and (max-width: 991px) {
    .spf {
        font-size: 40px !important;
    }

    .sbg1 {
        height: 800px;
    }
}


/* New update smile  */
.nec {
    display: none;
}

.masterbox {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

/* Line QR Code Responsive */
@media screen and (max-width: 991px) {
    .line-qr-code {
        max-width: 450px !important;
    }
    .line-qr-code-container {
        text-align: center !important;
    }
}
/* �u�t�Љ�Z�N�V�����̃��X�|���V�u�Ή� */
.lecturer-intro-title {
    max-width: 1200px;
    margin: 60px auto 10px;
    padding: 0 2%;
    font-size: clamp(32px, 7vw, 40px);
    font-weight: bold;
    color: #074983;
}

@media screen and (max-width: 991px) {
    .lecturer-intro-box {
        flex-wrap: wrap !important;
    }
    .lecturer-intro-box > div:first-child {
        flex: 0 0 100% !important;
        padding-right: 0 !important;
        margin-bottom: 20px;
    }
    .lecturer-intro-box > div:last-child {
        flex: 0 0 100% !important;
    }
}

/* �u�t�Љ�Z�N�V�����̒����i�Z���^�[�����ƒ����̕ύX�j */
.lecturer-intro-title {
    text-align: center !important;
}

@media screen and (max-width: 991px) {
    .lecturer-intro-box {
        flex-direction: column-reverse !important;
    }
    .lecturer-intro-box > div:first-child {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }
}

/* �ŐV���G���A�̗]�������i�X�}�[�g�t�H�����j */
@media screen and (max-width: 991px) {
    .stagefourboxtitle {
        width: 100% !important;
        padding-top: 50px !important;
        padding-left: 0 !important;
        text-align: center !important;
        font-size: clamp(32px, 7vw, 40px) !important;
    }
    .stagefourcenterline {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* �u�t�Љ�Z�N�V�����̐V���X�|���V�u�Ή��i�{�����q�l�F���O��傫���j */
.lecturer-info-title {
    font-size: clamp(24px, 5vw, 28px) !important;
    color: #074983 !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
}

.lecturer-info-name {
    font-size: clamp(20px, 4vw, 24px) !important;
    color: black !important;
    margin-bottom: 5px !important;
    line-height: 1.5 !important;
}

.lecturer-info-name span {
    font-size: clamp(28px, 6vw, 32px) !important;
    font-weight: bold !important;
}

.lecturer-info-link {
    color: #074983 !important;
    text-decoration: underline !important;
}

@media screen and (max-width: 991px) {
    /* �X�}�[�g�t�H�����̃t�H���g�����i�{���T�u�l�̍\�����Q�l�j */
    .lecturer-info-title {
        font-size: 40px !important;
        margin-bottom: 10px !important;
    }
    .lecturer-info-name {
        font-size: 40px !important;
        margin-top: 10px !important;
    }
    .lecturer-info-name span {
        font-size: 60px !important; /* �{���T�u�l�̖��O�Aspecialist-text>span (60px) �ɓ��� */
        display: inline-block !important;
        margin-top: 10px !important;
    }
    .lecturer-info-link {
        font-size: 28px !important;
        display: block !important;
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 991px) {
    /* ���O�����s����2�s�ɂ��邽�߂̒��� */
    .lecturer-info-name span {
        display: block !important;
    }
}

@media screen and (max-width: 991px) {
    /* �u�t�Љ�S�̂̃Z���^�[�����ƃ^�C�g���̃T�C�Y�A�b�v */
    .lecturer-info-title {
        text-align: center !important;
        font-size: 50px !important;
    }
    .lecturer-info-name {
        text-align: center !important;
    }
    .lecturer-info-link {
        text-align: center !important;
    }
    /* �u�t�Љ�̐•����^�C�g���i�匩�o���j������ɑ傫�� */
    .lecturer-intro-title {
        font-size: clamp(40px, 10vw, 50px) !important;
    }
}

@media screen and (max-width: 991px) {
    /* �u�t�Љ�̐•����^�C�g���i�匩�o���j���X�}�[�g�t�H�����ɂ���ɑ傫�� */
    .lecturer-intro-title {
        font-size: 55px !important;
    }
    /* masterbox �� 500px ���������� (�S�����p) */
    .masterbox {
        max-width: 100% !important;
        padding: 0 5% !important; /* ���[�̗]����������悤�ɏ����p�f�B���O��lj� */
    }
}

@media screen and (max-width: 991px) {
    /* masterbox �� padding �ɂ�鉡�h��i�E�]���j������ */
    .masterbox {
        box-sizing: border-box !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 991px) {
    /* �X�}�[�g�t�H���\�����̍u�t�Љ�^�C�g���̏㕔�]����啝�ɒZ�k */
    .lecturer-intro-title {
        margin: 20px auto 10px !important;
    }
}

@media screen and (max-width: 991px) {
    /* Stage3 �̌Œ荂���� auto �ɕύX���ė]�������S�ɍ킮 */
    #stage3 {
        height: auto !important;
    }
}