@charset "UTF-8";
@import url(reset.css);
@import url(common.css);
/*** function ***/
/* ###################### */
/* ######## 変数 ######## */
/* ###################### */
/* カラー */
/* 書式 */
/* ###################### */
/* ######## 関数 ######## */
/* ###################### */
/* ###################### */
/* ######## 共通 ######## */
/* ###################### */
/* ボタン */
.btn {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 284px;
  height: 65px;
}

.btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #accd29;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 0;
}

.btn a::after {
  content: "";
  background: url(../image/common/arrow.png) no-repeat center/contain;
  width: 5px;
  height: 11px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 21px;
}

.btn a:hover {
  text-decoration: none;
  background: #693628;
}

/*******/
html {
  /* 1rem = 10px にする*/
  font-size: 62.5%;
  _font-size: 62.5%;
  *font-size: 62.5%;
  /*ウェブフォント用*/
  text-rendering: optimizeLegibility;
}

.face_book .fbcomments,
.face_book iframe,
.face_book .fb_iframe_widget,
.face_book .fb_iframe_widget[style],
.face_book .fb_iframe_widget iframe[style],
.face_book .fbcomments iframe[style],
.face_book .fb_iframe_widget span,
.face_book ._2p3a {
  width: 100% !important;
}

#wrapper {
  overflow: hidden;
}

/********共通********/
.cont {
  margin: 0 auto;
}

.ofi img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}

.fle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.table table {
  width: 100%;
}

.table table tr th {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #eea2a0;
  color: #fff;
}

.table table tr td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.h2_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-family: "FLOPDesignFont";
  font-weight: 700;
  color: #693628;
  letter-spacing: 0;
  line-height: 1;
}

.h2_1 div {
  text-align: center;
}

.h2_1.mel {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.h2_1.mel::before {
  content: "";
  display: inline-block;
  background: url(../image/common/ttldeco_l.png) no-repeat center/contain;
}

.h2_1.mel::after {
  content: "";
  display: inline-block;
  background: url(../image/common/ttldeco_r.png) no-repeat center/contain;
}

.h3_1 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #693628;
}

.bnrArea h2 {
  color: #e5635f;
}

.bnrArea h2 div {
  border-block-color: #e5635f;
}

.bnrArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bnrArea ul li.tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #693628;
  letter-spacing: 0;
  line-height: 1;
}

.bnrArea ul li.tel a {
  text-decoration: none;
  color: #693628;
}

.bnrArea ul li.tel::before {
  content: "";
  display: inline-block;
  background: url(../image/common/bnr-tel.png) no-repeat top center/contain;
}

/*********school***********/
.school .contents1 {
  background: #fff5f5;
  padding-bottom: 0;
  position: relative;
  z-index: 0;
}

.school .contents1::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../image/common/bg_top.png) no-repeat top left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.school .contents1 .table td span {
  display: inline-block;
}

.school .contents1 .table td span:last-of-type {
  margin-right: 0;
}

.school .contents1 .imgs li {
  overflow: hidden;
}

.school .contents1 .map iframe {
  width: 100%;
  height: 100%;
}

/*********faq***********/
.faq .contents1 {
  background: #fff5f5;
  position: relative;
  z-index: 0;
}

.faq .contents1::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../image/common/bg_top.png) no-repeat top left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.faq .contents1 .list dl:last-of-type {
  margin-bottom: 0;
}

.faq .contents1 .list dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.faq .contents1 .list dl dt span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  background: #eea2a0;
  color: #fff;
  font-weight: 700;
}

.faq .contents1 .list dl dt div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.faq .contents1 .list dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.faq .contents1 .list dl dd span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  background: #e5635f;
  color: #fff;
  font-weight: 700;
}

.faq .contents1 .list dl dd div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffc6c5;
}

/*********voice***********/
.voice .contents1 {
  background: #fff5f5;
  position: relative;
  z-index: 0;
}

.voice .contents1::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../image/common/bg_top.png) no-repeat top left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.voice .contents1 .cont {
  position: relative;
  z-index: 0;
}

.voice .contents1 .cont::after {
  content: "";
  background: url(../image/voice/deco01.png) no-repeat center/contain;
  position: absolute;
  z-index: -1;
}

.voice .contents1 h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 1rem;
  font-family: "FLOPDesignFont";
  font-weight: 700;
  color: #693628;
  letter-spacing: 1;
}

.voice .contents1 h2 .line {
  display: inline-block;
  color: #e5635f;
  position: relative;
  z-index: 0;
}

