@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  line-height: 0;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* IEだけに適応 */
_:lang(x)::-ms-backdrop, body {
  font-family: "Segoe UI", Meiryo, sans-serif;
}
html{
	font-size: 62.5%;
}
body {
  color: #05040E;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: 'palt';
  background-color: #ffffff;
  -webkit-font-feature-settings: 'pkna';
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
img{
	vertical-align: bottom;
	height: auto;
}
#wrapper {
  width: 100%;
  margin: 0 auto;
}
a:hover {
  opacity: 0.8;
}
.pc{
	display: none;
}
.sec-mv {
  background: #05040E;
}
.sec-mv-header{
  background: #AA000A;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.sec-benefits .inner {
  max-width: 1100px;
  width: 100%;
  background: url(../img/benefits-background.jpg);
  padding: 7% 0 5%;
}
.sec-benefits {
  text-align: center;

}
.sec-benefits ul {
  padding: 3% 0 0;
}
.sec-benefits li {
  padding: 0 0 3%;
}
.sec-single {
  padding: 3% 2.5%;
}
.sec-single h1 {
	border: 1px solid #05040E;
	text-align: center;
}
.sec-single img{
	width: 90%;
	padding: 2% 0;
	margin: 0 auto;
}
.sec-convenient {
}
.convenient-note {
  font-size: 8px;
  font-size: 0.8rem;
  line-height: 1.6;
  border: 1px solid #05040E;
  margin: 20px auto 40px;
  color: #05040E;
  padding: 5%;
  text-align: justify;
  font-weight: 400;
}
.convenient-note .ttl {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 5px
}

