@charset "utf-8";
body{
  color:#111111;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  margin:0;
  padding:0;
}

a{
  text-decoration: none;
}

/* ========================
 マージン
=========================== */
.maC {
    margin: 0 auto!important;
}
.maT0 {
    margin-top: 0!important;
}
.maT5 {
    margin-top: 5px!important;
}
.maT10 {
    margin-top: 10px!important;
}
.maT15 {
    margin-top: 15px!important;
}
.maT20 {
    margin-top: 20px!important;
}
.maT25 {
    margin-top: 25px!important;
}
.maT30 {
    margin-top: 30px!important;
}
.maT35 {
    margin-top: 35px!important;
}
.maT40 {
    margin-top: 40px!important;
}
.maT45 {
    margin-top: 45px!important;
}
.maT50 {
    margin-top: 50px!important;
}
.maR0 {
    margin-right: 0!important;
}
.maR5 {
    margin-right: 5px!important;
}
.maR10 {
    margin-right: 10px!important;
}
.maR15 {
    margin-right: 15px!important;
}
.maR20 {
    margin-right: 20px!important;
}
.maR25 {
    margin-right: 25px!important;
}
.maR30 {
    margin-right: 30px!important;
}
.maR35 {
    margin-right: 35px!important;
}
.maR40 {
    margin-right: 40px!important;
}
.maR45 {
    margin-right: 45px!important;
}
.maR50 {
    margin-right: 50px!important;
}
.maR100 {
    margin-right: 100px!important;
}
.maB0 {
    margin-bottom: 0!important;
}
.maB5 {
    margin-bottom: 5px!important;
}
.maB10 {
    margin-bottom: 10px!important;
}
.maB15 {
    margin-bottom: 15px!important;
}
.maB20 {
    margin-bottom: 20px!important;
}
.maB25 {
    margin-bottom: 25px!important;
}
.maB30 {
    margin-bottom: 30px!important;
}
.maB35 {
    margin-bottom: 35px!important;
}
.maB40 {
    margin-bottom: 40px!important;
}
.maB45 {
    margin-bottom: 45px!important;
}
.maB50 {
    margin-bottom: 50px!important;
}
.maB60 {
    margin-bottom: 60px!important;
}
.maL0 {
    margin-left: 0px!important;
}
.maL5 {
    margin-left: 5px!important;
}
.maL10 {
    margin-left: 10px!important;
}
.maL15 {
    margin-left: 15px!important;
}
.maL20 {
    margin-left: 20px!important;
}
.maL25 {
    margin-left: 25px!important;
}
.maL30 {
    margin-left: 30px!important;
}
.maL35 {
    margin-left: 35px!important;
}
.maL40 {
    margin-left: 40px!important;
}
.maL45 {
    margin-left: 45px!important;
}
.maL50 {
    margin-left: 50px!important;
}
.ma0 {
    margin: 0px!important;
}
.ma5 {
    margin: 5px!important;
}
.ma10 {
    margin: 10px!important;
}
.ma15 {
    margin: 15px!important;
}
.ma20 {
    margin: 20px!important;
}
.ma25 {
    margin: 25px!important;
}
.ma30 {
    margin: 30px!important;
}
.ma35 {
    margin: 35px!important;
}
.ma40 {
    margin: 40px!important;
}
.ma45 {
    margin: 45px!important;
}
.ma50 {
    margin: 50px!important;
}

/* ========================
 パディング
=========================== */
.paT0 {
    padding-top: 0px!important;
}
.paT5 {
    padding-top: 5px!important;
}
.paT10 {
    padding-top: 10px!important;
}
.paT15 {
    padding-top: 15px!important;
}
.paT20 {
    padding-top: 20px!important;
}
.paT25 {
    padding-top: 25px!important;
}
.paT30 {
    padding-top: 30px!important;
}
.paT35 {
    padding-top: 35px!important;
}
.paT40 {
    padding-top: 40px!important;
}
.paT45 {
    padding-top: 45px!important;
}
.paT50 {
    padding-top: 50px!important;
}
.paR0 {
    padding-right: 0px!important;
}
.paR5 {
    padding-right: 5px!important;
}
.paR10 {
    padding-right: 10px!important;
}
.paR15 {
    padding-right: 15px!important;
}
.paR20 {
    padding-right: 20px!important;
}
.paR25 {
    padding-right: 25px!important;
}
.paR30 {
    padding-right: 30px!important;
}
.paR35 {
    padding-right: 35px!important;
}
.paR40 {
    padding-right: 40px!important;
}
.paR45 {
    padding-right: 45px!important;
}
.paR50 {
    padding-right: 50px!important;
}
.paB0 {
    padding-bottom: 0px!important;
}
.paB5 {
    padding-bottom: 5px!important;
}
.paB10 {
    padding-bottom: 10px!important;
}
.paB15 {
    padding-bottom: 15px!important;
}
.paB20 {
    padding-bottom: 20px!important;
}
.paB25 {
    padding-bottom: 25px!important;
}
.paB30 {
    padding-bottom: 30px!important;
}
.paB35 {
    padding-bottom: 35px!important;
}
.paB40 {
    padding-bottom: 40px!important;
}
.paB45 {
    padding-bottom: 45px!important;
}
.paB50 {
    padding-bottom: 50px!important;
}
.paL0 {
    padding-left: 0px!important;
}
.paL5 {
    padding-left: 5px!important;
}
.paL10 {
    padding-left: 10px!important;
}
.paL15 {
    padding-left: 15px!important;
}
.paL20 {
    padding-left: 20px!important;
}
.paL25 {
    padding-left: 25px!important;
}
.paL30 {
    padding-left: 30px!important;
}
.paL35 {
    padding-left: 35px!important;
}
.paL40 {
    padding-left: 40px!important;
}
.paL45 {
    padding-left: 45px!important;
}
.paL50 {
    padding-left: 50px!important;
}
.paL55 {
    padding-left: 55px!important;
}
.paL60 {
    padding-left: 60px!important;
}
.pa0 {
    padding: 0px!important;
}
.pa5 {
    padding: 5px!important;
}
.pa10 {
    padding: 10px!important;
}
.pa15 {
    padding: 15px!important;
}
.pa20 {
    padding: 20px!important;
}
.pa25 {
    padding: 25px!important;
}
.pa30 {
    padding: 30px!important;
}
.pa35 {
    padding: 35px!important;
}
.pa40 {
    padding: 40px!important;
}
.pa45 {
    padding: 45px!important;
}
.pa50 {
    padding: 50px!important;
}

