/*
idutsuyahonten.jp Reset Stylesheet
v1.6.1
Last Updated: 2018.04.20
Author: idutsuya-fujikawa
*/


/* Default---------------------------------------------- */

html, body {
  height: 100%;
}

body {
  color: #000;
  font-size: 4.26vw;
  /*16px*/
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  min-width: 100%;
}

a, a:link, a:visited {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

a:hover, a:link:hover, a:visited:hover {
  opacity: 0.8;
}

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, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  zoom: 1;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


/* ie対策--------------------------------------------------- */
.object-fit-img {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}
.clearfix {
  zoom:1;
}

/* common--------------------------------------------------- */
#wrap {
  width: 100%;
}
.l-sp737 {
  display: none;
}
.l-pc737 {
  display: block;
}
.flex {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  word-wrap: break-word;
  align-items: center;
}
.flex.around{
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.bx{
  max-width: 980px;
  margin: 0 auto;
}

#header{
width: 100%;
background-color: #ff0012;
text-align: center;
padding: 6px 0;
}
.index__mv img{
    width: 100%;
    height: auto;
}

.balloon{
  position: relative;
  background: #ff0012;
  padding: 2em;
}
.balloon:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -30px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #ff0012 transparent transparent transparent;
    border-width: 30px 50px 0 50px;
}
.top01{
    position: relative;
    text-align: center;
    padding: 10px 0;
}
.top01 h2{
    position: absolute;
    font-size: 38px;
    line-height: 1.6;
    letter-spacing: 0.13em;
    color: #00a0e9;
    font-weight: bold;
    left: 160px;
    top: 90px;
}
.cta-bx{
  margin: 50px auto 100px;
}
.cta{
    border: 1px solid #cacaca;
    border-radius: 10px;
    margin: 20px 17px;
    text-align: center;
    background: linear-gradient(#fff, #ffcb44);
    padding: 40px 0 20px;
}
.cta-01-01{
    font-size: 29px;
    color: #ffff00;
    background: #ff0012;
    max-width: 690px;
    margin: 20px auto;
    border-radius: 10px;
    padding: 15px 0;
    font-weight: bold;
}
.cta-01-02{
    font-size: 18px;
    color: #fff;
    background: #ff0012;
    max-width: 690px;
    margin: 20px auto;
    border-radius: 10px;
    padding: 5px 0;
    font-weight: bold;
    line-height: 1.4;
}
.cta-02 p{
    text-align: left;
    font-size: 17px;
    max-width: 865px;
    margin: 15px auto;
    padding: 0 0 0 50px;
}
.cta-03-01{
    font-size: 21px;
    color: #fff;
    background: #ff0012;
    max-width: 812px;
    margin: 20px auto;
    border-radius: 10px;
    padding: 5px 0;
    font-weight: bold;
    line-height: 1.4;
}
.cta-03-02{
    font-size: 24px;
    color: #fff;
    background: #00b33e;
    max-width: 812px;
    margin: 20px auto;
    border-radius: 10px;
    padding: 5px 0;
    font-weight: bold;
    line-height: 1.4;
}
.cta-bx > a{
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}
.cta-bx > a img{
    width: 950px;
}
.reason01{
  position: relative;
  margin: 0 auto;
    z-index: 1;
}
.reason01 .big{
    position: absolute;
    top: 30px;
    right: 10px;
}
.reason02{
  position: relative;
  padding: 15px;
  background-color: #fde800;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #feec02), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #feec02),color-stop(.75, #feec02), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 14px 14px;
}
.reason02{
  font-size: 76px;
  font-weight: bold;
  color: #ff0012;
  text-align: justify;
}
.reason02 span{
  font-size: 59px;
}
.reason03{
    text-align: center;
}
.reason04{
  position: relative;
  padding: 15px;
  background-color: #cdecfa;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #bae5f9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #bae5f9),color-stop(.75, #bae5f9), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 14px 14px;
}
.reason04 .point-bx{
    max-width: 931px;
    margin: 50px auto;
    background: #fff;
    border-radius: 10px;
    padding: 3px;
}
.reason04 .point-line{
    background: #fff;
    border-radius: 10px;
    border: 3px solid #7ed0f3;
    padding: 15px 15px;
}
.reason04 .point-line ul{
    margin-top: -40px;
}
.reason04 .point-line ul li{
    align-items: flex-end;
}
.reason04 .point-line ul li p{
    font-size: 27px;
    border-top: dashed 2px #CACBCA;
    border-bottom: dashed 2px #CACBCA;
    max-width: 590px;
    margin: 20px auto 0;
    padding: 5px 0;
    line-height: 1.4;
    letter-spacing: -0.12em;
}
.point_btn{
    text-align: center;
    margin: 20px auto -30px;
}
.point_glaf{
  margin: 15px auto 0;
}

.anxiety_title{
  text-align: center;
    margin: 50px auto 0;
}
.anxiety{
    background-color: #ffd6df;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffefef), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffefef),color-stop(.75, #ffefef), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
    padding: 20px 0;
}
.anxiety_line{
    background-color: #ff6f8d;
    margin: 0 auto 20px;
    padding: 20px 0;
    line-height: 1.2;
}
.anxiety_line h2{
  position: relative;
  color: #fff;
  font-size: 60px;
}
.anxiety_line h2 img {
    position: absolute;
    bottom: -20px;
    right: 0;
}
.anxiety_pe li{
  position: relative;
}
.anxiety_pe p{
  position: absolute;
  font-size: 20px;
  line-height: 1.4;
  width: 375px;
    top: 220px;
    left: 50px;
}
.kobasanta_sekinin{
    text-align: center;
    margin: 100px auto 30px;
}

.step{
    background-color: #cdecfa;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #bae5f9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #bae5f9),color-stop(.75, #bae5f9), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
    padding: 40px 0;
}
.step_line{
    background-color: #00b0ec;
    margin: 0 auto;
    padding: 20px 0;
    line-height: 1.2;
}
.step_line h2{
  position: relative;
  color: #fff;
  font-size: 57px;
    text-align: center;
    padding-left: 80px;
}
.step_line h2 img {
    position: absolute;
    bottom: -20px;
    left: 0;
}
.step_bx{
  background-image: url('../img/step_bx_pc.png');
  width: 930px;
  height: 797px;
    margin: 0 auto;
}
.step_bx li.step-01{
  position: relative;
}
.step_bx li.step-02{
  position: relative;
    top: 275px;
}
.step_bx li.step-03{
  position: relative;
    top: 550px;
}
.step_bx li p{
    font-size: 35px;
    font-weight: bold;
    color: #00a0e9;
    top: 50px;
    left: 170px;
    position: absolute;
}
.step_bx li span{
    font-size: 20px;
    top: 110px;
    position: absolute;
    left: 45px;
    width: 580px;
    line-height: 1.6;
}
.kobac_oil{
background-color: #ffffd2;
padding: 50px 0;
}

.price{
    margin: 50px auto;
    text-align: center;
}
.price img{
  margin: 10px auto;
}
.price p{
    font-size: 18px;
    margin: 10px 0 10px 50px;
    text-align: left;
}
.nayami{
  text-align: center;
}
.nayami .glaf{
  margin: 30px auto;
}
.nayami_tx{
  font-size: 34px;
  text-align: center;
  margin: 30px auto 10px;
    font-weight: bold;
}
.chenge{
    background-color: #00a0e9;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #39b5ee), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #39b5ee),color-stop(.75, #39b5ee), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
    padding: 10px 0 20px;
    text-align: center;
}
.chenge p{
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    margin: 20px auto 0;
    line-height: 1.2;
}
.chenge_note{
    background-color: #cbecfa;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #bae5f9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #bae5f9),color-stop(.75, #bae5f9), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
    padding: 30px 0;
    text-align: center;
}
.chenge_note h3{
  font-size: 58px;
  text-align: center;
  color: #fff;
  padding:20px 0 16px;
  max-width: 807px;
  margin: 0 auto;
  border-radius: 10px;
}
.chenge_note h3.bro{
  background-color: #b28247;
}
.chenge_note h3.red{
  background-color: #ff0012;
}
.chenge_note_bx{
  border-radius: 10px;
  border:3px solid #00a0e9;
  background-color: #fff;
    padding: 40px 0;
    width: 932px;
    margin: 0 auto;
}
.note01{
    margin: 10px -20px 0 0;
}
.note_btn{
    margin: 20px auto;
}
.note02{
    margin: 20px -25px 0 0;
}
.note02svg{
    margin: -30px 0 0 0;
}
.because{
    text-align: center;
}
.inspection{
    background-color: #fde800;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #feec02), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #feec02),color-stop(.75, #feec02), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
    padding: 40px 0;
}
.inspection_line{
    background-color: #f39800;
    margin: 0 auto;
    padding: 20px 0;
    line-height: 1.2;
}
.inspection_line h2{
  position: relative;
  color: #fff;
  font-size: 50px;
    text-align: center;
    padding-left: 200px;
}
.inspection_line h2 img {
    position: absolute;
    bottom: -20px;
    left: 0;
}
.inspection p{
  font-size: 34px;
  line-height: 1.6;
  max-width: 500px;
}

.kobac_oil_to{
  text-align: center;
  margin: 50px auto;
}
.qa{
  background-color: #ecdcc5;
  background-image: -webkit-linear-gradient(45deg,  #e5d1b6 25%, #e5d1b6 25%, transparent 25%, transparent 75%, #e5d1b6 75%, #e5d1b6 75%),-webkit-linear-gradient(-135deg, #e5d1b6 25%, #e5d1b6 25%, transparent 25%, transparent 75%, #e5d1b6 75%, #e5d1b6 75%);
  background-image: linear-gradient(45deg,  #e5d1b6 25%, #e5d1b6 25%, transparent 25%, transparent 75%, #e5d1b6 75%, #e5d1b6 75%),linear-gradient(-135deg, #e5d1b6 25%, #e5d1b6 25%, transparent 25%, transparent 75%, #e5d1b6 75%, #e5d1b6 75%);
  -webkit-background-size: 60px 60px;
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
    padding: 50px 0;
}
.qa-box{
  background-image: url('../img/qa_bx_pc.png');
  width: 904px;
  height: 1744px;
    margin: 0 auto;
    text-align: center;
}
.qa-box > img{
    margin: 90px auto 40px;
}
.qa-box ul{
    text-align: left;
    width: 90%;
    margin: 0 auto;
}
.qa-box ul p{
    font-size: 27px;
    margin: 10px 0 0 5px;
    padding-bottom: 20px;
    border-bottom: 2px dashed #cacaca;
    line-height: 1.9;
}
.qa-box ul h3{
    margin: 20px 0 0 0;
}
.qa-box ul li:first-child h3{
    margin: 0px 0 0 0;
}
.qa-box ul li:last-child p{
  border-bottom: none;
}
.store_line{
    background-color: #e50012;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #cf121b), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #cf121b),color-stop(.75, #cf121b), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
    padding: 23px 0 20px;
    font-size: 37px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.2em;
}
#foot_logo {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF0012), color-stop(0.98, #D2000E), color-stop(0.95, #D2000E), color-stop(0.85, #FF0012), color-stop(0.00, #FF0012));
    background: -webkit-linear-gradient(top, #FF0012 0%, #FF0012 85%, #D2000E 95%, #D2000E 98%, #FF0012 100%);
    background: -moz-linear-gradient(top, #FF0012 0%, #FF0012 85%, #D2000E 95%, #D2000E 98%, #FF0012 100%);
    background: -o-linear-gradient(top, #FF0012 0%, #FF0012 85%, #D2000E 95%, #D2000E 98%, #FF0012 100%);
    background: -ms-linear-gradient(top, #FF0012 0%, #FF0012 85%, #D2000E 95%, #D2000E 98%, #FF0012 100%);
    background: linear-gradient(to bottom, #FF0012 0%, #FF0012 85%, #D2000E 95%, #D2000E 98%, #FF0012 100%);
    padding: 0px;
    height: 80px;
    position: relative;
    margin: 100px 0 0 0;
}
#foot_logo h2 {
    float: left;
    margin: 15px 0 0 0;
}
#foot_logo .copy {
    float: right;
    padding-top: 56px;
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.08em;
}
.store_info{
    max-width: 820px;
    margin: 50px auto 50px;
}
.store_info p{
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.store_info span{
    font-size: 25px;
    line-height: 1.5;
}
.iframe{
    margin: 0 auto;
    text-align: center;
}
.iframe iframe{
    width: 980px;
    height: 500px;
    margin: 0 auto;
}
.back{
    position: absolute;
    top: -36px;
    right: 30px;
}
.copy{
    text-align: center;
    margin: 5px 0;
    font-size: 12px;
}
a.admin-link{
  font-size: 13px;
  color: #ff0012;
    position: absolute;
    top: -20px;
    left: 30px;
}