@charset "utf-8";


.access-con1{
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    padding-bottom: 130px;
}

@media screen and (min-width: 768px)
{
    .access-con1{
        padding-bottom:40px;
    margin:0 auto 80px;
        max-width:1200px;
        flex-direction:row;
        justify-content: space-between;
}
}

@media screen and (min-width: 992px),
print {
    .access-con1{
        padding-bottom: 130px;
}
}

.access-con1-left{
    position: relative;
    order: 3;
}

@media screen and (min-width:768px)
{
    .access-con1-left{
    width:45%;
        order:1;

}
}

@media screen and (min-width:992px),
print {
    .access-con1-left{
    width:50%;
        order:1;
}
}

.access-con1-photo1{
    width:90%;
}

.access-con1-photo2{
    position: absolute;
    right:0;
    bottom:-130px;
    width:80%;
}

@media screen and (min-width: 768px)
{
    .access-con1-photo2{
    bottom:200px;
        right:-10px;
        width:280px;
}
}

@media screen and (min-width: 992px),
print {
    .access-con1-photo2{
        right:-50px;
        width:450px;
        bottom:130px;
}
}

.access-con1-center{
    padding:0 10px;
    order:2;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px)
{
   .access-con1-center{
    padding:0;
       width:30%;
} 
}

@media screen and (min-width:992px),
print {
   .access-con1-center{
       line-height: 3;
       width:35%;
} 
}

.access-con1-txt{
    margin-bottom: 30px;
}

@media screen and (min-width: 768px)
{
.access-con1-txt{
    height:400px;
    writing-mode: vertical-rl;
    margin-bottom: 40px;
}
    }

@media screen and (min-width:992px),
print {
    @media screen and (min-width: 768px)
{
.access-con1-txt{
    height:450px;
    margin-bottom:60px;
}
    }
}

.access-con1-txt2{
    padding-top:7px;
    font-size:12px;
    text-align: right;
}

.access-con1-right{
    padding:0 10px;
    order:1;
    font-size:22px;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px),
print {
    .access-con1-right{
    padding:0;
        width:15%;
        writing-mode: vertical-rl;
        order:3;
        margin-bottom:0;
        padding-right: 30px;
}
}

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

コンテンツ2

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

.access-con2{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px)
{
    .access-con2{
        padding:0 20px;
    margin:0 auto 50px;
        max-width: 1300px;
        display: flex;
        justify-content: space-between;
        
}
}

@media screen and (min-width: 992px),
print {
    .access-con2{
    margin-bottom:100px;
        
}
}

@media screen and (min-width: 768px),
print {
.access-con2-left{
    width: 45%;
}
    }

@media screen and (min-width: 768px),
print {
.access-con2-right{
    width:48%;
}
    }

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

テキスト

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

.access-t1{
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .access-t1{
    margin-bottom: 40px;
}
}

.access-t2{
    padding: 0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px),
print {
    .access-t2{
    padding: 0 30px;
        text-align: center;
        margin-bottom:70px;
}
}

.map iframe{
    width:100%;
    height:450px;
}

@media screen and (min-width: 768px),
print {
    .map iframe{
    width:100%;
    height:650px;
}
}




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

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

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