@charset "UTF-8";
/*------------------------------
frame
-------------------------------*/
body {
  min-width: 100%; }

.contentOuter {
  width: 100%;
  text-align: center;
}
  .contentOuter img {
    width: 100%;
    height: auto; }

/*------------------------------
header
-------------------------------*/
#headerWrap {
  position: static;
  box-sizing: border-box;
  padding: 3%; }
  #headerWrap h1 {
    width: 25%;
    height: auto; }
    #headerWrap h1 img {
      width: 100%;
      height: auto; }
  #headerWrap p {
    position: fixed;
    width: 25%;
    bottom: 0;
    right: 0; 
    z-index: 9;}
    #headerWrap p span {
      position: static;
      right: 0;
      top: 0; }
  #headerWrap ul {
    display: none; }

/*------------------------------
topWrap
-------------------------------*/
#topWrap {
  margin: 0;
  padding: 15px;
  background: url(../images/top_bg_sp.jpg) no-repeat center top;
  background-size: 100% auto; }
  #topWrap ul {
    margin: 0 !important; }
    #topWrap ul li {
      width: 33%;
      margin: 0;
      padding: 0 2px;
      box-sizing: border-box; }
      #topWrap ul li img {
        width: 100%;
        height: auto; }
  #topWrap .contentOuter h2 {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 70% 0 0 0;
    background: url("../images/top_title_sp.png") no-repeat;
    background-size: 76% auto; }

/*------------------------------
#featureContinueWrap
-------------------------------*/
#featureContinueWrap {
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  padding: 0 0 0 0;
  background: url("/lp/campaign_b_regist_simple/images/feature01_bg.gif") repeat-x left top;
  background-size: cover; }

#featureContinueWrap .contentOuter { background-color: transparent;padding: 15px; }
#featureContinueWrap .contentOuter div p { margin-right: 30px; }

#featureContinueWrap .feature01title {
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  padding: 85% 0 0 0;
  background: url("/lp/campaign_b_regist_simple/images/feature01_img01_sp.jpg") no-repeat;
  background-size: 97%;
  }

#featureContinueWrap .feature01title > img {
  display:none;
}

#featureContinueWrap .feature01banner {
  display:none;
}

#featureContinueWrap .feature01detailtitle > img {
  width:40%;
  height: auto;
}

/*------------------------------
#featurePrivilegeWrap
-------------------------------*/
#featurePrivilegeWrap {
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px;
  padding: 134.0625% 0 0 0;
  background: url("../images/feature02_img_sp.png") no-repeat;
  background-size: 100% auto; }

/*------------------------------
#featureEasyWrap
-------------------------------*/
#featureEasyWrap {
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px;
  padding: 225% 0 0 0;
  background: url("../images/feature03_img_sp.png") no-repeat;
  background-size: 100% auto; }

/*------------------------------
#lineupWrap
-------------------------------*/
#lineupWrap h2 img {
  width: 100%;
  height: auto; }
#lineupWrap ul {
  padding: 10px 10px 0 10px; }
  #lineupWrap ul li {
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 30px 0; }
    #lineupWrap ul li .lineupSentence {
      float: none;
      width: 100%;
      box-sizing: border-box; }
    #lineupWrap ul li div {
      width: 100%; }
      #lineupWrap ul li div p {
        float: none;
        width: 100%;
        box-sizing: border-box; }
        #lineupWrap ul li div p img {
          width: 30%; }
#lineupWrap p {
  margin: 0 0 10px 0; }

/*------------------------------
#kodawariWrap
-------------------------------*/
#kodawariWrap #deliciousSection {
  background: none;
  margin: 0; }
  #kodawariWrap #deliciousSection h2 {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 62.5% 0 0 0;
    background: url("../images/kodawari01_title_sp.jpg") no-repeat;
    background-size: 100% auto; }
  #kodawariWrap #deliciousSection ul {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 225% 0 0 0;
    background: url("../images/kodawari01_point_sp.jpg") no-repeat;
    background-size: 100% auto;
    margin: 0; }
  #kodawariWrap #deliciousSection p {
    margin: 10px 0; }
#kodawariWrap #safetySection {
  background: none;
  margin: 0; }
  #kodawariWrap #safetySection h2 {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 69.6875% 0 0 0;
    background: url("../images/kodawari02_title_sp.jpg") no-repeat;
    background-size: 100% auto; }
  #kodawariWrap #safetySection ul {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 343% 0 0 0;
    background: url("../images/kodawari02_point_sp.jpg") no-repeat;
    background-size: 100% auto;
    margin: 0; }
  #kodawariWrap #safetySection .contentOuter > p {
    margin: 10px 0; }
#kodawariWrap #savingSection {
  background: none;
  margin: 0; }
  #kodawariWrap #savingSection h2 {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 68.4375% 0 0 0;
    background: url("../images/kodawari03_title_sp.jpg") no-repeat;
    background-size: 100% auto; }
  #kodawariWrap #savingSection ul {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 530% 0 0 0;
    background: url("../images/kodawari03_point_sp.jpg") no-repeat;
    background-size: 100% auto;
    margin: 0; }
  #kodawariWrap #savingSection .contentOuter > p {
    margin: 10px 0; }

