@charset "utf-8";
body {
	font: normal 18px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000;
	text-align: justify;
	overflow-x: hidden;
}

body .sp-item {
    display: none !important; }
  body .pc-item {
    display: block !important; }

  @media screen and (max-width: 640px) {
    body {
      min-width: inherit;
	  height:100%;
	  }
      body .sp-item {
        display: block !important; }
      body .pc-item {
        display: none !important; }
	  body .sp-item img {
		width:100%;}
}

@media screen and (max-width: 640px) {
	.sp img{
		max-width:90%;
}
	.sp02 img{
		max-width:100%;
}
.sp03 img{
		max-width:70%;
}
}

.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.ov_hd {
	overflow: hidden;
}
.bg_none {
	background-image: none!important;
}
a.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.center {
	text-align: center;
}
.right {
	text-align:right;
}
.line_0 {
	line-height: 0;
}
.zindex {
	z-index: 200;
}
input[type=radio] {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
input[type=image]:hover{
		opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}


/* ----------------------------------------------------

    text

---------------------------------------------------- */
em {
	text-decoration: underline;
  font-style: normal;
}
.bd_red {
	border-bottom: 1px solid #FF0004;
	padding-bottom: 2px;
}
.bd_red02 {
	border-bottom: 3px solid #FF0004;
	padding-bottom: 0px;
}
.red {
	color: #ff0000;
}
.yellow {
	background-color: #ffff00;
}
.gray {
	color:#666666;
}
.bold {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
.strike {
	text-decoration: line-through;
}
.ac {
	text-align: center !important;
}
.ar {
	text-align: right !important;
}
.al {
	text-align: left !important;
}
.bold {
	font-weight: bold !important;
}
.font10 {
	font-size: 10px !important;
}
.font11 {
	font-size: 11px !important;
}
.font12 {
	font-size: 12px !important;
}
.font13 {
	font-size: 13px !important;
}
.font14 {
	font-size: 14px !important;
}
.font15 {
	font-size: 15px !important;
}
.font16 {
	font-size: 16px !important;
}
.font17 {
	font-size: 17px !important;
	line-height:150%;
}
.font18 {
	font-size: 18px !important;
}
.font19 {
	font-size: 19px !important;
}
.font20 {
	font-size: 20px !important;
}
.font21 {
	font-size: 21px !important;
}
.font22 {
	font-size: 22px !important;
}
.font23 {
	font-size: 23px !important;
}
.font24 {
	font-size: 24px !important;
}
.font25 {
	font-size: 25px !important;
}
.font26 {
	font-size: 26px !important;
}
.font27 {
	font-size: 27px !important;
}
.font28 {
	font-size: 28px !important;
}
.font29 {
	font-size: 29px !important;
}
.font30 {
	font-size: 30px !important;
}
.font32 {
	font-size: 32px !important;
}
/* ----------------------------------------------------

    float

---------------------------------------------------- */
.fr {
	float: right !important;
}
.fl {
	float: left !important;
}
.clear {
	clear: both;
}
img {
	line-height: 0;
	padding: 0;
	margin: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
/* ----------------------------------------------------
    clearfix の代用
    <div class="hr"><hr /></div>
---------------------------------------------------- */

/* ここから書いていきましょう */

body {
	margin: 0 auto;
	background-color: #ffffff !important;
}

.wrap {
	overflow: hidden;
}

.contWrap {
	max-width: 960px;
	margin: 0 auto;
}

.contWrap img {
	width: 94%;
	margin: 0 auto;
}

.text {
	text-align: justify;
	font-feature-settings: "palt";
	margin: 0 auto;
	padding: 0 8%;
	font-size: 18px;
}

.text2 {
	text-align: center;
	font-feature-settings: "palt";
	margin: 0 auto;
	font-size: 27px;
	color: #ffffff;
	font-weight: bold;
}

.text3 {
	text-align: justify;
	font-feature-settings: "palt";
	margin: 0 auto;
	padding: 0 8%;
	font-size: 13px;
}

@media screen and (max-width: 640px) {
	.text {
		font-size: 16px;
		font-weight: 500;
	}

	.text2 {
		font-size: 20px;
		font-weight: bold;
	}

	.text3 {
		font-size: 10px;
	}
}

.span1 {
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight: bold;
}

.span2 {
	font-weight: bold;
	color: #27458a;
}

.span3 {
	color: #eea53b;
	font-weight: bold;
}

.span4 {
	color: #ff0000;
	font-weight: bold;
}

.span5 {
	color: #ee5d05;
	font-weight: bold;
}

/* プリヘッド */
/* 調整用スタイル */

a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}



/* ヘッダートップ */
.header-top-left, .header-top-right {
  width: 47%;
  padding: 2% 1%;
}

.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-top img {
  width: 100%;
}

@media screen and (min-width: 640px) {
  .header-top-left, .header-top-right {
    width: 25%;
    padding: 1%;
  }
}



/* ヘッダーメニュー */


.header {
  background-color: rgba(231,86,19,0.9);
  padding: 2% 0;
}

@media screen and (min-width: 640px) {
  .header {
    padding: 1%;
  }
}

.header p {
  padding: 0;
}

#global-nav.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
}

.header__inner {
  display: flex;
  justify-content: space-between;
  height: inherit;
  position: relative;
}

.nav-items {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  overflow-y: scroll;
  height: 100%;
  /* padding-top: 20%; */
  background-color: rgba(255,255,255,0.9);
}

.nav-ttl {
  font-size : min(calc(20px + 6 * (100vw - 320px)/320), 26px);
  color: #000000;
  border-bottom: 2px solid rgba(231,86,19);
  width: 25%;
  margin: 0 auto;
  margin-bottom: 1%;
  margin-top: 8%;
	text-align: center;
}

.to-top {
  margin-top: 5%;
}

@media screen and (min-width: 640px) {
  .nav-items {
    position: absolute;
    top: 48%;
    left: 115%;
    transform: translate(-45%, -50%);
  }

  .nav-ttl {
    margin-top: 3%;
    margin-left: 5%;
    margin-bottom: 1%;
  }

	.menu-ttl {
		padding-left: 5% !important;
		margin-top: 2%;
	}

  .to-top {
    margin-top: 2%;
  }
}

.top-menu li+li{
  position: relative;
}
.top-menu li+li::before{
  content: "";
  display: block;
  height: 1.5em;
  border-left: 1px solid #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.top-menu {
  width: 100%;
  display: flex;
  align-items: center;
  height: initial;
  justify-content: space-between;
}

.menu-ttl {
	font-size : min(calc(23px + 6 * (100vw - 320px)/320), 29px);
	font-weight: bold;
	background-color: rgba(231,86,19);
	color: #ffffff;
	margin-top: 3%;
	text-align: center;
	width: 100%;
}

.menu-cont {
  width: 20%;
  max-width: 300px;
  margin: 0 auto;
}

.menu-cont a {
  color: #ffffff;
  width: 100%;
  display: block;
  text-align: center;
  font-size : min(calc(10px + 6 * (100vw - 320px)/320), 16px);
  font-weight: bold;
}

.menu-cont {
  color: #ffffff;
  width: 100%;
  display: block;
  text-align: center;
  font-size : min(calc(10px + 6 * (100vw - 320px)/320), 16px);
  font-weight: bold;
}

.syoujyou {
  color: #ffffff;
  width: 22%;
  display: block;
  text-align: center;
  font-size : min(calc(10px + 6 * (100vw - 320px)/320), 16px);
  font-weight: bold;
}

.menu-cont img {
  width: 10% !important;
}

.menu-cont .beginner {
  width: 20% !important;
}

.menu-cont .price {
  width: 26% !important;
}

@media screen and (max-width: 640px) {
  
  .menu-cont img {
    width: 30% !important;
    display: block;
    margin: 0 auto;
  }

  .menu-cont {
    text-align: center;
  }
  
  .menu-cont .beginner {
    width: 19.5% !important;
  }

  .menu-cont .price {
    width: 28% !important;
  }

  .menu-cont .voice-menu {
    width: 34% !important;
  }

  .voice-p {
    margin-top: 5%;
  }

  .menu-cont .access {
    width: 45% !important;
  }

  .access-p {
    margin-top: 4.5%;
  }
}

@media screen and (min-width: 640px) {
  .menu-cont a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .syoujyou {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .menu-cont img {
    width: 10% !important;
    margin-right: 2%;
  }
  
  .menu-cont .beginner {
    width: 7% !important;
  }
  
  .menu-cont .price {
    width: 10% !important;
  }

  .menu-cont .voice-menu {
    width: 13% !important;
  }

  .menu-cont .access {
    width: 16% !important;
  }

  .menu-cont .syoujyou {
    width: 14% !important;
  }
}



.header__title img {
  display: block;
  width: 50%;
}

/* ヘッダーのボタン部分 */
.header-right .sp-item img {
  width: 180px;
}

.header-right .pc-item img {
  width: 180px;
}


/* ヘッダーのナビ部分 */

.header__nav {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  background-color: rgba(255, 255, 255, 0);
  transition: ease .4s;
  font-weight: bold;
}




/* ナビのリンク */
.nav-items__item a {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  margin-bottom: 2%;
  color: #333333;
  text-decoration: underline;
}

.nav-items__item:last-child a {
  margin-bottom: 5%;
}

@media screen and (min-width: 640px) {
  .nav-items__item a {
    margin-bottom: 10px;
    font-size: 15px;
    text-align: left;
    padding-left: 5%;
  }

  .nav__items p {
    text-align: left;
  }
}


/* ハンバーガーメニュー */

.header__hamburger {
  /* width: 50px; */
  margin-right: 3%;
}

.hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0);
}

