@charset "utf-8";

* {
  box-sizing: border-box;
}
html, body {
  width: 100%;
  height: 100%;
  position: relative;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Helvetica, Arial,"メイリオ", "Meiryo",Osaka,sans-serif;
  color: #333333;
}
main {
  height: 100%;
}
.content_wrap {
  text-align: center;
  margin: 0 auto;
  border-top: 5px solid #EC6464;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content_wrap span.headerh1{
	font-size: 4.5vw;
    margin-top: 0px;
    padding-left: 20px;
}
.content_wrap h2{
	text-align: left;
	margin-left: 3.5%;
}
.content_wrap h3{
	text-align: left;
	margin-top: 0;
}
.content_wrap img {
  max-width: 100%;
}
/* top */
h1.top {
  font-size: 7.5vw;
  font-weight: normal;
  line-height: 1.2;
  color: #AC0C10;
  margin: 17.1875vw auto 6.0625vw;
  position: relative;
}
h1.top::before {
  content: '';
  position: absolute;
  top: 2%;
  left: 4%;
  background: url('../img/main_tit_01.png') no-repeat left top;
  width: 6.5625%;
  height: 43.939393%;
  background-size: 100%;
}
h1.top::after {
  content: '';
  position: absolute;
  top: 2%;
  right: 3.3%;
  background: url('../img/main_tit_02.png') no-repeat left top;
  width: 6.25%;
  height: 71.212121%;
  background-size: 100%;
}
/* sentaku */
.sentaku .content_wrap {
  border-top: none;
  background: #FFEFEF;
  height: auto;
  padding: 0 0 12.5vw;
  min-height: 100%;
}
.sentaku h2 {
  font-size: 6vw;
  font-weight: normal;
  line-height: 1.6;
  color: #AC0C10;
  margin: 20vw auto 2.8125vw;
  text-align: center;
}
.card_wrap h2{
  margin: 0vw auto 2.8125vw;
}
.sentaku.naka h2 {
  text-align: left;
  padding: 0 3.125%;
}
.sentaku.naka h1.choice-title{
  font-size: 5.5625vw;
  font-weight: normal;
  line-height: 1.2;
  color: #AC0C10;
  margin: 19.875vw auto 7.8125vw;
}
/* naka */
.sentaku.naka h1 {
  font-size: 4.375vw;
  color: #333333;
  text-align: left;
  margin: 15.625vw auto 3.125vw;
  padding: 0 3.125%;
}
/* common */
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.5vw;
  background: #EC6464;
  color: #fff;
  z-index: 10;
}
.menu .toggle {
  float: left;
  padding: 1.4vw 0 0 3.125%;
  font-size: 7.4vw;
  color: #fff;
  position: relative;
  z-index: 2;
  display: block;
  height: 10.4vw;
  width: 10vw;
}
.menu .home {
  float: right;
  margin: 2.2vw 3.125% 0 0;
  font-size: 6.9vw;
  color: #fff;
  position: relative;
  z-index: 2;
 }
