@charset "UTF-8";
.sp {display: none;}
.pc {display: block;}

:root {
  --mcolor: #232187;
  --scolor: #E9E8F3;
  --circle: #23218766;
  --bg: #e9e8f3b5;
}

/*W*/
.under .w10{width: 10%;}
.under .w15{width: 15%;}
.under .w20{width: 20%;}
.under .w25{width: 25%;}
.under .w30{width: 30%;}
.under .w35{width: 35%;}
.under .w40{width: 40%;}
.under .w45{width: 45%;}
.under .w50{width: 50%;}
.under .w55{width: 55%;}
.under .w60{width: 60%;}
.under .w65{width: 65%;}
.under .w70{width: 70%;}
.under .w75{width: 75%;}
.under .w80{width: 80%;}
.under .w85{width: 85%;}
.under .w90{width: 90%;}
.under .w95{width: 95%;}
.under .w100{width: 100%;}

.under a.inline{display: inline;}
/*Table*/
table {border-collapse: collapse; border-spacing: 0; border: none;margin-bottom:0;padding:0 }
.under table.td_top td{vertical-align:top}
.under table.tb_fix{table-layout: fixed;}
.under table{margin-bottom: 30px;border: 1px solid var(--mcolor);border-left: 0;border-right: 0;}
.under table th{background:var(--bg);font-size: 18px;font-weight: 400}
.under table th,
.under table td{padding:15px;border: 1px solid var(--mcolor);border-left: 0;border-right: 0}
.under table td.bold{font-weight: 700}
.under table td.blue{color: var(--mcolor)}
.under table img{display:block;margin:auto;}
.under table a.link{text-decoration: underline;color: var(--mcolor)}
.under table a.link:hover{text-decoration: none;}

