@charset "utf-8";

/* top-page
-------------------------------------------------------------------*/
.home .sub_tit {
  font-size: 36px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
  letter-spacing: 0.04em;
  font-weight: bold;
}
.home .sub_tit:before,
.home .sub_tit:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 3px;
  background-color: #00c6c8;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.home .sub_tit:before {
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
.home .sub_tit:before {
  left: -50px;
}
.home .sub_tit:after {
  right: -35px;
}
.home h1 {
  font-size: 40px;
  text-align: left;
  margin-bottom: 66px;
  font-weight: bold;
}
.home h1 span:first-of-type {
  font-size: 64px;
  font-weight: bold;
  color: #e89115;
}
.home h1 span:nth-of-type(2) {
  font-size: 36px;
  color: #e89115;
}
.home h1 span:nth-of-type(3) {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}
.home .img_mv {
  margin-left: -50px;
}
.section_mv_contents {
  display: flex;
  justify-content: space-between;
}
.section_mv .youtube {
  width: 711px;
  height: 410px;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
}
.section_mv .youtube iframe {
  width: 693px;
  height: 402px;
  position: absolute;
  left: 9px;
  top: 3px;
}
.section_mv .flame {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.section_mv .txt_youtube {
  font-size: 18px;
  text-align: right;
  padding-top: 15px;
  font-family: 'mame4';
}
.section_mv {
  border-bottom: 2px solid #000;
}
@font-face {
  font-family: 'mame4';
  src: url('../font/Mamelon-5-Hi-Regular.eot');
  /* IE9以上用 */
  src: url('../font/Mamelon-5-Hi-Regular.eot?#iefix') format('embedded-opentype'),
    /* IE8以前用 */
    url('../font/Mamelon-5-Hi-Regular.woff2') format('woff'),
    /* モダンブラウザ用 */
    url('../font/Mamelon-5-Hi-Regular.otf') format('opentype');
  /* iOS, Android用 */
  font-weight: normal;
  /* 念の為指定しておきます */
  font-style: normal;
}
.font_mameron {
  font-family: mame4;
  font-weight: 500;
  color: #fff;
  margin: 0 16px;
  text-shadow: rgb(0, 198, 200) 3px 0px 0px, rgb(0, 198, 200) 2.83487px 0.981584px 0px, rgb(0, 198, 200) 2.35766px 1.85511px 0px, rgb(0, 198, 200) 1.62091px 2.52441px 0px, rgb(0, 198, 200) 0.705713px 2.91581px 0px, rgb(0, 198, 200) -0.287171px 2.98622px 0px, rgb(0, 198, 200) -1.24844px 2.72789px 0px, rgb(0, 198, 200) -2.07227px 2.16926px 0px, rgb(0, 198, 200) -2.66798px 1.37182px 0px, rgb(0, 198, 200) -2.96998px 0.42336px 0px, rgb(0, 198, 200) -2.94502px -0.571704px 0px, rgb(0, 198, 200) -2.59586px -1.50383px 0px, rgb(0, 198, 200) -1.96093px -2.27041px 0px, rgb(0, 198, 200) -1.11013px -2.78704px 0px, rgb(0, 198, 200) -0.137119px -2.99686px 0px, rgb(0, 198, 200) 0.850987px -2.87677px 0px, rgb(0, 198, 200) 1.74541px -2.43999px 0px, rgb(0, 198, 200) 2.44769px -1.73459px 0px, rgb(0, 198, 200) 2.88051px -0.838247px 0px;
}
@media screen and (max-width:768px) {
  .home .sub_tit {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .font_mameron {
    margin: 0 6px;
  }
  .home h1 {
    font-size: 25px;
    margin-bottom: 13px;
    padding-left: 3%;
  }
  .home h1 span:first-of-type {
    font-size: 45px;
  }
  .home .img_mv {
    display: none;
  }
  .section_mv_contents {
    display: block;
  }
  .home h1 span:nth-of-type(2) {
    font-size: 21px;
  }
  .home h1 span:nth-of-type(3) {
    font-size: 12px;
  }
}
@media screen and (max-width:768px) {
  .home h1 span:first-of-type {
    font-size: 12vw;
  }
}
.section_feature {
  padding-top: 196px;
  background-color: #e89115;
  box-sizing: border-box;
}
.section_feature::after {
  content: "";
  display: block;
  width: 100%;
  height: 11px;
  background-image: url("../img/border_beige.png");
  transform: scale(-1, 1);
}
.section_feature .box_wht {
  width: 570px;
  height: 313px;
  background-color: #fff;
  border: 3px solid #000;
  box-shadow: 10px 10px 0px 0px #000000;
  border-radius: 10px;
  position: relative;
}
.section_feature .box_wht img {
  position: absolute;
  z-index: 10;
}
.section_feature .box_wht img:first-of-type {
  top: -133px;
  left: 155px;
}
.section_feature .box_wht img:nth-of-type(2) {
  top: -130px;
  left: 150px;
}
.section_feature .box_wht img:nth-of-type(3) {
  top: -130px;
  right: 128px;
}
.feature_flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 124px !important;
}
.sitewrap_feature {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}
.section_feature .feature_tit {
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1em;
  text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
  position: absolute;
  top: 30px;
  left: 180px;
  width: 234px;
  background-image: url("../img/bg_txt01.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.section_feature p {
  font-size: 28px;
  font-weight: 900;
  position: absolute;
  top: 113px;
  width: 100%;
}
.section_feature p span:first-of-type {
  font-size: 44px;
  font-weight: 900;
  color: #e89115;
  line-height: 1.6;
}
.section_feature p span:first-of-type::before {
  content: "『 ";
  font-size: 44px;
  color: #000;
}
.section_feature p span:first-of-type::after {
  content: " 』";
  font-size: 44px;
  color: #000;
}
.section_feature p span:nth-of-type(2) {
  font-size: 24px;
  font-weight: bold;
  color: #00c6c8;
  line-height: 2;
  position: relative;
  letter-spacing: 0.2em;
}
.section_feature p span:nth-of-type(2):before,
.section_feature p span:nth-of-type(2):after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 3px;
  background-color: #00c6c8;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.section_feature p span:nth-of-type(2):before {
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
.section_feature p span:nth-of-type(2):before {
  left: -30px;
}
.section_feature p span:nth-of-type(2):after {
  right: -23px;
}
@media screen and (max-width:768px) {
  .section_feature {
    padding-top: 24px;
  }
  .feature_flex {
    display: block;
  }
  .sitewrap_feature {
    width: 100%;
    min-width: 100%;
  }
  .section_feature .box_wht {
    width: 92%;
    height: 188px;
    margin: 0 auto 20px;
  }
  .section_feature .box_wht img {
    display: none;
  }
  .section_feature .feature_tit {
    font-size: 35px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-image: url("../img/bg_txt01_sp.png");
    width: 150px;
  }
  .section_feature p {
    font-size: 16px;
    top: 70px;
  }
  .section_feature p span:first-of-type {
    font-size: 25px;
  }
  .section_feature p span:first-of-type::before,
  .section_feature p span:first-of-type::after {
    font-size: 25px;
  }
  .section_feature p span:nth-of-type(2) {
    font-size: 13px;
  }
  .youtube {
    width: 100%;
  }
  .flame img {
    width: 96%;
  }
  .section_mv .youtube {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  .section_mv .youtube video {
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
  }
  .section_mv .txt_youtube {
    font-size: 11px;
    padding-top: 225px;
    padding-right: 3%;
    padding: 0 3% 22px 0;
  }
  .feature_flex {
    margin-bottom: 30px !important;
  }
}


.survey .title_top {
  font-size: 67px;
  margin: 10px auto 100px;
  font-weight: 800;
}


.survey .btn_more p {
  margin-top: 0px;
}
.section_feature01 {
  background-color: #ffe9ba;
  padding: 124px 0 0;
}
.feature_contsbox {
  background-color: #fff;
  border-radius: 33px;
  max-width: 1172px;
  margin: 0 auto 0 0;
  padding: 45px 40px 60px 45px;
  box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px -1px 25px -13px rgba(0, 0, 0, 0.02);
}
.feature .detial_tit {
  font-size: 34px;
  font-weight: 900;
  text-align: left;
  text-indent: -0.5em;
  padding: 15px 0 0 30px;
}
.feature .detial_tit span {
  font-size: 40px;
  font-weight: 900;
  color: #e89115;
}
.ttl_feature01_content {
  display: flex;
}
.txt_featureBig {
  font-size: 68px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  padding-top: 13px;
  display: inline-block;
  text-shadow: rgb(232, 145, 21) 7px 0px 0px, rgb(232, 145, 21) 6.92869px 0.996602px 0px, rgb(232, 145, 21) 6.71622px 1.9729px 0px, rgb(232, 145, 21) 6.36692px 2.909px 0px, rgb(232, 145, 21) 5.8879px 3.78584px 0px, rgb(232, 145, 21) 5.28893px 4.58555px 0px, rgb(232, 145, 21) 4.5822px 5.29183px 0px, rgb(232, 145, 21) 3.78212px 5.8903px 0px, rgb(232, 145, 21) 2.90498px 6.36876px 0px, rgb(232, 145, 21) 1.96865px 6.71747px 0px, rgb(232, 145, 21) 0.992221px 6.92932px 0px, rgb(232, 145, 21) -0.00442571px 7px 0px, rgb(232, 145, 21) -1.00098px 6.92806px 0px, rgb(232, 145, 21) -1.97715px 6.71498px 0px, rgb(232, 145, 21) -2.91303px 6.36508px 0px, rgb(232, 145, 21) -3.78956px 5.88551px 0px, rgb(232, 145, 21) -4.58889px 5.28603px 0px, rgb(232, 145, 21) -5.29472px 4.57885px 0px, rgb(232, 145, 21) -5.89269px 3.77839px 0px, rgb(232, 145, 21) -6.3706px 2.90095px 0px, rgb(232, 145, 21) -6.71871px 1.96441px 0px, rgb(232, 145, 21) -6.92995px 0.98784px 0px, rgb(232, 145, 21) -6.99999px -0.00885142px 0px, rgb(232, 145, 21) -6.92743px -1.00536px 0px, rgb(232, 145, 21) -6.71372px -1.98139px 0px, rgb(232, 145, 21) -6.36324px -2.91705px 0px, rgb(232, 145, 21) -5.88311px -3.79328px 0px, rgb(232, 145, 21) -5.28313px -4.59223px 0px, rgb(232, 145, 21) -4.57551px -5.29762px 0px, rgb(232, 145, 21) -3.77466px -5.89507px 0px, rgb(232, 145, 21) -2.89692px -6.37243px 0px, rgb(232, 145, 21) -1.96016px -6.71995px 0px, rgb(232, 145, 21) -0.983458px -6.93057px 0px, rgb(232, 145, 21) 0.0132771px -6.99999px 0px, rgb(232, 145, 21) 1.00974px -6.92679px 0px, rgb(232, 145, 21) 1.98564px -6.71247px 0px, rgb(232, 145, 21) 2.92107px -6.36139px 0px, rgb(232, 145, 21) 3.797px -5.88071px 0px, rgb(232, 145, 21) 4.59557px -5.28022px 0px, rgb(232, 145, 21) 5.30051px -4.57215px 0px, rgb(232, 145, 21) 5.89746px -3.77094px 0px, rgb(232, 145, 21) 6.37426px -2.89289px 0px, rgb(232, 145, 21) 6.72119px -1.95591px 0px, rgb(232, 145, 21) 6.93119px -0.979076px 0px;
}
.feature .youtube {
  width: 711px;
  height: 410px;
  position: absolute;
  top: 203px;
  right: -26px;
  border-radius: 25px;
  overflow: hidden;
}
.feature .youtube iframe {
  width: 693px;
  height: 402px;
  position: absolute;
  left: 9px;
  top: 3px;
}
.feature .flame {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.bubble_outer {
  position: absolute;
  right: 40px;
  top: 35px;
}
.txt_bubble01 {
  font-size: 24px;
  font-weight: 900;
  position: absolute;
  top: 34px;
  left: 41px;
}
.txt01_feature {
  font-size: 28px;
  font-weight: 900;
  color: #e89115;
  position: relative;
  letter-spacing: 0.1em;
  width: 900px;
  margin: 190px auto 15px;
}
.section_feature02 .txt01_feature {
  margin-top: 283px;
}
.txt01_feature:before,
.txt01_feature:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 3px;
  background-color: #e89115;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.txt01_feature:before {
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
.txt01_feature:before {
  left: -30px;
}
.txt01_feature:after {
  right: -23px;
}
.txt02_feature {
  display: block;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}
.btn_more {
  background: url("../img/bg_btn.png");
  background-size: 140px 120px;
  background-repeat: no-repeat;
  background-position: left;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  display: block;
  border-radius: 166px;
  border: 4px solid #fff;
  background-color: #ec6d81;
  line-height: 122px;
  margin: 0 auto;
  transition: transform .4s;
  box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px -1px 25px -13px rgba(0, 0, 0, 0.02);
}
.btn_more span {
  display: inline-block;
  background-color: #fff;
  color: #ec6d81;
  float: right;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 30px;
  margin-right: 70px;
  margin-top: 33px;
}
.btn_more:hover {
  text-decoration: none;
  transform: translateY(5px);
}
.section_feature01 .btn_more {
  margin-bottom: 100px;
}
.section_feature01::after {
  content: "";
  display: block;
  width: 100%;
  height: 11px;
  background-image: url("../img/border_orange.png");
  transform: scale(-1, 1);
}
.txt03_feature {
  font-size: 34px;
  margin: 55px 0 50px;
  font-weight: 900;
  text-shadow: rgb(255, 255, 255) 5px 0px 0px, rgb(255, 255, 255) 4.90033px 0.993347px 0px, rgb(255, 255, 255) 4.60531px 1.94709px 0px, rgb(255, 255, 255) 4.12668px 2.82321px 0px, rgb(255, 255, 255) 3.48353px 3.58678px 0px, rgb(255, 255, 255) 2.70151px 4.20736px 0px, rgb(255, 255, 255) 1.81179px 4.6602px 0px, rgb(255, 255, 255) 0.849836px 4.92725px 0px, rgb(255, 255, 255) -0.145998px 4.99787px 0px, rgb(255, 255, 255) -1.13601px 4.86924px 0px, rgb(255, 255, 255) -2.08073px 4.54649px 0px, rgb(255, 255, 255) -2.94251px 4.04248px 0px, rgb(255, 255, 255) -3.68697px 3.37732px 0px, rgb(255, 255, 255) -4.28444px 2.57751px 0px, rgb(255, 255, 255) -4.71111px 1.67494px 0px, rgb(255, 255, 255) -4.94996px 0.7056px 0px, rgb(255, 255, 255) -4.99147px -0.291871px 0px, rgb(255, 255, 255) -4.83399px -1.27771px 0px, rgb(255, 255, 255) -4.48379px -2.2126px 0px, rgb(255, 255, 255) -3.95484px -3.05929px 0px, rgb(255, 255, 255) -3.26822px -3.78401px 0px, rgb(255, 255, 255) -2.4513px -4.35788px 0px, rgb(255, 255, 255) -1.53666px -4.75801px 0px, rgb(255, 255, 255) -0.560763px -4.96845px 0px, rgb(255, 255, 255) 0.437495px -4.98082px 0px, rgb(255, 255, 255) 1.41831px -4.79462px 0px, rgb(255, 255, 255) 2.34258px -4.41727px 0px, rgb(255, 255, 255) 3.17346px -3.86382px 0px, rgb(255, 255, 255) 3.87783px -3.15633px 0px, rgb(255, 255, 255) 4.4276px -2.32301px 0px, rgb(255, 255, 255) 4.80085px -1.39708px 0px, rgb(255, 255, 255) 4.98271px -0.415447px 0px;
}
.txt03_feature .txt_org {
  color: #e89115;
}
.txt_stroke {
  position: relative;
  z-index: 0;
}
.txt_stroke img {
  position: relative;
  z-index: 1;
}
.section_feature01 .txt_stroke {
  padding: 0 16px;

}
.section_feature01 .txt_stroke:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 232px;
  height: 50px;
  background-image: url("../img/bg_txt02.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  margin: auto;
}
.section_feature02 .txt_stroke {
  padding: 0 20px;
}
.section_feature02 .txt_stroke:before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 286px;
  height: 50px;
  background-image: url("../img/bg_txt04.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
  bottom: 0;
}
.txt_stroke_org {
  position: relative;
  padding: 0 10px;
}
.section_feature02 {
  background-color: #e89115;
  padding: 124px 0 100px;
}
.slider2 li {
  margin-right: 10px;
}
.slider2 li img {
  border: 1px solid #000;
  border-radius: 5px;
}
.slider2 li p {
  margin-top: 10px;
}
.slider_wrap {
  position: relative;
}
.slider_wrap .bx-wrapper .bx-prev,
.slider_wrap .bx-wrapper .bx-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 47px;
  height: 47px;
  background: url(../img/prev.png) no-repeat;
  transition: opacity .2s;
}
.slider_wrap .bx-wrapper .bx-next {
  left: auto;
  right: 0;
  background-image: url(../img/next.png);
}
.slider_wrap .bx-wrapper .bx-prev:hover,
.slider_wrap .bx-wrapper .bx-next:hover {
  background-position: 0;
  opacity: 0.8;
}
.bx-wrapper {
  max-width: 1010px !important;
}
.bx-viewport {
  height: 198px;
}

@media screen and (max-width:768px) {
  .feature .detial_tit {
    font-size: 17px;
    padding-left: 8px;
  }
  .feature .detial_tit span {
    font-size: 18px;
  }
  .feature_contsbox {
    width: 92%;
    padding: 16px 3% 20px;
    margin: 0 auto;
  }
  .ttl_feature01_content div {
    width: 29%;
  }
  .ttl_feature01_content div img {
    width: 100%;
  }
  .bubble_outer {
    top: 200px;
    right: 6px;
    width: 134px;
  }
  .bubble_outer img {
    width: 100%;
  }
  .txt_bubble01 {
    top: 10px;
    left: 20px;
  }
  .txt_featureBig {
    font-size: 32px;
    padding-top: 13px;
    text-shadow: rgb(232, 145, 21) 3px 0px 0px, rgb(232, 145, 21) 2.83487px 0.981584px 0px, rgb(232, 145, 21) 2.35766px 1.85511px 0px, rgb(232, 145, 21) 1.62091px 2.52441px 0px, rgb(232, 145, 21) 0.705713px 2.91581px 0px, rgb(232, 145, 21) -0.287171px 2.98622px 0px, rgb(232, 145, 21) -1.24844px 2.72789px 0px, rgb(232, 145, 21) -2.07227px 2.16926px 0px, rgb(232, 145, 21) -2.66798px 1.37182px 0px, rgb(232, 145, 21) -2.96998px 0.42336px 0px, rgb(232, 145, 21) -2.94502px -0.571704px 0px, rgb(232, 145, 21) -2.59586px -1.50383px 0px, rgb(232, 145, 21) -1.96093px -2.27041px 0px, rgb(232, 145, 21) -1.11013px -2.78704px 0px, rgb(232, 145, 21) -0.137119px -2.99686px 0px, rgb(232, 145, 21) 0.850987px -2.87677px 0px, rgb(232, 145, 21) 1.74541px -2.43999px 0px, rgb(232, 145, 21) 2.44769px -1.73459px 0px, rgb(232, 145, 21) 2.88051px -0.838247px 0px;
  }
  .txt_bubble01 {
    font-size: 12px;
  }
  .feature .youtube {
    width: 100%;
    position: relative;
  }
  .feature .flame img {
    width: 100%;
  }
  .feature .youtube {
    width: 100%;
    top: 88px;
    right: inherit;
    height: 70vw;
    border-radius: 8px;
  }
  .feature .youtube iframe {
    width: 98%;
    height: 46vw;
    left: 3px;
    top: 3px;
  }
  .section_feature01 {
    padding-top: 38px;
  }
  .txt01_feature {
    font-size: 17px;
    width: 88%;
    margin-top: 34px;
    margin-bottom: 25px;
    text-align: center;
  }
  .txt02_feature {
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
  }
  .section_feature02 .txt01_feature {
    width: 88%;
  }
  .btn_more {
    background-size: 85px 70px;
    font-size: 14px;
    border: 2px solid #fff;
    line-height: 60px;

    /* min-width: 300px; */

  }
  .btn_more span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 9px;
    margin-top: 35px;
  }
  .txt03_feature {
    font-size: 20px;
    margin: 25px 0;
    text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
  }
  .txt_stroke_org {
    display: inline-block;
    width: 250px;
    padding: 5px 10px 0;
    line-height: 1;
  }
  .txt_stroke_org img,
  .txt_stroke img {
    width: 100%;
  }
  .txt_stroke {
    display: inline-block;
    width: 128px;
    line-height: 1.4;
  }
  .section_feature01 .txt_stroke {
    padding: 5px 10px 0;
  }
  .section_feature02 .txt_stroke {
    padding: 5px 5px 0;
    width: 157px;
    display: inline-block;
  }
  .section_feature01 .txt_stroke:before {
    width: 127px;
    height: 40px;
    bottom: -8px;
  }
  .section_feature02 .txt_stroke:before {
    width: 151px;
    height: 40px;
    bottom: -5px;
  }
  .section_feature02 .txt_stroke img {
    width: 100%;
  }
  .section_feature01 .btn_more {
    margin-bottom: 33px;
  }
  .section_feature02 {
    padding: 36px 0 33px;
  }
  .section_feature02 .txt01_feature {
    margin-top: 36px;
  }
  .section_feature02 .youtube {
    top: 36px;
  }
  .section_feature02 .txt01_feature {
    margin-top: -10px;
  }
  .bx-viewport {
    height: inherit;
  }
  .slider_wrap .bx-wrapper .bx-prev,
  .slider_wrap .bx-wrapper .bx-next {
    width: 34px;
    height: 34px;
    background-size: contain;
    top: 11vw;
    transform: none;
    left: -10px;
  }
  .slider_wrap .bx-wrapper .bx-next {
    left: auto;
    right: -10px;
  }
}
@media screen and (max-width:340px) {
  .txt_featureBig {
    font-size: 28px;
  }
}
.line_org {
  content: "";
  display: block;
  width: 100%;
  height: 11px;
  background-image: url(../img/border_orange.png);
  transform: scaleY(-1);
}
.ttl_section_userVoice {
  margin-bottom: 60px;
}
.section_userVoice {
  padding: 70px 0 130px;
}
.section_userVoice .txt_featureBig {
  padding-top: 60px;
}
.inner_userVoice {
  max-width: 1100px;
  margin: 0 auto;
}
.userVoice_content {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}
.userVoice_content_right {
  justify-content: flex-end;
}
.userVoice_bubble_outer {
  position: relative;
  margin-left: 30px;
  font-weight: bold;
}
.userVoice_content_right .userVoice_bubble_outer {
  margin: 0 30px 0 0;
}
.ttl_userVoice {
  background-color: #e89115;
  color: #fff;
  font-size: 20px;
  border-radius: 20px;
  height: 45px;
  padding: 0 30px;
  line-height: 45px;
  position: absolute;
  top: -16px;
  left: 65px;
}
.txt_userVoice {
  font-size: 18px;
  text-align: left;
  max-width: 557px;
  position: absolute;
  line-height: 1.5;
  top: 43px;
  left: 76px;
}
.userVoice_content_right .txt_userVoice {
  right: 76px;
}
.bg_section_userVoice .btn_more {
  margin-top: 66px;
}
.bg_section_userVoice {
  background-image: url("../img/bg_bubble.png");
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1320px;
  margin: 0 auto;
  padding-bottom: 170px;
}
.ttl_section_userVoice {
  font-size: 40px;
  letter-spacing: 0.02em;
  font-weight: bold;
}
.ttl_section_userVoice_org {
  color: #e89115;
  position: relative;
}
.ttl_section_userVoice_org::before {
  content: "ペットデイズ";
  font-size: 18px;
  position: absolute;
  top: -20px;
  left: 32px;
  color: #000;
}
@media screen and (max-width:768px) {
  .section_userVoice {
    padding: 35px 0 14px;
  }
  .inner_userVoice {
    padding-top: 0px;
    background-color: rgba(255, 233, 186, 0.5);
  }
  .inner_section_userVoice {
    width: 92%;
    margin: 0 auto;
  }
  .ttl_section_userVoice {
    font-size: 21px;
    margin-bottom: 24px;
  }
  .ttl_section_userVoice_org::before {
    font-size: 11px;
    top: -10px;
    left: 13px;
  }
  .section_userVoice .txt_featureBig {
    padding-top: 15px;
  }
  .ttl_userVoice {
    font-size: 13px;
    line-height: 1.2;
    padding: 3px 12px;
    height: inherit;
    border-radius: 8px;
    top: -10px;
    left: 40px;
    text-align: left;
    min-width: 180px;
    box-sizing: border-box;
  }
  .userVoice_content_right .ttl_userVoice {
    left: 48px;
  }
  .txt_userVoice {
    font-size: 12px;
    top: 30px;
    left: 20%;
    max-width: 200px;
    width: 65%;
    line-height: 1.6;
  }
  .img_userVoice_content {
    width: 25%;
  }
  .img_userVoice_content img {
    width: 100%;
  }
  .userVoice_bubble_outer {
    width: 80%;
    margin-left: 3px;
  }
  .userVoice_bubble_outer img {
    max-width: 240px;
    width: 100%;
    margin-left: 8px;
  }
  .userVoice_content_right .userVoice_bubble_outer img {
    margin-left: auto;
  }
  .userVoice_content:last-of-type .userVoice_bubble_outer img {
    max-width: 220px;
    margin-right: 11px;
  }
  .userVoice_content {
    width: 94%;
    margin: 0 auto 22px;
  }
  .userVoice_content_right .userVoice_bubble_outer {
    margin-right: 0;
  }
  .userVoice_content_right .txt_userVoice {
    right: auto;
    left: 22%;
  }
  .bg_section_userVoice .btn_more {
    margin-top: 26px;
  }
  .bg_section_userVoice {
    background-image: none;
    padding-bottom: 0;
  }
  .sp_bubbleparts {
    width: 100%;
  }
}
@media screen and (max-width:413px) {
  .ttl_userVoice {
    left: 32px;
  }
  .userVoice_content_right .ttl_userVoice {
    left: 14px;
  }
  .txt_userVoice {
    top: 30px;
    left: 18%;
    width: 76%;
    line-height: 1.5;
  }
  .userVoice_bubble_outer {
    width: 80%;
    margin-left: 3px;
  }
  .userVoice_bubble_outer img {
    max-width: 240px;
    margin: auto;
  }
  .userVoice_content:last-of-type .userVoice_bubble_outer img {
    max-width: 215px;
    margin-right: 0;
  }
  .userVoice_content {
    width: 94%;
    margin: 0 auto 22px;
  }
  .userVoice_content_right .txt_userVoice {
    left: 11%;
  }
  .userVoice_content_right:last-of-type .ttl_userVoice {
    left: 35px;
  }
  .userVoice_content_right:last-of-type .txt_userVoice {
    left: 19%;
    width: 70%;
  }
}
@media screen and (max-width:340px) {
  .userVoice_bubble_outer img {
    margin-top: 15px;
  }
  .txt_userVoice {
    top: 35px;
    left: 17.5%;
  }
  .userVoice_content:last-of-type .txt_userVoice {
    top: 40px;
    width: 75%;
    left: 10%;
  }
  .ttl_userVoice {
    top: -5px;
  }
  .userVoice_content_left .ttl_userVoice {
    left: 20px;
  }
  .userVoice_content_left .ttl_userVoice .display_sp {
    display: none;
  }
  .userVoice_content_left:nth-of-type(4) .ttl_userVoice {
    left: 0;
  }
  .userVoice_content_right .ttl_userVoice,
  .userVoice_content_right:last-of-type .ttl_userVoice {
    left: 5px;
  }
}
.section_display {
  background-color: #e8f9fc;
  padding: 72px 0 48px;
  font-weight: bold;
}
.subttl_section_display {
  font-size: 30px;
  font-weight: bold;
}
.subttl_section_display span {
  font-size: 34px;
  color: #00c6c8;
  padding: 0 12px;
}
.ttl_section_display {
  position: relative;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 45px;
  padding-top: 15px;
}
.ttl_section_display:before,
.ttl_section_display:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 54px;
  height: 45px;
  top: 0;
  left: 20px;
  background-image: url(../img/dec_left02.png);
}
.ttl_section_display:after {
  left: auto;
  right: 20px;
  background-image: url(../img/dec_right02.png);
}
.txt_blu_big {
  font-size: 60px;
  color: #fff;
  padding: 0 12px;
  text-shadow: rgb(0, 198, 200) 7px 0px 0px, rgb(0, 198, 200) 6.92869px 0.996602px 0px, rgb(0, 198, 200) 6.71622px 1.9729px 0px, rgb(0, 198, 200) 6.36692px 2.909px 0px, rgb(0, 198, 200) 5.8879px 3.78584px 0px, rgb(0, 198, 200) 5.28893px 4.58555px 0px, rgb(0, 198, 200) 4.5822px 5.29183px 0px, rgb(0, 198, 200) 3.78212px 5.8903px 0px, rgb(0, 198, 200) 2.90498px 6.36876px 0px, rgb(0, 198, 200) 1.96865px 6.71747px 0px, rgb(0, 198, 200) 0.992221px 6.92932px 0px, rgb(0, 198, 200) -0.00442571px 7px 0px, rgb(0, 198, 200) -1.00098px 6.92806px 0px, rgb(0, 198, 200) -1.97715px 6.71498px 0px, rgb(0, 198, 200) -2.91303px 6.36508px 0px, rgb(0, 198, 200) -3.78956px 5.88551px 0px, rgb(0, 198, 200) -4.58889px 5.28603px 0px, rgb(0, 198, 200) -5.29472px 4.57885px 0px, rgb(0, 198, 200) -5.89269px 3.77839px 0px, rgb(0, 198, 200) -6.3706px 2.90095px 0px, rgb(0, 198, 200) -6.71871px 1.96441px 0px, rgb(0, 198, 200) -6.92995px 0.98784px 0px, rgb(0, 198, 200) -6.99999px -0.00885142px 0px, rgb(0, 198, 200) -6.92743px -1.00536px 0px, rgb(0, 198, 200) -6.71372px -1.98139px 0px, rgb(0, 198, 200) -6.36324px -2.91705px 0px, rgb(0, 198, 200) -5.88311px -3.79328px 0px, rgb(0, 198, 200) -5.28313px -4.59223px 0px, rgb(0, 198, 200) -4.57551px -5.29762px 0px, rgb(0, 198, 200) -3.77466px -5.89507px 0px, rgb(0, 198, 200) -2.89692px -6.37243px 0px, rgb(0, 198, 200) -1.96016px -6.71995px 0px, rgb(0, 198, 200) -0.983458px -6.93057px 0px, rgb(0, 198, 200) 0.0132771px -6.99999px 0px, rgb(0, 198, 200) 1.00974px -6.92679px 0px, rgb(0, 198, 200) 1.98564px -6.71247px 0px, rgb(0, 198, 200) 2.92107px -6.36139px 0px, rgb(0, 198, 200) 3.797px -5.88071px 0px, rgb(0, 198, 200) 4.59557px -5.28022px 0px, rgb(0, 198, 200) 5.30051px -4.57215px 0px, rgb(0, 198, 200) 5.89746px -3.77094px 0px, rgb(0, 198, 200) 6.37426px -2.89289px 0px, rgb(0, 198, 200) 6.72119px -1.95591px 0px, rgb(0, 198, 200) 6.93119px -0.979076px 0px;
}
.ttl_list div {
  width: 386px;
  height: 50px;
  border: 3px solid #00c6c8;
  background-color: #fff;
}
.ttl_list .type_tit {
  width: 386px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #fff;
  background-color: #00c6c8;
}
.ttl_list {
  display: flex;
  justify-content: center;
}
.txt_list {
  font-size: 24px;
  padding-top: 32px;
}
.list_displaytype {
  display: flex;
  justify-content: space-between;
  margin-top: 46px;
  margin-bottom: 90px;
}
.list_displaytype div span {
  display: block;
  text-align: left;
  font-size: 22px;
  padding-top: 20px;
}
.inner_section_display {
  max-width: 1104px;
  margin: 0 auto;
}
.list_displaysize {
  display: flex;
  justify-content: space-between;
  margin-top: 46px;
  margin-bottom: 70px;
}
.list_displaysize div span {
  display: inline-block;
  background-color: #00c6c8;
  color: #fff;
  font-size: 22px;
  border-radius: 20px;
  width: 196px;
  height: 38px;
  line-height: 38px;
  margin-top: 18px;
}
.txt_sizelist {
  text-align: right;
  font-weight: normal;
}
@media screen and (max-width:768px) {
  .subttl_section_display {
    font-size: 17px;
  }
  .subttl_section_display span {
    font-size: 17px;
  }
  .ttl_section_display {
    font-size: 26px;
  }
  .ttl_section_display:before,
  .ttl_section_display:after {
    width: 27px;
    height: 22px;
    background-size: cover;
    left: 0;
  }
  .ttl_section_display:after {
    left: auto;
    right: 0;
  }
  .txt_blu_big {
    font-size: 31px;
    padding: 0 4px;
    text-shadow: rgb(0, 198, 200) 3px 0px 0px, rgb(0, 198, 200) 2.83487px 0.981584px 0px, rgb(0, 198, 200) 2.35766px 1.85511px 0px, rgb(0, 198, 200) 1.62091px 2.52441px 0px, rgb(0, 198, 200) 0.705713px 2.91581px 0px, rgb(0, 198, 200) -0.287171px 2.98622px 0px, rgb(0, 198, 200) -1.24844px 2.72789px 0px, rgb(0, 198, 200) -2.07227px 2.16926px 0px, rgb(0, 198, 200) -2.66798px 1.37182px 0px, rgb(0, 198, 200) -2.96998px 0.42336px 0px, rgb(0, 198, 200) -2.94502px -0.571704px 0px, rgb(0, 198, 200) -2.59586px -1.50383px 0px, rgb(0, 198, 200) -1.96093px -2.27041px 0px, rgb(0, 198, 200) -1.11013px -2.78704px 0px, rgb(0, 198, 200) -0.137119px -2.99686px 0px, rgb(0, 198, 200) 0.850987px -2.87677px 0px, rgb(0, 198, 200) 1.74541px -2.43999px 0px, rgb(0, 198, 200) 2.44769px -1.73459px 0px, rgb(0, 198, 200) 2.88051px -0.838247px 0px;
  }
  .ttl_list div {
    height: 30px;
    width: 30%;
  }
  .ttl_list .type_tit {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    width: 40%;
  }
  .txt_list {
    font-size: 15px;
    padding-top: 15px;
  }
  .list_displaytype {
    display: block;
    margin: 15px 0 27px;
  }
  .list_displaytype div {
    margin-bottom: 13px;
  }
  .list_displaytype div span {
    font-size: 13px;
    padding: 10px 0 0;
    text-align: center;
  }
  .inner_section_display {
    max-width: 92%;
  }
  .list_displaysize {
    display: block;
    margin: 20px auto 25px;
    ;
  }
  .list_displaytype img,
  .list_displaysize img {
    margin: auto;
    max-width: 100%;
  }
  .list_displaysize div span {
    width: 46%;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    border-radius: 10px;
    margin-top: 0;
  }
  .txt_sizelist {
    font-size: 12px;
  }
  .section_display {
    padding: 30px 0 25px;
  }
}
@media screen and (max-width:340px) {
  .ttl_section_display {
    font-size: 24px;
  }
}






.section_QA {
  padding: 60px 0 100px;
}
.section_QA .txt_featureBig {
  padding-left: 33px;
  padding-right: 20px;
  background-image: url("../img/bg_txt01.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.ttl_section_QA {
  font-size: 40px;
  margin-bottom: 30px;
  font-weight: bold;
}
.border_section_QA {
  max-width: 1100px;
  border: 10px solid #000;
  margin: 0 auto;
  border-radius: 60px;
  padding-bottom: 45px;
  box-shadow: 7px 7px 0px 0px #000000;
}
.section_QA dt {
  font-size: 20px;
  text-align: left;
  max-width: 980px;
  margin: 0 auto;
  text-indent: -3em;
  padding-left: 3em;
  padding-top: 30px;
  font-weight: 500;
}
.section_QA dd {
  text-align: left;
  max-width: 980px;
  margin: 0 auto;
  text-indent: -3.5em;
  padding-left: 3.5em;
  line-height: 1.8;
  padding-bottom: 46px;
  padding-top: 10px;
  border-bottom: 1px solid #989898;
}
.section_QA dt:last-of-type {
  border: none;
}
.section_QA dt::before {
  content: "Q";
  font-size: 20px;
  color: #fff;
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background-color: #222222;
  border-radius: 20px;
  margin-right: 22px;
  text-indent: initial;
  z-index: 2;
}
.section_QA dd::before {
  content: "A";
  font-size: 19px;
  color: #fff;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 20px;
  text-align: center;
  background-color: #e89115;
  line-height: 36px;
  margin-right: 22px;
  text-indent: initial;
  z-index: 2;
}
@media screen and (max-width:768px) {
  .section_QA {
    padding: 35px 0 30px;
  }
  .ttl_section_QA {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .border_section_QA {
    max-width: 92%;
    border: 5px solid #000;
    border-radius: 32px;
    padding-bottom: 32px;
    box-shadow: 3px 3px 0 0 #000;
  }
  .section_QA dt {
    font-size: 13px;
    max-width: 96%;
    padding-top: 16px;
  }
  .section_QA dt::before {
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 22px;
    margin-right: 8px;
    margin-left: 2%;
  }
  .section_QA dd {
    font-size: 12px;
    max-width: 96%;
    padding-bottom: 16px;
    padding-top: 15px;
  }
  .section_QA dd::before {
    font-size: 14px;
    width: 25px;
    height: 25px;
    line-height: 23px;
    margin-right: 10px;
    margin-left: 2%;
  }
  .section_QA .txt_featureBig {
    padding-left: 19px;
  }
}


.section_case {
  background-color: #f7f6f5;
  padding: 68px 0 130px;
}
.inner_section_case {
  max-width: 1100px;
  margin: 0 auto;
}
.subttl_section_case {
  font-size: 40px;
  letter-spacing: 0.04em;
  margin-bottom: 18px;
  font-weight: bold;
}
.subttl_section_case span {
  color: #00c6c8;
  position: relative;
}
.subttl_section_case span::before {
  content: "ペットデイズ";
  color: #000;
  font-size: 18px;
  position: absolute;
  top: -18px;
  left: 34px;
}
.ttl_section_case {
  font-size: 50px;
  font-weight: bold;
}
.section_case_flex {
  display: flex;
  justify-content: space-between;
  margin-top: 104px;
}
.section_case_flex .youtube iframe {
  width: 513px;
  height: 284px;
  position: absolute;
  left: 5px;
  top: 9px;
}
.section_case_flex .flame {
  width: 524px;
  position: relative;
  pointer-events: none;
}
.section_case_flex .flame img {
  width: 100%;
}
.ttl_case {
  font-size: 22px;
  font-weight: bold;
  margin-top: 22px;
  text-align: left;
}
.ttl_case span {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background-color: #00c6c8;
  border-radius: 17px;
  width: 108px;
  height: 32px;
  line-height: 32px;
  padding: 0 26px;
  margin-right: 16px;
  padding-bottom: 3px;
}
@media screen and (max-width:768px) {
  .section_case {
    padding: 32px 0 64px;
  }
  .inner_section_case {
    width: 90%;
  }
  .subttl_section_case {
    font-size: 21px;
    margin-bottom: 0;
  }
  .ttl_section_case {
    font-size: 25px;
  }
  .subttl_section_case span::before {
    font-size: 11px;
    top: -12px;
    left: 12px;
  }
  .section_case_flex {
    display: block;
    margin-top: 24px;
  }
  .section_case .outer_case+.outer_case {
    margin-top: 20px;
  }
  .section_case .youtube {
    width: 100%;
  }
  .section_case .flame {
    width: 100%;
  }
  .section_case .flame img {
    width: 100%;
  }
  .ttl_case {
    font-size: 14px;
    line-height: 2;
    margin-top: 1px;
  }
  .ttl_case span {
    font-size: 12px;
    border-radius: 17px;
    width: 54px;
    height: 17px;
    line-height: 17px;
    padding: 0 14px;
    margin-right: 0;
    padding-bottom: 3px;
  }
  .section_case_flex .youtube iframe {
    width: 97%;
    height: 50vw;
    left: 1.5%;
    top: 3px;
  }
}
.line_org02 {
  content: "";
  display: block;
  width: 100%;
  height: 11px;
  background-image: url(../img/border_orange.png);
}
.section_info {
  background-color: #e89115;
  padding: 87px 0 50px;
}
.bg_section_info {
  max-width: 1100px;
  background-color: #fff;
  border-radius: 50px;
  margin: 0 auto;
  padding: 66px 0 48px;
  position: relative;
}
.ttl_section_info {
  font-size: 46px;
  font-weight: bold;
  color: #e89115;
  display: inline-block;
  margin-bottom: 50px;
  position: relative;
}
.img_section_info {
  position: absolute;
  bottom: -50px;
  right: -137px;
}
@media (max-width: 1300px) {
  .img_section_info {
    right: -34px;
  }
}
.ttl_section_info::before {
  content: "ペットデイズ";
  font-size: 16px;
  position: absolute;
  top: -14px;
  left: 32px;
  font-weight: normal;
}
.txt_petdaysinfo {
  font-size: 20px;
  margin-top: 48px;
  font-weight: bold;
}
.bg_section_info .adkikaku {
  font-size: 16px;
  display: block;
  margin: 15px;
  font-weight: bold;
}
.section_info .e-mail {
  font-size: 16px;
  color: #2255ed;
  border-bottom: 1px solid #2255ed;
}
.section_info .e-mail:hover {
  text-decoration: none;
}
.home .line_footer {
  margin-top: 40px;
}
@media screen and (max-width:768px) {
  .ttl_section_info {
    font-size: 26px;
    margin-bottom: 8px;
  }
  .ttl_section_info::before {
    font-size: 11px;
    top: -9px;
    left: 25px;
  }
  .bg_section_info {
    padding: 15px 0 20px;
    max-width: 92%;
    border-radius: 25px;
  }
  .txt_petdaysinfo {
    font-size: 12px;
    margin-top: 17px;
  }
  .bg_section_info .adkikaku {
    font-size: 10px;
    margin: 4px;
  }
  .img_section_info {
    width: 24%;
    bottom: -55px;
    right: -10px;
  }
  .section_info {
    padding: 32px 0 54px;
  }
  #foot_right a {
    font-size: 9px;
    margin-right: 0;
    padding-bottom: 3px;
  }
  #foot_right a:first-of-type {
    margin-right: 15px;
  }
  #foot_right small {
    display: block;
    margin: 8px 0 0;
  }
  footer {
    padding: 10px 0;
  }
}
/* -----privacyPolicy_page----- */


