@charset "utf-8";

/*==============================

		style.css（outline）

==============================*/


/*------------------------------
page_title PC
------------------------------*/
@media screen and (min-width: 641px)  { 
    .page_title{
        margin-bottom: 0;
    }
    .page_title .title_bg{
        width: 980px;
        height: 120px;
        margin-right: auto;
        margin-left: auto;
        background: url(../img/title_bg.jpg) no-repeat center right;
    }
    .page_title .title_bg h1{
        width: 664px;
        height: 89px;
        background: url(../img/page_title_pc.png) no-repeat 15px 31px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-indent: 100%;
    }
}

/*------------------------------
page_title SP
------------------------------*/
@media screen and (max-width: 640px) {
    .page_title{
        margin-bottom: 0;
    }
    .page_title .title_bg{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 20px;
    }
    .page_title .title_bg h1{
        background: url(../img/page_title_sp.png) no-repeat;
        height: 40px;
        background-size: contain;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-indent: 100%;
    }
}

/*------------------------------
googlemap PC
------------------------------*/
@media screen and (min-width: 641px) { 
    #sgh_map{
        width: 100%;
        height: 306px;
        margin-bottom: 50px;
    }   
}

/*------------------------------
googlemap SP
------------------------------*/
@media screen and (max-width:640px){
    #sgh_map{
        width: 100%;
        height: 200px;
        margin-bottom: 20px;
    }   
 }
   

/*------------------------------
section_01 PC
------------------------------*/
@media screen and (min-width: 641px) {
    .section_01{
        width: 840px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 60px;
    }
    .section_01 table{
        width: 100%;
        border-top: 1px solid #E7E7E7;
        border-left: 1px solid #E7E7E7;
    }
    .section_01 th{
        width: 16%;
        background: #F8F9FA;
        padding-top: 7px;
        padding-bottom: 7px;
        vertical-align: top;
        padding-right: 2%;
        padding-left: 2%;
        border-bottom: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    }
    .section_01 td{
        width: 76%;
        padding-right: 2%;
        padding-left: 2%;
        vertical-align: top;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    }
}

/*------------------------------
section_01 SP
------------------------------*/
@media screen and (max-width:640px){
    .section_01{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
    }
    .section_01 table{
        width: 100%;
        border-top: 1px solid #E7E7E7;
        border-left: 1px solid #E7E7E7;
    }
    .section_01 th{
        width: 26%;
        background: #F8F9FA;
        padding-top: 7px;
        padding-bottom: 7px;
        vertical-align: top;
        padding-right: 2%;
        padding-left: 2%;
        border-bottom: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    }
    .section_01 td{
        width: 66%;
        padding-right: 2%;
        padding-left: 2%;
        vertical-align: top;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
        vertical-align: middle;
    }
 }

/*------------------------------
sectiontitle PC
------------------------------*/
@media screen and (min-width: 641px) {
    .sectionTit{
        background: #333333;
        color: #FFFFFF;
        font-size: 2.0rem;
        padding-top: 8px;
        padding-bottom: 6px;
        padding-left: 4rem;
        letter-spacing: 0.2rem;
        font-weight: 700;
        margin-bottom: 35px;
    }
    .sectionTit span{
        font-size: 1.4rem;
        padding-left: 2.0rem;
        font-weight: normal;
    }
}