/* LIST 01 */
.under .list01{margin-bottom: 30px;}
.under .list01:last-child{margin-bottom: 0}
.under .list01 li{display:block;padding-left:15px;margin-bottom:5px;position:relative}
.under .list01 li::before{background:#333;width:4px;height:4px;position:absolute;top:10px;left:0;content:'';border-radius: 50%}

.right{text-align: right;}
.circle_ic{position: relative;padding-left: 20px}
.circle_ic:before{content: '';position: absolute;width: 8px;height: 8px;left: 0;top: 8px;background: var(--circle);border-radius: 50%}
.f_big{font-size: 150%}
.center{text-align: center;}
.staffIntro.staffIntro_mb0{margin-bottom: 0}
.staffIntro .text_full{width: 100%}
.staffIntro .text .circle_ic{margin-bottom: 15px;font-weight: 700}
.underline{text-decoration: underline;}
.txt_bg{background: rgba(35, 33, 135, 0.8);padding: 4px 5px 3px;font-weight: 600}
.white{color: #fff}
.secContainer p.mb0{margin-bottom: 0}

.under h4{color: var(--mcolor);font-size: 19px;font-weight: 400;padding-left: 10px;position: relative;margin-bottom: 20px;background: var(--bg);line-height: 2;padding-top: 3px}
.under .blue{color: var(--mcolor)}

@media screen and (max-width: 767px) {
	/*============ TABLE ============ */
.under table{margin-bottom:30px;border: 0}
.under table td,
.under table th{padding:15px 10px}
.under table.tb_block tr{display:flex;flex-direction:column}
.under table.tb_block td{border-top-width: 0;border-bottom-width: 0}
.under table.tb_block td+td{border-top-width: 1px}
.under table.tb_block th,
.under table.tb_block td{width: 100%;}
.under table.tb_block tr:last-child td:last-child{border-bottom-width: 1px;}

/* TABLE SCROLL */
.under .tb_scroll{overflow:scroll;}
.under .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under .tb_scroll table{width: 800px;}
.under .tb_note{margin-bottom: 10px;color: #999;}
}

@media all and (max-width: 1024px) {
    .no_tablet{display: none;}

    /*----------------------------------------------------------------------

	header

----------------------------------------------------------------------*/

    header {

        margin: 2em auto;

        position: relative;

    }



    .menubtn {

        position: absolute;

        right: 1em;

        top: 50%;

        transform: translateY(-50%);

        width: 28px;

        height: 20px;

        cursor: pointer;

        transition: .3s;

    }



    .menubtn span {

        position: absolute;

        width: 100%;

        height: 2px;

        background: #232187;

        transition: .3s;

    }



    .menubtn span.top {

        top: 0;

    }



    .menubtn span.middle {

        top: 50%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

    }



    .menubtn span.bottom {

        bottom: 0;

    }



    .menubtn span.menuclick1 {

        -webkit-transform: translateY(9px) rotate(-315deg);

        transform: translateY(9px) rotate(-315deg);

    }



    .menubtn span.menuclick2 {

        background: transparent !important;

    }



    .menubtn span.menuclick3 {

        -webkit-transform: translateY(-9px) rotate(315deg);

        transform: translateY(-9px) rotate(315deg);

    }



    nav {

        display: none;

        width: 100%;

        top: 0;

        left: 0;

        z-index: 100;

    }



    nav ul {

        display: block;

        right: unset;

        left: 0;

        top: 8px;

        width: 100%;

        border-top: 1px solid #CCC;

    }



    nav ul li {

        margin: 0;

    }



    nav ul li a {

        display: block;

        padding: 12px 20px;

        background-color: #232187;

        border-bottom: 1px solid #CCC;

        color: #FFF;

    }







    /*----------------------------------------------------------------------

	common

----------------------------------------------------------------------*/

    .container {

        width: calc(100% - 2em);

    }



    .gridline::before {

        width: calc(100% - 2em);

    }



    #home .seminar {

        padding-bottom: 0;

    }



    #home .seminar .seminar-wrapper {

        margin: 0 2em;

    }



    #home .news .container {

        box-shadow: none;

        padding: 4em 2em;

    }



    .alignright {

        float: none;

        display: block;

        margin: 0 auto 30px;

    }



    /*------------------------------------------------------------------------------------------------

  second

--------------------------------------------------------------------------------------------------*/

    .secTitle {

        border-top: 1px solid #232187;

        border-bottom: 1px solid #232187;

    }



    .secTitle h2 {

        margin: 4px 0;

        padding: 30px 0;

        color: #232187;

        font-size: 24px;

        text-align: center;

        letter-spacing: 0.06em;

    }



    .pan {

        width: 98%;

        font-size: 12px;

    }



    .secContainer {

        width: 94%;

    }

    .secContainer h3 {

        font-size: 20px;

    }



    .hbtn {

        width: 60%;

        margin: 80px 0 0;

        display: inline-block;

        border: 1px solid #232187;

        background-color: #FFF;

        padding: 12px 8px 10px;

        position: relative;

    }



    .hbtn:before {

        position: absolute;

        top: calc(50% - 6px);

        right: 20px;

        width: 24px;

        height: 6px;

        content: "";

        border-bottom: 1px solid #232187;

        border-right: 1px solid #232187;

        transform: skew(45deg);

        transition: all .6s;

    }



    .hbtn:hover {

        background-color: #232187;

        color: #FFF;

    }



    .hbtn:hover:before {

        right: 5px;

        border-color: #FFF;

    }



    /*------------------------------------------------------------------------------------------------

  staff

--------------------------------------------------------------------------------------------------*/

    .staffIntro {

        margin: 0 0 60px;

        display: block;

        justify-content: space-between;

    }



    .staffIntro .text {

        width: 100%;

    }



    .namae {

        font-size: 20px;

        font-weight: bold;

        margin-bottom: 6px !important;

        border-bottom: 1px solid #232187;

    }



    .staffIntro .text ul {

        padding: 0 0 0 20px;

        line-height: 1.6;

    }



    .staffIntro .text ul li {

        margin-bottom: 16px;

        position: relative;

    }



    .staffIntro .text ul li:before {

        position: absolute;

        top: 10px;

        left: -20px;

        background-color: #232187;

        width: 14px;

        height: 1px;

        content: "";

    }



    .namae span {

        font-size: 14px;

    }



    .staffIntro .photo {

        width: 100%;

        text-align: center;

    }



    /*----------------------------------------------------------------------

	renew

----------------------------------------------------------------------*/

    #home .leadTitle {

        width: calc(100% - 2em);

        margin: 0 auto;

        padding: 4em 0 0;

    }



    #home .leadTitle img {

        width: 80%;

        height: auto;

    }



    #home .lead {

        width: calc(100% - 2em);

        margin: 0 auto;

        display: block;

    }



    #home .lead .image {

        width: 100%;

    }



    .gostaff2 {

        width: 100%;

    }



    #home .lead img.logo {

        width: 80%;

    }



    #home .seminar h2,
    #home .news h2,
    #home .contact h2 {

        font-size: 1.4em;

    }



    #home .news .container {

        display: block;

    }



    .menubtn2 {

        width: 90%;

        justify-content: center;

    }



    .menubtn2 a {

        font-size: 1.4em;

        width: 160px;

        height: 160px;

        margin: 0 10px;

    }



    #home .contact .contact-wrapper {

        display: block;

    }



    #home .contact .contact-wrapper div {

        width: 100%;

    }



    #home .contact .contact-wrapper div:nth-child(2) {

        margin-top: 4em;

    }



    #staff .secTitle {

        background: linear-gradient(90deg, #E6F2F1, #C1DDE3);

    }





}



