@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: #f1a23d;
}

.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 {
    width: 30%;
    padding: 1%;
		display: inline;
  }

	.header-top-right {
		width: 50%;
		display: flex;
	}

	.header-right-left {
		margin-right: 2%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.header-right-left img {
		width: 100%;
	}
}



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


.header {
  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%;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.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);
	padding-bottom: 10%;
}

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

.nav-ttl-biyo {
	color: #f06292;
	border-bottom: 4px solid #f06292;
}

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

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

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

	.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 #172a80;
  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;
}

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

.menu-cont a {
  color: #172a80;
  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: absolute;
  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 {
	background-color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3% 0 !important;
}

.nav-items__item a {
  width: 100%;
  display: block;
  font-size: 20px;
  color: #333333;
  text-decoration: underline;
	padding-left: 8%;
}

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

.nav-items > li {
	position: relative;
	padding: 0px 0px 0px 1em;
}
.nav-items > li::before {
	position: absolute;
	top: 50%;
	left: 3%;
	transform: translateY(-50%);
	width: 0px;
	height: 0px;
	border: 0.6em solid transparent;
	border-left: 0.8em solid #ee5d05;
	content: "";
}

@media screen and (min-width: 640px) {
	.nav-items__item {
		padding: 1% 0 !important;
	}

  .nav-items__item a {
    /* margin-bottom: 10px; */
    font-size: 20px;
    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: 100%;
	margin-top: 8%;
}

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

/* ハンバーガーメニューの線 */
.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: #f6ed5d;
  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: #f6ed5d;
  font-size: min(calc(22px + 10 * (100vw - 320px)/1080), 32px);
} */

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

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

.cta-h2 {
	background-color: #172a80;
	color: #ffffff;
	border-radius: 8px 8px 0 0;
	padding: 2% 0;
	margin-bottom: 3%;
}


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

.cta p {
	padding: 0;
}

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

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

.cta .sp-item .btn2 img {
	width: 94%;
	margin-left: -3%;
}

.cta-inner {
	background-color: #ffffff;
	border: 2px solid #172a80;
	width: 90%;
	margin: 0 auto;
	border-radius: 10px;
	padding-bottom: 3%;
}

.btn {
	margin-bottom: 3%;
}

.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-h2 {
		border-radius: 28px 28px 0 0;
	}

	.cta-inner {
		width: 70%;
		border-radius: 30px;
	}

	.btn {
		margin-bottom: 1%;
	}

	.pc-item .cta-pc-inner {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.cta-pc-inner-left {
		width: 55%;
	}

	.cta-pc-inner-right {
		width: 45%;
	}

}


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

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

.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 {
	padding: 5% 0 0;
	background-color: #fdfaef;
}

.area02-inner {
	width: 90%;
	margin: 0 auto;
	padding: 3%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	padding-bottom: 0;
	max-width: 960px;
	background-color: #ffffff;
}

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

.area02 h2 {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color: #172a80;
	font-weight: bold;
	padding: 2%;
	font-size : min(calc(23px + 17 * (100vw - 320px)/320), 40px);
	font-feature-settings: "palt";
	margin-bottom: 5%;
}

.area02-h2 {
	border-bottom: double 4px #cc0012 ;
	padding-bottom: 1%;
}

.area02-h2-next {
	font-size : min(calc(23px + 10 * (100vw - 320px)/320), 33px);
	text-align: center;
	font-feature-settings: "palt";
	font-weight: bold;
	color: #3e3a39;
	line-height: 1.4;
}

.area02-h2-span {
	color: #cc0012;
}

.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: 3%;
	margin-bottom: 3%;
}

.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 {
	margin-top: -3%;
	text-align: center;
}

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

.s-area01-01 {
	margin-bottom: 3%;
	max-width: 600px;
}

.s-area01-02 {
	width: 28%;
	margin: 3% auto;
}

.s-area01-02-ttl {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 3%;
}

.s-area01-03 {
	max-width: 700px;
	margin: 0 auto;
}


.s-area01-01 img, .s-area01-02-ttl img, .s-area01-02 img, .s-area01-03 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: 1%;
		padding-bottom: 2%;
		margin-bottom: 3%;
	}

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

	.s-area01-01 {
		margin: 0 auto;
	}

	.area02-pc-inner {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.s-area01-02 {
		width: 14%;
	}

}



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

.s-area01 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-area01 .contWrap {
	padding: 0 3%;
	margin-top: -5%;
}

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

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

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

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




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

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

.area03 h2 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 3%;
	max-width: 700px;
}

