@charset "UTF-8";

/* 下層ページ共通設定 */
footer::before {
    display: none;
}
.sub-mv {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
    width: 100%;
    position: relative;
}
.a-mv {
    background-image: url(../images/sub/mv-a.jpg);
}
.v-mv {
    background-image: url(../images/sub/mv-v.jpg);
}
.c-mv {
    background-image: url(../images/sub/mv-c.jpg);
}
.r-mv {
    background-image: url(../images/sub/mv-r.jpg);
}
.mv-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: max-content;
}
.mv-title h1 {
    font-size: 50px;
    color: #fff;
    border-bottom: 5px solid #E6BB35;
    padding-bottom: 10px;
}
.sub-section .sub-h2 {
    font-size: 26px;
    color: #E6BB35;
    margin-bottom: 20px;
}
.sub-section .sub-h2 br {
    display: none;
}
.info-table {
width: 100%;
border: 1px solid #fff;
}
.info-table th,.info-table td {
padding: 15px 10px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
text-align: center;
}
.info-table th {
text-align: center;
vertical-align: middle;
background-color: #4B4A44;
font-weight: inherit;
}
.info-table .price-th {
    width: 40%;
}
.info-table td span {
    font-size: 22px;
    font-weight: bold;
}
.info-table tr:last-child th,.info-table tr:last-child td {
border-bottom: none;
}
.info-table th br, .info-table td br {
display: none;
}
.table-br2 {
display: none;
}
#a-ranking h2 .br-2,#v-ranking h2 .br-2 {
    display: none;
}
.info-table .yellow {
    font-weight: bold;
    color: #E6BB35;
}
@media screen and (max-width: 1500px) {
.sub-mv {
    margin-top: 70px;
}
}
@media screen and (max-width: 1400px) {
.sub-mv {
    margin-top: 64px;
}
}
@media screen and (max-width: 1300px) {
.sub-mv {
    margin-top: 62px;
}
}
@media screen and (max-width: 1250px) {
    .sub-mv {
    height: 400px;
    }
    .mv-title h1 {
    font-size: 40px;
    }
}
@media screen and (max-width: 1150px) {
.sub-mv {
    margin-top: 53px;
}
}
@media screen and (max-width: 960px) {
    .sub-mv {
    height: 300px;
    margin-top: 57px;
    }
    .mv-title h1 {
    font-size: 30px;
    }
    .sub-section .sub-h2 {
    font-size: 22px;
}
}
@media screen and (max-width: 767px) {
    .sub-mv {
    height: 250px;
    }
    .mv-title h1 {
    font-size: 22px;
    padding-bottom: 6px;
    }
    .info-table th, .info-table td {
        padding: 10px;
        vertical-align: middle;
        font-size: 14px;
        letter-spacing: 2px;
    }
    .info-table td span {
    font-size: 18px;
    }
}
@media screen and (max-width: 650px) {
    .sub-section .sub-h2 br {
    display: block;
}
}
@media screen and (max-width: 600px) {
    .sub-mv {
        margin-top: 57px;
    }
    .a-mv {
        background-position: 25%;
    }
    .v-mv {
        background-position-x: 80%;
    }
    .r-mv {
        background-image: url(../images/sub/mv-r_sp.jpg);
    }
    .sub-section .sub-h2 {
        font-size: 18px;
    }
    .sub-section .sub-h2 {
        font-size: 20px;
        text-align: center;
    }
   .info-table th, .info-table td {
        padding: 8px 4px;
        font-size: 12px;
    }
    .info-table td span {
        font-size: 14px;
    }
}
@media screen and (max-width: 500px) {
   .info-table th br, .info-table td {
    font-size: 12px;
   }
    .info-table th br, .info-table td br {
    display: block;
   }
   .table-br2 {
    display: block;
   }
}
@media screen and (max-width: 430px) {
#a-ranking h2 .br-2,#v-ranking h2 .br-2 {
    display: block;
}
}
@media screen and (max-width: 390px) {
.sub-section .sub-h2 {
    font-size: 16px;
}
}

