body {
  margin:auto;
  background: #282020;
  color:#fff;
  box-sizing: border-box;
  background-image: url('../img/background.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width:100%;
  height:1000px;
  background-attachment: fixed;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

main{
  max-width:768px;
  margin:0 auto;
}
h2{
  font-size:32px;
}
img{
  max-width:100%;
}
a{
  display: block;
  text-decoration: none;
}
hr{
  width:80%;
}
footer{
  margin:0 auto;
  padding:16px;
  font-size:12px;
  text-align:center;
  background:#E2E2E2;
  color:black;
}
.top_img{
  margin:0 auto 16px;
}
.main_p_2{
  width:600px;
  margin:64px auto;
  text-align:center;
}

.main_box{
  width:720px;
  margin:96px auto 160px;
  text-align:center;
}
.main_box1_p1{
  margin:32px auto 16px;
  font-size:20px;
}
.main_box1_p2{
  margin:0 auto 16px;
  font-size:32px;
  font-weight:bold;
}
.main_box1_p3{
  margin:8px;
  font-size:16px;
}

.main_box_div_m{
  margin:64px auto;
}
.main_box_div_m h2{
  margin:0 auto 32px;
}
.main_box_div_m_text{
  margin:0;
}

.guest_box{
  margin:16px auto 96px;
}
.guest_h2{
  margin:80px auto 64px;
}
.guest_p{
  margin:40px auto 120px;
  font-weight: bold;
}

.sns_text{
  font-size:14px;
}

.link_btn{
  width:208px;
  margin:36px auto;
  padding:0;
  font-weight:bold;
  background:#fff;
  color:black;
}
.link_btn:hover{
  background:#c5c5c5;
}
.link_btn a,
.link_btn a:link,
.link_btn a:visited,
.link_btn a:active
{
  padding:8px;
  color:#282020;
}
  
.arrow_member{
  position: relative;
  padding-right: 32px;
  text-decoration: none;
}
.arrow_member::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
}
.member_arrow-right::after {
  transform: rotate(135deg);
  position: absolute;
  right: 0;
  top: 16px;
}

.arrow {
  position: relative;
  padding-right: 24px;
  text-decoration: none;
}
.arrow::after{
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
}
.arrow-right::after {
  transform: rotate(135deg);
  position: absolute;
  right: 0;
  top: 8px;
}

.btn_member{
  width:480px;
  margin:32px auto;
  font-size:28px;
  font-weight:bold;
  background:#3CBCD8;
  border-radius:40px;
}
.btn_member a {
    padding:14px;
}
.btn_member a,
.btn_member a:link,
.btn_member a:visited,
.btn_member a:active
{
  color:#fff;
}

.btn_member:hover{
  background:#94E5F7;
}

.w_48p{
  width:48px;
  margin:auto;
}
.w_160p{
  width:160px;
  margin:24px auto;
}
.w_522p{
  width:522px;
  margin:auto;
}


.Coming{
  margin:20% 0;
  font-size:40px;
  text-align:center;
  color: #4d9bc1;
  line-height: 1.2;
  -webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0,0,0,.6));
  margin-bottom: calc(2em + 20px);
}

a[href^="tel:"] {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

@media screen and (max-width: 960px){
  body {
    background-image: none;
  }
  .main_p_2,
  .main_box,
  .w_522p
  {
    max-width:100%;
  }
}

@media screen and (max-width: 480px) {
  main{
    width:100%;
  }
  .main_p_2{
    width:360px;
  }
  .main_box{
    width:360px;
    margin:16px auto;
  }
  .main_box1_p1{
    margin:32px auto 8px;
  }
  .btn_member{
    width:320px;
    font-size:20px;
  }

  .main_box1_p1,
  .main_box1_p3{
    font-size:14px;
  }
  .main_box1_p2{
    font-size:20px;
  }

  .main_box_div_m h2{
  margin:0 auto 24px;
  }
  
  .btn{
    width:240px;
    margin:32px auto;
    padding:8px;
    font-size:16px;
  }

  .link_btn{
    margin:24px auto;
  }


  .member_arrow-right::after {
    transform: rotate(135deg); /* 矢印の角度の指定 */
    position: absolute; /* 矢印の位置の指定 */
    right: 0; /* 矢印の位置の指定 */
    top: 10px; /* 矢印の位置の指定 */
  }

  .f_32p{
    font-size: 24px;
    margin:24px auto 48px;
  }
  footer{
    margin:0 auto;
    padding:8px;
  }

  .w_522p{
    width:360px;
    margin:80px auto;
  }

  .guest_h2{
    margin:48px auto;
  }
	.Coming{
    margin:75% 0;
  }
}