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

#contents{
margin-top: 0;
}
/* 中身-モバイルファースト======================================================================================================== */

#introduction{
background-image: url(images/introduction_bg.jpg);
background-image: -webkit-image-set(url(images/introduction_bg.jpg) 1x, url(images/introduction_bg@2x.jpg) 2x);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10vw 5vw;
}
#introduction h2{
font-size: 8vw;
line-height: 1.4;
font-style: italic;
margin-bottom: 5vw;
}
#introduction p{
font-size: 4vw;
}



#description{
padding-top: 12vw;
position: relative;
text-align: center;
}
#description::before,
#description::after{
content: "";
display: block;
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
width: 30%;
height: auto;
aspect-ratio: 1/1;
position: absolute;
top: 0;
z-index: -10;
}
#description::before{
background-image: url(../images/bg_tree-r.jpg);
background-image: -webkit-image-set(url(../images/bg_tree-r.jpg) 1x, url(../images/bg_tree-r@2x.jpg) 2x);
right: 0;
}
#description::after{
background-image: url(../images/bg_tree-l.jpg);
background-image: -webkit-image-set(url(../images/bg_tree-l.jpg) 1x, url(../images/bg_tree-l@2x.jpg) 2x);
left: 0;
}
#description .contents_size{
text-align: center;
}
#description h3{
font-size: 7vw;
letter-spacing: .25em;
position: relative;
margin: 0 auto 20px;
}
#description h3::before{
content: "";
display: block;
width: auto;
height: 140%;
aspect-ratio: 1/1;
background: #cae6ad;
background: radial-gradient(circle,#cae6ad 0%, rgba(255,255,255,0) 70%);
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
margin: auto;
z-index: -1;
}
#description ul li{
list-style: disc;
margin-left: 20px;
text-align: left;
}



#details{
position: relative;
z-index: -10;
}
#details article{
background-color: #FFF;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
padding: 5vw;
margin-bottom: 10vw;
}
#details article:last-child{
margin-bottom: 0px;
}
#details article h3{
margin-top: -8vw;
}




/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

#introduction{
padding: 8vw 0;
}
#introduction h2{
margin-bottom: 3vw;
}
#introduction p{
font-size: 1.5vw;
}


#description{
padding-top: 6vw;
}
#description::before,
#description::after{
width: 25%;
display: block;
}

#description .contents_size{
}
#description h3{
font-size: 3vw;
padding: 0 5vw;
margin-bottom: 3vw;
}
#description ul{
display: inline-block;
}
#description ul li{
font-size: 20px;
}


#details article{
margin-bottom: 8vw;
}
#details article h3{
margin-top: -6vw;
}
#details article table{
font-size: 18px;
}



}