.inner_privacyPolicy {
  max-width: 1048px;
  margin: 0 auto;
  text-align: left;
  padding-top: 100px;
}
.ttl_privacyPolicy {
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  padding: 85px 0 90px;
  background-color: #e89115;
}
.privacyPolicy dl {
  margin-bottom: 60px;
}
.privacyPolicy dt {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 18px;
}
.privacyPolicy dd {
  font-size: 18px;
  line-height: 1.8;
}
.privacyPolicy dd span {
  display: block;
  margin-bottom: 40px;
}
.privacyPolicy .line_footer,
.thanks .line_footer {
  height: 6px;
  margin-bottom: 10px;
}
.privacyPolicy footer .sitewrap {
  margin-bottom: 17px;
}
.privacyPolicy header,
.thanks header,
.contact header {
  margin-bottom: 0;
}
@media screen and (max-width: 960px) {
  .inner_privacyPolicy {
    max-width: 90%;
    padding-top: 40px;
  }
  .ttl_privacyPolicy {
    font-size: 26px;
    padding: 30px 0 34px;
  }
  .privacyPolicy dl {
    margin-bottom: 32px;
  }
  .privacyPolicy dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .privacyPolicy dd {
    font-size: 16px;
    line-height: 1.8;
  }
  .privacyPolicy dd span {
    display: block;
    margin-bottom: 20px;
  }
  .privacyPolicy .line_footer {
    height: 4px;
    margin-bottom: 10px;
  }
  .privacyPolicy footer .sitewrap {
    margin-bottom: 17px;
  }
  .privacyPolicy main,
  .thanks main,
  .contact main {
    margin-bottom: 0;
    padding-top: 0;
  }
}

