@charset "UTF-8";


/*------------------------------------------------------



------------------------------------------------------*/
#headVisual { background: url(./images/bg_headtitle.jpg) no-repeat center center; background-size: cover;}
main { margin-bottom: 0;}

@media (min-width: 768px) {

}

@media (max-width: 767px) {


}


/*------------------------------------------------------

    office01

------------------------------------------------------*/
#office01 { margin-bottom: 85px;}
#office01 .heading-1 {}
#office01 > .text {}
#office01 > .text p {}

#office01 section {}
#office01 .heading-2 {}
#office01 .l_col-info {}
#office01 .l_col-info .table-2 {}
#office01 .l_col-info .table-2 tr {}
#office01 .l_col-info .table-2 th {}
#office01 .l_col-info .table-2 td {}
#office01 .l_col-info figure {}
#office01 .l_col-info figure img {}

#office01 .heading-2 {}
#office01 iframe {}


@media (min-width: 768px) {

    #office01 > .text { margin-bottom: 70px;}

}

@media (max-width: 767px) {

    #office01 > .text { margin-bottom: 50px;}
    
}




/*------------------------------------------------------

    office02

------------------------------------------------------*/
#office02 { margin-bottom: 65px;}
#office02 .heading-1 {}

#office02 .l_col-staff {}
#office02 .l_col-staff figure {}
#office02 .l_col-staff figure img { width: 100%; height: auto;}
#office02 .l_col-staff > div {}
#office02 .l_col-staff .name { color: #61524E; border-bottom: 1px solid #61524E; padding-bottom: 10px;}
#office02 .l_col-staff .table-2 {}
#office02 .l_col-staff .table-2 tr {}
#office02 .l_col-staff .table-2 th {}
#office02 .l_col-staff .table-2 td {}
#office02 .l_col-staff:not(:last-of-type) { padding-bottom: 40px; border-bottom: 1px solid #ddd;}

@media (min-width: 768px) {
    
    #office02 .l_col-staff figure { width: 200px;}
    #office02 .l_col-staff > div { width: calc(100% - (200px + 100px));}
    #office02 .l_col-staff .table-2 th { padding: 20px 10px 20px 0; width: 10%; }
    #office02 .l_col-staff .table-2 td { padding: 20px 0;}
    #office02 .l_col-staff:not(:last-of-type) { margin-bottom: 60px; }
    #office02 .l_col-staff .name { font-size: 2rem; }
}

@media (max-width: 767px) {
    
    #office02 .l_col-staff figure { width: 100%;}
    #office02 .l_col-staff figure img { max-width: 200px; height: auto;}
    #office02 .l_col-staff > div { width: 100%;}
    #office02 .l_col-staff .table-2 th { padding: 15px 15px 15px 0; width: 15%; }
    #office02 .l_col-staff .table-2 td { padding: 15px 0; }
    #office02 .l_col-staff:not(:last-of-type) { margin-bottom: 50px;}
    #office02 .l_col-staff .name { font-size: 2.2rem; }
}



/*------------------------------------------------------

    office03

------------------------------------------------------*/
#office03 { line-height: 1.8; margin-bottom: 85px; }
#office03 > .container{}
#office03 .heading-1 {}
#office03 .heading-1+.text {}

#taisetsu { background: url(/common/images/bg_stripe.png) repeat left top;}
#taisetsu .container {}
#taisetsu .title { text-align: center; position: relative;}
#taisetsu .title::before { content: ''; background-color: #EA5711; width: 90px; height: 90px; border-radius: 50%; position: absolute; left: 0; top: -105px; right: 0; margin: auto;}
#taisetsu .title::after { content: ''; background: url(./images/icon_hart.svg) no-repeat left top; background-size: 100% auto; width: 55px; height: 55px; position: absolute; left: 0; top: -85px; right: 0; margin: auto; }

#taisetsu .l_col-taisetsu {}
#taisetsu .l_col-taisetsu section { background-color: #fff; text-align: center;}
#taisetsu .l_col-taisetsu .heading-3 {}
#taisetsu .l_col-taisetsu figure { max-width: 297px; height: auto; margin-left: auto; margin-right: auto;}
#taisetsu .l_col-taisetsu figure img {}
#taisetsu .l_col-taisetsu .text { text-align: left;}
#taisetsu .l_col-taisetsu .text p { font-size: 1.5rem;}


@media (min-width: 768px) {

    #office03 .heading-1+.text { margin-bottom: 90px;}
    
    #taisetsu { padding-top: 150px; padding-bottom: 60px;}
    #taisetsu .title { font-size: 3.2rem; margin-bottom: 80px;}
    
    #taisetsu .l_col-taisetsu section { width: calc(50% - 25px); padding: 40px;}
    #taisetsu .l_col-taisetsu .heading-3 { margin-bottom: 50px;}
    #taisetsu .l_col-taisetsu figure { margin-bottom: 50px; width: 100%;}
}

@media (max-width: 767px) {

    #office03 .heading-1+.text { margin-bottom: 60px;}
    
    #taisetsu { padding-top: 150px; padding-bottom: 50px;}
    #taisetsu .title { font-size: 2.6rem; line-height: 1.4; margin-bottom: 30px;}
    
    #taisetsu .l_col-taisetsu section { width: 100%; padding: 30px 20px; }
    #taisetsu .l_col-taisetsu .heading-3 { margin-bottom: 30px; line-height: 1.6; }
    #taisetsu .l_col-taisetsu figure { margin-bottom: 30px; width: 80%; }

}


/*------------------------------------------------------

    #office04

------------------------------------------------------*/
#office04 .map { margin-bottom: 85px; }


@media (min-width: 768px) {
    #office04 .l_col-info { margin-bottom: 45px;}
    #office04 .l_col-info > div { width: calc(100% - (480px + 40px)); padding-left: 15px;}
    #office04 .l_col-info figure { width: 360px;}

    #office04 .l_col-info .table-2 th { width: 19%; }

}

@media (max-width: 767px) {    
    #office04 .l_col-info { margin-bottom: 40px; }
    #office04 .l_col-info > div {width: 100%;}
    #office04 .l_col-info .table-2 { width: 100%;}
    #office04 .l_col-info figure { width: 100%;}
    
}


/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}