.hamburger-hours {
	width: 90%;
	margin: 0 auto;
	margin-top: 8%;
	text-align: center;
}

.hamburger-hours img {
	width: 90%;
}

/* ハンバーガーメニューの線 */
.hamburger span {
  width: min(calc(25px + 15 * (100vw - 320px)/320), 40px);
  height: 2px;
  background-color: #ffffff;
  position: relative;
  transition: ease .4s;
  display: block;
  margin: 0 auto;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  margin: 0 auto;
  margin-top: min(calc(5px + 7 * (100vw - 320px)/320), 12px);
  margin-bottom: min(calc(5px + 7 * (100vw - 320px)/320), 12px);
}

.hamburger span:nth-child(3) {
  top: 0;
}


/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
}

.hamburger.active span:nth-child(1) {
  top: min(calc(1px + 14 * (100vw - 320px)/320), 15px);
  transform: rotate(45deg);
  background-color: #000000;
}

.hamburger.active span:nth-child(2) {
  opacity: 0;

}

.hamburger.active span:nth-child(3) {
  top: -13px;
  transform: rotate(-45deg);
  background-color: #000000;
}

@media screen and (min-width: 640px) {
  .hamburger span {
    width: min(calc(20px + 20 * (100vw - 640px)/760), 40px);
    background-color: #ffffff;
  }

	.hamburger.active span:nth-child(1) {
		top: 3px;
	}

  .hamburger span:nth-child(2) {
    margin: 6px auto;
  }

	.hamburger-hours {
		width: 100%;
		margin-left: 2%;
		margin-top: 5%;
	}
	
	.hamburger-hours img {
		width: 28% ;
	}
}





/* ヘッダー */
h1 {
  width: 100%;
  margin: 0 auto;
}