.menu .title {
  position: absolute;
  top: 0%;
  right: -3%;
  text-align: center;
  line-height: 13.5vw;
  width: 100%;
  font-size: 4.375vw;
  z-index: 1;
}
.menu .naka-title {
  position: absolute;
    top: 15%;
    right: 0%;
    text-align: center;
    line-height: 5vw;
    width: 100%;
    font-size: 3.5vw;
    z-index: 1;
}
.menu .naka-title span.main-title{
	font-size: 5vw;
}
a.openBtn{
	font-size: 3.5vw;
}
a.openBtn span{
	font-size: 5vw;
}
.menu .hb-txt{
  position: absolute;
  top: 63%;
  left: 1.4%;
  text-align: center;
  font-size: 3.875vw;
}
.content_wrap .btn {
  font-size: 6.25vw;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #DDB000;
  width: 75%;
  height: 18.75vw;
  line-height: 18.75vw;
  border-radius: 7px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  margin: 3.125% auto;
}
.content_wrap .btn_inner {
  font-size: 4vw;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #EC6464;
  width: auto;
  height: 18.75vw;
  line-height: 18.75vw;
  border-radius: 7px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  margin: 0 auto;
  padding: 0 4vw;
}
.card_wrap .item {
  width: 93.75%;
  margin: 0 auto 3.125%;
  padding: 5%;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  background: #fff;
  display: block;
  font-size: 5vw;
  line-height: 1.4;
  text-align: left;
  color: #333333;
  text-decoration: none;
}
.card_wrap .next-btn{
	background: unset;
	box-shadow: unset;
}
.card_wrap .item ul {
  letter-spacing: -.4em;
  padding: 0;
  text-align: center;
  margin: 60px auto 0;
}
.card_wrap .item ul li {
  list-style: none;
  display: inline-block;
  letter-spacing: normal;
  margin: 0 1.5%;
}
.card_wrap .item.content h2 {
  font-size: 4.375vw;
  line-height: 1.6;
  font-weight: normal;
  margin: 0 auto 10.9375%;
}
.card_wrap .item::after {
  content: '';
  display: block;
  clear: both;
}
.card_wrap .item img {
  float: right;
  margin-left: 10%;
  width: 26.666666%;
  height: auto;
}
.card_wrap .item.content img {
  float: none;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.card_wrap .item-notice {
	background: #F1E8A7;
}
.card_wrap .item .type-btn{
	background: #DDB000;
	color:#fff;
    padding: 1.2% 0;
    border-radius: 7px;
    box-shadow: 0 2px 1px 1px rgba(0,0,0,0.2);
}
.copy {
  font-size: 2.8125vw;
  padding: 4.6875vw 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.phone {
  background: #6FB733;
  color: #fff;
  font-size: 9.66vw;
  width: 15.625vw;
  height: 15.625vw;
  line-height: 15.625vw;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  border-radius: 50%;
  position: fixed;
  right: 2%;
  bottom: 2%;
  z-index: 10;
}
.top .phone {
  background: #6FB733;
  color: #fff;
  font-size: 4.8vw;
  width: 94%;
  height: 15.625vw;
  line-height: 15.625vw;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  border-radius: 7px;
  position: static;
  margin: 0 auto;
  z-index: 10;
}
.top .phone i {
  font-size: 9.66vw;
  float: right;
  margin: 4% 3% 0 0;
}
span.under-line {
  border-bottom: double 6px #EC6464;
  }
/* sidebar */
#sidebar {
  background: #FFEFEF;
  font-size: 3.75vw;
  z-index: 21;
  overflow-y: scroll;
}
#sidebar .list_header {
  border-bottom: solid 1px #FFDDDD;
  text-align: center;
  padding: 3.125% 6.25% 4.6875%;
}
#sidebar .list_header img {
  display: block;
  margin: 0 auto 6.25%;
  width: 13.90625vw;
}
#sidebar .list_header a {
	text-decoration: none;
	color: #333;
}
#sidebar .list_body {
  padding: 0 0 0 6.25%;
}
#sidebar .list_body ul {
  margin: 0;
  padding: 0;
}
#sidebar .list_body ul li {
  list-style: none;
  border-bottom: solid 1px #FFDDDD;
}
#sidebar .list_body ul li a {
  line-height: 1.8;
  color: #333;
  text-decoration: none;
  border: none;
  outline: none;
  display: block;
  width: 100%;
  padding: 7vw 10px 7vw 0;
}
#sidebar .list_body ul li > ul {
  padding: 0 0 0 1em;
}
#sidebar .list_body ul li:last-child {
  border-bottom: none;
}
#sidebar .list_footer {
  border-top: solid 1px #FFDDDD;
  padding: 0 6.25%;
}
#sidebar .list_footer a {
  color: #333;
  text-decoration: none;
  display: block;
  width: 100%;
}
#sidebar .list_footer i {
  color: #EC6464;
  margin-right: 4.6875%;
  display: inline-block;
  line-height: 15.625vw;
  font-size: 9.375vw;
  vertical-align: middle;
}
/* drawer */
.drawer-overlay {
  z-index: 20;
}
.drawer--left.drawer-open .drawer-hamburger {
  left: 0;
}
/* modal */
#modal-content {
	width: 75%;
	margin: 0;
	padding: 7.8125% 6.25% 6.25%;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 12;
  text-align: center;
}
#modal-content h2 {
  font-size: 5.625vw;
  font-weight: normal;
  margin: 0 auto 7.5%;
}
#modal-content .btn {
  font-size: 3.675vw;
  color: #fff;
  text-decoration: none;
  display: block;
  background: #DDB000;
  width: 100%;
  height: 15.625vw;
  line-height: 15.625vw;
  border-radius: 7px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  margin: 0 auto 5%;
}
#modal-content .btn.gray {
  background: #ccc;
}
#modal-content p {
  text-align: left;
  margin: 10px auto 1.5em;
}
#modal-content p.last {
  margin: 10px auto 0;
}
#modal-close {
  position: absolute;
  top: -14.791666%;
  right: 0;
  width: 7.8125vw;
  height: 7.8125vw;
}
#modal-close span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}
#modal-close span:nth-of-type(1) {
  top: 0;
  -webkit-transform: translateY(3.65vw) rotate(-45deg);
  transform: translateY(3.65vw) rotate(-45deg);
}
#modal-close span:nth-of-type(2) {
  bottom: 0;
  -webkit-transform: translateY(-3.65vw) rotate(45deg);
  transform: translateY(-3.65vw) rotate(45deg);
}
#modal-overlay {
	z-index: 11;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, .4);
}
/* modal class*/
.modal-content {
	width: 75%;
	margin: 0;
	padding: 2.8125%;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 12;
  text-align: center;
}
.modal-content h2 {
  font-size: 5.625vw;
  font-weight: normal;
  margin: 0 auto 7.5%;
}
.modal-content .btn {
  font-size: 4.375vw;
  color: #fff;
  text-decoration: none;
  display: block;
  background: #DDB000;
  width: 100%;
  height: 15.625vw;
  line-height: 15.625vw;
  border-radius: 7px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  margin: 0 auto 5%;
}
.modal-content .btn.gray {
  background: #ccc;
}
.modal-content p {
  text-align: left;
  margin: 10px auto 1.5em;
}
.modal-content p.last {
  margin: 10px auto 0;
}
.modal-close {
  position: absolute;
  top: -30.791666%;
  right: 0;
  width: 7.8125vw;
  height: 7.8125vw;
}
.modal-close span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}
.modal-close span:nth-of-type(1) {
  top: 0;
  -webkit-transform: translateY(3.65vw) rotate(-45deg);
  transform: translateY(3.65vw) rotate(-45deg);
}
.modal-close span:nth-of-type(2) {
  bottom: 0;
  -webkit-transform: translateY(-3.65vw) rotate(45deg);
  transform: translateY(-3.65vw) rotate(45deg);
}
.modal-overlay {
	z-index: 11;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, .4);
}