/* -----inquirtThanks_page----- */

.txt_thanks {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 40px;
}
.thanks .line_org {
  margin-bottom: 100px;
}
.btn_thanks {
  display: block;
  margin: 74px auto 100px;
  padding: 10px 0;
  font-size: 36px;
  color: #fff;
  background-color: #00c6c8;
  width: 40%;
  max-width: 500px;
  min-width: 300px;
  border-radius: 15px;
  transition: transform .4s;
}
.btn_thanks:hover {
  transform: translateY(5px);
  text-decoration: none;
}
@media screen and (max-width: 960px) {
  .txt_thanks {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .thanks .line_org {
    margin-bottom: 40px;
  }
  .btn_thanks {
    margin: 40px auto 50px;
    padding: 10px 0;
    font-size: 15px;
    width: 36%;
    max-width: 500px;
    min-width: 200px;
    border-radius: 12px;
  }
}
/* contact
-------------------------------------------------------------------*/
.contact .area_01 {
  margin: 100px auto 80px;
}
.contact .area_01 p {
  text-align: center;
  margin: 0 0 50px 0;
  font-size: 24px;
}
.contact .area_01 .mb10.f_small {
  font-weight: bold;
  border-bottom: 2px solid #000;
  width: 12%;
  margin: 0 auto;
  font-size: 20px;
}
.contact .area_01 .pdf ul {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.contact .area_01 .pdf ul li {
  text-align: center;
  font-size: 18px;
  padding: 0 15px;
}
.contact .area_01 .pdf ul li img {
  text-align: center;
  border: solid;
  border-color: #c1c1c1;
  border-width: thin;
}
.contact .area_01 .pdf ul li p {
  width: auto;
  text-align: center;
  font-size: 16px;
  margin: 10px 0 0;
}
.contact .area_01 p.f_small {
  font-size: 20px;
}
@media screen and (max-width:768px) {
  .contact .area_01 {
    margin: 50px auto 40px;
  }
  .contact .area_01 .pdf ul {
    margin: 20px 0;
  }
  .contact .area_01 .pdf ul li {
    width: 50%;
  }
  .contact .area_01 .pdf ul li img {
    width: 100%;
  }
  .contact .area_01 .pdf ul li p {
    margin-top: 10px;
    width: auto;
    font-size: 16px;
  }
}
.contact #contbox {
  width: 1000px;
  margin: 30px auto 0;
}
.contact .contents .form .checkbox label {
  display: block;
  cursor: pointer;
}
.contact .contents .form dl {
  border-top: solid 1px #999999;
  border-right: solid 1px #999999;
  border-left: solid 1px #999999;
  text-align: left;
}
.contact .contents .form dl dt {
  padding: 20px 20px 20px 70px;
  width: 300px;
  box-sizing: border-box;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  background: #dcdcdc;
  border-right: solid 1px #999999;
}
.contact .contents .form dl dt.hissu {
  background: url(../contact/img/hissu.gif) 10px center no-repeat #dcdcdc;
}
.contact .contents .form dl dd {
  padding: 20px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.contact .contents .form dd input[type=text],
.contact .contents .form dd input[type=email],
.contact .contents .form dd input[type=tel] {
  width: 655px;
  padding: 5px;
  font-size: 16px;
  box-sizing: border-box;
  float: left;
  background: #fff;
  border: 1px solid #CCC;
}
.contact .contents .form dd.post input[type=text] {
  width: 150px;
  background: #fff;
}
.contact .contents .form dl.checkbox input[type="checkbox"],
.contact .contents .consent input[type="checkbox"] {
  display: none;
}
.contact .contents .form dl.checkbox label {
  display: block;
}
.contact .contents .form dl.checkbox label+label {
  margin-top: 10px;
}
.contact .contents .form dl.checkbox label span,
.contact .contents .consent label span {
  display: inline-block;
  position: relative;
}
.contact .contents .form dl.checkbox label span:before,
.contact .contents .consent label span:before {
  content: "";
  width: 25px;
  height: 25px;
  background: #fff;
  border: solid 1px #ccc;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 3px;
  transition: border-color .5s, background-color .5s;
}
.contact .contents .form dl.checkbox label span:hover:before,
.contact .contents .form dl.checkbox label input:checked+span:before,
.contact .contents .consent label span:hover:before,
.contact .contents .consent label input:checked+span:before {
  background: #ffffaa;
}
.contact .contents .form dl.checkbox label input:checked+span:after,
.contact .contents .consent label input:checked+span:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 14px;
  height: 8px;
  border-top: 4px solid #7a0;
  border-right: 4px solid #7a0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.contact .contents .form dd.post p.txt01 {
  float: left;
  padding: 5px 10px 0 0;
}
.contact .contents .form dd.post p.txt02 {
  float: left;
  padding: 5px 0 0 15px;
  font-size: 14px;
}
.contact .contents .form textarea {
  width: 655px;
  padding: 5px;
  font-size: 16px;
  box-sizing: border-box;
}
.contact .contents .form dd select {
  width: 200px;
  padding: 5px 5px 8px 5px;
  font-size: 16px;
  box-sizing: border-box;
}
.contact .contents .form .faq dt {
  padding: 0 20px 0 70px;
}
.contact .contents .form {
  border-bottom: solid 1px #999999;
}
.contact .contents .check {
  padding: 50px 0 80px 0;
}
.contact .contents .check .box {
  padding: 30px;
  box-sizing: border-box;
  width: 710px;
  height: 190px;
  margin: 50px auto 0;
  border: 1px solid #CCCCCC;
  overflow-y: scroll;
}
.contact .contents .check .box p,
.contact .contents .check .box li {
  text-align: left;
}
.contact .contents .check .consent {
  padding: 20px 0;
  text-align: center;
}
.contact .contents .check input[type="checkbox"] {
  margin-right: 0.5em;
}
.contact .btn {
  text-align: center;
  padding: 30px 0 0 0;
}
.contact a.btn_style {
  display: block;
  max-width: 615px;
  font-size: 200%;
  text-align: center;
  margin: auto;
  text-decoration: none;
  font-weight: bold;
  background: #bbb;
  border-radius: 20px;
  line-height: 2.2;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.3);
  transition: transform .4s;
}
.contact a.btn_style:hover {
  transform: translateY(5px);
}
.contact .submit_btn {
  border: 0px;
  width: 622px;
  height: 80px;
  background: url(../contact/img/btn.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  transition: transform .4s;
}
.contact .submit_btn:hover {
  cursor: pointer;
  transform: translateY(5px);
  transition: all 0.3s;
}
.contact .check h4 {
  color: #00003b;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 0 0 20px 0;
}
.contact .check .box_in {
  padding: 0 0 20px 0;
}
.contact .check .box_in02 {
  padding: 0 0 0 0;
}
.contact .check h5 {
  color: #00003b;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 10px 0;
  text-align: left;
}
.contact .check ol li {
  padding: 0 0 5px 0;
}
.contact .check .box_in02 p {
  padding: 0 0 15px 0;
}
@media screen and (max-width:768px) {
  .contact .area_01 .mb10.f_small {
    font-weight: bold;
    border-bottom: 2px solid #000;
    width: 130px;
    margin: 0 auto;
  }
  .contact .area_01 .mb20 {
    text-align: left;
    width: auto;
    margin: 0 10px 10px 10px;
  }
  .contact .area_01 p,
  .contact .area_01 p.f_small {
    text-align: left;
    margin: 0 10px 10px 10px;
    font-size: 14px;
  }
  .contact #contbox {
    width: 97%;
    margin: 30px auto 0;
  }
  .contact .contents .form dl {
    background: #dcdcdc;
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    border-left: solid 1px #999999;
  }
  .contact .contents .form dl dt {
    display: block;
    padding: 10px 10px 10px 60px;
    width: 100%;
    box-sizing: border-box;
    border: none;
  }
  .contact .contents .form dl dt.hissu {
    background: url(../contact/img/hissu.gif) 10px center no-repeat;
    background-size: 40px;
  }
  .contact .contents .form dl dd {
    padding: 10px;
    background: #fff;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .contact .contents .form dd input[type=text],
  .contact .contents .form dd input[type=email],
  .contact .contents .form dd input[type=tel] {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    float: none;
  }
  .contact .contents .form dd.post input[type=text] {
    width: 100px;
  }
  .contact .contents .form dd.post p.txt01 {
    float: left;
    padding: 5px 10px 0 0;
  }
  .contact .contents .form dd.post p.txt02 {
    float: none;
    padding: 5px 0 0 22px;
    font-size: 14px;
  }
  .contact .contents .form textarea {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
  }
  .contact .contents .form dd select {
    width: 200px;
    padding: 5px 5px 8px 5px;
    box-sizing: border-box;
  }
  .contact .contents .form .faq dt {
    padding: 10px;
  }
  .contact .contents .form {
    border-bottom: solid 1px #999999;
  }
  .contact .contents .check {
    padding: 20px 0;
  }
  .contact .contents .check .box {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 190px;
    margin: 30px auto 0;
    border: 1px solid #CCCCCC;
    overflow-y: scroll;
  }
  .contact .contents .check .consent {
    padding: 20px 0;
    text-align: center;
  }
  .contact .contents .check input[type="checkbox"] {
    margin-right: 0.5em;
  }
  .contact .btn {
    text-align: center;
    padding: 0 0 40px 0;
  }
  .contact .submit_btn {
    border: 0px;
    width: 280px;
    height: 45px;
    background: url(../contact/img/sp/btn.png) left top no-repeat;
    background-size: 280px;

  }
  .contact .submit_btn:hover {
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    transition: all 0.3s;
  }
  .contact .check h4 {
    color: #00003b;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 15px 0;
  }
  .contact .check .box_in {
    padding: 0 0 20px 0;
  }
  .contact .check .box_in02 {
    padding: 0 0 0 0;
  }
  .contact .check h5 {
    color: #00003b;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 10px 0;
  }
  .contact .check ol li {
    padding: 0 0 5px 0;
  }
  .contact .check .box_in02 p {
    padding: 0 0 15px 0;
  }
  .contact a.btn_style {
    max-width: 275px;
    font-size: 200%;
    border-radius: 8px;
    line-height: 2.5;
  }
}
/* -----survey_page----- */
.survey {
  display: block;
  content: "";
  background: #fddde6;
  padding-top: 0;
}
.survey main {
  padding-top: 0;
}
.survey header{
  background: #fff;
  padding:0 10px;
  height:auto;
}
.survey header .header_txt {
    max-width: 1000px;
    text-align: left;
    margin: 0 auto;
}
.survey .bg_white {
  margin: 10px;
  background-color: #fff;
  border-radius: 20px;
  padding-bottom: 20px;
}
.survey .sitewrap {
  padding: 10px;
  text-align: center;
}
.survey .t_center {
  line-height: 0;
}
.survey .hukidasi {
  position: relative;
  margin: 10px auto 40px;
  padding: 10px 20px;
  width: 100%;
  color: #fff;
  font-size: 4vw;
  background: #eab05f;
  border-radius: 10px;
  line-height: 1.2;
}
.survey .hukidasi:before {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 15px solid #eab05f;
}
.survey h1 {
  font-weight: bold;
  font-size: 6vw;
  line-height: 1.4;
}
.survey span {
  padding: 0 10px;
}
.survey .bar {
  padding: 0 10px;
}
.survey .mdl_txt {
  font-size: 9vw;
}
.survey .img_gomei {
  width: 22%;
  height: auto;
}
.survey .img_sennenbun {
  width: 75%;
  height: auto;
}
.survey .img_amazon {
  width: 27%;
  height: auto;
  margin-right: 25px;
}
.survey .img_present {
  width: 50%;
  height: auto;
  margin-bottom: 10px;
}
.survey .sityou_txt {
  margin: 30px auto 0;
  line-height: 1.4;
  font-size: 4vw;
  font-weight: bold;
}
.survey .detail_txt {
  margin-top:20px;
  line-height:1.4;
  font-size:1.5rem;
}
.survey .line_height2 {
  line-height: 2;
}
.survey .youtube {
  position: relative;
  z-index: 0;
}
.survey .youtube .movie_wrap{
  border-radius:10px;
  overflow:hidden;
}
.survey .youtube .flame{
  position:absolute;
  top:-10px;
  left:-10px;
  width:calc(100% + 20px);
  height:calc(100% + 20px);
  z-index:-1;
}
.survey .youtube .flame img{
  width:100%;
}
.survey .txt_douga_tit {
  padding-bottom: 20px;
}
.survey .btn_more {
  width: 95%;
  position: relative;
  z-index: 15;
}
.survey .btn_more p {
  display: inline-block;
}
.survey .btn_more span {
  padding: 0 5px;
  position: absolute;
  z-index: 12;
  right: 10px;
}
.survey .section_comment p {
  text-align: left;
  padding-bottom: 20px;
}
.survey footer {
  padding: 0;
}
.survey #foot_right {
  line-height: 2;
}
.survey #foot_right a {
  margin: 0 30px;
}
.survey #foot_right small {
  margin: 0;
}
@media screen and (min-width:768px) {
  .survey .bg_white {
    min-width: 600px;
    max-width: 1000px;
    margin: 30px auto 0;
    padding-bottom: 110px;
  }
  .survey .btn_more p {
    padding-top: 0px;
  }
  .survey .sitewrap {
    min-width: 600px;
    max-width: 1000px;
    padding: 105px 120px 0 120px;
    text-align: center;
  }
  .survey .section_comment .sitewrap {
    padding: 30px 0px;
  }
  .survey .hukidasi {
    padding: 20px;
    font-size: 40px;
  }
  .survey h1 {
    font-weight: 800;
    font-size: 46px;
    line-height: 1.4;
  }
  .survey .img_gomei {
    width: 32%;
  }
  .survey .img_sennenbun {
    width: 65%;
  }
  .survey .img_amazon {
    width: 23%;
  }
  .survey .img_present {
    width: 45%;
  }
  .survey .mdl_txt {
    font-size: 70px;
  }
  .survey .sityou_txt {
    margin-top: 70px;
    font-size: 40px;
    font-weight: bold;
  }
  .survey .btn_more {
    width: 77%;
    margin-top: 90px;
  }
  .survey .txt_douga_tit {
    padding-bottom: 70px;
    font-size: 20px;
  }
  .survey .btn_more span {
    padding: 0 5px;
    position: absolute;
    z-index: 12;
    margin-right: 30px;
  }
  .survey footer {
    padding: 1px;
  }
  .survey #foot_right {
    margin: 30px auto;
  }
  .section-video .details {
    font-size: 24px;
    margin-top: 40px;
    font-weight: 500;
  }
  .e-mail {
    font-size: 16px;
    color: #2255ed;
    border-bottom: 1px solid #2255ed;
  }
  .e-mail:hover {
    text-decoration: none;
  }
}
@media screen and (max-width:768px) {
  .survey header{
    margin-bottom:20px;
  }
  .survey header .header_txt img{
    height:60px;
  }
  .survey .detail_txt {
    margin-top:10px;
    font-size: 3.75vw;
  }
  .survey .youtube .movie_wrap{
    border-radius:5px;
  }
  .survey .youtube .flame{
    top:-5px;
    left:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
  } 
  .section-video .details {
      font-size: 14px;
      margin-top: 20px;
      padding: 0px 25px;
      text-align: left;
  } 
  .survey .btn_more {
    margin-top: 40px;
  }
  .survey .section_comment p {
    font-size: 12px;
  }
  .survey  .btn_more span {
    margin-top: 19px;
  }
  .survey .img_gomei {
    width: 40%;
    height: auto;
}
  .survey .title_top {
    font-size: 7vw;
    margin: 30px auto 40px;
  }
}