h1 img {
  max-width: 100%;
  margin: 0 auto;
}

.p-head {
	padding: 0;
	background-color: #d73c52;
	color: #ffff00;
	font-weight: bold;
	font-size: min(calc(25px + 20 * (100vw - 320px)/1080), 45px);
	text-align: center;
}

@media screen and (min-width: 640px) {
  h1 img {
    max-width: 100%;
  }
}


/* cta */
.gentei {
  font-weight: bold;
  text-align: center;
  font-size: min(calc(13px + 10 * (100vw - 320px)/1080), 23px);
  line-height: 1.0;
}

.gentei-red {
  color: #f20000;
  font-size: min(calc(15px + 10 * (100vw - 320px)/1080), 25px);
}

.sentyaku {
  font-weight: bold;
  font-size: min(calc(18px + 10 * (100vw - 320px)/1080), 28px);
}

.rest {
  color: #f20000;
  font-size: min(calc(22px + 10 * (100vw - 320px)/1080), 32px);
}


.utikeshi {
  text-decoration : line-through 4px solid #ff0000;
}


.cta {
	background-color: #ffffe8;
	padding: 5% 0 15%;
	padding-bottom: 11%;
}

.cta p {
	padding: 0;
}

.cta .sp-item img {
	width: 95%;
}

.cta .sp-item .btn img {
	width: 85%;
	margin-left: 2%;
}

.cta .sp-item .btn2 img {
	width: 60%;
}

.btn {
	margin-bottom: 3%;
}

.cta-sp {
	margin-bottom: -92%;
}

.cta .sp-item .text3 {
	margin-top: 5%;
	padding-left: 6%;
	margin-bottom: -10%;
}

.float3{
  position:relative;
  top:0;
    padding:10px 20px;
    text-decoration: none;
    outline: none;
    /*アニメーションの設定*/
    transition: all .3s;
}

/*hoverをしたらボックスに影がつき、上に上がる*/
.float3:hover {
  top:-3px;
}

@media screen and (min-width: 640px) {
	.cta {
		padding: 3% 0;
	}

	.cta img {
		width: 95%;
	}

	.cta .pc-item .btn img {
		width: 37%;
		margin-right: -48%;
	}

	.btn {
		margin-bottom: 1%;
	}

	.cta .pc-item .btn2 img {
		width: 28%;
		margin-right: -48%;
	}

	.cta-pc {
		margin-bottom: -26%;
	}

	.cta-pc2 {
		margin-bottom: -18%;
	}

	.cta .pc-item .text3 {
		margin-top: 2%;
		padding: 3%;
		margin-bottom: -8%;
	}
}


/* area01 */
.area01 {
	padding-bottom: 5%;
}

.area01 p, .area01 h2 {
	padding: 0;
}

.area01 h2 {
	text-align: center;
}

.area01 h2 img {
	width: 100%;
}

.sp-item .area01-01 img {
	width: 100%;
}

.area01-02 {
	margin-top: 5%;
}

.area01-02 img {
	width: 80%;
}

@media screen and (min-width: 640px) {
	.area01 h2 img {
		width: 65%;
	}
	
	.area01-02 img {
		width: 60%;
	}

	.area01-03 img {
		width: 80%;
	}
}




/* area02 */
.area02 {
	background-color: #fdfaef;
	padding: 5% 0 0;
}

.area02 p, .area02 h2 {
	padding: 0;
}

.area02 h2 {
	background-color: #dc672b;
	width: 90%;
	margin: 0 auto;
	text-align: justify;
	color: #ffffff;
	font-weight: bold;
	padding: 2% ;
	font-size : min(calc(18px + 10 * (100vw - 320px)/320), 28px);
}

.area02-ttl {
	text-align: center;
}

.area02-ttl img {
	width: 70%;
}

.nayami {
	width: 88%;
	margin: 5% auto 0;
	background: #ffffff;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f5f5f5 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f5f5f5 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
	padding: 3%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	padding-bottom: 7%;
}

.bullet01 {
	width: 100%;
	margin: 0 auto;
	padding: 1% 0;
}

.bullet01 li {
  font-size : min(calc(15px + 10 * (100vw - 320px)/320), 25px);
	text-align: justify;
	padding-left: min(calc(20px + 14 * (100vw - 320px)/320), 34px);
	position: relative;
	margin: 3% 0;
	line-height: 1.3;
	font-weight: bold;
	border-bottom: 1px dashed #808080;
	padding-bottom: 2%;
}

.bullet01 li::before {
    position: absolute;
    top: 0.2em;
    left: 0.1em;
		content: '';
		display: inline-block;
		width: min(calc(13px + 7 * (100vw - 320px)/320), 20px);
		height: min(calc(13px + 7 * (100vw - 320px)/320), 20px);
		background-image: url(../../images/check.png);
		background-size: contain;
}

.area02-guide {
	text-align: center;
	margin: 0 auto;
	margin-top: -3%;
	width: 88%;
}

.area02-guide img {
	width: 100%;
}

@media screen and (min-width: 640px) {
	.area02 {
		padding: 3% 0;
	}

	.area02-ttl img {
		width: 55%;
	}

	.nayami {
		width: 65%;
		margin: 2% auto 0;
		padding: 2%;
		padding-bottom: 3%;
	}

	.bullet01 {
		width: 75%;
		margin: 0 auto;
		padding: 1% 0;
	}

	.area02-guide {
		margin-top: -4%;
	}
	
	.area02-guide img {
		width: 68%;
	}

}



/* s-area01 */
.s-area01 {
	background-color: #f3f5f9;
	padding-bottom: 5%;
}

.s-area01 p, .s-area01 h2, .s-area01 h3, .s-area01 h4 {
	padding: 0;
}

