

.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
    max-width: 243.3px;
}
.sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain .subMainFsz22 {
    margin-left: 9px;
    margin-right: -4px;
}
.areaContent {
    padding: 0;
}
.areaContent .inner {
    max-width: 878px;
}
.areaGreeting {
    padding: 31px 0 23px;
}
.areaTitle {
    font-size: 48.7px;
    letter-spacing: 0.16em;
    line-height: 49px;
    background: #ea3329;
    color: #fff;
    min-width: 237.3px;
    border-radius: 12px;
    padding: 10px 14px 14.5px;
    text-align: center;
    width: fit-content;
    margin: 0 auto 37px;
    font-weight: 700;
}
.areaGreeting .greetContent {
    clear: both;   
}
.areaGreeting .greetContent .greetPerson {
    max-width: 220px;
    width: 100%;
    float:right;
    margin-left: 43px;
}
.areaGreeting .greetContent .greetPerson .greetPhoto {
    margin-bottom: 10px;
    max-width: 216.6px;
    margin-left: 3px;
}
.areaGreeting .greetContent .greetPerson .greetPhoto img {
    object-fit: cover;
    aspect-ratio: 216.6 / 303.2;
}
.areaGreeting .greetContent .greetPerson .greetName {
    font-size: 20px;
    line-height: 35.5px;
    font-weight: 700;
    transform: translateX(3px);
}
.areaGreeting .greetContent .greetTitle {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.75;
    margin-bottom: 37px;
    padding-left: 1px;

}
.areaGreeting .greetContent .greetTitle span {
    display: block;
    position: relative;
    width: fit-content;
    margin-bottom: 21px;
    line-height: 1;
}
.areaGreeting .greetContent .greetTitle span:last-child {
    margin-bottom: 0;
}
.areaGreeting .greetContent .greetTitle span::before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 16px;
    bottom: -8px;
    right: 0;
    background: rgba(236,85,40,0.15);
}
.areaGreeting .greetContent .greetText {
    font-size: 18px;
    line-height: 35.5px;
    font-weight: 500;
    text-align: justify;
    letter-spacing: -0.1px;
}

.areaManagement {
    background: white;
    padding: 30px 0 27px;
}
.subTitle {
    font-size: 33.33px;
    line-height: 1;
    color: #fcf14f;
    background: #ea3329;
    border-radius: 100px;
    width: fit-content;
    margin: 0 auto 28px;
    min-width: 194px;
    padding: 13px 10px 10px;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 800;
}
.subTitle.mission {
    min-width: 267px;
}
.areaManagement .managementText {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.75;
    text-align: center;
    margin-bottom: 56px;
}
.areaManagement .managementText:last-of-type {
    margin-bottom: 0;
}
.areaManagement .areaTitle {
    margin-bottom: 38px;
}
.areaAccess {
    padding: 32px 0 26px;
    background: white;
}
.areaAccess .areaTitle {
    margin-bottom: 68px;
}
.areaAccess .accessContent {
    display: flex;
    gap: 25px;
    max-width: 898px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}