/* alphard-year */
.year {
    padding-top: 80px;
}
.year ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: center;
    column-gap: 5%;
}
.year ul li {
    border: 5px solid #E6BB35;
    position: relative;
}
.year ul li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -13%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #E6BB35;
    z-index: 0;
}
.year ul li:last-child::after {
    display: none;
}
.year ul li h3 {
    font-size: 20px;
    color: #5F5F5F;
    background-color: #fff;
    padding: 10px;
    text-align: center;
}
.year ul li p {
    font-size: 26px;
    font-weight: bold;
    color: #5F5F5F;
    background-color: #E6BB35;
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
}
@media screen and (max-width: 1100px) {
.year ul li::after {
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #E6BB35;
}
.year ul li h3 {
    font-size: 18px;
}
}
@media screen and (max-width: 960px) {
.year ul li h3 {
    font-size: 16px;
    letter-spacing: 1px;
}
.year ul li p {
    font-size: 20px;
    letter-spacing: 2px;
}
.year ul li::after {
    right: -14%;
}
}
@media screen and (max-width: 767px) {
    .year ul li h3 {
    font-size: 12px;
    padding: 5px;
    }
    .year ul li p {
    font-size: 18px;
    padding: 5px;
    }
    .year ul li::after {
        right: -17%;
    }
}
@media screen and (max-width: 600px) {
    .year {
    padding-top: 50px;
    }
    .year ul {
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }
    .year ul li {
        width: 70%;
        min-width: 230px;
    }
    .year ul li::after {
        top: inherit;
        bottom: -45px;
        right: inherit;
        left: 50%;
        transform: translateX(-50%);
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid #E6BB35;
    }
}

/* company */
#company .title-area {
    padding: 10px 180px 0 365px;
    left: 35%;
}
#company .title-area h2 span {
    letter-spacing: 2px;
    left: 2%;
}
.company-wrapper {
    position: relative;
}
.company-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 1400px;
    background-image: url(../images/sub/shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}
#company {
    padding-top: 130px;
    position: relative;
}
#company .info-table {
    border: none;
}
#company .info-table th,#company .info-table td {
    font-size: 22px;
    font-weight: bold;
    background-color: inherit;
    border: none;
    border-bottom: 3px solid #E6BB35;
    padding: 40px;
}
#company .info-table td .s-br {
    display: block;
}
#company tr:last-child th,#company tr:last-child td {
    border-bottom: none;
}
#company .info-table th {
    border-right: 3px dashed #E6BB35;
}
#company .info-table td {
    text-align: left;
    padding-left: 100px;
    line-height: 1.5;
}
#company .section2-inner .content {
    margin-bottom: 70px;
}
#map .content iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%);
}
#company .company-br {
    display: none;
}
#company .company-br2 {
    display: none;
}
@media screen and (max-width: 1350px) {
    #company .info-table th, #company .info-table td {
    font-size: 20px;
    padding: 30px 20px;
    }
    #map .content iframe {
        height: 600px;
    }
}
@media screen and (max-width: 1200px) {
    #company .title-area {
        padding: 10px 230px 0 270px;
        left: 40%;
    }
    #company .title-area h2 span {
    left: 40%;
}
}
@media screen and (max-width: 1100px) {
    #company .info-table th, #company .info-table td {
    font-size: 18px;
    padding: 20px;
    }
}
@media screen and (max-width: 960px) {
    .company-wrapper::before {
        height: 1100px;
    }
    #company .title-area {
        padding: 10px 180px 0 200px;
    }
    #company .info-table th, #company .info-table td {
    font-size: 16px;
    padding: 15px;
    }
    #company .company-br {
        display: block;
    }
    #map .content iframe {
        height: 500px;
    }
}
@media screen and (max-width: 767px) {
    .company-wrapper::before {
        height: 800px;
    }
    #company .title-area {
        padding: 10px 120px 0 140px;
        left: 45%;
    }
}
@media screen and (max-width: 600px) {
    #company {
        padding-top: 70px;
    }
    .company-wrapper::before {
        height: 1000px;
    }
    #company .title-area {
        padding: 10px 90px 0 110px;
    }
    #company .section2-box {
        padding-left: 20px;
    }
    #company .info-table th, #company .info-table td {
    font-size: 14px;
    font-weight: inherit;
    display: block;
    text-align: center;
    border-right: none;
    border-bottom: none;
    padding: 10px;
    }
    #company .info-table th {
    background-color: #4B4A44;
    }
    #map .content iframe {
        height: 400px;
    }
}
@media screen and (max-width: 430px) {
    #company .title-area {
        padding: 10px 60px 0 85px;
    }
    #company .title-area::after {
        bottom: 35%;
    }
}
@media screen and (max-width: 390px) {
    #company .title-area {
        padding: 10px 45px 0 70px;
    }
    #company .title-area::after {
        bottom: 27%;
    }
    #company .info-table th, #company .info-table td {
    font-size: 12px;
    }
    #company .company-br2 {
        display: block;
    }
}