.s-area01 h2 {
	background-color: #1c4695;
	text-align: center;
}

.s-area01 h2 img {
	width: 100%;
}

.s-area01 h3 {
	position: relative;
	padding: 0.5rem;
	border-top: 4px double #1c4695;
	border-bottom: 4px double #1c4695;
	color: #000000;
	font-weight: bold;
	font-size : min(calc(25px + 10 * (100vw - 320px)/1080), 35px);
	width: 90%;
	margin: 0 auto 5%;
	text-align: center;
}

.s-area01 h4 {
  border-bottom: solid 3px #e5e5e5;
  position: relative;
	font-size : min(calc(18px + 10 * (100vw - 320px)/1080), 28px);
	font-weight: bold;
	text-align: left;
}

.s-area01 h4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #1c4695;
  bottom: -3px;
  width: 20%;
}

.not_cured-inner {
	padding: 3%;
	border: 2px dashed #1c4695;
	width: 88%;
	margin: 3% auto;
	border-radius: 10px;
	background-color: #ffffff;
}

.s-area01-01 img {
	width: 100%;
	margin: 4% 0;
}

.factor {
	background-color: #ffffff;
	max-width: 100%;
}

.factor h3 {
	font-size : min(calc(22px + 10 * (100vw - 320px)/1080), 32px);
	max-width: 960px;
	margin-bottom: 5%;
}

.factor {
	padding-top: 5%;
}

.not_cured_reason {
	margin: 5% auto 5% !important;
}

.factor-cont {
	max-width: 640px;
	margin:  0 auto;
}

.factor-cont:after {
	display:block;
	content:'';
	clear:both;
}

.factor01 img {
	width: 30%;
	float: left;
	margin-right: 3%;
	margin-bottom: 1%;
}

.factor .text {
	padding: 0 3%;
}

@media screen and (min-width: 640px) {
	.s-area01 {
		padding-bottom: 3%;
	}

	.s-area01 h2 img {
		width: 45%;
	}

	.factor {
		padding-top: 2%;
	}

	.factor h3 {
		margin-bottom: 2%;
	}

	.not_cured_reason {
		margin: 2% auto 2% !important;
	}

	.not_cured {
		display: flex;
		justify-content: space-between;
	}

	.not_cured-inner {
		width: 40%;
		margin: 2% auto 0;
	}
}





/* s-area02 */
.s-area02 {
	padding-bottom: 5%;
}

.s-area02 p {
	padding: 0;
}

.block p {
  margin: 0;
  padding: 0;
	padding-top: 4%;
	background-color: #ee5d05;
  color: #fff;
	font-size: min(calc(23px + 20 * (100vw - 320px)/1080), 43px);
	line-height: 1.2;
  font-weight: bold;
  text-align: center;
}

