@charset "utf-8";
/* CSS Document */

/* -----------------------------------*/
/*   全ページ共通CSS                  */
/* -----------------------------------*/

html{
  font-size:62.5%;
  -webkit-overflow-scrolling:touch;
  line-height:1.5;
}

body{
  font-size:1.4rem;
  margin:0;
  height:100%;
  color:#333;
  min-width:320px;
  -webkit-overflow-scrolling:touch;
  -webkit-text-size-adjust:100%;
}

html,body{
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ", HiraKakuProN-W3, sans-serif;
}

ul{
  list-style:none;
  margin:0;
  padding:0;
}

.listStyle{
  list-style-type:disc;
}

#wrapper{
  width:100%;
  overflow:hidden;
}

a img{
  border:none;
}

h3{
  text-align:left;
}

#contentsArea{
  padding:10px 0 30px 0;
  width:100%;
  box-sizing:border-box;
  max-width:1100px;
  margin:0 auto;
}

.p{
  margin:0;
}

input[type="submit"],
input[type="button"]{
  -webkit-appearance:none;
}

/* -----------------------------------*/
/*   各種部品                         */
/* -----------------------------------*/

/*
 * 見出しエレメント1
 */
#contentsArea .h2{
  font-size:2rem;
  border-bottom:2px solid;
  padding:15px 10px 3px 10px;
  margin:10px;
  font-weight:bold;
  text-align:center;
}


/*
 * 見出しエレメント2
 */
#contentsArea .h3{
  font-size:1.8rem;
  font-weight:bold;
  padding:15px 10px 6px 10px;
  display:block;
  margin:0;
}


/*
 * 連絡先強調表示
 */
.stBoxBlock{
  padding:5px 10px 20px 10px;
}

.stClBox{
  display:block;
  width:100%;
  box-sizing:border-box;
  border:none;
  padding:0;
}

.stClBox .stBox{
  display:block;
  vertical-align:top;
  width:100%;
  clear:both;
}

.stTextTel{
  font-size:2.8rem;
  font-weight:bold;
  white-space:nowrap;
  margin: 0 auto;
  display:block;
  text-align:center;
}

.stTextTel .stSpan{
  font-size:1.2rem;
  font-weight:normal;
}

.stTextNotes{
  font-size:1.2rem;
  padding:10px;
  margin:20px 20px 0 20px;
}

.smt{
  display:block!important;
}

.pc{
  display:none!important;
}


/*
 * 連絡先下部表示
 */
.clBox{
  display:block;
  width:100%;
  box-sizing:border-box;
  border:none;
  padding:0;
  margin:0 0 30px 0;
}

.clBox .box{
  display:block;
  vertical-align:top;
  width:100%;
  clear:both;
}

/*
.box p{
  padding:0 20px;
}
*/

.textTel{
  font-size:2.8rem;
  font-weight:bold;
  white-space:nowrap;
  margin: 0 auto;
  display:block;
  text-align:center;
}

.textTel .span{
  font-size:1.2rem;
  font-weight:normal;
}

.textNotes{
  font-size:1.2rem;
  padding:10px;
  margin:20px;
}

.aster{
  margin:0;
}


/*
 * 閉じるボタン
 */
.closeParent{
  position:relative;
  width:100%;
  margin:0 auto;
}

.return{
  margin-bottom:10px !important;
}

.decideParent{
  position:relative;
  width:90%;
  margin:0 auto;
  margin-bottom:30px;
}

.btnWindowClose{
  width:100%;
  max-width:none;
  margin:0 auto;
  height:40px;
  font-size:1.6rem;
  font-weight:bold;
  border-radius:15px;
  border:none;
  box-shadow:0px 2px 4px rgba(0,0,0,0.1);
  cursor:pointer;
  overflow:hidden;
  display:block;
}

.btnWindowClose:hover{
  opacity:0.85;
}


/*
 * 確定系ボタン
 */
.btnReturn{
  width:100%;
  margin:0 auto;
  height:40px;
  font-size:1.6rem;
  font-weight:bold;
  border-radius:15px;
  border:none;
  box-shadow:0px 2px 4px rgba(0,0,0,0.1);
  cursor:pointer;
  overflow:hidden;
  letter-spacing:0.1rem;
  display:block;
  text-align:center;
}

.btnReturn:hover{
  opacity:0.85;
}

