@charset "utf-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, 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; }
html { font-size: 16px; }
body { line-height: 1; -webkit-text-size-adjust: 100%; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; }
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; }
/* contents css */
#wrapper { width: 100%; background: #fff; overflow: hidden; }
#wrapper img { width: 100%; height: auto; display: block; }
/*============*/
/* cvエリア */
/*===========*/
.cvArea { position: relative; overflow: hidden; }
.cvArea .base { position: relative; z-index: 2; width: 95.3%; left: 2.35%; }
.cvBtn01, .cvBtn02, .cvBtn03 { position: absolute; z-index: 3; }
.cvBtn01 { width: 81.7%; }
.cvBtn02 { width: 39.5%; }
.cvBtn03 { width: 39.5%; }
.cv01 { margin-top: -8%; padding-bottom: 1%; background: #f00; }
.cv01 .cvBtn01 { top: 60.6%; left: 9%; }
.cv01 .cvBtn02 { top: 81.7%; right: 9.4%; }
.cv01 .cvBtn03 { top: 81.7%; left: 9%; }
.cv02 { margin-top: -51%; padding-bottom: 6%; background: #000; }
.cv02 .cvBtn01 { top: 58.6%; left: 9%; }
.cv02 .cvBtn02 { top: 79%; right: 9.4%; }
.cv02 .cvBtn03 { top: 79%; left: 9%; }
.cv03 { margin-top: -14%; padding-bottom: 6%; background: #000; }
.cv03 .cvBtn01 { top: 58.6%; left: 9%; }
.cv03 .cvBtn02 { top: 79%; right: 9.4%; }
.cv03 .cvBtn03 { top: 79%; left: 9%; }
.cv04 { margin-top: 0; padding-bottom: 6%; }
.cv04 .cvBtn01 { top: 58.6%; left: 9%; }
.cv04 .cvBtn02 { top: 79%; right: 9.4%; }
.cv04 .cvBtn03 { top: 79%; left: 9%; }
/*============*/
/* ステップ */
/*===========*/
.layer { position: relative; overflow: hidden; }
.base { position: relative; z-index: 2; }
.gif { position: absolute; top: 15.4%; left: 9.4%; z-index: 3; width: 30.9%; }
/*============*/
/* 感想 */
/*===========*/
.mainCmment { width: 90%; margin: 8% auto 0; }
.mainCmment br { display: none; }
.mainCmment .title { margin-bottom: 0.5rem; font-size: 1.125rem; font-weight: bold; color: #f00; letter-spacing: -1px; }
.mainCmment .text { margin: 0 0 2%; font-size: 0.875rem; line-height: 1.4; }
.comment { width: 93%; margin: 0 auto 6%; padding: 6%; border: 0.125rem solid #000; box-sizing: border-box; background: #fff8dc; box-shadow: 0.125rem 0.125rem 0 0 #000; -webkit-box-shadow: 0.125rem 0.125rem 0 0 #000; }
.comment .title { margin-bottom: 1rem; font-size: 1.125rem; font-weight: bold; color: #f00; }
.comment .text { margin: 0 0 7%; font-size: 0.875rem; line-height: 1.4; }
.comment .signature { text-align: right; }
.rightnotes { width: 90%; margin: 0 auto; padding-bottom: 6%; font-size: 0.625rem; text-align: right; }
/*============*/
/* フッター */
/*===========*/
.bgWrap { background: -webkit-linear-gradient(#f60 0%, #f00 100%); background: linear-gradient(#f60 0%, #f00 100%); overflow: hidden; }
.footernotes { width: 94%; margin: 0 auto 8%; font-size: 0.625rem; line-height: 1.2; }
.footernotes li { margin: 0 0 1%; padding-left: 1rem; text-indent: -1rem; }
footer { padding: 5% 0; background: #e28f9f; }
footer p { font-size: 0.625rem; color: #fff; text-align: center; line-height: 1.2; }
footer p a { font-size: 0.625rem; color: #fff; text-decoration: none; display: inline-block; }
footer p a:first-child { margin: 0 1.5rem 5% 0; }
footer p a:hover { text-decoration: underline; }
#footerScript { display: none; }

@media screen and (max-width: 766px){
/* 追加 */
/*=============================*/
/* ヘッダー */
/*=============================*/
#wrapper #header {
  padding: 0.5rem 0;
  text-align: center;
  background: #fff;
}
#wrapper #header .headerInner {
  letter-spacing: -0.5em;
}
#wrapper #header .headerInner > h1,
#wrapper #header .headerInner > p {
  display: inline-block;
  letter-spacing: normal;
  margin-left: 1.3rem;
}
#wrapper #header .headerInner > h1:first-child,
#wrapper #header .headerInner > p:first-child {
  margin-left: 0;
}
#wrapper #header .headerInner > h1 {
  width: 19%;
}
#wrapper #header .headerInner > p {
  width: 26%;
}

/*=============================*/
/* wrapper */
/*=============================*/
#wrapper {
  background: url(../images/pc/bg_image01.gif) repeat center top;
}
#wrapper .conversionBlock.smtContent {
  padding: 3% 2%;
}

#wrapper #naviWrap {
  background: rgba(233, 102, 115, 1);
}
#wrapper #naviWrap #navi {
  padding: 2.6% 3%;
}
#wrapper #naviWrap #navi ul {
  letter-spacing: -0.5em;
}
#wrapper #naviWrap #navi ul li {
  width: 49.5%;
  display: inline-block;
  letter-spacing: normal;
  margin: 1% 0 0 1%;
  vertical-align: bottom;
}
#wrapper #naviWrap #navi ul li:first-child {
  margin: 0;
}
#wrapper #naviWrap #navi ul li:nth-of-type(2) {
  margin-top: 0;
}
#wrapper #naviWrap #navi ul li:nth-of-type(2n + 1) {
 margin-left: 0;
}