.dot-text {
  background: top left / 1em .5em repeat-x radial-gradient(circle, #ffff00 .1em, rgba(0,0,0,0) .1em) ;
  padding-top: .55em;
}

.yugami {
	color: #ffff00;
	font-size: min(calc(35px + 20 * (100vw - 320px)/1080), 55px);
}

.block::after {
	content: '';
	display: block;
	background-color: #ee5d05;
	clip-path: polygon(0% 0%, 100% 0%, 50% 40%);
	width: 100%;
	height: min(calc(50px + 50 * (100vw - 320px)/1080), 100px);
}

.s-area02-01 {
	margin-bottom: 1%;
}

.s-area02-01 img {
	width: 35%;
	float: right;
	margin-left: 3% !important;
}

.s-area02 .contWrap {
	padding: 0 3%;
	margin-top: -5%;
}

.s-area02 .contWrap:after {
	display:block;
	content:'';
	clear:both;
}

@media screen and (min-width: 640px) {
	.block p {
		margin: 0;
		padding: 0;
		padding-top: 2%;
	}

	.s-area02 {
		padding-bottom: 3%;
	}

	.s-area02-01 img {
		width: 20%;
		float: right;
		margin-left: 3% !important;
	}

	.s-area02 .contWrap {
		margin-top: -3%;
	}
}




/* s-area03 */
.s-area03 {
	padding: 5% 0 1%;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f5f5f5 calc(100% - 1px)),
	linear-gradient(90deg, transparent calc(100% - 1px), #f5f5f5 calc(100% - 1px));
background-size: 16px 16px;
background-repeat: repeat;
background-position: center center;
}

.s-area03 p, .s-area03 h2 {
	padding: 0;
	text-align: left;
}

.s-area03 h2 {
	margin-bottom: 3%;
	text-align: center;
}

.secret {
	width: 88%;
	border: 2px solid #ee5d05;
	border-radius: 10px;
	background-color: #ffffff;
	margin: 6% auto;
}

.secret .left {
	width: 18%;
	height: 18%;
	margin: 0;
	margin-left: -2%;
	margin-top: -3.5%;
	margin-right: 2%;
}

.secret .right {
	width: 82%;
}

.secret h3 {
	text-align: left !important;
	display: flex;
	justify-content: flex-start;
	font-weight: bold;
	font-size: min(calc(20px + 7 * (100vw - 320px)/1080), 27px);
	margin-right: 3%;
	font-feature-settings: "palt";
}

.secret p {
	margin-top: 3%;
}

/* .secret h3 img {
	margin: 0;
	margin-left: -2%;
	margin-top: -3.5%;
	margin-right: 3%;
} */

.secret-cont {
	padding: 0 3% 3% 3%;
}

.secret01-01 {
	margin-bottom: 3%;
}

@media screen and (min-width: 640px) {
	.s-area03 {
		padding: 3% 0 1%;
	}

	.s-area03 h2 img {
		width: 65%;
	}

	.secret p {
		margin-top: 0;
	}

	.secret-img {
		width: 45%;
		float: right;
		margin-left: 3%;
		margin-bottom: 0.5%;
	}

	.area03 .reason03 {
		padding-bottom: 5%;
	}

	.secret {
		margin: 3% auto;
		width: 94%;
		padding: 3%;
	}

	.s-area03 .secret-ttl {
		margin: 0;
	}

	.secret h3 {
		display: block;
		margin-right: 0;
	}

	.pc-item .secret-ttl {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 50%;
	}

	.pc-item .secret-ttl .left {
		width: 18% !important;
		text-align: left;
		margin-right: 2%;
	}

	.secret-ttl .left {
		text-align: left;
	}

	.secret-ttl .right {
		text-align: left;
		width: 100%;
	}

	.secret-ttl .right img {
		width: 100%;
		margin-bottom: 0;
	}

	.s-area03 .secret .text {
		padding: 0;
		margin-top: 2%;
	}

	.secret:after {
		display:block;
		content:'';
		clear:both;
		}
}




/* area03 */
.area03 {
	background:repeating-linear-gradient(
45deg,
#fdf7ed,
#fdf7ed 1px,
#fff 0,
#fff 8px
);
	padding: 5% 0 2%;
}

.area03 p, .area03 h2 {
	padding: 0;
}

.area03 h2 {
	background-color: #dc672b;
	width: 90%;
	margin: 0 auto;
	text-align: justify;
	color: #ffffff;
	font-weight: bold;
	padding: 2% ;
	margin-bottom: 3%;
	font-size : min(calc(18px + 10 * (100vw - 320px)/320), 28px);
}

.area03 h3 {
	font-size : min(calc(25px + 25 * (100vw - 320px)/320), 50px);
	margin-top: -3%;
}

.area03-ttl img {
	width: 70% !important;
}

.reason {
	background-color: #ffffff;
	border: 2px solid #eea53b;
	border-radius: 10px;
	margin: 7% auto 12%;
	width: 85%;
	padding: 0 3% 3% 3%;
}

.s-reason h3 {
	line-height: 1.2;
	margin: 1% 0;
}

.area03 .sp-item img {
	width: 92%;
}

.sp-item .reason-ttl img {
	width: 90% !important;
}

.area03 .reason-ttl {
	margin: 0 auto;
	margin-top: -10%;
	margin-bottom: 2%;
}

.reason .text {
	padding: 2% 4% ;
}

@media screen and (min-width: 640px) {
	.area03 {
		background:repeating-linear-gradient(
	45deg,
	#fdf7ed,
	#fdf7ed 1px,
	#fff 0,
	#fff 8px
	);
		padding: 2% 0 1%;
	}

	.area03 h3 {
		line-height: 1.3;
		font-size : min(calc(25px + 5 * (100vw - 640px)/760), 30px);
		margin-top: 0;
	}

	.area03-ttl img {
		width: 60% !important;
	}

	.reason-img {
		width: 45%;
		float: right;
		margin-left: 3%;
		margin-bottom: 0.5%;
	}

	.area03 .reason03 {
		padding-bottom: 5%;
	}

	.reason {
		margin: 3% auto;
		width: 94%;
		padding: 3%;
	}

	.area03 .reason-ttl {
		margin: 0;
	}

	.pc-item .reason-ttl {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 50%;
		/* margin: 0 auto 0 0 !important; */
	}

	.pc-item .reason-ttl .left {
		width: 18% !important;
		text-align: left;
		margin-right: 2%;
	}

	.reason-ttl .left {
		text-align: left;
	}

	.reason-ttl .right {
		text-align: left;
		width: 100%;
	}

	.reason-ttl .right img {
		width: 100%;
		margin-bottom: 0;
	}

	.area03 .reason .text {
		padding: 0;
		margin-top: 2%;
	}

	.reason:after {
		display:block;
		content:'';
		clear:both;
		}
}



/* area04 */
.area04 {
	padding: 5% 0;
}

.area04 p, .area04 h2 {
	padding: 0
}

.area04 .sp-item img {
	width: 70%;
}

.area04 h2 {
	background-color: #dc672b;
	width: 90%;
	margin: 0 auto;
	text-align: justify;
	color: #ffffff;
	font-weight: bold;
	padding: 2% ;
	margin-bottom: 3%;
	font-size : min(calc(18px + 10 * (100vw - 320px)/320), 28px);
}

@media screen and (min-width: 640px) {
	.area04 {
		padding: 3% 0;
	}

	.area04-ttl img {
		width: 65%;
	}

	.area04-01 img {
		width: 65%;
	}
}


/* area05 */
.area05 p, .area05 h2 {
	padding: 0;
}

.area05 {
	background-color: #fffaee;
	padding: 5% 0;
}

.area05 h2 {
	background-color: #dc672b;
	width: 90%;
	margin: 0 auto;
	text-align: justify;
	color: #ffffff;
	font-weight: bold;
	padding: 2% ;
	margin-bottom: 3%;
	font-size : min(calc(18px + 10 * (100vw - 320px)/320), 28px);
}

.area05-ttl img {
	width: 75%;
}

.voice {
	width: 90%;
	margin: 0 auto;
	margin-top: 3%;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.voice-ttl {
	background-color: #eca33b;
	padding: 1%;
}

.voice-ttl-inner {
	border: 1px dashed #ffffff;
	padding: 2%;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.4;
	font-size : min(calc(16px + 7 * (100vw - 320px)/320), 23px);
}

.voice img {
	width: 100%;
}

.voice-cont {
	padding: 4%;
}

.c-name {
	margin: 2% 0 0;
	font-size : min(calc(12px + 6 * (100vw - 320px)/320), 18px);
}

.c-syoujyou {
	font-weight: bold;
	font-size : min(calc(12px + 6 * (100vw - 320px)/320), 18px);

}

@media screen and (min-width: 640px) {
	.area05 {
		padding: 3% 0;
	}

	.area05-ttl img {
		width: 50%;
	}

	.voice-cont {
		padding: 3%;
	}

	.voice-ttl {
		padding: 0.5%;
	}

	.voice-person {
		width: 42%;
		float: right;
		margin-left: 3%;
	}

	.voice:after {
		display:block;
		content:'';
		clear:both;
		}
}



/* area06 */
.area06 p, .area06 h2 {
	padding: 0;
}

.area06 h2 {
	text-align: center;
}

.area06 h2 img {
	width: 90%;
}

.area06 {
	padding: 5% 3%;
}

.area06 li img {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	width: 100%;
}

.area06 li .g-voice {
  width: 80vw;
	position: relative;
	height: min(calc(350px + 300 * (100vw - 320px)/320), 650px);

}

.area06 li .g-voice-inner {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: fit-content;
}

.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
	width:94% !important;
	margin:0 auto;
}

.slider img {
	width:100% !important;/*スライダー内の画像を60vwにしてレスポンシブ化*/
	height:auto;
}

.slider .slick-slide {
transform: scale(0.4);/*左右の画像のサイズを80%に*/
transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
opacity: 0.5;/*透過50%*/
}

.slider .slick-slide.slick-center{
transform: scale(1);/*中央の画像のサイズだけ等倍に*/
opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
	position: absolute;/*絶対配置にする*/
	top: 42%;
	cursor: pointer;/*マウスカーソルを指マークに*/
	outline: none;/*クリックをしたら出てくる枠線を消す*/
	border-top: 2px solid #333333 !important;/*矢印の色*/
	border-right: 2px solid #333333 !important;/*矢印の色*/
	height: 15px;
	width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
	left: -1.5%;
	transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
	right: -1.5%;
	transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	text-align:center;
	margin-top: -5%;
}

.slick-dots li {
	display:inline-block;
margin:0 5px;
}

.slick-dots button {
	color: transparent;
	outline: none;
	width:3px;/*ドットボタンのサイズ*/
	height:11px;/*ドットボタンのサイズ*/
	display:block;
	border-radius:50%;
	background:#999999 !important;/*ドットボタンの色*/
	border: none;
}

.slick-dots .slick-active button{
	background:#000000 !important;/*ドットボタンの現在地表示の色*/
}

@media screen and (min-width: 640px) {
	.area06 li .g-voice {
		width: 60vw;
		position: relative;
		height: min(calc(420px + 280 * (100vw - 640px)/505), 700px);
	}

	.area06 h2 img {
		width: 60%;
	}
}

@media screen and (min-width: 1145px) {
	.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
		width:50% !important;
		margin-top: 5% !important;
		margin-right: 10%;
	}
	
	.slider img {
		width: 100% !important;/*スライダー内の画像を60vwにしてレスポンシブ化*/
		/* width: calc((-3 / 76) * min(calc(640vw + 760 * (100vw - 640px)/70), 1400vw) + (1620vw / 19)); */
	}

	.area06 {
		padding: 0;
		width: 80%;
		margin: 0 auto;
	}

	.area06 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.area06 h2 {
		width: 50%;
	}

	.area06 h2 img {
		width: 80%;
	}

	.area06 li .g-voice {
		width: 30vw;
		height: min(calc(500px + 150 * (100vw - 1145px)/755), 650px);
	}

}



