@charset "utf-8";
/*mainviz*/
#mainviz{
    background: url(../img/ukiyama/mv_bg.jpg);
    background-size: cover;
    background-position: center center;
    text-align: center;
}
#mainviz .in{
    max-width: 1100px;
    width: 96%;
    padding: 180px 100px;
    margin: 0 auto;
    text-align: left;
	box-sizing: border-box;
}
#mainviz .title{
    max-width: 240px;
    margin-bottom: 2em;
}
#mainviz .txt{
    color: #fff;
    font-size: 24px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.7), 1px 1px 5px rgba(0,0,0,0.7),1px 1px 5px rgba(0,0,0,0.7),1px 1px 5px rgba(0,0,0,0.7);
}
#mainviz .txt p:first-child{
    margin-bottom: 2em;
}
.gmap{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
	margin-bottom: 50px;
}
.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1300px) {
    #mainviz .in{
        padding: 180px 10%;
    }
}
@media screen and (max-width: 1024px) {
    
}
@media screen and (max-width: 767px) {
    #mainviz .in{
        padding: 10% 5%;
    }
    #mainviz .txt{
        font-size: 5vw;
    }
}
/*END mainviz*/

/*shinrinyoku*/
#shinrinyoku{
	margin: 20px auto;
}
#shinrinyoku .img img{
	width: 50%;
}
#shinrinyoku .img{
	display: flex;
}
#shinrinyoku p{
	text-align: center;
	margin: 20px 0;
	font-size: 20px;
}
/*END shinrinyoku*/

/*access*/
#access{
	margin: 45px auto;
}
#access h2{
    margin-bottom: 45px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}
#access h3{
    margin-bottom: 25px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
	color: #26BE0C;
}
#access iframe{
	margin-bottom: 45px;
}
.access_detail{
	display: flex;
	justify-content: center;
	gap:5%;
	margin-bottom: 20px;
	max-width: 980px;
    width: 96%;
	margin: 0 auto;
}
.access_detail div{
	width: 30%;
}
.access_detail div p span{
    font-size: 24px;
    font-weight: 700;
	color: #108029;
}
.access_detail div p{
	font-size: 20px;
}
@media screen and (max-width: 1300px) {
    
}
@media screen and (max-width: 767px) {
    #access h2{
        font-size: 5.5vw;
    }
    #access h3{
        font-size: 5vw;
    }
    .access_detail div p span{
        font-size: 5vw;
    }
    .access_detail div p{
        font-size: 4.5vw;
    }
    .access_detail {
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap: wrap; /* Safari */
        flex-wrap:         wrap; 
        margin-bottom: 2em;
    }
    .access_detail div{
        width:  100%;
        margin-bottom: 0.5em;
    }
    .access_detail div:first-child{
        text-align: center;
    }
}
/*END access*/

/*gaiyou*/
.gaiyou{
	margin: 45px auto;
}
.gaiyou h2{
    margin-bottom: 45px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}
.gaiyou table{
	max-width: 980px;
    width: 96%;
	margin: 0 auto;
	border: 1px solid #E3E3E3;
	font-size: 20px;
}
.gaiyou table tr td {
	border: 1px solid #E3E3E3;
	padding: 10px 20px;
}
.gaiyou table tr td:first-child{
	width: 30%;
	background: #FFFFCC;
}
.gaiyou table tr td:last-child{
	width: 70%;
}
@media screen and (max-width: 1300px) {
    
}
@media screen and (max-width: 767px) {
    .gaiyou table{
        font-size: 4.5vw;
    }
    .gaiyou table tr td{
        padding: 0.5em;
    }
}
/*END gaiyou*/

/*kukaku*/
#kukaku{
	margin: 45px auto;
}
#kukaku h2{
    margin-bottom: 45px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}
#kukaku img{
	display: block;
	margin: 0 auto;
}
/*END kukaku*/



@media screen and (max-width: 1300px) {
    
}
@media screen and (max-width: 767px) {
    #kukaku h2{
        font-size: 5.5vw;
    }
}