.closeP::before{
  content:url(../img/icon_btn_close.png);
  transform:scale(0.6);
  -webkit-transform:scale(0.6);
  -moz-transform:scale(0.6);
  position:absolute;
  top:5px;
  left:10px;
  z-index:100;
}

.correct::before{
  content:url(../img/hidari.png);
  transform:scale(0.8);
  -webkit-transform:scale(0.8);
  position:absolute;
  top:7px;
  left:10px;
  z-index:100;
}

 .nextaicon::after {
   content:url(../img/migi.png);
   position:absolute;
   -webkit-transform:scale(0.8);
   top:7px;
   right:15px;
 }

 .nextaiconDisabled::after {
   content:url(../img/icon_arrow_white_R.png);
   position:absolute;
   transform:scale(0.8);
   -webkit-transform:scale(0.8);
   top:6px;
   right:15px;
 }

/*
 * 新規画面表示系ボタン
 */

.kasaiicon::before{
  content:url(../img/kasai-03.png);
  transform:scale(0.4);
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  position:absolute;
  top:-15px;
  left:10px;
  z-index:100;
}

.disclosureicon::after{
  content:url(../img/uis_icon_disclosure_close.png);
  transform:scale(0.4);
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  position:absolute;
  top:15px;
  right:10px;
  z-index:100;
}

.sizennsaigaiicon::before{
  content:url(../img/kasai-06.png);
  transform:scale(0.4);
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  position:absolute;
  top:-15px;
  left:10px;
  z-index:100;
}

.obligationiicon::before{
  content:url(../img/obligation-02.png);
  transform:scale(0.4);
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  position:absolute;
  top:-15px;
  left:10px;
  z-index:100;
}

.shougaiiicon::before{
  content:url(../img/shogai-sv-03.png);
  transform:scale(0.4);
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  position:absolute;
  top:-15px;
  left:10px;
  z-index:100;
}


 .seikyuutetudukiAd::before {
   content:url(../img/file.png);
   position:absolute;
   transform:scale(0.7);
   -webkit-transform:scale(0.7);
   -moz-transform:scale(0.7);
   top:5px;
   right:0px;
 }


/*
 * 削除ボタン
 */
.btnDelete{
  width:40%;
  max-width:200px;
  margin:0 auto;
  min-height:40px;
  padding:0px 0px 0px 13px;
  font-size:1.6rem;
  font-weight:bold;
  border-radius:15px;
  border:none;
  box-shadow:0px 2px 8px rgba(0,0,0,0.3);
  cursor:pointer;
  overflow:hidden;
  display:block;
  letter-spacing:0.1rem;
  /* background:url(../img/icon_del.png) no-repeat 10px 10px/12px #fff; */
}


/*
 * コンテンツ遷移ボタン
 */
.blockGurantee{
  text-align:center;
}

.contentParent{
  position:relative;
  display:block;
  width:calc(100% - 20px);
  margin:0 auto;
}

.contentsBtn{
  display:block;
  width:100%;
  max-width:620px;
  margin:0 auto;
  text-align:center;
  box-shadow:none;
  box-sizing:border-box;
  position:relative;
}

.contentsBtnA{
  display:block;
  width:100%;
  max-width:620px;
  margin:0 auto;
  text-align:center;
  box-shadow:none;
  box-sizing:border-box;
}

.contentsBtn .conA{
  width:100%;
  text-align:center;
  font-size:1.8rem;
  text-decoration:none;
  height:45px;
  vertical-align:middle;
  font-weight:bold;
  padding:0 5px;
  box-sizing:border-box;
  line-height:1.2;
  border:none;
  border-radius:4px;
}

.contentsBtn .conD{
  width:100%;
  text-align:center;
  font-size:1.8rem;
  text-decoration:none;
  height:45px;
  vertical-align:middle;
  font-weight:bold;
  padding:0 5px;
  box-sizing:border-box;
  line-height:1.2;
  letter-spacing:0.1rem;
  border:none;
  border-radius:4px;
  box-shadow:0px 2px 8px rgba(0,0,0,0.3);
  cursor:pointer;
}

.contentsBtn::after{
  content:url(../img/icon_arrow_white_R.png);
  position:absolute;
  transform:scale(0.8);
  -webkit-transform:scale(0.8);
  top:6px;
  right:15px;
}


/*
 * 詳細を開くアイコン
 */
.btnOc{
  position:relative;
  width:40px;
  height:40px;
  border:none;
  border-radius:50%;
  margin-top:2px;
  margin-bottom:2px;
  background:#c9e2df;
}

