@charset "utf-8";
/* CSS Document */
#intro{text-align:center;}
#main_photo{
position:sticky;
top:0;
width:100%;
height:100vh;
background:url(../../img/s10.jpg); center no-repeat;
background-size:cover;
background-position:center 20%;
z-index:-1;
}

#main_copy div{
display:flex;
justify-content:center;
margin-bottom:2rem;
}
#main_copy h2{
display:flex;
flex-direction:column;
align-items: flex-end;
line-height:1.2;
}
#main_copy  h2 > span{
font-size:350%;
font-weight:900;
}
#main_copy h2 small{font-weight:300;}
#main_copy p{
font-size:120%;
line-height:1.8;
font-weight:900;
}
#main_copy i{
display:inline-block;
font-size:150%;
margin-top:1rem;
opacity:0.7;
}
#main_copy{
padding-bottom:100vh;
background-size:cover;
background-position:center bottom;
margin-top:-40vh;
}
#contents{
margin:0 auto 7rem;
width:90%;
max-width:1000px;
}
#contents h3{
display:inline-block;
font-size:70%;
padding:0.5rem 1rem;;
background:#d10000;
}
#contents h3{margin-top:5rem;}
#contents h3:nth-of-type(1){margin-top:0;}
#contents p{
font-size:180%;
font-weight:200;
color:#555;
letter-spacing:0.025;
}
#contents dt{
font-size:140%;
font-weight:900;
line-height:1.5;
margin-top:1rem;
}
#contents dd span{
display:inline-block;
text-align:left;
margin-top:0.5rem;
margin-left:-0.5rem;
}
#contents dd small{
display:inline-block;
font-weight:300;
}
#contents dd:nth-of-type(1){
margin-top:0.5rem;
line-height:2;
text-align:justify;
}
#contents dd:nth-of-type(2){margin-top:1.5rem;}
#conte nts li{margin-right:20px;}
#contents ul li img{
width:100%;
height:auto;
}


.slider7 img {
transform: scale(0.8);
opacity: 0.5;
transition: 0.5s;
}

.slider7 .slick-center img {
transform: scale(1);
opacity: 1;
}


@media screen and (max-width:768px){ 
#main_copy{margin-top:-30vh;}
#main_copy h2{font-size:130%;}
#main_copy p{font-size:100%;}
#contents{margin:0 auto 5rem;}
#contents h3{margin-top:3rem;}
}

@media screen and (max-width:480px){
#main_copy{margin-top:-45vh;}
#main_copy  h2{font-size:120%;}
#contents{margin:0 auto 4rem;}
#contents h3{margin-top:2rem;}
#contents li{margin-right:5px;}
#main_copy i{
font-size:150%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){
#contents{font-size:130%;}
#main_copy{margin-top:-35vh;}
#main_copy h2{font-size:190%;}
#main_copy p{font-size:170%;}
#main_copy i{
display:inline-block;
font-size:300%;
margin-top:3rem;
opacity:0.5;
}
}