#wrapper #contentArea {
  /*margin-top: 3%; */
}
#wrapper #contentArea .contentAreaInner {
  width: 100%;
  margin: 0 auto;
}
#wrapper #contentArea .contentAreaInner .content01 {
  margin-top: 0;
}
#wrapper #contentArea .contentAreaInner .content01:first-child {
  margin-top: 0;
}

/*=============================*/
/* キャンペーンバナー変更_180209 */
/*=============================*/
.pcContent {display: none !important;}
}

/*=============================*/
/* ボタン追加_180615 */
/*=============================*/
#wrapper .monitorButton {
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    padding: 0 21px;
}
#wrapper .monitorButton img {
    width: 100%;
}
#wrapper .formButton {
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    padding: 0 49px;
}
#wrapper .formButton img {
    width: 100%;
}
#wrapper #content02 {
    position: relative;
}
#wrapper #content02 .monitorButton {
    bottom: 1%;
    left: 0;
    padding: 0 3.7%;
}
#wrapper #content02 .monitorButton img {
    width: 100%;
}
#wrapper #content02 .formButton {
    top: 32.3%;
    left: 0;
    padding: 0 8.7%;
}
#wrapper #content02 .formButton img {
    width: 100%;
}
#wrapper #content07 {
    position: relative;
}
#wrapper #content07 .monitorButton {
    bottom: 37.5%;
    left: 0;
    padding: 0 3.7%;
}
#wrapper #content07 .monitorButton img {
    width: 100%;
}
#wrapper #content07 .formButton {
    top: 19.3%;
    left: 0;
    padding: 0 8.3%;
}
#wrapper #content07 .formButton img {
    width: 100%;
}
#wrapper #content09,
#wrapper #content10 {
    position: relative;
}
#wrapper #content09 .formButton {
    top: 59.7%;
    left: 0;
    padding: 0 8.7%;
}
#wrapper #content09 .formButton img {
    width: 100%;
}
#wrapper #content10 .monitorButton {
    bottom: 33%;
    left: 0;
    padding: 0 3.7%;
}
#wrapper #content10 .monitorButton img {
    width: 100%;
}


/*=============================*/
/* アニメーションgif追加_180615 */
/*=============================*/
#wrapper #content02 .gifAnimation {
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: 37.57%;;
    left: 0;
    padding: 0 10%;
}
#wrapper #content02 .gifAnimation img {
    width: 100%;
}