@charset "UTF-8";
/* CSS Document */

#page_title{
background-image: url(images/pagetitle_bg.jpg);
background-image: -webkit-image-set(url(images/pagetitle_bg.jpg) 1x, url(images/pagetitle_bg@2x.jpg) 2x);
}

/* 中身-モバイルファースト======================================================================================================== */
#contents{
background-image: url(../images/bg_colorful.png);
background-image: -webkit-image-set(url(../images/bg_colorful.png) 1x, url(../images/bg_colorful@2x.png) 2x);
background-repeat: no-repeat;
background-position: center -10vw;
background-size: auto 70vh;
}

#top_copy h3{
text-align: center;
font-weight: 900;
margin-bottom: 5vw;
}
#top_copy h3 span{
font-size: 9.5vw;
color: #ea5504;
display: block;
}
#top_copy .text .illust{
width: 30vw;
float: right;
shape-margin: 5px;
shape-outside: ellipse();
}
#top_copy .text p{
margin-bottom: 1em;
}


#access .text{
background-color: #ea5504;
color: #fff;
padding: 10px;
}
#access .text em{
font-size: 18px;
font-weight: 700;
}
#access #map{
width: 100%;
height: 300px;
}



/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){
#contents{
background-position: center -40vw;
background-size: 100% auto;
}
#top_copy{
}
#top_copy h3{
white-space: nowrap;
}
#top_copy h3 img{
width: 600px;
margin: 0 auto;
}
#top_copy h3 span{
font-size: 40px;
}
#top_copy .text .illust{
width: 200px;
}
#top_copy .text p{
font-size: 18px;
}

#access .text{
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
#access .text em{
font-size: 20px;
margin-right: 1em;
}
#access #map{
height: 600px;
}


}