/* area07 */
.area07 {
	background-color: #fff6ea;
	padding-bottom: 5%;
}

.area07 p, .area07 h2 {
	padding: 0;
}

.area07 h2 {
	position: relative;
	background: #eaa13b;
  height: 100%;
	padding: 2% 0 3%;
	font-size: min(calc(17px + 20 * (100vw - 320px)/1080), 37px);
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5%;
	line-height: 1.3;
	text-align: center;
}

.area07 p {
	margin: 5% auto !important;
}

.area07 .sp-item img {
	width: 94%;
}

.pick {
	font-size: min(calc(25px + 25 * (100vw - 320px)/1080), 50px);
	color: #ffff00;
}

.area07 h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eaa13b transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(90%);
}

@media screen and (min-width: 640px) {
	.area07 h2::before {
		border-width: 30px 30px 0 30px;
	}

	.area07 .recommend p {
		width: 50%;
	}

	.area07 .recommend {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.area07 img {
		width: 98%;
	}

	.recommend {
		margin: -5% 0;
	}
}



/* area08 */
.area08 p, .area08 h2 {
	padding: 0;
}

.area08 {
	padding: 5% 0;
}

.area08-01 img {
	width: 70%;
}

.area08-01 {
	margin: 3% 0;
}

.area08-02 {
	font-size: min(calc(20px + 15 * (100vw - 320px)/1080), 35px);
	font-weight: bold;
	text-align: center;
}

.daihyou {
	font-size: min(calc(16px + 10 * (100vw - 320px)/1080), 26px);
	color: #ffffff;
	background-color: #d8672b;
	border-radius: 20px;
	padding: 2%;
	width: 50px;
	margin-right: 3%;
	text-align: center;
}

.d-name {
	display: flex;
	justify-content: center;
	align-items: center;
}

.d-name-inner {
	font-size: min(calc(25px + 15 * (100vw - 320px)/1080), 40px);
}

.area08 .text {
	margin-top: 3%;
	border: 2px solid #d8672b;
	padding: 3%;
	width: 88%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.d-right {
	text-align-last: right;
}

@media screen and (min-width: 640px) {
	.area08 {
		padding: 2% 0;
	}

	.area08 h2 img {
		width: 60%;
	}

	.oshima {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}

	.area08-01 {
		width: 50%;
	}

	.daihyou {
		width: 100px;
	}

	.area08 .right{
		width: 50%;
	}

	.area08 .text {
		margin-top: 1%;
		padding: 2%;
	}
}

@media screen and (min-width: 800px) {
	.area08 .right{
		width: 30%;
	}

}


/* area09 */
.area09 h2, .area09 p {
	padding: 0;
}

.area09 {
	padding: 5% 0;
	background-color: #f3faf3;
}

.area09 h2 {
	text-align: center;
}

.area09 h2 img {
	width: 70%;
}

.area09 h2 {
	margin-bottom: 3%;
}

.flow-cont {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	margin-bottom: 5%;
	width: 100%;
}

.area09 p img {
	width: 100%;
}

.flow-left, .flow-right {
	width: 47%;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.flow-ttl {
	font-size: min(calc(15px + 5 * (100vw - 320px)/1080), 20px);
	margin-top: 2%;
}

.flow-cont .flow-ttl {
	padding: 3%;
}

.flow .text {
	padding: 0 4% 4% 4%;
}

.flow .text3 {
	padding-left: 3%;
}

.flow7 {
	margin-left: 1.5%;
}

.pad-item {
	display: none;
}

@media screen and (min-width: 640px) {
	.pad-item {
		display: block;
	}

	.area09 .contWrap .pc-item {
		display: none !important;
	}

	.flow-left, .flow-right {
		width: 30%;
	}

	.flow-last .flow-cont {
		margin-bottom: 0;
	}

	.flow7 {
		margin-left: 2%;
	}
}

@media screen and (min-width: 960px) {
	.area09 .contWrap .pc-item {
		display: block !important;
	}

	.pad-item {
		display: none;
	}

	.area09 {
		padding: 3% 0;
	}
	.area09 h2 img {
		width: 55%;
	}

	.flow-cont {
		display: flex;
		justify-content: flex-start;
		margin-bottom: 2%;
	}

	.flow-left, .flow-right {
		width: 220px;
		margin: 0 1%;
	}

	.flow-last .flow-cont {
		margin-bottom: 0;
	}
}


/* area10 */
.area10 p, .area10 h2 {
	padding: 0;
}

.area10 h2 {
	position: relative;
	background: #eaa13b;
  height: 100%;
	padding: 2% 0 3%;
	font-size: min(calc(17px + 15 * (100vw - 320px)/1080), 32px);
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5%;
	line-height: 1.3;
	text-align: center;
}

.area10 h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eaa13b transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(90%);
}

.price-ttl {
	font-weight: bold;
	font-size: min(calc(15px + 10 * (100vw - 320px)/1080), 25px);
	margin-bottom: 2%;
}

.p-under {
	border-bottom: 2px solid #d8672b;
	padding-bottom: 1%;
}

.area10 table {
	width: 94%;
	border: 1px solid #cbcbcb;
	margin: 0 auto;
	margin-bottom: 5%;
}

.area10 th, .area10 td {
	width: 50%;
	border: 1px solid #cbcbcb;
	font-size: min(calc(15px + 3 * (100vw - 320px)/1080), 18px);
	padding: 1%;
}

.table2 td {
	width: 25%;
}

.area10 th {
	background-color: #fbf4e8;
	font-weight: bold;
}

.example {
	background-color: #ffffff !important;
	background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #cbcbcb 50%, #cbcbcb calc(50% + 0.5px), transparent calc(50% + 1px));
}

table .text3 {
	font-weight: initial;
}

table .span4 {
	font-size: min(calc(18px + 7 * (100vw - 320px)/1080), 25px);
}

@media screen and (min-width: 640px) {
	.area10 h2::before {
		border-width: 30px 30px 0 30px;
	}
}



/* area11 */
.area11 {
	padding-bottom: 5%;
}

.area11 p, .area11 h2 {
	padding: 0;
}

.area11 h2 {
	position: relative;
	background: #eaa13b;
  height: 100%;
	padding: 2% 0 3%;
	font-size: min(calc(17px + 15 * (100vw - 320px)/1080), 32px);
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5%;
	line-height: 1.3;
	text-align: center;
}

.area11 h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eaa13b transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(90%);
}

.area11 table {
	width: 94%;
	border: 1px solid #cbcbcb;
	margin: 0 auto;
	margin-bottom: 5%;
}

.area11 th, .area11 td {
	border: 1px solid #cbcbcb;
	font-size: min(calc(15px + 3 * (100vw - 320px)/1080), 18px);
	padding: 3%;
}

.area11 th {
	background-color: #e1e1e1;
	font-weight: bold;
	width: 25%;
}

.area11 td {
	width: 75%;
	text-align: justify;
}

iframe {
	width: 94%;
	height: 300px;
}

@media screen and (min-width: 640px) {
	.area11 h2::before {
		border-width: 30px 30px 0 30px;
	}

	.area11 .contWrap {
		max-width: 1200px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 94%;
	}

	.area11 table {
		margin-bottom: 0;
	}

	.area11 .contWrap table, iframe {
		width: 48%;
	}

	iframe {
		height: 500px;
	}
}


/* area12 */
.area12 p, .area12 h2 {
	padding: 0;
}

.area12 h2 {
	position: relative;
	background: #eaa13b;
  height: 100%;
	padding: 2% 0 3%;
	font-size: min(calc(17px + 15 * (100vw - 320px)/1080), 32px);
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5%;
	line-height: 1.3;
	text-align: center;
}

.area12 h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eaa13b transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(90%);
}