/*------------------------------
#faqWrap
-------------------------------*/
#faqWrap .faqOuter {
  width: 100%;
  margin: 0;
  padding: 10px;
  box-sizing: border-box; }
  #faqWrap .faqOuter img {
    width: 100%;
    height: auto; }
  #faqWrap .faqOuter p {
    margin: 10px 0; }
#faqWrap h2 {
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px;
  padding: 17.81% 0 0 0;
  background: url("../images/qa_title_sp.png") no-repeat;
  background-size: 100% auto; }
#faqWrap ul {
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px;
  padding: 257% 0 0 0;
  background: url("../images/qa_img_sp.png") no-repeat;
  background-size: 100% auto;
  margin: 0; }

/*------------------------------
#flowWrap
-------------------------------*/
#flowWrap {
  padding-top: 0; }
  #flowWrap .smallOuter {
    width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box; }
    #flowWrap .smallOuter img {
      width: 100%;
      height: auto; }
    #flowWrap .smallOuter p {
      margin: 10px 0; }
  #flowWrap h2 {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 17.81% 0 0 0;
    background: url("../images/flow_title_sp.png") no-repeat;
    background-size: 100% auto; }
  #flowWrap ul {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 286% 0 0 0;
    background: url("../images/flow_step_sp.jpg") no-repeat;
    background-size: 100% auto;
    margin: 0; }

/*------------------------------
footer
-------------------------------*/
#footer {
  box-sizing: border-box; }
  #footer ul {
    margin: 0 auto 15px;
    width: 100%;
    text-align: center; }

/*------------------------------
form
-------------------------------*/

ul{
  margin: 0;
}
input{
  border: 1px solid #000;
  box-sizing: border-box;
  padding:10px;
}

table,tbody,tr,td{
  display: block;
  width: 100%;
}


.formArea {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box; }

  .formArea > h2 {
    overflow: hidden;
    display: block;
    border: none;
    text-decoration: none;
    height: 0px;
    padding: 15.3125% 0 0 0;
    background: url("../images/formArea_title_sp.png") no-repeat;
    background-size: 100% auto; }

.formArea .mb60 {
    margin-bottom: 20px !important;
}

/* type05 フォームのフロー図*/
.type05 {
  margin: 10px 0;
  padding: 0 10px; }

.type05 ul {
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px;
  padding: 24.0625% 0 0 0;
  background-size: 100% auto;
  margin: 0; }

.type05 ul li {
  float: none;
  width: 33%;
  height: 0; }

.type05 ul.regist.step2 {
  background: url(../images/formArea_flow_sp.png) no-repeat;
  background-size: 100% auto;
  margin: 0 10px; }

.type06{
  margin: 0 0 20px;
}
.type06 .select_yes {
    margin: 30px 0px;
    position: relative;
}

.type07 ul li img{
  width: 250px;
  height: auto;
}

.type07 ul li label{
  padding: 0 0 0 30px;
}
.type07 h1,
.type08 h1{
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  background-position: left bottom;
}

.type08 dl {
    margin:0 0 10px 0;
    padding: 10px;
    line-height: 1.4;
    background: #FFFAE2;
}
.type08 dl.alpha dt{
  border:none;
}
.type08 dl dt {
    float: none;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
}

.type08 dl dd{
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-left: none;
  box-sizing: border-box;
}
.type08 dd h3{
  padding: 0 0 0 10px;
}
.type08 dd p {
  padding-left: 0;
}
.type08 dd p small {
    margin-left: 0;
}


/* type06 agreement.html専用 */
/* type07 フォーム：画像つきラジオボタン*/
/* type08 フォーム：複合ラジオボタンボックス(通常版)*/
/* type09 フォーム：表組（２～３カラム固定幅）*/
.type09 h1{
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  background-position: left bottom;
}
.type09 table th,
.type09 table td{
display: block;
box-sizing: border-box;
overflow: hidden;
width: 100%;
}
.type09 table td.beta{
  
}



.type09 table td.beta{
border-right: 1px solid #D2EEF9;
}
.type09 table th,
.type09 table td,
.type09 table td.beta {
  width: 100%;
  height: auto; }
.type09 table th.alpha {
    width: 100%;
}



.type09 table td input {
    height: inherit;
    margin: 0;
    margin-bottom: 5px: 
    line-height: 20px;
    padding:10px 1px;
    vertical-align: middle;
    box-sizing: border-box;
}
.type09 table td select{
  width: inherit;
}
.type09 table td input{
  width: inherit;
}
.type09 table td input.short {
  width: 100%;
}
.type09 table td input.medium {
  width: 100%;
}
.type09 table td input.long {
  width: 100%;
}

.type09.alpha{
  border-top: none;
}

.type09 table td input[type="submit"] {
    height: 40px;
}

.contentMain {
    margin-top:5px;
    margin-bottom:110px;"
}
.contentOuter img.omousikomikotira {
  width: 70%;
  min-width: 250px;
}
.campaign202310_1 {
    width:95%;
    height:calc(100vw * 1.26);
    min-width:auto;
    min-height:auto;
}
.campaign202310_2 {
    width:95%;
    height:calc(100vw * 1.23);
    min-width:auto;
    min-height:auto;
}