/* ========================
背景色
=========================== */
.bgColorGray{
  background-color: #f6f6f6;
}


/* ========================
線
=========================== */
.gray_solid{
  display: block;
  height: 1px;
  background-color: #c8c8c8;
  border: 0;
  margin: 20px auto 0;
}

/* ========================
枠
=========================== */
.allWrap{
  margin: 0 auto;
  padding:4%;
  overflow-x: hidden;
}

/* ========================
見出し
=========================== */
h1{
  font-size: 20px;
  line-height: 1.5;
  margin-top: 20px;
  border-bottom: 4px solid #00856d;
  padding-bottom: 3px;
}

h2{
  font-size: 18px;
  line-height: 1.5;
  margin-top: 20px;
  color: #00856d;
}

h3{
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
  padding-left: 8px;
  border-left: solid 6px #00856d;
}

h4{
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
  padding-left: 0.8em;
  position: relative;
}

h4::after {
  position: absolute;
  top:8px;
  left:0;
  content: '';
  width: 6px;
  height:6px;
  background-color: #00856d;
}

h1.Blue{
  border-bottom: 4px solid #004098;
}

h2.Blue{
  color: #004098;
}

h3.Blue{
  border-left: solid 6px #004098;
}

h4.Blue::after {
  background-color: #004098;
}

/* ========================
通常テキスト
=========================== */
p{
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
}

/* ========================
強調テキスト赤
=========================== */
.txtImp{
  color: #eb0901;
}

/* ========================
注釈
=========================== */
ul.note{
  padding-left: 15px;
  margin-top:20px;
}

ul.note li{
  position: relative;
  display: block;
  padding: 0 0 0 5px;
  font-size: 86%;
  margin-top: 8px;
  line-height: 1.5;
  text-indent: -1em;
  color: #717171;
}

ul.note li:before{
  position: relative;
  top: 0;
  left: -0.5em;
  content: "※";
}

ul li.txtImp{
  color: #eb0901;
}

/* ========================
リンク
=========================== */
.link{
  font-size: 16px;
  color: #387cdd
}

.link_icon{
  margin-left: 15px;
  content: " ";
  display: inline-block;
  width: 8.5px;
  height: 14px;
  background: url(/wapp/for_vpointapp/common/img/linkicon.jpg) no-repeat;
  background-size: contain;
  vertical-align: -1px;
}

/* ========================
ボタン
=========================== */
.btnWrap{
  margin: 6%;
}

.btn{
  margin: 0 auto;
  display: block;
  position: relative;
  padding: 20px 30px;
  text-align: center;
  color: #ffffff;
  background: #00856d;
  border-radius: 4px;
}

/* ========================
画像
=========================== */
.imgWrap{
  text-align: center;
  margin-top: 20px;
}

.imgWrap img{
  max-width: none;
  width: 100%;
  height: auto;

}

/* ========================
手順説明
=========================== */
.fullBox{
  box-sizing: border-box;
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 5%;
  margin-top: 20px;
}

/* ========================
テーブル共通
=========================== */

table {
  margin-top: 40px !important;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
  font-size: 14px;
  text-align: left;
  width: 100%;
}

.defTable01 th{
  background-color: #f6f6f6;
  padding: 5%;
}

.defTable01 td{
  padding: 5%;
}

/* ========================
表 縦組み
=========================== */

.tableCol th{
  border-right: solid 2px #c8c8c8;
}

.tableCol td:not(:last-child){
  border-right: solid 1px #c8c8c8;
}

.tableCol tr:not(:last-child){
  border-bottom: solid 1px #c8c8c8;
}

/* ========================
表 横組み
=========================== */

.tableRow th{
  border-bottom: solid 2px #c8c8c8;
}

.tableRow th:not(:last-child){
  border-right: solid 1px #c8c8c8;
}

.tableRow td:not(:last-child){
  border-right: solid 1px #c8c8c8;
}

.tableRow tr:not(:last-child){
  border-bottom: solid 1px #c8c8c8;
}