﻿@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    background-image: url("https://ankhcross-shop.com//img/usr/r_k/moko/HAIKEI.png");
  　background-repeat: no-repeat;
    background-position:50% 50%;
    background-size:contain;
    font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, 
"Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
  }
  
  html {
    box-sizing: border-box;
  }
  .btn {
    font-size: 15px;
    display: inline-block;
    padding: 0.5em 1em 0.3em;
    color: #637180;
    border: double 4px #637180;
    cursor: pointer;
    margin-right: 10px;
  }
  
  .choose_box {
    position: relative;
    height: 200vw;
    width: 100%;
  }
   .choose_box p {
    font-size: 21px;
    display: block;
    font-weight: 600;
    text-align: center;
  }
  
  .choose_box ul {
    width: 80%;
    text-align: center;fd
    margin: auto;
    display:flex;
    flex-wrap: wrap;
  }
  .choose_box ul li {
    width: calc(100% / 2 - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
    list-style: none;
  }
  
  .choose_box ul li:nth-child(2n) {
    margin-right: 0;
  }
  .choose_box ul li a {width: 100%;
   color: #fff;
   display: block;
   padding: 10px 20px;
   text-align: center;
   font-weight: 600;
   font-size: 16px;
   background-color:#cfdce3;
   border: 1px solid #2791d4;
   text-decoration: none;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
  }

  .choose_box ul li a:hover {
    color: #ffe4e1;
    background-color:#cfdce3;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
  }
  
  h4 {
    width: 35%;
    clear: both;
    margin: auto;
    padding: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-align: center;
  }
  .fit {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 100%;
  }

  #q_06 span,#q_07 span {
    display: block;
    width:100%;
  }
  #q_06 a,#q_07 a {
    display: block;
    width:100%;
    text-align: center;
  }
  .q_02 {
    padding-top:-1800px;
    margin-top:150px;
  }
  .q_03 {
    padding-top:-1800px;
    margin-top:150px;
  }
  .q_04 {
    padding-top:-1800px;
    margin-top:150px;
  }


  .q_05 {
    padding-top:-1800px;
    margin-top:150px;
  }


  .q_08 {
    padding-top: -1800px;
    margin-top:150px;
  }


  .q_09 {
    padding-top:-1800px;
    margin-top:150px;
  }

   a.anchor {
    display: block;
    padding-top: -1870px;
    margin-top: -70px;
}