.cp_qa {
	margin: 3% 0;
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	max-width: 960px;
	position: relative;
	overflow: hidden;
	width: 94%;
	margin: 2% auto;
	color: #000000;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-size: 0.7em;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 3em 1em 2em !important;
	cursor: pointer;
	border-radius: 0.5em;
	background-color: #d8672b;
}


.cp_qa .cp_actab label::before {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 2.0em;
	position: absolute;
	left: 0.3em;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "Q";
	display: inline-block;
	width: 2em;
	height: 2em;
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #ffffff;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2.0em;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -0.5em;
	margin: auto;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 1.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
	font-size: 1.7em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	margin: -0.2em 0 0 -1.3em;
	padding: 0;
	content: "A";
	position: absolute;
	left: 0.3em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
	font-size: 0.5em;
	text-align: justify;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #ffffff;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

@media screen and (min-width: 640px) {
	.cp_qa .cp_actab label {
		font-size: 1em;
	}
}

@media screen and (min-width: 640px) {
	.area12 h2::before {
		border-width: 30px 30px 0 30px;
	}
}


/* content_form */

.content_title h2 {
	position: relative;
	background: #eaa13b;
  height: 100%;
	padding: 2% 0 3%;
	font-size: min(calc(17px + 15 * (100vw - 320px)/1080), 32px);
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5%;
	line-height: 1.3;
	text-align: center;
}

.content_title h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #eaa13b transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(90%);
}