.areaAccess .accessContent .map {
    display: block;
    max-width: 442.5px;
    width: 100%;
    aspect-ratio: 442.4 / 251.2;
}
.areaAccess .accessContent .accessAddress {
    width: auto;
    margin-top: -3px;
}
.areaAccess .accessContent .accessAddress .addressBlock {
    margin-bottom: 38px;
}
.areaAccess .accessContent .accessAddress .addressBlock:last-child {
    margin-bottom: 0;
}
.areaAccess .accessContent .accessAddress .addressBlock .location {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.775;    
    margin-bottom: 9px;
    color: #ea3329;
}
.areaAccess .accessContent .accessAddress .addressBlock .info {
    font-size: 18px;
    font-weight: 500;
    line-height: 27.5px;
    font-weight: 500;
    text-align: justify;
}
.areaAccess .accessContent .accessAddress .addressBlock .info .roboto {
    font-size: 22px;
    display: inline-block;
    font-size: 20px;
    letter-spacing: 1.1px;

}
.areaProfile {
    padding: 30px 0 32px;
}
.areaProfile .areaTitle {
    margin-bottom: 28px;
}
.areaProfile .companyTable {
    width: 100%;
    border-collapse: collapse;
    max-width: 753px;
    margin: 0 auto;
}
.areaProfile .companyTable tr {
    border-bottom: 1px solid #808080;
}
.areaProfile .companyTable tr th {
    font-size: 20px;
    line-height: 35.5px;
    font-weight: 700;
    text-align: start;
    padding: 29.3px 38px 5px;
    width: 37.2%;
    vertical-align: top;
}
.areaProfile .companyTable tr th .roboto {
    font-size: 25px;
    margin-right: 5px;
    line-height: 0;
    letter-spacing: 1.7px;
}
.areaProfile .companyTable tr td {
    font-size: 20px;
    line-height: 35.5px;
    font-weight: 500;
    padding: 29.3px 0 5px;
}
.areaProfile .companyTable tr td .roboto {
    font-size: 23px;
    letter-spacing: 0.5px;
}
.areaProfile .companyTable tr td .small {
    font-size: 18px;
}
.areaProfile .companyTable tr td .small .roboto {
    font-size: 21px;
}
.sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain .txtBtnMain {
    padding-left: 0;
}
.sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain .txtBtnMain:before {
    display: none;
}
.sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain {
    font-size: 25px;
    line-height: 28.2px;
    font-weight: 800;
    padding: 9px 25px;
    letter-spacing: 0.1em;
    width: fit-content;
}
.sectionMain .wrapMain .contentMain .contentButton .listMain li:nth-child(2) .boxTxtMain {
    padding-right: 13px;
}
.sectionMain .wrapMain .contentMain .contentButton .listMain li {
    margin-bottom: 9px;
}
@media (min-width: 1001px) {
    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain {
        margin-bottom: 26px;
    }
    .sectionMain .wrapMain .contentMain .boxMain .iframeMain {
        margin-bottom: 39px;
    }
    .sectionMain .wrapMain .contentMain .contentButton .listMain {
        padding-left: 67px;
    }
    .sectionMain .wrapMain {
        position: relative;
        padding-bottom: 100px;
    }
    .sectionMain .wrapMain .boxMain {
        z-index: 1;
        width: calc(100% - 495px);
    }
    .sectionMain .wrapMain .mainPhoto {
        margin-top: 0;
        position: absolute;
        width: 53.2vw;
        max-width: 682.3px;
        height: auto;
        aspect-ratio: 682.3 / 458.9;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        padding: 22px 32px 20px 31px;
        z-index: 0;
    }
}
@media (max-width: 1200px) and (min-width: 769px) {
    .sectionMain .wrapMain .contentMain .contentButton .listMain {
        max-width: unset;
    }
    .sectionMain .wrapMain .boxMain {
        width: 100%
    }
}
@media (max-width: 1080px) and (min-width: 1001px) {
    .sectionMain .wrapMain .mainPhoto {
        width: 51vw;
    }
}
@media (max-width: 1000px) {
    .sectionMain .wrapMain {
        padding: 45px 10px 55px;
    }
    .sectionMain .wrapMain .contentMain .contentButton .listMain {
        max-width: unset;
        width: fit-content;
    }
    .areaGreeting .greetContent .greetPerson {
        margin-left: 25px;
    }
}
@media (max-width: 868px) {
    .areaAccess .accessContent .map {
        max-width: 348px;
    }
}
@media (max-width: 769px) {
    .areaProfile .companyTable tr td:hover {
        pointer-events: none;
    }
}
@media (max-width: 768px) {
    .sectionMain .wrapMain {
        padding: clamp(36px, 8vw, 45px) clamp(13px, 2.9vw, 20px) clamp(36px, 7.4vw, 42px);
    }
    .sectionMain .wrapMain .contentMain .boxMain .iframeMain {
        max-width: 100%;
    }
    .sectionMain .wrapMain .contentMain .contentButton .listMain li {
        margin-bottom: 5px;
    }
    .sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain {
        font-size: clamp(18.72px, 4.1vw, 21px);
        padding: clamp(3px, 0.7vw, 4px) clamp(20px, 4vw, 28px) clamp(4px, 0.7vw, 5px);
    }
    
    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMainPhoto {
        max-width: 215.5px;
        padding: 0 21px;
    }
    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .subMain {
        margin-bottom: 4.3vw;
    }
    .sectionMain .wrapMain .contentMain .boxMain .iframeMain .wrapCircleSubPage {
        padding-left: 29px;
    }
    .sectionMain .wrapMain .mainPhoto {
        margin-bottom: 25px;
        
    }
    .sectionMain .wrapMain .boxMain {
        margin-bottom: 26px;
    }
    .sectionMain .wrapMain .contentMain .contentButton .listMain {
        max-width: 85.8vw;
        margin-left: 11px;
    }

    .areaAccess {
        padding: 35px 0 31px;
    }
    .areaAccess .inner {
        padding:  0 10%;
    }
    .areaAccess .accessTitle {
        max-width: 170px;
        margin-bottom: 19px;
    }
    .areaAccess .accessContent .accessAddress .addressBlock .location {
        margin-bottom: 5px;
    }
    .areaAccess .accessContent .accessAddress .addressBlock .info {
        font-size:  clamp(16px, 2.35vw, 18px);
        line-height: 23.5px
    }
    .areaAccess .accessContent .accessAddress .addressBlock .info .roboto {
        font-size: clamp(19px, 3.28vw, 21px);;
    }
    .areaAccess .accessContent {
        gap: 21px;
        flex-direction: column;
    }
    .areaAccess .accessContent .accessAddress .addressBlock {
        margin-bottom: 11px;
    }
    .areaAccess .accessContent .accessAddress .addressBlock:last-child .location {
        margin-bottom: 5px;
    }
    .areaAccess .accessContent .map {
        max-width: 768px;
        aspect-ratio: 358 / 203;
    }
    .areaGreeting {
        padding: 34px 0 28px;
    }
    .areaTitle {
        font-size: clamp(25px, 5.1vw, 29px);
        line-height: 1;
        padding:clamp(3px, 0.64vw, 6px) 15px clamp(6px, 1.31vw, 9px);
        min-width: 153px;
        border-radius: 6px;
        margin-bottom: 23px;
    }
    .areaContent .inner {
        padding: 0 10.39%;
    }
    .areaGreeting .greetContent .greetTitle {
        font-size: clamp(19px, 3.28vw, 21px);
        margin-bottom: 19px;
        margin: 0 auto 25px;
        line-height: 1;
    }

    .areaGreeting .greetContent .greetTitle span {
        margin-bottom: 8px;
        display: inline-block;
    }
    .areaGreeting .greetContent .greetTitle span::before {
        height: 9px;
        bottom: -6px;
    }
    .areaGreeting .greetContent .greetText {
        font-size: clamp(16px, 2.35vw, 18px);
        line-height: 27.5px;
    }
    .areaGreeting .greetContent .greetPerson {
        float: unset;
        max-width: 357px;
        margin: 0 auto 19px;
    }
    .areaGreeting .greetContent .greetPerson .greetPhoto {
        margin-left: 0;
        max-width: unset;
    }
    .areaGreeting .greetContent .greetPerson .greetName {
        font-size: clamp(18px, 4vw, 20px);
        line-height: 1.775;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .areaManagement {
        padding: 37px 0 31px;
    }
    .subTitle {
        font-size: clamp(19.52px, 3.28vw, 21px);
        padding: 7px 10px 6px;
        margin-bottom: 9px;
        min-width: 113.9px;
    }
    .subTitle.mission {
        min-width: 155.86px;
    }
    .areaManagement .areaTitle {
        margin-bottom: 26px;
    }
    .areaManagement .managementText {
        font-size: clamp(16px, 2.35vw, 18px);
        margin-bottom: 20px;
    }
    .areaProfile {
        padding: 35px 0 38px;
    }
    .areaProfile .areaTitle {
        margin-bottom: 2px;
    }
    .areaProfile .companyTable tr th {
        width: 37%;
        font-size: clamp(12px, 2.19vw, 14px);
        line-height: 1.4;
        padding:clamp(19.5px, 3.47vw, 22.2px) 18px clamp(3px, 0.64vw, 6px);
    }
    .areaProfile .companyTable tr td {
        font-size: clamp(12px, 2.19vw, 14px);
        line-height: 1.4;
        padding: clamp(19.5px, 3.47vw, 22.2px) 0 clamp(3.9px, 0.64vw, 6px);
    }
    .areaProfile .companyTable tr td .small,
    .areaProfile .companyTable tr td .small .roboto {
        font-size: clamp(12px, 2.19vw, 14px);
    }
    .areaProfile .companyTable tr td .roboto {
        font-size: clamp(13px, 2.35vw, 15px);
    }
    .areaProfile .companyTable tr th .roboto {
        font-size: clamp(13px, 2.35vw, 15px);
        letter-spacing: 0.1px;
    }
    .areaAccess .areaTitle {
        margin-bottom: 21px;
    }
}
@media (max-width: 449px) {
    .areaContent .inner {
        padding: 0 8.39%;
    }
    .areaAccess .inner {
        padding: 0 8%;
    }
    .sectionMain .wrapMain .contentMain .contentButton .listMain {
        margin-left: 5px;
    }
    .sectionMain .wrapMain .contentMain .contentButton .listMain li .boxTxtMain {
        font-size: clamp(16px, 2.35vw, 18px);
    }
}
@media(max-width: 390px) {
    .areaManagement .managementText {
        font-size: 15px;
        letter-spacing: -0.7px;
    }
}