.voice .contents1 h2 .line::before {
  content: "";
  background: url(../image/voice/line01.png) no-repeat center/contain;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.voice .contents1 .list .box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.voice .contents1 .list .box figure {
  overflow: hidden;
}

/*********instructor***********/
.instructor .contents1 {
  background: #fff5f5;
  position: relative;
  z-index: 0;
}

.instructor .contents1::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../image/common/bg_top.png) no-repeat top left, url(../image/common/bg_bottom.png) no-repeat bottom right;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.instructor .contents1 h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 1rem;
  font-family: "FLOPDesignFont";
  font-weight: 700;
  color: #693628;
  letter-spacing: 0;
}

.instructor .contents1 h2 div {
  position: relative;
  z-index: 0;
}

.instructor .contents1 h2 div::after {
  content: "";
  background: url(../image/instructor/deco01.png) no-repeat center/contain;
  position: absolute;
  z-index: -1;
}

.instructor .contents1 h2 .line {
  display: inline-block;
  color: #e5635f;
  position: relative;
  z-index: 0;
}

.instructor .contents1 h2 .line::before {
  content: "";
  background: url(../image/instructor/line01.png) no-repeat center/contain;
  position: absolute;
  z-index: -1;
}

.instructor .contents1 .sec1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.instructor .contents1 .sec1 figure div {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.instructor .contents1 .sec1 figure div::before {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: dashed 2px #fff;
  position: absolute;
  z-index: 1;
}

.instructor .contents1 .sec1 .text .sub {
  text-align: center;
  background: #ffc6c5;
  border-radius: 5px;
}

.instructor .contents1 .sec1 .text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #693628;
  letter-spacing: 0;
  line-height: 1;
}

.instructor .contents1 .sec1 .text dl {
  background: #f4ffe9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  border: solid 1px #accd29;
}

.instructor .contents1 .sec1 .text dl dt {
  line-height: 1;
  color: #accd29;
}

.instructor .contents1 .sec2 h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 1rem;
  font-family: "FLOPDesignFont";
  font-weight: 700;
  color: #e5635f;
  letter-spacing: 1;
}

.instructor .contents1 .sec2 h3 div {
  position: relative;
  z-index: 0;
}

.instructor .contents1 .sec2 h3 div::before {
  content: "";
  background: url(../image/instructor/deco02_1.png) no-repeat center/contain;
  position: absolute;
  z-index: -1;
}

.instructor .contents1 .sec2 h3 div::after {
  content: "";
  background: url(../image/instructor/deco02_2.png) no-repeat center/contain;
  position: absolute;
  z-index: -1;
}

.instructor .contents1 .mvbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.instructor .contents1 .mvbox p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../image/instructor/balloon.png) no-repeat center/contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.instructor .contents1 .mvbox .mv {
  position: relative;
  z-index: 0;
}

.instructor .contents1 .mvbox .mv iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.instructor .contents1 .bnr {
  margin: 0 auto;
  background: url(../image/instructor/bnr-bg.png) no-repeat;
  background-color: #ffc6c5;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.instructor .contents1 .bnr::before {
  content: "";
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #eea2a0), color-stop(50%, transparent));
  background: linear-gradient(to right bottom, #eea2a0 50%, transparent 50%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.instructor .contents1 .bnr a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  z-index: 0;
}

.instructor .contents1 .bnr a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.24);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.instructor .contents1 .bnr a::after {
  content: "";
  height: 100%;
  background: url(../image/instructor/bnr-arrow.png) no-repeat center;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.instructor .contents1 .bnr a:hover {
  text-decoration: none;
}

.instructor .contents1 .bnr a:hover::before {
  opacity: 1;
}

.instructor .contents1 .bnr a span {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

/*********index***********/
.index .contents1 {
  background: #fff5f5;
  position: relative;
  z-index: 0;
}

.index .contents1::before {
  content: "";
  background: url(../image/index/flag_l.png) no-repeat top left, url(../image/index/flag_r.png) no-repeat right top;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: -1;
}

.index .contents1 h2 {
  font-family: "FLOPDesignFont";
  font-weight: 700;
  color: #693628;
}

.index .contents1 h2 .line {
  display: inline-block;
  color: #e5635f;
  position: relative;
  z-index: 0;
}

.index .contents1 h2 .line::before {
  content: "";
  background: url(../image/index/ttlLine01.png) no-repeat center/contain;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.index .contents1 figure {
  position: relative;
  z-index: 0;
}

.index .contents1 figure::before {
  content: "";
  background: url(../image/index/img01_deco.png) no-repeat center/contain;
  position: absolute;
  z-index: 1;
}

.index .contents1 figure div {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.index .contents1 p:last-of-type {
  margin-bottom: 0;
}

.index .contents2 {
  background: url(../image/index/bg01.png) no-repeat center/cover;
  position: relative;
  z-index: 0;
}

.index .contents2::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../image/index/bg01_t.png) no-repeat center top, url(../image/index/bg01_b.png) no-repeat center bottom;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.index .contents2 h2 div .min {
  display: block;
}

.index .contents2 h2 div .p {
  display: inline-block;
  color: #e5635f;
}

.index .contents2 .box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.index .contents2 .box h3 {
  text-align: center;
  font-family: "yasashisaB";
  font-weight: 700;
  color: #693628;
  letter-spacing: 0;
  line-height: 1;
}

.index .contents2 .box h3 .line {
  display: inline-block;
  position: relative;
  z-index: 0;
}

.index .contents2 .box h3 .line::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  z-index: -1;
}

.index .contents2 .box p:last-of-type {
  margin-bottom: 0;
}

.index .contents2 .box:nth-of-type(1) h3 span::before {
  background: url(../image/index/line01.png) no-repeat center/contain;
}

.index .contents2 .box:nth-of-type(2) h3 span::before {
  background: url(../image/index/line02.png) no-repeat center/contain;
}

.index .contents2 .box:nth-of-type(3) h3 span::before {
  background: url(../image/index/line03.png) no-repeat center/contain;
}

.index .contents3 {
  background: #fff5f5;
}

.index .contents3 li {
  overflow: hidden;
}

.index .contents3 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 0;
}

.index .contents3 li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.24);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.index .contents3 li a::after {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: dashed 2px #fff;
  position: absolute;
  z-index: -1;
}