.content_title .text3 {
	text-align: center;
}

.content_form {
	background-color: #f9f9f9;
	padding-bottom: 5% !important;
}

.label2 {
	margin-bottom: 1%;
}

.label2 p {
	padding: 0;
	text-align: left;
	padding-left: 6%;
	font-weight: bold;
}

.required {
	color: #ffffff;
	font-size: 15px;
	background-color: #c62c1e;
	padding: 1% 3%;
	border-radius: 5px;
	margin-left: 2%;
}

.my_right input {
	background-color: #ffffff;
	border: 1px solid #b5b5b5;
	border-radius: 7px;
	width: 90%;
	height: 60px;
	padding: 0 3%;
	color: #000000;
	margin-bottom: 3%;
}

.my_right {
	text-align: center;
}

.my_right select {
	background-color: #ffffff;
	border: 1px solid #b5b5b5;
	border-radius: 7px;
	width: 90%;
	height: 60px;
	padding: 0 3%;
	color: #000000;
	margin-bottom: 3%;
}

.my_right textarea {
	background-color: #ffffff;
	border: 1px solid #b5b5b5;
	border-radius: 7px;
	width: 90%;
	height: 150px;
	padding: 1% 3%;
	color: #000000;
	margin-bottom: 3%;
}

.form-select-wrap{
  display: flex;
  max-width: 300px;
  align-items: center;
}

.form-select-wrap select{
	background-color: #ffffff;
	border: 1px solid #b5b5b5;
	border-radius: 7px;
	width: 160px;
	height: 60px;
	padding: 0 3%;
	color: #000000;
	margin-bottom: 7%;
	margin-left: 4%;
}

.date-form input {
	width: 44%;
}

.date-form {
	display: flex;
	align-items: center;
	justify-content: center;
}


.last-btn {
	text-align: center;
	width: 50%;
}


@media screen and (min-width: 640px) {
	.content_title h2 {
		padding: 2% 0 2.5% !important;
	}

	.content_title h2::before {
		border-width: 30px 30px 0 30px;
	}

	.required {
		color: #ffffff;
		font-size: 15px;
		background-color: #c62c1e;
		padding: 1% 2%;
		border-radius: 5px;
		margin-left: 1%;
	}

	.label2 {
		margin-left: 20.5%;
	}

	.my_right input {
		width: 50%;
	}
	
	.my_right {
		text-align: center;
	}
	
	.my_right select {
		width: 90%;
	}
	
	.my_right textarea {
		width: 50%;
	}

	.last-btn {
		width: 20%;
	}

	.date-form input {
		width: 24%;
	}

	.form-select-wrap {
		margin-bottom: 1.5%;
	}

	.form-select-wrap select{
		width: 300px;
	}

}


/* 固定ボタン */
.fixed_btn p {
	padding: 0;
}

.fixed_btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* height: min(calc(80px + 90 * (100vw - 320px)/400), 170px); */
	height: min(calc(80px + 90 * (100vw - 320px)/400), 170px);
  text-align: center;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255,255,255,0.9);
}

/* .fixed_btn img {
	width: 100% !important;
} */

.fixed_btn img {
	width: 95% !important;
}

#toTop {
  display: none;
  position: fixed;
  cursor: pointer;
}

@media screen and (min-width: 720px) {
	.fixed_btn {
		/* height: 170px; */
		height: calc(80px + 40 * (100vw - 320px)/1080);
	}

	.fixed_btn img {
		width: 100%;
	}

	.fixed_btn a {
		width: 25%;
	}
}


/* フッター */
footer {
	background-color: #9a9a9a;
	color: white;
	margin: 0 auto;
	padding: 3% 0;
}

footer p {
	padding: 0;
}

.footer-ttl {
	font-size: 14px;
}

.confirmation {
	width: 55%;
	margin: 0 auto;
}

.footer-text {
	text-align: justify;
	font-feature-settings: "palt";
	margin: 0 auto;
	font-size: 13px;
}

.copyright {
	font-size: 15px;
}

.footer-nav {
  display: flex;
  justify-content: center;
}

.footer-nav p {
  padding: 5px;
}

footer a {
  text-decoration: none;
  color: white;
}

@media screen and (max-width: 640px) {
	.footer-text {
		font-size: 10px;
	}

	footer p {
    font-size: 10px;
  }

	.copyright {
		font-size: 10px;
	}
}


/* reCAPTCHA */
.grecaptcha-badge { visibility: hidden; }

.recaptcha-content {
	font-size: 10px;
}

.recaptcha-content a {
	color: blue;
}