@charset "UTF-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


@media (min-width: 1000px){
    /*メインヴィジュアル*/
    #access #inner_mainVis {
        min-height: 400px;
        background-position: center;
        background: url(../images/access/top_visual.png) no-repeat;
        background-size: cover;
    }
    #access #inner_mainVis .ttl {
        color: #fff;
        -moz-text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.9);
        -webkit-text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.9);
        -ms-text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.9);
        text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.9);
    }
    #access #inner_mainVis h2 {
        padding-top: 169px;
        margin-bottom: 19px;
        font-size: 60px;
        line-height: 1;
        color: #ffffff;
    }
    #access #inner_mainVis .sub-catch {
        font-size: 16px;
        line-height: 1;
        color: #ffffff;
        letter-spacing: 0.04em;
    }
    
    /*セクション1*/
    #access #section {
        padding-bottom: 100px;
        margin-left: -10px;
    }
    #access #section img {
        margin-top: 108px;
        width: 1000px;
        height: 671px;
    }
    #access #section h2 {
        display: block;
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    #access #section .blidal-Church {
        display: block;
        margin-top: 34px;
        text-align: left;
        font-size: 16px;
        letter-spacing: 2.4;
        line-height: 1;
        color: #222222;
    }
    
    #access #section .Church-name {
        display: block;
        margin-top: 18px;
        margin-bottom: 48px;
        text-align: left;
        font-size: 30px;
        letter-spacing: 4.3;
        line-height: 1;
        color: #222222;
    }
    
    
    /*営業情報*/
    #access #section address {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
       
    }
    
    .thead {
        font-size: 16px;
        letter-spacing: 0.04em;
        line-height: 1;
        color: #b0c34f;
    }
    
    .td {
        padding-left: 40px;
        font-size: 16px;
        color: #222222;
        line-height: 1;
        letter-spacing: 0.8;
    }
    .tr1 {
        
        padding-bottom: 30px;
    }
    .tr2 {
        
    }
    .tr3 {
        padding-top: 30px;
    }
    .thead3 {
        
    }
    .tr3-td {
        
    }
    .tr4-td {
        padding-top: 20px;
        padding-bottom: 54px;
    }
    /*営業情報終わり*/
    
    
    /*アクセス方法*/
    #access #section .access-method-wrapper {
        width: 1000px;
        height: 217px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 57px;
        background-color: #eeeeee;
    }
    #access #section .access-method-wrapper .title {
        padding-top: 34px;
        padding-left: 48px;
        margin-bottom: 24px;
        font-size: 16px;
        letter-spacing: 2;
        text-align: left;
        line-height: 1;
    }
    #access #section .access-method-wrapper table {
        margin-top: -4px;
    }
    
    
    #access #section .access-method-wrapper .border {
        position: relative;
        display: inline-block;
        padding: 0 0 0 50px;
    }

    #access #section .access-method-wrapper .border:before {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 32px;
        height: 1.4px;
        background-color: #222222;
    }

    #access #section .access-method-wrapper .border:before {
        left: 8px;
    }

    #access #section .access-method-wrapper .vehicle {
        margin-left: 90px;
        font-size: 16px;
        line-height: 2.25;
    }
    
    #access #section .access-method-wrapper .move-method {
        padding-left: 38px;
        font-size: 16px;
        letter-spacing: 0.4;
        line-height: 2.25;
    }
    
    #access #section .access-method-wrapper .train-method .letter-space {
        padding-left: 4px;
        letter-spacing: 2;
    }
    
    #access #section .access-method-wrapper .car-method .letter-space01 {
        margin-left: 4px;
        letter-spacing: 2.6;
    }
    #access #section .access-method-wrapper .car-method .letter-space02 {
        letter-spacing: 2;
    }
    #access #section .access-method-wrapper .airport-method .letter-space {
        letter-spacing: 1.3;
    }
    #access #section .access-method-wrapper .airport-method .margin-top {
        margin-left: 2px;
    }
    
    /*アクセス方法終わり*/

    #access #section .google-map {
        width: 1000px;
        height: 484px;
    }
}
@media (max-width: 999px){
        /*メインヴィジュアル*/
    #access #inner_mainVis {
        min-height: 170px;
        background: url(../images/access/sp/sp_top_visual.png) no-repeat;
        background-size: cover;
        background-position: bottom center;
    }
    #access #inner_mainVis .ttl {
        color: #fff;
        -moz-text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.9);
        -webkit-text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.9);
        -ms-text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.9);
        text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.9);
    }
    #access #inner_mainVis h2 {
        padding-top: 66px;
        margin-bottom: 10px;
        font-size: 32px;
        line-height: 1;
        color: #ffffff;
    }
    #access #inner_mainVis .sub-catch {
        font-size: 11px;
        line-height: 1;
        color: #ffffff;
        letter-spacing: 0.04em;
    }
    
    /*セクション1*/
    #access #section {
        margin-top: 37px;
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 49px;
    }
    #access #section img {
        width: 100vw;
        height: 61.867vw;
    }
    #access #section h2 {
        margin-top: 20px;
    }
    #access #section .blidal-Church {
        display: block;
        margin-top: 15px;
        text-align: left;
        font-size: 14px;
        letter-spacing: 4.6;
        line-height: 1;
        color: #222222;
    }
    #access #section .Church-name {
        display: block;
        margin-top: 13.5px;
        margin-bottom: 28px;
        text-align: left;
        font-size: 25px;
        letter-spacing: 5.8;
        line-height: 1;
        color: #222222;
    }
    
    
    
    
    
    
    /*営業情報*/
    #access #section address {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .thead {
        white-space: nowrap;
        font-size: 12px;
        letter-spacing: 0.04em;
        line-height: ;
        color: #b0c34f;
    }

    .td {
        padding-left: 24px;
        font-size: 12px;
        color: #222222;
        letter-spacing: 0.4;
    }
    .tr1 {
        padding-bottom: 10px;
    }

    .tr3 {
        padding-top: 11px;
    }

    .tr1 .thead {
        line-height: 1.6;
        display: inline-block;
        text-align: top;
    }
    .tr4-td {
        padding-top: 6px;
        padding-bottom: 27px;
    }
    .tr4-td .letter-space {
        letter-spacing: 1;
    }
    
    
    /*営業情報終わり*/


    /*アクセス方法*/
    #access #section .access-method-wrapper {
        width: 100%;
        height: 289.5px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 57px;
        background-color: #eeeeee;
    }
    #access #section .access-method-wrapper .flex {
        display: flex;
        flex-direction: column;
    }
    .sp-text {
        display: block;
    }
    #access #section .access-method-wrapper .title {
        padding-top: 28px;
        padding-left: 30.5px;
        margin-bottom: 20px;
        font-size: 12px;
        letter-spacing: 1.4;
        text-align: left;
        line-height: 1;
    }
    #access #section .access-method-wrapper tr {
        margin-left: -2px;
    }


    #access #section .access-method-wrapper .border {
        position: relative;
        display: inline-block;
        padding: 0 0 0 40px;
    }
    #access #section .access-method-wrapper .border:before {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 24.5px;
        height: 0.6px;
        background-color: #222222;
    }

    #access #section .access-method-wrapper .border:before {
        left: 8px;
    }

    #access #section .access-method-wrapper .vehicle {
        margin-left: 24px;
        font-size: 12px;
        line-height: 2.25;
    }

    #access #section .access-method-wrapper .move-method {
        padding-top: 3px;
        padding-left: 46px;
        padding-right: 20px;
        padding-bottom: 10px;
        font-size: 12px;
        letter-spacing: 0.04em;
        line-height: 1;
    }
    #access #section .access-method-wrapper .train-method {
        padding-bottom: 14px;
    }
    #access #section .access-method-wrapper .car-method {
        padding-bottom: 14px;
    }
    #access #section .access-method-wrapper .train-method .letter-space {
        margin-left: 2px;
        letter-spacing: 1.2;
    }
    #access #section .access-method-wrapper .car-method .letter-space01 {
        margin-left: 2px;
        letter-spacing: 2;
    }
    #access #section .access-method-wrapper .car-method .letter-space02 {
        margin-top: 1px;
        letter-spacing: 2;
    }
    #access #section .access-method-wrapper .airport-method .letter-space {
        letter-spacing: 1;
    }
    #access #section .access-method-wrapper .airport-method .margin-top {
        margin-top: -2px;
    }
    
    
    
    
    
    
    
    @media (max-width: 321px){ 

        #access #section .access-method-wrapper .move-method {
            padding-top: 0px;
            padding-left: 46px;
            padding-right: 20px;
            padding-bottom: 1px;
            font-size: 12px;
            letter-spacing: 0.04em;
            line-height: 1.2;
        }
        .sp-text {
            margin-top: -1px;
            margin-bottom: -1px;
        }
    }
    
    /*アクセス方法終わり*/
    
    
    
    
    

    
    #access #section .google-map {
        width: 100%;
        height: 242px;
    }
    
}


@media (max-width: 350px) {
    #access #section .access-method-wrapper {
        padding-bottom: 28px;
    }
    .sp320-text {
        display: block;
        padding-top: 14px;
    }
}






