@charset "utf-8"; 


header{


width:100%;

/*background: rgba(245,245,245,1);*/
/*background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(146,206,200,0.3) 100%);*/
background:url(../images/bg10.png) center center no-repeat;
background-size:cover;
text-align:center;
border-top:6px solid rgba(146,206,200,1);
border-bottom:6px solid rgba(146,206,200,1);
}
header h1{
margin-top:1.75rem;
margin-bottom:1.25rem;
font-size:0.9rem;
letter-spacing:0.25rem;
}
header h1 img{
width:100px;
}
header ul li{
font-size:1rem;
margin-bottom:0.75rem;
letter-spacing:2px;
display:inline-block;
}
header ul li a{
display:inline-block;
text-shadow: 0 0 4px rgb(255 255 255 / 75%);
transition: all 1s;
padding:0.7rem;
}
header ul li a:hover{
transform: translate(0, -5px);
}
header ul li:nth-last-child(1) {
margin-bottom:0;
}
header p {
margin-bottom:1.75rem;
}
header p a.btn{
font-size:.7rem;
margin:0;
}
#intro p{
display:none;
}
#intro .vegas-content-scrollable{
}
#intro .vegas-content-scrollable a.arrow {
position:absolute;
bottom:6rem;
right:3rem;
z-index:9;
background:rgba(0,0,102,1);
}


#contents{
padding-top:1.5rem;
padding-bottom:6rem;
}
#contents .col-12{
max-width:900px;
}
#contents .col-12 h2{
max-width:878px !important;
margin:0 auto;
}
#contents h2{
margin-bottom:2rem;
}
#contents h3{
padding-top:2rem;
letter-spacing:0.2rem;
}
#contents h4{
margin-bottom:.75rem;
letter-spacing:0.2rem;
font-size:1.1rem;
color:rgba(170,103,172,1);
font-weight:500;
padding-bottom:3px;
border-bottom:3px solid rgba(170,103,172,.5);
display:inline-block;
}
#contents p{
padding-bottom:1.25rem;
text-align:justify;
}
#contents .col-12 p em{
color:rgba(0,120,172,1);
}
#contents .col-12 p span{
color:rgba(170,120,0,1);
}
#contents h3.first {
padding-top:0;
}
span.img-area1 img {
shape-outside: circle(50%);
padding-left:1.5rem;
float:right;
max-width:50%;
}
span.img-area2 img {
shape-outside: circle(50%);
padding-right:1.5rem;
float:left;
}
#contents table th,
#contents table td{
	text-align:center;
	padding:.5rem;
border:1px solid rgba(204,204,204,1);
background:rgba(250,250,250,1);
}
#contents table tr:nth-last-child(2n) th,
#contents table tr:nth-last-child(2n) td{
background:rgba(240,240,240,1);
}

.lg-backdrop {
background-color:rgba(0,0,0,0.8) !important;
}

/* ======================================================= pc */
@media screen and (min-width: 768px){
header h1 img{
width:120px;
}
#contents{
background:url(../images/bg9.svg) center center no-repeat;
background-size:cover;
background-attachment:fixed;
}
span.img-area2 img {
max-width:33%;
}
}


/* ======================================================= sp */

@media screen and (max-width: 767px) {
#navigation ul{
display:none;
}
#contents{
background:url(../images/bg9s.svg) center center no-repeat;
background-size:cover;
background-attachment:fixed;
padding-left:5vw;
padding-right:5vw;
}
span.img-area2 img {
max-width:42%;
}
}