/*------------------------
about.php
------------------------*/
.aboutTopImgBox {
    width: 53vw;
    max-width: 530px;
    margin: 16px auto;
}
.fmHiramin {
    font-family: 
        "ヒラギノ明朝 ProN W6", 
        "HiraMinProN-W6";
}
.topTextColor {
    color: #ED1E79;
}
ul.aboutCanList {
    background-color: #B1E8BB;
    margin: 8px auto 16px auto;
}
ul.aboutCanList li {
    font-size: 4vw;
    display: block;
    border-bottom: 1px solid #FFFFFF;
    padding: 8px 0;
}
ul.aboutCanList li:last-child {
    border-bottom: none;
}
.icon_tri {
    font-size: 3vw;
    display: inline-block;
    margin-top: 2px;
    vertical-align: top;
}

.aboutTopTextBox {
    font-size: 7.5vw;
    text-align: center;
    margin: 16px auto 0 auto;
    line-height: 1.5;
    font-weight: bold;
}
.aboutTopTextBox2 {
    font-size: 8vw;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 8px auto;
}

.cateTitleBox {
    width: 78.5vw;
    max-width: 785px;
}
.cateTitleBox2 {
    width: 84.4vw;
    max-width: 840px;
}
.cateTitleBox,
.cateTitleBox2 {
    margin: 32px auto 16px auto;
}
.cateTitleBox3 {
    margin: 0 auto 16px auto; 
    padding: 8px 0;
    background-color: #FFFFFF;
}
.cateTitleBox3_inner {
    width: 58.7vw;
    max-width: 587px;
    margin: 0 auto;
}

.aboutCategoryTitle {
    text-align: center;
    font-size: 6vw;
    margin: 32px auto 8px auto; 
}
.aboutCategoryTitle2 {
    background-color: #FFFFFF;
    text-align: center;
    font-size: 6vw;
    margin: 0 auto 16px auto; 
    padding: 8px 0;
}
.aboutCanTitleBox {
    background-color: #1E2678;
    padding: 16px 5vw;
}
.aboutCanNoBox {
    width: 7.8vw;
    max-width: 78px;
}
.aboutCanTitleTextBox {
    width: 80vw;
    max-width: 800px;
    color: #FFF0CF;
    font-size: 5vw;
}
.aboutDetailBox, .aboutDetailBox2 {
    width: 92vw;
    max-width: 920px;
    margin: 8px auto 32px auto;
}
.aboutDetailImgBox {
    width: 50vw;
    max-width: 500px;
    height: auto;
}
.aboutDetailImgBox2 {
    width: 29vw;
    max-width: 290px;
    height: auto;
}
.aboutDetailBox p {
    width: 39vw;
    max-width: 390px;
    font-size: 3.6vw;
}
.aboutDetailBox2 p {
    width: 60vw;
    max-width: 600px;
    font-size: 3.6vw;
}
.margin_40 {
    margin-bottom: 40px;
}
.aboutProgramLinkBox a {
    padding: 10px;
    font-weight: bold;
    border: 1px solid #1E2678;
}
@media (min-width: 1000px) {
    .aboutProgramLinkBox a {
        padding: 24px;
    }
}

.aboutContactBox {
    width: 82vw;
    max-width: 820px;
    margin: 0 auto;
}


.itemBox {
    margin-bottom: 32px;
}
.itemTitle {
    font-size: 4vw;
    font-weight: bold;
    background-color: #68D2A4;
    text-align: center;
}

.machineTitle {
    font-size: 4.6vw;
    margin-left: 12px;
}
.machineSubTitle {
    font-size: 4vw;
    margin-left: 12px;
}

.aboutMachineTitle {
    font-size: 4.6vw;
    margin-left: 12px;
}
.aboutMachineTitleBox {
    background-color: #68D2A4;
    font-size: 4vw;
    text-align: center;
}
.aboutMachineTitleBox2 {
    background-color: #68D2A4;
    font-size: 4vw;
    text-align: center;
    margin-bottom: 16px;
}


.detailText {
    width: 92vw;
    max-width: 920px;
    font-size: 3.6vw;
    margin: 8px auto 0 auto;
}

.detailText2 {
    width: 92vw;
    max-width: 920px;
    font-size: 3.6vw;
    margin: 0 auto;
}




#aboutStaffArea {
    background-color: #FFEBCD;
    padding: 16px 0 32px 0;
    margin-bottom: 32px;
}
.aboutStaffImgBox {
    width: 38vw;
    max-width: 380px;
    margin: 0 auto 8px auto;
}
.aboutStaffTitle {
    font-size: 3vw;
    text-align: center;
}
.aboutStaffName {
    font-size: 4vw;
    text-align: center;
}
.aboutStaffDetail {
    width: 92vw;
    max-width: 920px;
    margin: 0 auto 32px auto;
    font-size: 3.6vw;
    text-align: left;
}
.pageLinkBox2 {
    width: 55vw;
    max-width: 550px;
    margin: 0 auto 40px auto;
}
.pageLinkBox2 a {
    width: 100%;
    display: inline-block;
    text-align: center;
    line-height: 6vh;
    font-size: 4vw;
    font-weight: bold;
    letter-spacing: 0.08em;
    border: 1px solid #1E2678;
}
@media (min-width: 1000px) {
    .pageLinkBox2 a {
        font-size: 40px;
    }
}

.iconPoint {
    width: 4vw;
    height: 4vw;
    position: relative;
}
.iconPoint img {
    position: absolute;
    top: 0;
    left: 0;
}
.movBox {
    background-color: #FFF0E1;
    padding: 2vh 12vw;
}
.movBox iframe {
    width: 76vw;
    max-width: 760px;
    height: auto;
}

@media (min-width: 1000px) {
    .movBox {
        height: 460px;
        padding: 0;
    }
    .movBox iframe {
        height: 415px;
        padding: 20px 120px;
    }
}