/* result */
#result {
    padding-top: 100px;
}
#result .title-area {
    padding: 10px 300px 0 340px;
}
#result table {
    margin-bottom: 50px;
}
#result .info-table {
    border: none;
}
#result .info-table th,
#result .info-table td {
    padding: 30px 10px;
    border-bottom: 3px solid #E6BB35;
    border-right: 3px solid #E6BB35;
    vertical-align: middle;
}
#result .info-table th {
    border-right: 3px dashed #E6BB35;
}
#result .result-th {
    width: 12%;
}
#result .info-table td {
    text-align: left;
    padding-left: 30px;
    width: 40%;
}
#result .info-table tr:last-child th,
#result .info-table tr:last-child td {
    border-bottom: none;
}

#result .info-table tr:first-child td:last-child {
    border-right: none;
}

#result .info-table tr:last-child td:last-child {
    border-right: none;
}
#result .kome {
    margin-bottom: 40px;
}
#result .info-table td br {
    display: none;
}
#result .br2 {
    display: none;
}
@media screen and (max-width: 1550px) {
    #result .info-table td br {
        display: block;
    }
}
@media screen and (max-width: 1300px) {
    #result .info-table th br {
        display: block;
    }
    #result .br2 {
        display: block;
    }
}
@media screen and (max-width: 1200px) {
    #result .title-area {
        padding: 12px 235px 0 260px;
    }
     #result .title-area::after {
        bottom: 48%;
    }
}
@media screen and (max-width: 960px) {
    #result .title-area {
        padding: 12px 232px 0 200px;
        left: 44%;
    }
    #result .title-area h2 span {
        left: 64%;
    }
    #result .title-area::after {
        bottom: 39%;
    }
    #result .info-table th, #result .info-table td {
        padding: 10px;
        vertical-align: middle;
    }
}
@media screen and (max-width: 767px) {
    #result .title-area {
        padding: 12px 180px 0 150px;
        left: 49%;
    }
    #result .info-table th, #result .info-table td {
        padding: 10px 20px;
        display: block;
        width: 100%;
        text-align: center;
        border-right: none;
        border-bottom: none;
        padding: 6px 10px;
    }
    #result .info-table th br {
        display: none;
    }
}
@media screen and (max-width: 600px) {
    #result {
        padding-top: 70px;
    }
    #result .title-area {
        padding: 12px 140px 0 110px;
    }
    #result .title-area::after {
        bottom: 33%;
    }
    #result .info-table {
        margin-bottom: 40px;
    }
    #result .section2-box {
        padding-left: 20px;
    }
    #result .kome {
        font-size: 12px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 540px) {
    #result .title-area {
        padding: 12px 130px 0 100px;
    }
    #result .title-area::after {
        bottom: 36%;
    } 
}
@media screen and (max-width: 430px) {
    #result .title-area {
        padding: 12px 100px 0 70px;
    }
    #result .title-area h2 span {
        letter-spacing: 2px;
    }
}
@media screen and (max-width: 390px) {
    #result .title-area {
        padding: 12px 80px 0 55px;
    }
    #result .title-area::after {
        bottom: 29%;
    }
}