@charset "UTF-8";
/* CSS Document */

/* PC
---------------------------------------------------------------------- */
@media (min-width: 1001px) {

    .pc_none {
        display: none;
    }

    .ch3_3 {
        font-size: 85px;
        position: relative;
        line-height: 0.7;
        margin-bottom: 30px;
    }
    .ch3_3 a {
        position: relative;
        transition: .6s;
    }
    .ch3_3 a::after {
        content: "";
        position: absolute;
        background: url("../images/icon_arrow_circle_right_black2.svg") center no-repeat;
        background-size: contain;
    }

    .ch3_3 span {
        font-size: 25px;
        position: relative;
    }
    .ch3_3 span:before {
        content: "― ";
    }
    .ch3_3.white {
        color: #FFF;
    }


/* pageheader
---------------------------------------------------------------------- */
    #pageheader {
        width: 100%;
        height: 550px;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 0;
        /*margin-top: 133px;*/
    }
    #pageheader h1 {
        color: #fff;
        font-size: calc(42em / 16);
        letter-spacing: 0.25em;
        padding-left: 200px;
    }
    #pageheader h1 span {
        display: block;
        font-size: calc(16em / 42);
        letter-spacing: 0.23em; 
        margin-top: 20px;
    }
    #pageheader img {
        width: 100%;
        height: 550px;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }


/* starthere
---------------------------------------------------------------------- */
    #starthere {
        padding: 100px 0;
    }
    #starthere .midashiWrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 90px;
    }
    .midashiWrap .ch3_3 {
        margin-bottom: 0;
    }
    #starthere .detal dl {
        display: flex;
        border: 1px solid #9FA0A0;
        border-top: none;
    }
    #starthere .detal dl:first-of-type {
        border-top: 1px solid #9FA0A0;
    }
    #starthere .detal dl dt {
        width: 25.455%;
        background-color: #DCDDDD;
        border-right: 1px solid #9FA0A0;
        padding: 1em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 27px;
    }
    #starthere .detal dl dd {
        width: calc(100% - 25.455%);
        padding: 1em;
        font-size: 21px;
    }
    #starthere .detal dl dd ul li {
        padding-left: 1em;
    }
    #starthere .detal dl dd h4 {
        text-indent: -1em;
        margin-bottom: 20px;
    }
    #starthere .detal dl dd p {
        font-size: 21px;
        line-height: 2;
        margin-bottom: 10px;
    }
    #starthere .detal dl dd table {
        margin-bottom: 25px;
    }
    #starthere .detal dl dd table th {
        border: 1px solid #9FA0A0;
        /*border-bottom: none;*/
        background-color: #DCDDDD;
        font-weight: normal;
        padding: 0.5em 1em;
        text-align: center;
    }
    #starthere .detal dl dd table td {
        border: 1px solid #9FA0A0;
        border-top: none;
        font-weight: normal;
        padding: 0.5em 1em;
        text-align: center;
    }
    .note_blue {
        background-color: #41527D;
        border-radius: 10px;
        color: #FFF;
        padding: 0.2em 1em;
    }

    #starthere .detal dl:nth-of-type(1) dt {
        justify-content: flex-start;
    }



} /* End PC */


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


/* SP
---------------------------------------------------------------------- */
@media (max-width: 1000px) {

    .sp_none {
        display: none;
    }

    .ch3_3 {
        font-size: 7vw;
        position: relative;
        line-height: 0.7;
        margin-bottom: 6vw;
    }
    .ch3_3 span {
        font-size: 3.4vw;
        position: relative;
    }
    .ch3_3 span:before {
        content: "― ";
    }
    .ch3_3 a {
        position: relative;
        /*transition: .6s;*/
    }
    .ch3_3 a::after {
        content: "";
        position: absolute;
        background: url("../images/icon_arrow_circle_right_black2.svg") center no-repeat;
        background-size: contain;
    }
    .ch3_3.white {
        color: #FFF;
    }

    .matters img {
        width: 100%;
        height: auto;
    }

    #pageheader {
        width: 100%;
        height: calc(300 / 375 * 100vw);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 0;
        /*margin-top: calc(50 / 375 * 100vw);*/
    }
    #pageheader h1 {
        color: #fff;
        font-size: calc(32em / 16);
        letter-spacing: 0.25em;
    }
    #pageheader h1 span {
        display: block;
        font-size: calc(15em / 32);
        letter-spacing: 0.23em;
        margin-top: calc(20 / 375 * 100vw);
    }
    #pageheader img {
        width: 100%;
        height: calc(300 / 375 * 100vw);
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

/* starthere
---------------------------------------------------------------------- */
    #starthere {
        padding: 10vw 0;
    }
    #starthere .midashiWrap {
/*        display: flex;
        justify-content: space-between;
        align-items: flex-end;*/
        margin-bottom: 8vw;
    }
    .midashiWrap .ch3_3 {
    }

    #starthere .detal dl {
        border: 1px solid #9FA0A0;
        border-top: none;
    }
    #starthere .detal dl:first-of-type {
        border-top: 1px solid #9FA0A0;
    }
    #starthere .detal dl dt {
        background-color: #DCDDDD;
        padding: 1em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    #starthere .detal dl dd {
        padding: 1em;
    }
    #starthere .detal dl dd ul li {
        padding-left: 1em;
    }
    #starthere .detal dl dd h4 {
        text-indent: -1em;
        margin-bottom: 4vw;
    }
    #starthere .detal dl dd p {
        line-height: 2;
        margin-bottom: 2vw;
    }
    #starthere .detal dl dd table {
        width: 100%;
        margin-bottom: 6vw;
    }
    #starthere .detal dl dd table th {
        border: 1px solid #9FA0A0;
        /*border-bottom: none;*/
        background-color: #DCDDDD;
        font-weight: normal;
        padding: 0.5em 0.3em;
        text-align: center;
        width: 50%;
        font-size: 3.8vw;
    }
    #starthere .detal dl dd table td {
        border: 1px solid #9FA0A0;
        border-top: none;
        font-weight: normal;
        padding: 0.5em 0.3em;
        text-align: center;
        font-size: 3.8vw;
    }
    .note_blue {
        background-color: #41527D;
        border-radius: 2vw;
        color: #FFF;
        padding: 0.2em 1em;
    }



}