.index .contents3 li a:hover {
  text-decoration: none;
}

.index .contents3 li a:hover::before {
  opacity: 1;
}

.index .contents3 li a span {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "TsukushiAMaruGothic_2_1";
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  z-index: 0;
}

.index .contents3 li a span::before {
  content: "";
  display: inline-block;
  background: url(../image/common/arrow.png) no-repeat center;
  border-radius: 50%;
}

.index .contents3 li:nth-of-type(1) a {
  background: url(../image/index/bgImg01.png) no-repeat center/cover;
}

.index .contents3 li:nth-of-type(1) a span {
  color: #accd29;
}

.index .contents3 li:nth-of-type(1) a span::before {
  background-color: #accd29;
}

.index .contents3 li:nth-of-type(2) a {
  background: url(../image/index/bgImg02.png) no-repeat center/cover;
}

.index .contents3 li:nth-of-type(2) a span {
  color: #e5635f;
}

.index .contents3 li:nth-of-type(2) a span::before {
  background-color: #e5635f;
}

.index .contents4 .box {
  position: relative;
  z-index: 0;
}

.index .contents4 .box::before {
  content: "";
  background: url(../image/index/deco04.png) no-repeat center/contain;
  position: absolute;
  z-index: -1;
}

.index .contents4 h2 {
  text-align: center;
  font-family: "FLOPDesignFont";
  font-weight: 700;
  color: #e5635f;
  letter-spacing: 0;
  line-height: 1;
}

.index .contents4 .list dl {
  border-bottom: dotted 2px #693628;
}

.index .contents4 .list dl dt {
  color: #e5635f;
}

.index .contents4 .list dl dd a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #693628;
}

.index .contents4 .list dl dd a:hover {
  text-decoration: underline;
}

/****エラーページ*****/
.error .contents1 {
  overflow: hidden;
}

.error .contents1 a {
  color: #693628;
}

.error .contents1 a:hover {
  text-decoration: underline;
}

/*==================================================
プライバシーポリシー
================================================== */
.privacy .contents1 .item-box:last-child {
  margin-bottom: 0;
}

/*==================================================
 サイトマップ
================================================== */
.site .contents1 .site_list {
  margin: 0 auto;
}

.site .contents1 .site_list ul {
  background: #fff5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.site .contents1 .site_list ul li {
  border-bottom: dotted 2px #693628;
}

.site .contents1 .site_list ul li:last-of-type {
  border-bottom: none;
}

.site .contents1 .site_list ul li a {
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.site .contents1 .site_list ul li a:hover {
  text-decoration: none;
  color: #e5635f;
}

/*==================================================
 ニュース
================================================== */
.news .contents1 {
  overflow: hidden;
}

.news .contents1 img {
  max-width: 1040px;
}

.news .contents1 .list-box dl {
  border-bottom: dotted 2px #693628;
}

.news .contents1 .list-box dl:last-of-type {
  margin-bottom: 0;
}

.news .contents1 .list-box dl dt {
  color: #e5635f;
}

.news .contents1 .list-box dl dd a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #693628;
}