.sec-suggestion img{
	width:  100% ;
	margin: 0 auto;
}
.sec-suggestion h1{
	width: 70%;
	margin: 0 auto 5% ;
}
.sec-suggestion, .sec-support .inner{
  background: #05040E;
  text-align: center;
}
.sec-support .inner{
	padding: 4% 0 4%;
}
.suggestion{
	width: 90%;
	margin: 0 auto 8%;
}
.suggestion .gif{
	width: 90%;
	margin: 0 auto;
}
.suggestion .annotation{
	text-align: right;
	font-size: 2vw;
	font-weight: lighter;
}
.sec-support h1{
	padding-bottom: 2%;
	margin: 0 auto;
	width: 90%;
}
.suggestion p{
	color: #ffffff;
	font-size: 4.1vw;
	text-align: left;
	width: 90%;
    font-weight: bold;
    line-height: 1.7;
	margin: 0 auto 5%;
}
.sec-support .support {
  background: linear-gradient(#CCCCCC,#E5E5E5, #CCCCCC);
  width: 92%;
  margin: 2.5% auto 3.5%;
  padding: 3.5% 0% 1% 3.5%;
}
.sec-support .support img{
	width: 100%;
}
.sec-support .support p{
	font-size: 2.5vw;
	color: #414144;
	line-height: 1.5;
	padding: 3%;
	text-align: left;
}
.sec-unnecessary{
	background: url("../img/suggestion-background.jpg");

}
.sec-unnecessary .inner{
	width: 90%;
	margin: 0 auto;
	padding: 7% 0;
}
.sec-convenient-block-01{
	text-align: center;
	padding: 0 0 5%;
}
.sec-convenient-block-01 img{
	width: 90%;
	margin: 0 auto;

}
.amazon img{
	width: 92%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 3.5%;
}
.convenient-box img{
	width: 92%;
	margin: 0 auto;
}
.pause img{
	width: 70%!important;
	text-align: center;
}
.sec-commitment{
	background: #05040E;
}
.commitment-body{
	text-align: center;
}
.sec-commitment h1{
	padding-bottom: 5%;
}
.commitment-body img{
	width: 90%;
	margin: 0 auto 5%;
}
.commitment-01{
	border: 2px solid #aa000a;
	width: 89%;
    margin: 0 auto 5%;
	height: 200vw;
}
.commitment-01 h2{
	padding-top: 5%;
}
.commitment-01 h2 img{
	margin-bottom: 2%;
}
.commitment-01 p{
	color: #ffffff;
    font-size: 4.1vw;
    text-align: left;
    width: 90%;
    font-weight: bold;
    line-height: 1.7;
    margin: 0 auto 5%;
}
.commitment-01-contents{
	position: relative;
}
.commitment-01-contents h3{
	width: 60%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.commitment-01-contents .gif{
	position: absolute;
	top: 2vw;
}
.commitment-01-contents .commitment-posi{
	position: absolute;
	top: 75vw;
}
.howto-body{
	text-align: center;
	background:  #05040E;
	padding-bottom: 5%;
}
.howto-body img{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 3%;
}
.sec-know{
	background: #05040E;
}
.graph{
    border: 2px solid #aa000a;
}
.sec-uneasiness{
	background: linear-gradient(#CCCCCC,#E5E5E5, #CCCCCC);
}
.uneasiness{
	background: #fff;
}
@media screen and (max-width:768px) {
  .convenient-guide .guide-show .item {
    width: 100%
  }
  .convenient-guide .guide-show .item:last-child {
    margin-bottom: 0
  }
}
.convenient-guide .guide-heading {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 15px;
}
.convenient-guide .guide-show .item .convenient-suppor-ttl {
  display: block;
  text-align: center;
  font-size: 10px;
  font-size: 18px;
  background: #05040E;
  /*
  background: -o-linear-gradient(225deg, #000d0d, #AA000A);
  background: linear-gradient(-135deg, #000d0d, #AA000A);
*/
  color: #ffffff;
  font-weight: 700;
  padding: 4vw;
  margin-bottom: 1px;
  position: relative
}

.convenient-guide .guide-show .item .convenient-suppor-ttl a{
	color: #ffffff;
	text-decoration: none;
}
.convenient-guide .guide-show .item img {
  max-width: 240px;
  margin-bottom: 7px
}
.convenient-guide .guide-show .item .ttl {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  border-bottom: 1px solid #05040E;
  margin-bottom: 10px
}
.convenient-guide .guide-show .item p {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 20px
}
.convenient-guide .guide-show .item p:last-child {
  margin-bottom: 0
}
.convenient-guide .guide-show .item a {
  color: #05040E;
  text-decoration: underline
}
.convenient-guide .guide-show .item a[href^=tel] {
  text-decoration: none
}
.convenient-guide .guide-show .item .privacy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}
.convenient-guide .guide-show .item .privacy-box .img {
  width: 100px
}
.convenient-guide .guide-show .item .privacy-box .img img {
  max-width: 100%;
  margin-bottom: 0
}
.convenient-guide .guide-show .item .privacy-box p {
  width: calc(100% - 100px);
  padding-left: 10px
}
.convenient-guide, .convenient-note {
  line-height: 1.6;
}
.sec-contact .contact-block .twinkle:after {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  -webkit-animation: btn 3s ease-in-out infinite;
  animation: btn 3s ease-in-out infinite
}
.bnr_5per {
  margin: 30px 0 0
}
.sec-worries{
		background: #04040D;
		position: relative;
		height: 205vw;
	}
	.sec-worries .inner{
		width: 100%;
		position: absolute;
		top: -3.5rem;
		left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
	}
.sec-contact {
    position: fixed;
    bottom: -200px;
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99;
}
.sec-contact.fixed {
    z-index: 101;
}
.sec-contact .contact-block {
    display: block;
    position: relative;
}
.sec-contact .contact-block .twinkle {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anime1 {
  from {
    transform: scale(0.95, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes expand {
  0%, 100% {
    -webkit-transform: scale(1) translateY(-1%);
    transform: scale(1) translateY(-1%)
  }
  65% {
    -webkit-transform: scale(1.05) translateY(0);
    transform: scale(1.05) translateY(0)
  }
}

@keyframes expand {
  0%, 100% {
    -webkit-transform: scale(1) translateY(-1%);
    transform: scale(1) translateY(-1%)
  }
  65% {
    -webkit-transform: scale(1.05) translateY(0);
    transform: scale(1.05) translateY(0)
  }
}
@-webkit-keyframes btn {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: .5
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0
  }
}
.sec-convenient-block-01,.sec-benefits,.sec-support ,.sec-single{
	position: relative;
	z-index: 102;
	background: #fff;
}
@media screen and (max-width:1024px) {
  img {
    width: 100%
  }
  .bnr_5per {
    margin: 15px 0 0
  }
  iframe#egg_form {
    width: 1100px;
    height: 2350px
  }
	.sec-benefits h1,.sec-benefits ul{
		width: 90%;
		margin: 0 auto;
	}
/*
  .convenient-guide .guide-show .item .convenient-suppor-ttl::after {
    content: ' ▼';
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 30%;
    left: 94%
  }
*/
  .accbox {
    margin: 0;
    padding: 0;
    width: 100%
  }
  .accbox label {
    display: block;
    font-weight: 700;
    cursor: pointer;
    transition: all .5s
  }
  .accbox input {
    display: none
  }
  .accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: .8s
  }
  .cssacc:checked + .accshow {
    width: 95%;
    height: auto;
    opacity: 1;
    margin: 3% auto 5%;
  }
	.sec-know .inner{
    padding: 5% 0 7%;
    width: 90%;
    margin:  auto;
  }
  .sec-know h2{
    margin-bottom: 5%;
  }
  .graph{
    margin: 8% auto 5%;
    color: #fff;
    padding: 7%;
	  line-height: 1.5;
  }
	.graph img{
		margin-bottom: 5%;

	}
	.sec-media{
	}
    .sec-uneasiness{
      padding: 10% 0 5%;
    }
    .sec-uneasiness .inner{
      width: 95%;
      margin: 0 auto;
    }
	.sec-uneasiness h2{
		width: 90%;
		margin: 0 auto;
	}
	.sec-uneasiness h3{
		font-size: 6vw;
		text-align: center;
		margin: 5% 0 ;
	}
	.sec-uneasiness p{
		font-size: 3.9vw;
		width: 100%;
		line-height: 1.5;
		margin: 7% auto;
		font-weight: 100;
	}
	.sec-uneasiness span{
		font-weight: bold;
	}
	.uneasiness{
		padding: 7%;
		margin-top: 7%;
	}
	.sec-contact.fixed {
        top: 0;
		height: 22vw
    }
}
@media screen and (min-width:769px) {
	.inner{
		width: 100%;
		max-width: 860px;
		margin: 0 auto;
	}
  .bnr_5per {
    margin: 15px 0 0
  }
  iframe#egg_form {
    width: 1100px;
    height: 2350px
  }
/*
  .convenient-guide .guide-show .item .convenient-suppor-ttl::after {
    content: ' ▼';
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 30%;
    left: 94%
  }
*/
  .active {
    content: ' ▲';
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 30%;
    left: 94%
  }
  .accbox {
    margin: 0;
    padding: 0;
    width: 100%
  }
  .accbox label {
    display: block;
    font-weight: 700;
    cursor: pointer;
    transition: all .5s
  }
  .accbox input {
    display: none
  }
  .accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: .8s
  }
  .cssacc:checked + .accshow {
    height: auto;
    opacity: 1;
    margin-bottom: 30px
  }
  .beginning-heading .inner {
    max-width: 100%;
    padding: 0;
  }
  .reputation-block img {
    margin-top: 3rem;
  }
	.sec-unconscious{
		background: url("../img/unconscious-bg.png");
		width: 100%;
	}
	.sec-media{
		background:#000;
    padding-bottom: 50px;
	}
	.sec-worries{
		background: #04040D;
		position: relative;
		height: 152rem;
	}
	.sec-worries .inner{
		position: absolute;
		top: -5.5rem;
		left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
	}
}
@media screen and (min-width:1500px) {
  .sec-reputation2 {
    padding-top: 92rem;
  }
}
/*# sourceMappingURL=maps/styles.css.map */
/* ポップアップ */
.question-wrap {
  margin-top: 30px;
}
.question-wrap2 {
  margin-top: 30px;
}
.question-inner {
  background: #f6f6f6;
  width: 90%;
  margin: 5px auto 0 auto;
  padding: 10px 0 30px 0;
}
.question-grp1 {
  padding-bottom: 30px;
  padding-top: 105px;
  margin-top: -75px;
  display: none;
}
.question-grp2 {
  padding: 30px 0;
  display: none;
}
.question-grp2 {
  padding: 30px 0;
  display: none;
}
.question-ttl p {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
.check_lb {
  display: block;
  padding: 6px 0;
}
.questionBoxCheckBox {
  width: 258px;
  margin: 0 auto;
}
.checkboxInput {
  display: none;
}
.checkboxParts {
  font-size: 1.2rem;
  position: relative;
  padding-left: 20px;
  margin-right: 20px;
}
.checkboxParts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.check_lb_gyo {
  margin-left: 20px;
}
.checkboxInput:checked + .checkboxParts {
  color: #0000ff;
  font-weight: 700;
}
.checkboxInput:checked + .checkboxParts::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #05040E;
  border-right: 3px solid #05040E;
}
.question-inner .submit {
  display: flex;
  justify-content: center;
}
.question-inner .submit input {
  cursor: pointer;
  border: none;
  display: inline-block;
  width: 250px;
  background: #05040E;
  color: #fff;
  font-weight: bold;
  margin: 15px auto 0 auto;
  padding: 10px 8px;
}
.popup {
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90vw;
  height: 96%;
  overflow-y: scroll;
  z-index: 9999;
}
/* チェックボックスの初期設定 */
#popup-on {
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup {
  display: block;
  animation-name: fade-in;
  animation-duration: 0.2s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.popup-grp-btnBg {
  padding: 10px 0;
  background: #f8f8f8;
}
/* 閉じるボタン */
.btn-close {
  border-radius: 30px;
  color: #05040E;
  padding: 5px 20px;
  cursor: pointer;
  margin: 20px auto 10px auto;
  width: 60%;
}
/* 開くボタン */
.btn-open {
  cursor: pointer;
  margin: 0 auto;
}
/* ポップアップの内容 */
.popup-content {
  background: #f8f8f8;
  margin: 0 auto;
  padding-bottom: 20px;
  width: 100%;
}
.icon-close {
  width: 50px;
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 9;
}
.question-block .item .ttl {
  position: relative;
  width: 90%;
}
.question-block .item .ttl::before {
  content: "+";
  font-size: 24px;
  position: absolute;
  top: 0;
  right: -10%;
  width: 24px;
  height: 24px;
  z-index: 9999;
}
.footer {
  max-width: 100%;
  margin: 0 auto 0;
  text-align: center;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 200;
  background: #05040E;
  background-position: center;
  padding: 40px 0;
}
.footer__list__item {
  margin: 20px 0;
  font-size: 0.8rem;
  font-weight: 200;
}
.footer img {
  width: 100px;
  margin: 0 auto 5%;
}
.footer a {
  color: #fff;
}
@keyframes anime1 {
  from {
    transform: scale(0.95, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
.note-btn{
	animation: anime1 0.7s ease 0s infinite alternate;
}
.support-btn img {
  animation: anime1 0.7s ease 0s infinite alternate;
}
.sec-diagnostician{
	margin-top: -5vw;
}

@media screen and (min-width:769px) {
	.commitment-01 {
    margin: 0 auto 4rem;
    height: 160rem;
	}
    .commitment-01-contents .commitment-posi {
    top: 60rem;
	}
	.sec-contact.fixed {
        bottom: 0;
    }

}

/*Q&A*/

.questions_list {

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #ffffff;
  border-radius: 10px;
  padding-bottom: 1rem;
}

.questions_list .item {
  width: 47.5%;
  margin-right: 5%;
  font-weight: 500
}

  .questions_list .item {
    width: 90%;
    margin: 0 auto;
	background: #05040E;
  }
  .questions_list .item:last-child {
    margin-bottom: 0
  }

.questions_list .item:nth-child(even) {
}

.questions_list .item-full {
  width: 100%;
  margin-right: 0
}

.questions_list .item .quest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: auto 100%;
  color: #ffffff;
  position: relative;
  min-height: 60px;
  font-size: 10px;
  font-size: 4vw;
  padding: 10px 10px 10px 5%;
  line-height: 1.6rem;
}
.questions_list .item .quest_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.material .box{
    margin: 20px;
    padding: 10px;
    border: 1px solid #000;
}

.material .box h2{
	font-size: 12px;
	margin: 0;
}

.material .box p{
	font-size: 12px;
}
.note{
	position: relative;
}
.note h2{
	background: #04040D;
}
.note p{
	color: #ffffff;
	position: absolute;
	font-size: 3vw;
	bottom: 31vw;
	width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.note p a{
	color: #ffffff;
}
.inquiry{
	color: #04040c;
	position: relative;
}
.inquiry span {
	position: absolute;
	bottom: 6%;
    width: 60%;
    font-size: 2.5vw;
	left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.inquiry span a{
	color: #04040c;
}
.note .note-btn a{
	position: absolute;
	bottom: -7vw;
    left: 50%;
	width: 90%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .questions_list .item .quest_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 18px 27px 6px
  }
}
.answer_img{
	float: left;
}
.answer_img img{
	width: 25px!important;
	margin-right: 3%;
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
/*  .questions_list .item .quest_img {
    margin-bottom: 8px
  }*/
}
/*  .questions_list .item .quest_img {
    width: 25px
  }
*/
.questions_list .item .quest_txt {
/*  padding-left: 5px;*/
/*	font-size: 16px;*/
/*	width: 70%!important;*/
    font-weight: bold;
	line-height: 1.2;
}
  .questions_list .item .quest_txt {
    width: calc(100% - 32px);
/*    padding-left: 4%;*/
  }


  .questions_list .item .quest:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 15px;
    background: url("https://ec-force.s3.amazonaws.com/redencom/uploads/img/bs2206/ico-plus.png") no-repeat;
    background-size: 100% 100%;
    right: 0px;
    top: 51%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }

.questions_list .item .quest.show:after {
  background: url("https://ec-force.s3.amazonaws.com/redencom/uploads/img/bs2206/ico-minus.png") no-repeat;
  background-size: 100% 100%
}

.questions_list .item .answer {
  overflow: hidden;
	font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  padding: 29px 27px 10px;
  min-height: 277px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

  .questions_list .item .answer {
    font-size: 20px;
    font-size: 2rem
  }


  .questions_list .item .answer {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    min-height: auto;
/*    padding: 13px 5% 6%;*/
    display: none;
  }


.questions_list .item .answer_txt {
  width: calc(100% - 49px);
/*
  font-size: 14px;
  line-height: 24px;
*/
}


  .questions_list .item .answer_txt {
    text-align: justify;
	color: #ffffff;
/*    padding: 2% 0 0 5% ;*/
    font-size: 10px;
    font-size: 4vw;
    float: left;
    width: 80%;
	  font-weight: normal;
  }


.questions_list .item:last-child .answer {
  min-height: auto
}

.contents_txt_005_wrap{
	background: #ffffff;
	padding-bottom: 5vw;
/*	margin-bottom: 10vw;*/
}
.contents_txt_005_wrap h2{
	line-height: 0;

}
.contents_txt_005{
	margin-bottom: 60px;
	width: 100%;
	margin: 0 auto 10%;
}
.ttl-type04{
	width: 100%;
	margin: 0 auto;
	padding: 10vw 0 0;
}
.contents_txt_005 img{
	width: 100%;
	height: auto;
}
/*Q&A end */
@media screen and (max-width:1024px) {
  #wrapper {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
  }
  .sec-convenient-block-01 img{
	padding-top: 5%;
  }
}
@media screen and (min-width:1025px) {
	#wrapper{
		width: 100%;
	}
	.pc{
		display: inline;
	}
	.inner img{
		width: 800px;
    margin:0 auto;
    display: block;
	}
	.sec-mv-header .inner{
		margin: 0 auto;
		max-width: 1200px;
	}
	.sec-mv-header .inner img{
		margin: 0 auto;
		width: 1200px;
	}
	.sec-mv{
		background: #000;
	}
	.sec-mv .inner {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		background: #04040d;
	}
	.sec-suggestion{
		background: #0C0C0F;
	}
	.sec-suggestion h1{
		margin-bottom: 1rem;
	}
	.suggestion .suggestion-title img{
		width: 640px!important;
	}
	.suggestion p{
		width: 760px;
		font-size: 2.8rem;
		margin-bottom: 3rem;
	}
	.suggestion .gif{
		width: 760px;
	}
	.annotation{
		font-size: 2rem!important;
	}
	.diagnostician{
		background: #ffffff;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
	}
	.suggestion{
		max-width: 1200px;
		width: 100%;
		background: #04040D;
		margin: 0 auto;
		padding-bottom: 2rem;
	}
	.suggestion2{
		padding-bottom: 4rem;
	}
	.sec-suggestion h1 img{
		width: 440px!important;
		margin: 0 auto ;
		padding: 4rem 0 1rem;
	}
	.suggestion img{
		width: 760px!important;
		text-align: center;
	}
	.sec-suggestion .inner img{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
	}
	.sec-diagnostician{
		background: #020205;
		position: relative;
		height: 64vw;
		margin-top: 0;

	}
	.sec-diagnostician .inner{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		position: absolute;
		top:-2rem;
		left: 0;
		right: 0;
	}
	.note h2{
		background: #04040D;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
	}
	.note p{
		font-size: 1.8rem;
		bottom: 5%!important;
	}
	.inquiry span {
        font-size: 1.8rem;
        bottom: 2.2%;
    }
	.note .note-btn a{
		width: 60%;
		bottom: -3rem!important;
	}
	.sec-unnecessary{
		background: #C8C8C8;
		text-align: center;

	}
	.sec-unnecessary .inner{
		max-width: 1200px;
		width: 100%;
        background: url(../img/suggestion-background.jpg);
		padding: 5vw 0 2vw;
    }
	.sec-unnecessary img{
		width: 730px;
		margin: 0 auto 3rem;
	}
	.sec-start{
		position: relative;
	}
	.sec-start .suggestion-content01{
		background: #f1f6fa;
		height: 61vw;
	}
	.sec-start .suggestion-content01 img{
		max-width: 1440px;
		width: 100%;
		position: absolute;
		top: -10vw;
		left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
		z-index: 100;

	}
	.sec-start .suggestion-content02{

	}
	.sec-start .suggestion-content02 p{
		background: #04040D;
		text-align: center;
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.sec-start .suggestion-content02 img{
		width: 710px;
		padding: 2vw 0;
		margin: 0 auto;

	}
	.sec-convenient-block-01{
		background: #fff;
		padding-bottom: 2rem;
	}
	.sec-convenient-block-01 .inner{
		max-width: 1100px;
		margin: 0 auto;
	}
	.sec-convenient-block-01 img{
		margin-top: 2rem;
	}
	.sec-benefits{
		background: #fff;
	}
	.sec-benefits .inner{
		margin: 0 auto 0;
		padding: 4rem 0;
	}
	.sec-benefits h1{
		width: 640px;
		margin: 0 auto 1rem;
	}
	.sec-benefits ul{
		 width: 760px;
		margin: 0 auto;
		padding-top: 0;
	}
	.benefits-box{
		display:flex;
		justify-content:space-between;
	}
	.sec-benefits li {
        padding: 0 0 1.5rem;
    }
    .sec-benefits li:last-child {
        padding-bottom: 0;
    }
    .sec-support{
		background: #fff;

	}
	 .sec-support .inner{
		 max-width: 1100px;
		width: 100%;
        margin: 0 auto;
       padding-top: 3rem;
      padding-bottom: 4rem;
	}
	.sec-support h1{
       width: 670px;
       margin: 0 auto 1rem;
       padding-bottom: 1.5rem;
	}
	.sec-support .support{
		width: 760px;
		margin: 0 auto 2rem;
		padding: 2rem 0rem 1rem 2rem;
		position: relative;
	}
	.sec-support .support .support-btn{
		position: absolute;
		bottom: 16rem;
		right: 0;
		width: 550px;
	}
	.sec-support .support .pause{
		margin: 2rem 0 0;
	}
	.amazon{
		width: 760px;
		margin: 0 auto;
	}
	.amazon img{
		width: 100%;
		margin-bottom: 2rem;
	}
	.convenient-box img{
		width: 760px;
		margin: 0 auto;
	}
	.sec-single .inner{
		max-width: 1100px;
		width: 100%;
		margin: 0 auto;
		padding: 4rem 0;
	}
	.sec-single img{
		width: 640px;
		padding: 2rem 0;
	}
	.sec-uneasiness{
		background: #EBEBEC;
		padding: 5rem 0;
	}
	.sec-uneasiness h2{
		width: 640px;
		margin: 0 auto;
	}

	.sec-uneasiness .inner{
		max-width: 710px;
		width: 100%;
		margin: 0 auto;
	}
	.sec-uneasiness h3{
		font-size: 4rem;
		text-align: center;
		margin-bottom: 2rem;
	}
	.sec-uneasiness p{
		font-size: 2.5rem;
		margin: 5rem auto;
		font-weight: 100;
		line-height: 1.5;
	}
	.sec-uneasiness span{
		font-weight: bold;
	}
	.uneasiness{
		padding: 5rem 50px;
		margin: 5rem 0 0;
	}
	.sec-commitment{
		background: #020205;
	}
	.commitment-body .commitment-01 img{
		width: 760px;
		margin: 0 auto;
	}
	.commitment-01 h2 {
		width: 640px!important;
		text-align: left;
		margin: 0 15rem;
	}
	.commitment-01 {
        margin: 0 auto 4rem;
        height: 160rem;
    }
	.commitment-01 p{
        width: 760px;
        font-size: 3.3rem;
        margin-bottom: 3rem;
	}
	.commitment-01-contents h3 img{
		width: 340px!important;
	}
	.commitment-01-contents .gif {
        position: absolute;
        top: 0rem;
        right: 15rem;
    }
	.commitment-01-contents .gif img{
		width: 623px;
	}
	.commitment-01-contents .commitment-posi {
        top: 67rem;
		left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
	.sec-commitment .inner{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		background: #05040e;
	}
	.sec-commitment h1{
		padding-bottom: 4rem;
	}
	.commitment-body img{
		max-width: 1100px;
		width: 90%;
		margin-bottom: 4rem;
	}
	.sec-howto{
		background: #020205;
		position: relative;
		height: 293vw;
		margin-top: 7rem;
	}
	.sec-howto .inner{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		position: absolute;
		top: -3rem;
		left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
	}
	.ttl-type04{
		width: 860px;
		margin: 0 auto;
		padding: 0rem 0 0;
	}
	.questions_list .item{
		width: 860px;
		margin: 0 auto 1rem;
	}
	.questions_list .item .quest_txt{
		font-size: 2.2rem;
		line-height: 1.5;
	}
	.accbox label{
		margin-bottom: 0.1rem;
	}
/*	.questions_list .item .quest:after{
		right: 4rem;
	}*/
	.questions_list .item .answer_txt{
		font-size: 2rem;
/*		padding: 0 0 0 3rem;*/
	}
	.questions_list .item .answer{
		padding: 3rem 4.5rem;
	}
	.contents_txt_005{
		margin: 0 auto 5rem;
	}
	.contents_txt_005_wrap{
		padding-bottom: 0;
	}
	.sec-convenient h1{
		margin: 0 auto;
		background: #c8c8c8;
		position: relative;
		height: 4vw;
	}
	.sec-convenient h1 img{
		position: absolute;
		top: -1.5vw;
		left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
		max-width: 1440px;
		width: 100%;
	}
	.convenient-guide .guide-show .item .convenient-suppor-ttl{
		padding: 2.5rem 0;
		font-size: 2rem;
	}
	.cssacc:checked + .accshow{
		width: 100%;
		max-width: 1200px;
		margin: 3rem auto;

	}
	.label1 {
		width: 80%;
		max-width: 1200px;
		display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		-webkit-justify-content: space-between;
        justify-content: space-between;
	}
	.label2  .ttl{
		width: 45%!important;
	}
	.label2  p{
		width: 45%!important;
	}
	.guide-left{
		width: 45%;
	}
	.footer img {
  margin: 0 auto 2rem;
    }
	.sec-support .support p{
	font-size: 1.5rem;
  }
	.sec-know .inner{
		width: 710px;
		margin: 0 auto;
		padding-bottom: 5rem;

	}
	.sec-know h2{
		margin: 5rem 0;
	}
	.graph{
		margin: 5rem 0 3rem;
		padding: 5%;
		color: #fff;
	}
	.graph img{
		margin: 0 0 5rem;
	}
	.graph p{
		font-size:  1.5rem;
		line-height: 1.5;
	}
/*	.footer{
		margin-bottom: 8vw;
	}*/

}
@media screen and (min-width:1200px) {
	.sec-start .suggestion-content01 {
        height: 58vw;
    }
	.sec-start .suggestion-content01 img{
		top: -9vw;
	}
	.sec-howto{
		height: 353rem;
	}
	.note p{
		bottom: 27rem!important;
	}
	.inquiry span {
	bottom: 4rem;
    }
	.note .note-btn a{
		width: 680px;
		bottom: -3rem!important;
	}
	.sec-diagnostician{
		height: 78rem;
	}
	.sec-unnecessary .inner{
		padding: 5rem 0 2rem;
	}
}
@media screen and (min-width:1440px) {
	.sec-start .suggestion-content01 img{
		top: -9rem;
    }
    .sec-start .suggestion-content01 {
    height: 85rem;
    }
	.sec-start .suggestion-content02 img{
		padding: 2rem 0;
	}
	.sec-convenient h1{
		height: 5rem;;
	}
	.sec-convenient h1 img{
		top: -1.5rem;
	}

}

.h1-img{
  width: 1300px;
  margin:0 auto;
  display: block;
}
@media screen and (max-width:1300px) {
.h1-img{
  width:100%;
  margin:0 auto;
  display: block;
}
}



.offer_shampoo{
  position: relative;
}

.offer_shampoo_btn{
  position: absolute;
  bottom: 60px;
  left:60px;
  width: 754px;
    animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@media screen and (max-width:1024px) {
.offer_shampoo_btn{
  left:5%;
    bottom: 6.5%;
  width: 90%;
}
}
@keyframes anime1 {
  from {
    transform: scale(0.97,0.97);
  }
  to {
    transform: scale(1,1);
  }
}

.o-p-loader {
  background: #fff;
  z-index: 99999;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
}

.o-p-loader__item {
  width: 100%;
  height: 100%;
  position: relative;
}

#svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
}

#wrap_all {
  width: 100px !important;
}

#wrap_all path {
  fill: #000;
  stroke: #000;
  stroke-width: 1px;
  stroke-dasharray: 2000px;
  animation: svg 6s ease-in both infinite;
}

@keyframes svg {
  0% {
    fill: transparent;
    stroke-dashoffset: 2000px;
  }
  25% {
    stroke-dashoffset: 0;
  }
  30% {
    fill: transparent;
  }
  35% {
    fill: #000;
  }
}


.img9{
  position: relative;
}

.img9-2{
  position: relative;
}

.img9-gif{
  position:absolute;
    bottom: 0;
    left: 30px;
}

.img9-2-gif{
  position:absolute;
  bottom: 0;
    left: 30px;
}

@media screen and (max-width:1024px) {
.img9-gif{
    bottom: 0;
    left: 5%;
    width: 90%;
}

.img9-2-gif{
  bottom: 0;
    left: 5%;
        width: 90%;
}

}

.img-17{
position: relative;
}

.img17-btn{
  position: absolute;
    width: 320px;
    right: 70px;
    bottom: 96px;
}


@media screen and (max-width:1024px) {
.img17-btn{
    bottom: 28%;
    right:5%;
    width: 40%
}
}

.img14{
  position: relative;
}
.img14-text{
position: absolute;
    bottom: 87px;
    font-size: 1.6rem;
    left: calc(50% - 110px);
}
@media screen and (max-width:1024px) {
.img14-text{
    left: calc(50% - 100px);
    bottom: 3%;
    font-size:1.4rem;
}
}

.img14-text a{
  color: #000;
  text-decoration: none;
}

.img14-text span{
  text-decoration: underline;
}


.offer_shampoo_sub{
  position: relative;
}

.offer_shampoo_sub_btn{
  position: absolute;
  bottom: 210px;
  left:60px;
  width: 735px;
    animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@media screen and (max-width:1024px) {
.offer_shampoo_sub_btn{
  left:5%;
    bottom: 20%;
  width: 90%;
}
}

.offer_shampoo_bottom{
  bottom: 255px;
}

@media screen and (max-width:1024px) {
.offer_shampoo_bottom{
  bottom: 28.5%;
}

}