.area03 h3 {
	margin-bottom: 4%;
}

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

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

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

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

.area03 .reason-ttl {
	margin: 0 auto;
	margin-bottom: 2%;
	background-color: #f1a23d;
}

.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%;
	}





	.reason {
		margin: 3% auto;
		width: 94%;
		max-width: 800px;
	}

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

	.reason-inner {
		display: flex;
		justify-content: space-between;
		text-align: center;
		width: 96%;
		margin: 0 auto;
	}

	.reason-inner p {
		width: 48% !important;
	}

	.reason-inner1 p {
		width: initial !important;
	}


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

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



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

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


.area04 h2 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 3%;
}

@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 {
	padding: 5% 0;
}

.area05 h2 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: -3%;
	text-align: center;
}

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

.voice {
	width: 94%;
	margin: 0 auto;
	margin-top: 3%;
	background-color: #fdfaef;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	border: 2px dashed #f1a23d;
	padding-top: 3%;
}

.voice-ttl {
	position: relative;
	background: #f1a23d;
  height: 100%;
	width: 95%;
	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;
	border-radius: 20px;
	margin: 0 auto;
}

.voice-ttl::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%);
}

.voice-ttl-inner {
	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 {
		padding-top: 2%;
	}

	.voice-cont {
		padding: 3%;
	}

	.voice-ttl {
		padding: 2% 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 {
	padding: 5% 0 10%;
	background-color: #fdfaef;
}

.area06 .contWrap {
	background-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	width: 95%;
	margin: 0 auto;
	padding: 5% 0;
}

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

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

.area06-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: #172a80;
	border-radius: 20px;
	padding: 2%;
	width: 50px;
	margin-right: 3%;
	text-align: center;
}

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

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

.area06 .text {
	margin-top: 3%;
	padding: 3%;
	width: 88%;
}

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

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

	.area06 h2 img {
		width: 60%;
	}

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

	.area06-01 {
		width: 50%;
	}

	.daihyou {
		width: 100px;
	}

	.area06 .right{
		width: 50%;
	}

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

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

}


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

.area07 {
	padding: 10% 0;
	background-color: #fdfaef;
}

.area07 h2 img {
	width: 90%;
}

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

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

.area07 p img {
	width: 100%;
}

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

.flow6 {
	background-color: rgba(0,0,0,0);
	box-shadow: none !important;
}

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

.flow .text {
	padding: 3%;
	text-align: justify;
}

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

.flow7 {
	margin-left: 1.5%;
}

.pad-item {
	display: none;
}

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

	.area07 .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) {
	.area07 .contWrap .pc-item {
		display: block !important;
	}

	.pad-item {
		display: none;
	}

	.area07 {
		padding: 3% 0;
	}
	.area07 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;
	}
}


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

.area08 {
	background-color: #fdfaef;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.area08 .contWrap {
	width: 95%;
	margin: 0 auto;
	padding: 5% 0;
	background-color: #ffffff;

}

.area08 h2 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5%;
	max-width: 600px;
}

.area08 h2 img {
	width: 100%;
}

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

.p-under {
	background-color: #f1a23d;
	padding: 2%;
}

.area08 table {
	width: 96%;
	margin: 0 auto;
	margin-bottom: 5%;
}

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

.table2 td {
	width: 25%;
}

.area08 th {
	font-weight: bold;
	border-left: none !important;
	border-right: dashed 2px #f1a23d !important;
}

.area08 td {
	border-right: none !important;
}

.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) {
	.area08 h2::before {
		border-width: 30px 30px 0 30px;
	}
}



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

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

.area09 h2 {
	max-width: 600px;
	margin-top: 3%;
}


.area09 table {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5%;
}

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

.area09 th {
	font-weight: bold;
	width: 25%;
}

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

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

.direction p {
	margin-bottom: 3%;
}

@media screen and (min-width: 640px) {
	.area09 h2 {
		margin-bottom: -3%;
	}

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

	.area09 table {
		margin-bottom: 0;
	}

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

	iframe {
		height: 500px;
	}

	.direction {
		margin-top: 3%;
	}
}


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



.cp_qa {
	margin: 3% auto;
	max-width: 600px;
}

.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: #172a80;
}


.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;
	color: #ffffff;
	font-weight: bold;
}
.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;
	color: #cc0012;
	font-weight: bold;
}
.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) {
	.area10 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: #172a80;
	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;
}



/* ブログ一覧用 */
.blog-main {
  background-color: #ffffeb;
  padding: 3% 0;
}