/*------------------------------
sectiontitle SP
------------------------------*/
@media screen and (max-width:640px){
    .sectionTit{
        background: #333333;
        color: #FFFFFF;
        font-size: 1.8rem;
        padding-top: 6px;
        padding-bottom: 4px;
        padding-left: 2rem;
        letter-spacing: 0.2rem;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .sectionTit span{
        font-size: 1.2rem;
        padding-left: 1.5rem;
        font-weight: normal;
    }
 }

/*------------------------------
section_02 PC
------------------------------*/
@media screen and (min-width: 641px) {
    .section_02 .profile_box{
        width: 790px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 60px;
        background: #F8F9FA;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
        padding-left: 30px;
        border: 1px solid #E7E7E7;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
    }
    .section_02 .profile_box dt,.section_02 .profile_box dd{
        float: left;
    }
    .section_02 .profile_box dt{
        width: 190px;
        margin-right: 30px;
    }
    .section_02 .profile_box dd:nth-of-type(1){
        width: 250px;
        margin-right: 30px;
    }
    .section_02 .profile_box dd:nth-of-type(1) .name{
        font-size: 2.4rem;
        font-weight: 700;
        border-bottom: 1px solid #010005;
        margin-bottom: 1.0rem;
        padding-bottom: 0.5rem;
    }
    .section_02 .profile_box dd:nth-of-type(1) .profile{
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }
    
    
    .section_02 .profile_box dd:nth-of-type(2){
        width: 290px;
        line-height: 2;
    }
    .section_02 .profile_box dd:nth-of-type(2) span{
        color: #ACBE3F;
        font-weight: 700;
    }
}

/*------------------------------
section_02 SP
------------------------------*/
@media screen and (max-width:640px){
    .section_02 .profile_box{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        background: #F8F9FA;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 4%;
        padding-left: 4%;
        border: 1px solid #E7E7E7;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
    }
    .section_02 .profile_box dt,.section_02 .profile_box dd{
        float: left;
    }
    .section_02 .profile_box dt{
        width: 40%;
        margin-right: 5%;
    }
    .section_02 .profile_box dd:nth-of-type(1){
        width: 55%;
    }
    .section_02 .profile_box dd:nth-of-type(1) .name{
        font-size: 2.0rem;
        font-weight: 700;
        border-bottom: 1px solid #010005;
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .section_02 .profile_box dd:nth-of-type(1) .profile{
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
    }
    .section_02 .profile_box dd:nth-of-type(2){
        width: 100%;
        line-height: 1.6;
    }
    .section_02 .profile_box dd:nth-of-type(2) span{
        color: #ACBE3F;
        font-weight: 700;
    }
 }

/*------------------------------
section_03 PC
------------------------------*/
@media screen and (min-width: 641px) {
    .section_03{
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 60px;
    }
    .section_03 table{
        width: 840px;
        margin-right: auto;
        margin-left: auto;
        border-top: 1px solid #E7E7E7;
        border-left: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    }
    .section_03 th{
        width: 31%;
        background: #F8F9FA;
        padding-top: 7px;
        padding-bottom: 7px;
        vertical-align: top;
        padding-right: 2%;
        padding-left: 2%;
        border-bottom: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    }
    .section_03 td{
        padding-right: 2%;
        padding-left: 2%;
        vertical-align: top;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #E7E7E7;
    }
    .section_03 td.position{
        width: 18%;
        padding-right: 2%;
        padding-left: 2%;
        vertical-align: top;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #E7E7E7;
        line-height: 1.5;
    }
    .section_03 td.name{
        width: 12%;
        padding-right: 2%;
        padding-left: 2%;
        vertical-align: top;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #E7E7E7;
    }
}

/*------------------------------
section_03 SP
------------------------------*/
@media screen and (max-width:640px){
    .section_03{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
    }
    .section_03 table{
        width: 100%;
        border-left: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
        border-bottom: 1px solid #E7E7E7;
    }
    .section_03 th{
        width: 96%;
        display: block;
        border-top: 1px solid #E7E7E7;
        padding-top: 7px;
        vertical-align: top;
        padding-right: 2%;
        padding-left: 2%;
        font-weight: 700;
        font-size: 1.6rem;

    }
    .section_03 td{
        padding-right: 2%;
        padding-left: 2%;
        vertical-align: top;
        display: block;
        width: 96%;
    }
    .section_03 tr:nth-child(2n+1) {
        background: #F8F9FA;
    }
 }
/*------------------------------
section_04 PC
------------------------------*/
@media screen and (min-width: 641px) {
    .section_04{
        margin-bottom: 50px;
    }
    .section_04 li{
        float: left;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .section_04 li:nth-child(3n) {
        margin-right: 0;
    }  
}

/*------------------------------
section_04 SP
------------------------------*/
@media screen and (max-width:640px){
    .section_04{
        margin-bottom: 20px;
    }
    .section_04 li{
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 5px;
    }
    .section_04 li:nth-child(2n) {
        margin-right: 0;
    }  
 }

/*2018.1009*/
#section_05 {
    font-family: "Noto Serif Japanese", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-bottom: 60px;
}

#section_05 .inner {
    border: solid 1px #333;
    display: flex;
    box-lines:multiple;
    flex-wrap:wrap;
    /*align-items: center;*/
    justify-content:space-between;
    width: 840px;
    box-sizing: border-box;
}

#section_05 .inner ._tit {
    background: #333;
    color: #FFF;
    width: 47%;
    padding: 30px;
    box-sizing: border-box;
    font-size: 2rem;
    position: relative;
}

#section_05 .inner ._tit:before {
    background: url(../img/section_05_ttl.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: '';
    display: block;
    width: 360px;
    height: 60px;
    box-sizing: border-box;
}

#section_05 .inner ._tit:after {
    background: url(../img/arr.png) 0 0 no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -60px;
    box-sizing: border-box;
}

#section_05 .inner ._body {
    font-size: 1.5rem;
    width: 47%;
    padding: 30px;
    box-sizing: border-box;
}

@media screen and (max-width:640px){

    #section_05 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    #section_05 .inner {
        border: none;
        width: auto;
        border-bottom: solid 1px #333;
    }

    #section_05 .inner ._tit {
        width: 85%;
        padding: 40px 20px;
        font-size: 1.6rem;
    }

    #section_05 .inner ._tit:after {
        width: 18%;
        right: -18%;
    }

    #section_05 .inner ._tit:before {
        width: 200px;
        height: 30px;
    }

    #section_05 .inner ._body {
        border: solid 1px #333;
        border-bottom: none;
        border-left: none;
        width: 85%;
        margin-left: 15%;
        padding: 20px;
        font-size: 1.4rem;
        position: relative;
        box-sizing: border-box;
    }

    #section_05 .inner ._body .pc {
        display: none;
    }

    #section_05 .inner ._body:after {
        background: url(../img/line.png) 0 0 no-repeat;
        background-size: 100% 100%;
        content: '';
        display: block;
        width: 18%;
        height: 100%;
        position: absolute;
        top: 0;
        left: -18%;
        box-sizing: border-box;
    }
}