.btnOpen::before{
  content:url(../img/icon_plus.png);
  left:calc(100% - 34.5px);
  position:absolute;
  top:7px;
  z-index:1;
  transform:scale(0.85);
  -webkit-transform:scale(0.85);
}


/*
 * 詳細を閉じるアイコン
 */
.btnClose::before{
  content:url(../img/icon_minus.png);
  left:calc(100% - 35.5px);
  position:absolute;
  top:15px;
  z-index:1;
  transform:scale(0.85);
  -webkit-transform:scale(0.85);
}

/*
 *  メッセージ表示
 */
.messageText{
  font-size:1.6rem;
  padding:10px;
  margin:0 0 10px 0;
  line-height:1.5;
}

.informationText{
  padding:15px 10px;
  margin:0;
  line-height:1.5;
}

.infoText{
  padding:0 10px 15px 0px;
  margin:0;
  line-height:1.5;
  padding-left:calc(10px + 1em);
  text-indent:-1em;
}

.informText{
  padding:0 10px 15px 10px;
  margin:0;
  line-height:1.5;
}

.underClose{
  width:calc(100% - 20px);
  margin:0 auto;
}

.linest{
  line-height:1.5;
}

.textWidthAuto{width:auto !important;}

.kaigyouYounin {
  white-space: pre-wrap
}

.helpBoxTipBold{
  font-weight:bold;
}
/*
 * タブレット、PC
 */
@media screen and (min-width:480px){

  #contentsArea .h2{
    font-size:2.4rem;
    border-bottom:2px solid;
    padding:15px 10px 3px 10px;
    margin:10px;
    font-weight:bold;
    text-align:center;
  }

  /*
   * 閉じるボタン
   */
  .btnDelete{
    width:40%;
    max-width:200px;
    margin:0 auto;
    min-height:40px;
    font-size:1.6rem;
    font-weight:bold;
    border-radius:15px;
    border:none;
    box-shadow:0px 2px 8px rgba(0,0,0,0.3);
    cursor:pointer;
    overflow:hidden;
    display:block;
    letter-spacing:0.1rem;
    box-sizing:border-box;
    padding:4px;
    -webkit-appearance:none;
    /* background:url(../img/icon_del.png) no-repeat 10px 9px/14px #fff; */
  }


  /*
   * 連絡先強調表示
   */
  .stClBox{
    display:block;
    width:100%;
    box-sizing:border-box;
    border:none;
  }

  .stClBox .stBox{
    display:block;
    vertical-align:top;
    width:100%;
    clear:both;
  }

  .stTextNotes{
    font-size:1.2rem;
    padding:10px;
    margin:20px;
  }


  /*
   * 連絡先下部表示
   */
  .clBox{
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:0;
    border:none;
    margin:0 0 30px 0;
  }

  .clBox .Box{
    display:block;
    vertical-align:top;
    width:100%;
    clear:both;
  }

  .contentsBtn::after{
    content:url(../img/icon_arrow_white_R.png);
    position:absolute;
    transform:scale(0.8);
    -webkit-transform:scale(0.8);
    top:6px;
    right:15px;
  }

  /** Chrome用
  @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .contentsBtn::after{
      margin:-33px 6px 0px 0px;
    }
  }**/


  /*
   * 閉じるボタン
   */
  .closeParent{
    position:relative;
    width:40%;
    min-width:200px;
  }

  .btnWindowClose{
    margin:0 auto;
    height:40px;
    font-size:1.6rem;
    font-weight:bold;
    border-radius:15px;
    border:none;
    box-shadow:0px 2px 4px rgba(0,0,0,0.3);
    cursor:pointer;
    overflow:hidden;
    display:block;
    letter-spacing:0.2rem;
    box-sizing:border-box;
    padding:4px;
    -webkit-appearance:none;
  }

  .btnReturn{
    margin:0 auto;
    height:40px;
    font-size:1.6rem;
    font-weight:bold;
    border-radius:15px;
    border:none;
    box-shadow:0px 2px 4px rgba(0,0,0,0.3);
    cursor:pointer;
    overflow:hidden;
    display:block;
    letter-spacing:0.1rem;
    box-sizing:border-box;
    padding:4px;
    text-align:center;
    -webkit-appearance:none;
  }

  .underClose{
    width:200px;
    margin:auto;
  }

}



/*
 * PC
 */
