@charset "utf-8";
/*------------------------------------------------------------
	about
------------------------------------------------------------*/
.pageTitle {
    background-image: url("../img/about/main_img.jpg");
}
.imgBox {
    margin: 51px 0 114px;
    display: flex;
}
.imgBox .photoBox {
    width: 33.36%;
}
.imgBox .textBox {
    margin: 68px 80px 0 20px;
    flex: 1;
}
.imgBox .textBox .innerBox {
    margin: 0 0 0 auto;
    max-width: 670px;
}
.imgBox .textBox h2 {
    margin-bottom: 44px;
    font-size: 3.6rem;
    letter-spacing: 0.05em;
}
.imgBox .textBox p {
    margin-bottom: 38px;
   line-height: 2.055em;
   letter-spacing: 0.05em;
}
.imgBox .textBox .txt {
   margin-bottom: 54px;
}
.imgBox .textBox .name {
    margin-bottom: 0;
    text-align: right;
}
.imgBox .textBox .name span {
    font-size: 1.4rem;
}
.profile {
    padding: 120px 0 103px;
    background-color: #E6EAEF;
}
.profile .content {
    padding-left: 13px;
    max-width: 1139px;
    box-sizing: border-box;
}
.profile h2 {
    margin-bottom: 38px;
}
.profile .tableBox {
    margin-bottom: 85px;
}
.profile .address {
    margin-bottom: 13px;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}
.profile .mapBox  {
    padding-bottom: 50.31%;
    position: relative;
}
.profile .mapBox iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.profile .btnList{
    text-align: center;
    margin-top: 56px;
}


@media all and (min-width: 1000px) and (max-width:1179px) {
    .imgBox .textBox {
        margin-right: 40px;
    }
    .profile {
        padding: 120px 20px 103px;
    }
    .profile .content {
        padding-left: 0;
    }
}
@media all and (max-width:999px) {
    .pageTitle {
        background-image: url("../img/about/sp_main_img.jpg");
    }
    .imgBox {
        margin: 51px 30px 56px;
        display: block;
    }
    .imgBox .photoBox {
        margin: 0 -30px;
        width: auto;
    }
    .imgBox .photoBox img {
        width: 100%;
    }
    .imgBox .textBox {
        margin: 0 0 51px;
        flex: 1;
    }
    .imgBox .textBox .innerBox {
        margin: 0 0 0 auto;
        max-width: none;
    }
    .imgBox .textBox h2 {
        margin-bottom: 31px;
        font-size: 2.4rem;
    }
    .imgBox .textBox p {
        margin-bottom: 31px;
        line-height: 1.9375em;
    }
    .imgBox .textBox .txt {
        margin-bottom: 31px;
    }
    .imgBox .textBox .name {
        margin-bottom: 0;
        text-align: left;
    }
    .imgBox .textBox .name span {
        font-size: 1.4rem;
    }
    .profile {
        padding: 74px 0 60px;
        background-color: #E6EAEF;
    }
    .profile .content {
        padding: 0 30px;
        max-width: 1139px;
        box-sizing: border-box;
    }
    .profile h2 {
        margin-bottom: 29px;
    }
    .profile .tableBox {
        margin-bottom: 56px;
    }
    .profile .address {
        margin: 0 0px 17px 5px;
        font-size: 1.4rem;
        line-height: 1.857;
    }
    .profile .mapBox  {
        margin: 0 -30px;
        padding-bottom: 135.3%;
    }
}
@media all and (max-width:399px) {
    .comTab td {
        font-size: 1.4rem;
    }
    .profile .address {
        font-size: 1.2rem;
    }
}