.blog-main h1 {
  background-color: #ee5d05;
  color: #ffffff;
  font-weight: bold;
  padding: 2%;
  border-radius: 10px;
  font-size: 25px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 3%;
}

.article-top {
  background-color: #ffffff;
  width: 95%;
  padding: 3%;
  margin: 0 auto;
}

.blog-card-list {
  margin-bottom: 5%;
}

.blog-card {
  border-bottom: 1px dashed #333333;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 3%;
}

.blog-card h2 {
	padding: 0;
	text-align: justify;
}

.blog-card-bottom {
  font-size: 12px;
  color: #333333;
}

.post-title {
  border-left: 5px solid #ee5d05;
  padding-left: 3% !important;
  font-weight: bold;
  font-size: 20px;
  margin-top: 3%;
}

.post-title a {
  border-bottom: 1px solid;
	color: #039;
}

.post-discription {
  padding: 3% 3% 3% 0;
  font-size: 18px;
}

.post-discription p {
	text-align: justify;
	padding: 0;
}

.post-category a {
	color: #039;
}

.eye-catch {
  width: 80%;
  margin: 0 auto;
	height: 100%;
}

.eye-catch-img {
  width: 100%;
	height: 100%;
}

.blog-card-bottom {
  display: flex;
  justify-content: space-between;
}

.post-category {
  width: 70%;
}

.post-date {
  width: 30%;
}

@media screen and (min-width: 640px) {
  .blog-main h1 {
    width: 70%;
  }

  .article-top {
    width: 70%;
  }

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

  .blog-card-left {
    width: 30%;
  }

  .blog-card-right {
    width: 65%;
  }

  .post-title {
    padding-left: 1%;
  }

}


/* 記事用 */
.single-main {
  background-color: #ffffeb;
  padding: 3% 0;
}

.single-h2 {
	padding: 0;
	text-align: justify;
}

.single-main h1, .single-h2 {
  background-color: #ee5d05;
  color: #ffffff;
  font-weight: bold;
  padding: 2%;
  border-radius: 10px;
  font-size: 25px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 3%;
}

.single-article {
  background-color: #ffffff;
  width: 95%;
  padding: 3% 3% 0 3%;
  margin: 0 auto;
}

.single-category a {
	color: #039;
}

.single-eyecatch {
  width: 70%;
  margin: 0 auto;
	height: 100%;
}

.single-eyecatch-img {
  width: 100%;
	height: 100%;
}

.single-bottom {
	margin: 0 auto;
	margin-bottom: 3%;
	width: 90%;
}

.single-post-date {
	padding: 0;
	text-align: right;
}

.single-text p {
	text-align: justify;
}

.nav-links {
	display: flex ;
	justify-content: space-around;
	text-decoration: underline;
	margin-bottom: 5%;
}

.single .cta {
	background-color: #ffffff;
	margin-bottom: 5%;
}

.single .content_form {
	background-color: #ffffff;
}

@media screen and (min-width: 640px) {
	.single-main h1, .single-h2 {
		width: 100%;
		margin: 0;
		margin-bottom: 3%;
	}

  .single-article {
    width: 70%;
  }

	.single-bottom {
		margin: 0 auto;
		margin-bottom: 3%;
	}
}


/* パンくず */
.breadcrumb {
	width: 70%;
	margin: 0 auto;
}

.breadcrumb a {
	text-decoration: underline;
	color: #039;
}


/* 症状メニュー */
.menu-list {
	padding: 0;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin-bottom: 3%;
}

.area-menu h2 {
	text-align: center;
	margin-bottom: 3%;
}

.area-menu {
	padding-top: 5%;
}

.area-menu-title {
	background-color: #ee5d05;
  color: #ffffff;
  font-weight: bold;
  padding: 2%;
  border-radius: 10px;
  font-size: 25px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 3%;
}

.area-menu-biyo {
	background-color: #f06292;
}

.menu-list a {
	border: 2px solid #ee5d05;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	padding: 2%;
	color: #333333;
	font-weight: bold;
	margin: 5px;
	width: 41%;
	font-size: min(calc(18px + 7 * (100vw - 320px)/1080), 25px);
}

.biyo-menu-list a {
	border: 2px solid #f06292;
}

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

.symptoms p {
	padding: 0;
	text-align: justify;
	font-feature-settings: "palt";
}

.click-img {
	width: 8% !important;
	margin: 0 !important;
}


.shikaku {
	font-weight: bold;
	width: 80%;
	max-width: 250px;
	margin: 0 auto;
}