@media screen and (min-width:769px){

  #contentsArea{
    padding:10px 0 30px 0;
    width:100%;
    box-sizing:border-box;
    max-width:1100px;
    margin:0 auto;
  }

  #contentsArea .h2{
    font-size:2.4rem;
    border-bottom:2px solid;
    padding:15px 10px 3px 10px;
    margin:10px;
    font-weight:bold;
    text-align:left;
  }

  /*
   * 見出しエレメント2
   */
  #contentsArea .h3{
    font-size:1.8rem;
    font-weight:bold;
    padding:15px 10px 5px 10px;
    display:block;
    margin:0;
  }

  .contentParent{
    position:relative;
    width:280px;
    min-width: 200px !important;
    margin:0 auto;
  }

  .contentsBtn{
    display:block;
    width:280px !important;
    min-width:200px !important;
    margin:0 auto;
    text-align:center;
    box-shadow:0px 2px 8px rgba(0,0,0,0.3);
    border-radius:4px;
    box-sizing:border-box;
  }

  .contentsBtnA{
    display:block;
    width:280px !important;
    margin:0 auto;
    text-align:center;
    box-shadow:none;
    border-radius:4px;
    box-sizing:border-box;
  }

  .return{
    margin-bottom:10px;
  }

  /*
   * 連絡先強調表示
   */
  .stClBox{
    display:table;
    width:100%;
    box-sizing:border-box;
  }

  .stBoxBlock{
    padding:5px 10px 0px 10px;
  }

  .stClBox .stBox{
    display:table-cell;
    vertical-align:top;
    width:50%;
  }

  .stBox p{
    padding:0 20px;
  }

  .stTextTel{
    font-size:3.6rem;
    font-weight:bold;
    white-space:nowrap;
    text-align:left;
    margin-bottom:20px;
  }

  .stTextNotes{
    font-size:1.2rem;
    padding:10px;
    margin:20px 20px 20px 0;
  }

  .smt{
    display:none!important;
  }

  .pc{
    display:block!important;
  }

  /*
   * 連絡先下部表示
   */
  .clBox{
    display:table;
    width:100%;
    box-sizing:border-box;
    padding:0 20px;
    margin:0 0 10px 0;
  }

  .clBox .box{
    display:table-cell;
    vertical-align:middle;
    width:50%;
  }

  .clBox .box:not(:last-child){
    padding:0 20px 0 0px;
  }

  .textTel{
    font-size:3.6rem;
    font-weight:bold;
    white-space:nowrap;
    text-align:left;
  }

  .contentParent{
    position:relative;
    display:block;
    width:280px;
    min-width: 200px !important;
    margin:0 auto;
  }

  .contentsBtn{
    display:block;
    width:280px !important;
    min-width:200px !important;
    margin:0 auto;
    text-align:center;
    box-shadow:none;
    border-radius:4px;
    box-sizing:border-box;
  }

  .contentsBtn .conA{
    width:100%;
    text-align:center;
    font-size:1.8rem;
    text-decoration:none;
    height:57px;
    vertical-align:middle;
    font-weight:bold;
    padding:0 5px;
    box-sizing:border-box;
    line-height:1.2;
    border:none;
    border-radius:4px;
  }

  .contentsBtn .conD{
    width:100%;
    text-align:center;
    font-size:1.8rem;
    text-decoration:none;
    height:55px;
    vertical-align:middle;
    font-weight:bold;
    padding:0 5px;
    box-sizing:border-box;
    line-height:1.2;
    letter-spacing:0.1rem;
    border:none;
    border-radius:4px;
    box-shadow:0px 2px 8px rgba(0,0,0,0.3);
  }

  .contentsBtn::after{
    content:url(../img/icon_arrow_white_R.png);
    position:absolute;
    transform:scale(0.8);
    -webkit-transform:scale(0.8);
    top:11px;
    right:15px;
  }

  /** Chrome用 **/
  @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .contentsBtn::after{

    }
  }



  /*
  * 新規画面表示系ボタン
  */

  .kasaiicon::before{
    transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    position:absolute;
    top:5px;
    left:20px;
  }

  .disclosureicon::after{
    content:url(../img/uis_icon_disclosure_close_naname.png);
    transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    position:absolute;
    bottom:-475px;
    right:5px;
}

  .sizennsaigaiicon::before{
    transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    position:absolute;
    top:5px;
    left:20px;
  }

  .obligationiicon::before{
    transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    position:absolute;
    top:5px;
    left:20px;
  }

  .shougaiiicon::before{
    transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    position:absolute;
    top:5px;
    left:20px;
  }

}