@charset "utf-8";
/* mv */
.aboutus .sub_mvBg {
    background: url(../img/about/about_mv.jpg) no-repeat center /cover;
}
.aboutus .sub_mv_ill01 {
    width: 324px;
    top: 14%;
    left: -8%;
}
.aboutus .sub_mv_ill02 {
    width: 348px;
    bottom: -7%;
    right: -7%;
}
/* aboutus_cont01 */
.aboutus_cont01 {
    padding-bottom: 50px;
}
.aboutus_cont01 .aboutus_cont01_topTxt {
    margin: 0 auto 40px;
}
.aboutus_cont01 .con01_mf {
    margin: 0 auto 50px;
}
.aboutus_cont01 .con01_mf .sub_ttl h2{
    background: -webkit-gradient(linear, left top, right top, from(#f0a0a5), to(#f6d05f));
    background: -o-linear-gradient(left, #f0a0a5, #f6d05f);
    background: linear-gradient(90deg, #f0a0a5, #f6d05f);
}
.aboutus_cont01 .con01_perfome .con01_perfomeTxt {
    width: 47%;
}
.aboutus_cont01 .con01_perfome .con01_perfomeTxt .sub_ttl h2{
    background: -webkit-gradient(linear, left top, right top, from(#328ac2), to(#59bcd0));
    background: -o-linear-gradient(left, #328ac2, #59bcd0);
    background: linear-gradient(90deg, #328ac2, #59bcd0);
}
.aboutus_cont01 .con01_perfome figure {
    width: 49%;
}
.aboutus_cont01 .con01_perfome figure img {
    border-radius: 5px;
}
/* aboutus_dp */
.aboutus_dp {
    position: relative;
    background: url(../img/about/dev_bg.jpg) no-repeat top center /cover;
    padding: 50px 0;
    position: relative;
}
.aboutus_dp::before {
    content: '';
    display: inline-block;
    background: url(../img/about/dev_ill01.png) no-repeat top center / 100% auto;
    width: 293px;
    height: 188px;
    position: absolute;
    right: 0;
    top: -4%;
}
.aboutus_dp::after {
    content: '';
    display: inline-block;
    background: url(../img/about/dev_ill02.png) no-repeat top center / 100% auto;
    width: 356px;
    height: 212px;
    position: absolute;
    left: 0;
    bottom: -4%;
}
.aboutus_dp .aboutus_dpTxt {
    position: absolute;
    top: 48%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
}
.aboutus_dp .sub_ttlCent {
    margin-bottom: 20px;
}
.aboutus_dp .aboutus_dpTxt h2 {
    background: -webkit-gradient(linear, left top, right top, from(#76bbc9), to(#a2be66));
    background: -o-linear-gradient(left, #76bbc9, #a2be66);
    background: linear-gradient(90deg, #76bbc9, #a2be66);
}
.aboutus_dp .aboutus_dpTxt p {
    text-align: center;
}
.aboutus_dp figure {
    max-width: 870px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
/* aboutus_outline */
.aboutus_outline {
    padding-top: 50px;
}
.aboutus_outline .sub_ttlCent h2 {
    background: -webkit-gradient(linear, left top, right top, from(#328ac2), to(#59bcd0));
    background: -o-linear-gradient(left, #328ac2, #59bcd0);
    background: linear-gradient(90deg, #328ac2, #59bcd0);
}
.aboutus_outline_info {
    max-width: 800px;
    margin: 0 auto;
}
.aboutus_outline_info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px dotted #726f6d;
    padding:0 45px 10px;
    margin-bottom: 10px;
}
.aboutus_outline_info dl:last-of-type {
    margin-bottom: 0;
}
.aboutus_outline_info dl dt {
    width: 18%;
    font-weight: 600;
}
.aboutus_outline_info dl dd {
    width: 78%;
}
.aboutus_outline_access {
    margin: 50px auto 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.aboutus_outline_accessMap {
    height: 354px;
    width: 55%;
}
.aboutus_outline_accessMap iframe {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.aboutus_outline_accessInfo {
    width: 42%;
}
.aboutus_outline_accessInfo table tr {
    vertical-align: text-top;
}
.aboutus_outline_accessInfo table th {
    width: 20%;
    text-align: left;
    font-weight: normal;
}
.aboutus_outline_accessInfo table tr:first-of-type th {
    font-weight: 600;
}
.aboutus_outline_accessInfo table td {
    width: 75%;
}
.aboutus_outline_accessInfo table tr:first-of-type td {
    font-weight: 600;
}
.aboutus_outline_accessInfo p {
    margin-top: 30px;
}
@media only screen and (max-width: 768px) {
 /* mv */
.aboutus .sub_mv_ill01 {
    width: 180px;
    top: 15%;
    left: -9%;
}
.aboutus .sub_mv_ill02 {
    width: 220px;
    bottom: -7%;
    right: -12%;
}
/* aboutus_cont01 */
.aboutus_cont01 {
    padding-bottom: 40px;
}
.aboutus_cont01 .aboutus_cont01_topTxt {
    margin: 0 auto 30px;
}
.aboutus_cont01 .con01_mf {
    margin: 0 auto 30px;
}
.aboutus_cont01 .con01_perfome .con01_perfomeTxt {
    width: 100%;
}
.aboutus_cont01 .con01_perfome figure {
    width: 100%;
    margin: 20px auto 0;
}
/* aboutus_dp */
.aboutus_dp {
    padding: 40px 0;
}
.aboutus_dp::before {
    width: 160px;
    height: 103px;
}
.aboutus_dp::after {
    width: 180px;
    height: 105px;
    bottom: -7%;
}
.aboutus_dp .aboutus_dpTxt {
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
}
.aboutus_dp .sub_ttlCent {
    margin-bottom: 20px;
}
.aboutus_dp figure {
    max-width: 480px;
    margin: 20px auto 0;
}
/* aboutus_outline */
.aboutus_outline {
    padding-top: 40px;
}
.aboutus_outline_info {
    max-width: 480px;
}
.aboutus_outline_info dl {
    padding:0 20px 5px;
    margin-bottom: 5px;
}
.aboutus_outline_info dl dt {
    width: 20%;
}
.aboutus_outline_info dl dd {
    width: 73%;
}
.aboutus_outline_access {
    margin: 50px auto 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.aboutus_outline_accessMap {
    max-width: 480px;
    height: 300px;
    width: 100%;
}
.aboutus_outline_accessInfo {
    width: 100%;
    max-width: 480px;
    margin: 20px auto 0;
}
.aboutus_outline_accessInfo p {
    margin-top: 20px;
}
}