@charset "utf-8";

/* CommonElements */
html{
font-size: 62.5%;
}
body {
color: #fff;
background:#000;
font-size: 1.6rem;
font-family: "Megrim","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
line-height: 1.8;
word-wrap : break-word;
text-align: center;
}
@media only screen and (max-width: 767px){
  body {
  font-size: 1.4rem;
  }
}
/* loading */
.loading{
background: #fff;
position: fixed;
width: 100%;
height: 100vh;
z-index: 999999;
}
.sp,.tab{
display: none;
}
img{
max-width: 100%;
height: auto;
backface-visibility: hidden;
}
a{
color: #0a91a5;
text-decoration: none;
transition: .4s;
}
a:hover{
color: #076977;
}
a:hover img{
opacity:0.8;
}
.txt-r{text-align:right !important;}
.txt-c{text-align:center !important;}
.txt-l{text-align:left !important;}
h1{
font-size: 6em;
}
@media only screen and (max-width: 767px){
  h1{
  font-size: 4em;
  line-height: 1.4;
  margin-bottom: 50px;
  }
}
h2{
font-size: 3.0rem;
margin-bottom:25px;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px){
  h2{
  font-size: 2em;
  line-height: 1.6;
  }
}
h3{
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 0;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px){
  h3{
  font-size: 1.6em;
  }
}
figure{
max-width:860px;
margin: 0 auto 50px;
}
p {
font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 300;
margin:0 20px 25px;
}
#main ul{
list-style: none;
margin:0 0 20px 20px;
}
.flex-box {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.flex-item {
flex: 1;
}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
#main{
  max-width: 860px;
  padding:0 15px;
  margin: 0 auto
}