.news .contents1 .list-box dl dd a:hover {
  text-decoration: underline;
}

/*==================================================
 news詳細
================================================== */
.news_detail .contents1 {
  overflow: hidden;
}

.news_detail .contents1 .sec1 {
  margin: 0 auto;
}

.news_detail .contents1 .sec1 img {
  max-width: 1040px;
}

.news_detail .contents1 .sec1 .post-data {
  text-align: right;
  color: #e5635f;
}

.news_detail .contents1 .sec1 .item-box {
  min-height: 230px;
  background: #fff5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  zoom: 1;
}

/*==================================================
 お問い合わせ
================================================== */
/* input設定 */
.input-mid {
  width: 60%;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-min {
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-big {
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.contact form input {
  font-size: 1.6rem;
  line-height: 1.2;
}

.contact form textarea {
  width: 100%;
  height: 180px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

.contact .clrred {
  color: #c00;
}

.contact .contact-recaptcha-wrap {
  text-align: center;
  margin: 0 auto;
  width: 304px;
}

.contact .contact-recaptcha-wrap input {
  text-align: center;
}

.mt5 {
  margin-top: 5px;
}

/* 必須マーク
-------------------------------------------------- */
.required-mark {
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  background: #f00;
  border-radius: 5px;
  float: right;
}

/* 未記入エラー文
-------------------------------------------------- */
.error-text {
  margin: 0 0 5px;
  color: #f00;
}

/* 確認、バック、送信ボタン
-------------------------------------------------- */
.contact-submits {
  text-align: center;
}

.contact-submits input,
.contact-submits button {
  display: inline-block;
  border: none;
  background: #accd29;
  border-radius: 10px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.contact-submits input:hover,
.contact-submits button:hover {
  background: #693628;
  cursor: pointer;
}

.contact-submits-wrap {
  text-align: center;
  margin: 0 auto;
}

.contact-submits-wrap input {
  display: inline-block;
  border: none;
  background: #accd29;
  border-radius: 10px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.contact-submits-wrap input:hover {
  background: #693628;
  cursor: pointer;
}

.contact-submits-wrap input:disabled {
  border-color: #aaa;
  background: #aaa;
  color: #fff;
}

.contact-submits-wrap input:disabled:hover {
  background: #aaa;
  color: #fff;
  cursor: default;
}

/* セキュリティエラー
-------------------------------------------------- */
.sec-error-text {
  line-height: 50px;
  text-align: center;
  color: #f00;
  font-size: 16px;
  border: 2px solid #f00;
}

/*IEハック*/
@media screen\0 {
  /**ここに書く**/
}

.add_top_bg{
 background: #fff5f5;
}
.add_top_contents{
 padding: 50px 0;
}
.add_top_contents p{
 text-align: center;
 margin: 10px 0;
}
.add_top_contents_txt{
padding: 20px 0 30px 0;
font-weight: bold;
}
.add_top_contents_txt span{
 font-weight: bold;
 font-size: 2rem;
}
.add_top_contents_txt .add_top_contents_txt_span01{
 font-size: 3rem;
 font-weight: bold;
 color: #99c751;
 text-align: center;
 display: block;
}
.add_top_contents_txt .add_top_contents_txt_span02{
font-size: 2.2rem;
color: #f39c12;
}
.add_top_contents_txt .add_top_contents_txt_span02 b{
color: #693628;
margin-right: 5px;
}
.add_top_contents_txt_flex{
 display: flex;
 justify-content: center;
}
.top_price{
 padding: 30px 0;
}
.top_price p{
 text-align: center;
 padding: 5px 0;
}
.top_price .top_price_title{
 font-size: 2.3rem;
 font-weight: bold;
}
.top_price .top_price_item span{
 font-size: 2.3rem;
 font-weight: bold;
 color: #f39c12;
}
.top_price .top_price_txt span{
 font-size: 1.3rem;
}
.add_top_contents_txt span{
 font-size: 2.7rem;
}
.add_top_contents_txt  .onpu_txt{
 font-size: 2.0rem;
}
.add_top_contents_txt  .onpu_txt span{
 font-size: 3rem;
}
.add_pink_marker{
 background: linear-gradient(transparent 60%, #ffd4d4 30%);
 text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

@media screen and (max-width: 640px) {
 .add_top_contents_txt span{
  font-weight: bold;
  font-size: 2.5rem;
  letter-spacing: -0.01rem;
 }
 .add_top_contents_txt  .onpu_txt{
  font-size: 2.0rem;
 }
}