@charset "utf-8";

.pc{display: none !important;}

#contents{
  text-align: left;
}
#contents small{
  font-size: 11px;
}
#contents .tar{text-align: right;}
#contents sup{
  position: relative;
  top: -0.1em;
  vertical-align: top;
  font-size: 75.5%;
}
#contents img{
  width: 100% !important;
  height: auto !important;
}

.tac {
  font-size: 1rem !important;
}

.innr{
  display: table;
  overflow: hidden;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.blk{
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.blkc{width: 100%;text-align: center;}

.disnone{display: none;}
.disnone_sp{display: none;}

/* ---------------------------- vsl */
.idx_vsl{
  background-color: #F18997;
  font-size: 0;
}
.idx_vsl *{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  font-size: 0;
}

/* ---------------------------- blk */
.idx_bdy{
  padding: 5% 5% 2%;
  background:#faebe4;
  font-size: 1.8em;
}
.idx_bdy em{
  color: #ec546b;
  font-style: normal;
}
.idx_bdy .catch{
  position: relative;
  padding: 3% 5%;
  text-align: center;
  color: #fff;
  background: #eb5066;
}
.idx_bdy .catch:before{
  position: absolute;
  top: -20%;
  left: 3%;
  width: 4%;
  height: 100%;
  content:'';
  background: url("../../images/sp/idx_catch_badge.png") no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.idx_bdy .cmt{
  display: table;
}
.idx_bdy .cmt .thm{
  display: table-cell;
  width: 34%;
  padding-left: 2%;
  text-align: center;
  font-size: 0.8em;
}
.idx_bdy .cmt02 .thm{
  padding-right: 2%;
  padding-left: 0;
}
.idx_bdy .cmt .thm span{
  font-size: 0.9em;
}
.idx_bdy .cmt .txt{
  display: table-cell;
  width: 56%;
  padding: 8% 6% 0 3%;
  vertical-align: top;
  background: url("../../images/sp/idx_cmt01.png") no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  font-size: 0.9em;
}
.idx_bdy .cmt02 .txt{
  padding: 8% 3% 0 6%;
  background: url("../../images/sp/idx_cmt02.png") no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

/* ---------------------------- form */
.form_sub{
  display: block;
  padding: 2% 0;
  text-align: center;
  color: #fff;
  background: #eb5066;
  font-size: 1.4em;
  font-size: 1.7em;
}

/*body*/
.form_bdy{
  margin: 4% 4% 0;
  font-size: 1.5em;
}
.form_bdy img{
  width: 100%;
  height: auto;
}

.rk{
  width: 20%;
  vertical-align: baseline;
  color: #b78428;
  font-size: 1.1em;
  font-weight: bold;
}
#contents .rk img{
  display: inline-block;
  width: 45% !important;
  min-width: 33px;
  margin-right: 5%;
}
.rk02{color: #889096;}
.rk03{color: #a16a38;}

.form_bdy tr{
  display: block;
}
.form_bdy th{
  display: block;
  width: 100%;
  color: #655659;
  font-size: 1.1em;
}
.form_bdy th .req,
.form_bdy th .opt{
  float: left;
  margin-top: -1px;
  margin-right: 2%;
  margin-bottom: 5%;
  padding: 1% 2% 1%;
  color: #fff;
  border-radius: 4px;
  background: #d92b2b;
  font-size: 0.6em;
  font-weight: normal;
}
.form_bdy th .opt{background: #4266dd;}
.form_bdy td{
  display: block;
  width: 100%;
  margin-top: 3%;
  padding: 3% 0;
  border-top: 1px dashed #ccadad;
}
.form_bdy .sep{
  margin-bottom: 3%;
  padding: 0 0 3%;
  border-bottom: 1px solid #e1cfcf;
}

/*input*/
input, select, textarea {
  border: 1px solid #dcd5c6;
  border-radius: 5px;
  background-color: #ffe4db;
  font-size: 1.1em;
  line-height: 1.2;
}
select{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  width: 100%;
  padding: 2% 5% 3%;
  background-image: url("../../images/sp/form_select.png");
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}

textarea{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 2% 3%;
}

.chkbox{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3% 2%;
  border-bottom: 1px solid #e1cfcf;
  font-size: 1.0em;
}
.chkbox.dashed{border-bottom-style: dashed;}
.chkbox input{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.chkbox label{
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 6%;
  background: url("../../images/sp/form_check_off.png") no-repeat left 38%;
  -webkit-background-size: 4% auto;
  background-size: 4% auto;
}
.chkbox input:checked + label{
  background-image: url("../../images/sp/form_check_on.png");
}

.blk01 .form_btn,
.form_btn{
  margin: 0 3.5%;
}
.form_btn .note{
  font-size: 1.5em;
}
.form_btn .idx_btn{
 margin: 8% auto;
}
.form_btn .idx_btn input{
  width: 100%;
  border: none;
  border-radius: 0;
}


.idx_txt{
  margin: 3% 4% 0;
  color: #655659;
  font-size: 1.4em;
}
.idx_txt a{
  color: #655659;
}

.cfm_txt{
  margin: 3% 4% 0;
  color: #eb5066;
  font-size: 1.5em;
  font-weight: bold;
}
.cfm_btn{
  width: 80%;
}
.cfm_btn input{
  width: 100%;
}
.cfm_btn02{
  width: 55%;
}
.cfm_btn02 input{
  width: 100%;
}

.cpl_box{
  margin: 5% 4% 0;
  color: #655659;
  font-size: 1.5em;
}
.cpl_btn{
  width: 80%;
}

.inputed{
  background-color: transparent;
}


/*  実感チェックシート追加 */
ul.addChecksheet {
  width: 100%;
  padding-left: 0px;
}

ul.addChecksheet li {
  display: block;
  margin-top: 0.6em;
  padding-left: 0px;
  vertical-align: top;
}

#CheckSheet .heading201 .heading {
  font-size:1.8375em;
}

#CheckSheet .lead02 {
  margin-bottom:18px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size:1.3em;
}

#chart_area .panel01 {
  background-color:#fffdfc;
}

#chart_area .notice {
  margin-top:-10px;
  color:#371900;
  font-size:1.4em;
}

#comment_area {
  min-height: 180px;
  background: url(../../images/sp/complete_bg_illust_sp.jpg) no-repeat right bottom;
  font-size:1.5em;
}

.drawArea {
  margin: 0 auto;
}


/* ---------------------------- vsl */
.idx_vsl{
  padding: 2% 0 1%;
  background: url("../../images/sp/main_bg.jpg") repeat-x;
  -webkit-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}


/* ---------------------------- blk01 */
.blk01{
  position: relative;
  margin-top: 2%;
  padding: 2% 0 1%;
  background: url("../../images/sp/blk01_bg.jpg") repeat-x;
  -webkit-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.blk01 .innr{
  background: url("../../images/sp/blk01_fr.png") no-repeat center 3%;
  -webkit-background-size: 95% auto;
  -o-background-size: 95% auto;
  background-size: 95% auto;
}
.blk01 *{
  margin: 0;
  padding: 0;
}
.blk01 .txt{
  padding: 5% 6% 11.8%;
}

/* ---------------------------- blk02 */
.voice_wrap{
  /*padding-top: 20px;*/
}
.voice_box{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 90%;
  margin: 20px auto 0;
}
.voice_box *{
  margin: 0;
  padding: 0;
  font-size: 0;
}
.voice_box .bdy{
  padding: 5% 6%;
  border: #FFEFF4 2px solid;
  border-top: none;
}

.voice_box .txt{
  padding-bottom: 5%;
}
.voice_box .more{
  display: block;
  width: 100%;
}
.voice_box .more a{
  display: block;
  text-align: center;
  font-size: 0;
}

.blk02 .note{
  margin: 4% 5% 0;
}

.blk02 .btm{
  margin-top: 5%;
  font-size: 0;
}
.blk02 .img_box{
  font-size: 0;
}

/* ---------------------------- blk03 */

.blk03{
  padding: 8% 3% 6%;
  background: url("../../images/blk03_bg.jpg");
  -webkit-background-size: 3% auto;
  -o-background-size: 3% auto;
  background-size: 3% auto;
}
.blk03 .thm_box{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5% 5% 0;
  background-color: #FFF;
}
.blk03 .txt_box{
  padding: 5% 5% 10%;
}
.blk03 .txt_box .min{
  margin-bottom: 5%;
}
.blk03 .more{
  display: block;
  margin: 5% 5% 0;
}

/* ---------------------------- blk04 */

.blk04 .img{
  padding: 5% 3% 3%;
}

/* ---------------------------- common */
.blk_ttl{
  position: relative;
  text-align: center;
  background-color: #eb687e;
}
.blk_ttl:before{
  position: absolute;
  bottom: -23px;
  left: 50%;
  margin-left: -12px;
  content: "";
  border: 12px solid transparent;
  border-top: 12px solid #eb687e;
}