@media all and (max-width: 768px) {

    #home .main .container {

        padding: 4em 0;

    }



    #home .main .container div {

        width: 80%;

    }



    #home .main .container div img {

        max-width: 90%;

    }



    #home .main .container img.logo {

        max-width: 100%;

        max-height: 100%;

        top: 0;

        transform: none;

    }



    #home .main .container img.pic {

        position: absolute;

        right: 0;

        bottom: 0;

        width: 20%;

    }



    #home .seminar .seminar-wrapper {

        flex-direction: column;

    }



    #home .seminar .seminar-wrapper div {

        width: 100%;

    }



    #home .seminar .seminar-wrapper div:last-child {

        margin-top: 4em;

    }



}

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



@media all and (max-width: 425px) {

    .sp {

        display: block;

    }



    .pc {

        display: none;

    }



    /*----------------------------------------------------------------------

	header

----------------------------------------------------------------------*/

    header .logo img {

        height: 2em;

        width: auto;

    }

    /*----------------------------------------------------------------------

	home

----------------------------------------------------------------------*/

    #home .main .container {

        display: block;

        overflow: hidden;

    }



    #home .main .container div {

        width: 100%;

    }



    #home .main .container div p {

        font-size: inherit;

        margin-right: 30%;

    }



    #home .main .container div p:first-of-type {

        margin-top: 2em;

    }



    #home .main .container img.pic {

        width: 30%;

    }



    #home .mission .container {

        padding: 4em 0;

    }



    #home .mission .container h2 {

        font-size: 1.25em;

    }



    #home .seminar .container {

        padding: 4em 0;

    }



    #home .seminar .seminar-wrapper {

        margin: 0 1em;

    }



    #home .seminar h2,

    #home .news h2,

    #home .contact h2 {

        font-size: 1.25em;

    }



    #home .news {

        padding: 4em 0;

    }



    #home .news .container {

        flex-direction: column;

    }



    #home .news li span {

        display: block;

    }



    #home .contact {

        padding: 4em 0;

    }



    #home .contact .contact-wrapper {

        flex-direction: column;

    }



    #home .contact .contact-wrapper div {

        width: 100%;

        margin-bottom: 20px;

    }



    #home .contact .contact-wrapper div:last-child {

        margin-top: 1em;

    }



    #home .contact a {

        font-size: 1.25em;

    }



    /*----------------------------------------------------------------------

	footer

----------------------------------------------------------------------*/

    .to-contact {

        writing-mode: unset;

        left: 0;

        right: auto;

        bottom: 0;

        top: auto;

        width: 100%;

        height: 3em;

        line-height: 3em;

        padding: 0;

        text-align: center;

    }



    .pagetop {

        width: 3em;

        height: 3em;

    }



    .pagetop::before {

        font-size: 1.5em;

    }



    footer {

        padding-top: 4em;

    }



    footer a img {

        max-width: 80%;

    }
}