@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

footer {
  padding: 40px 0 0;
}
footer .footer {
  color: #fff;
  background: #e60012;
  text-align: center;
  padding: 1em 0;
}
.borderNone_thtd > th,
.borderNone_thtd > td {
  border: none !important;
}
.padding0 {
  padding: 0 !important;
}
.inputBlock {
  word-break: break-all;
}
.inqNum {
  font-size: 155.55%;
  font-weight: bold;
  margin: 0 0.3em;
}
.mainTbl th p > em {
  color: #e60012;
}
.buttonArea .return {
  background: #aeaea4;
}
@media screen and (max-width: 767px) {
  .buttonArea ul li {
    margin-right: 0;
  }
}

p {
  margin: 1em 0;
}
  /** input **/
.mainContents input[type="text"]{
  padding:10px;
  max-width:100%;
  width:100%;
  box-sizing:border-box;
  border:1px solid #ccc;
}
.mainContents .withSelect input[type="text"]{
  width:20em;
}

/** select **/
.mainContents select{
  padding:5px 10px;
  box-sizing:border-box;
  border:1px solid #ccc;
}

/* .mainContents */
.mainContents{
  color:#333;
  font-size:15px;
  line-height:1.6;
  margin-top: 90px;
}
@media screen and (min-width:768px){
  .mainContents{
    padding:0 10px;
  }
}
@media screen and (max-width:767px){
  .mainContents{
    font-size:87.5%;
    margin-top: 70px;
  }
}
.mainContents .mainContentsIn{
  max-width:1112px;
  margin:3.5em auto 2em;
}
.mainContents .mainContentsIn:first-child{
  margin:1.5em auto 2em;
}
.mainContents .mainContentsIn:first-child:last-child{
  margin:1em auto 2em;
}
.mainContents .mainContentsIn:last-child{
  margin:6.5em auto 2em;
}
@media screen and (max-width:767px){
  .mainContents .mainContentsIn{
    max-width:none;
    width:96%;
  }
  .mainContents .mainContentsIn:first-child{
    margin-top:1em;
  }
  .mainContents .onlySP .mainContentsIn{
    margin-top:1em;
  }
}

/** ul **/
.mainContents ul{
  margin:1em 0;
  padding:0;
  list-style-type:none;
}
/*** list .normal ***/
.mainContents ul.normal{
  list-style-type:disc;
  padding-left:1.8em;
}
.mainContents ol.normal{
  margin:1em 0;
  padding-left:1.8em;
}

/** title module **/
.mainContents .ttlType1{
  padding:.17em 0 0.17em;
  margin:0 0 .35em;
  font-size:28px;
  letter-spacing:.1em;
  font-weight:normal;
}
.mainContents .ttlType2{
  position:relative;
  padding:.52em 0 .265em;
  margin:0 0 .265em!important;
  font-size:24px;
  letter-spacing:.1em;
  font-weight:normal;
}
.mainContents .ttlType2::before,
.mainContents .ttlType2::after{
  position:absolute;
  content:"";
  display:block;
  height:1px;
  top:0;
  left:0;
}
.mainContents .ttlType2::before{
  background-color:#e2e2e2;
  width:100%;
}
.mainContents .ttlType2::after{
  background-color:#E60012;
  width:120px;
}
.mainContents .ttlType2.mustRead .subText{
  display:inline-block;
  padding:.2em .3em .2em .6em;
  margin-left:.6em;
  font-size:12px;
  vertical-align:middle;
  background:#e60012;
  color:#fff;
}
.mainContents .ttlType3{
  padding:2px .8em;
  margin:1em 0 1.2em!important;
  font-size:20px;
  background:#ededed;
  letter-spacing:.1em;
  font-weight:normal;
}
.mainContents .ttlType3.noBg{
  padding:0;
  background:transparent;
}
@media screen and (max-width:767px){
  .mainContents .ttlType1{
    font-size:135.71%;
    padding:.45em 0;
    margin:0 0 .45em;
  }
  .mainContents .ttlType2{
    font-size:128.57%;
    padding:.6em 0 .3em;
    margin:0 0 .3em;
  }
  .mainContents .ttlType2-2{
    padding:.8em 0;
    margin:0 -10px 1em;
    background:#f2f2f2;
    border-top:1px solid #e6e6e6;
    font-size:16px;
    text-align:center;
    border-bottom:1px solid #e6e6e6;
  }
  .mainContents .ttlType3{
    font-size:114.29%;
  }
  .mainContents .ttlType4{
    font-size:107.14%;
  }
  .mainContents .ttlWithBtn{
    margin-bottom:2em;
  }
  .mainContents .ttlWithBtn .ttlWithBtnArea{
    margin-bottom:-1em;
  }
  .mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn{
    width:100%;
    margin-bottom:1em;
  }
  .mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn:nth-child(2n){
    margin-right:0;
  }
  .mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn.fullWid{
    width:100%;
    margin-right:0;
  }
  .mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea li{
    width:100%;
  }
  .mainContents .searchArea .searchBox{
    width:100%;
  }
}
.mainContents .fwB{
  font-weight:bold!important;
}
.mainContents .notice{
  position: relative;
  color:#e60012;
  padding-left: 27px;
}
.mainContents .notice::before{
  content: "※";
  position: absolute;
  top:0;
  left:0;
  display: block;
  width: 27px;
  text-align: center;
}
@media screen and (max-width:767px){
  .mainContents .notice{
    padding-left: 1.8em;
  }
  .mainContents .notice::before{
    width: 1.8em;
  }
}
/*** .formTable ***/
.formTable{
  margin:0 0 50px;
}
.formTable .buttonArea{
  margin:0;
}
.formTable .buttonArea ul{
  margin:0;
}
.formTable .buttonArea ul li a.noArrow{
  width:auto;
  margin:0;
  padding:10px 10px;
}

@media screen and (max-width:767px){
.formTable{
  margin:0 0 30px;
}
.formTable .buttonArea{
  margin:0;
}
.formTable .buttonArea ul{
  margin:0;
}
.formTable .buttonArea ul li a.noArrow{
  width:auto;
  margin:0;
  padding:10px 10px;
}
}


/** .buttonArea **/
.buttonArea{
  margin:1.3em 0 0;
  overflow:hidden;
}
.buttonArea:last-child{
  margin:1.3em 0;
}
.buttonArea + .buttonArea{
  margin-top:10px;
}
.buttonArea ul{
  display:inline-block;
  margin-top:0;
  margin-bottom:-10px;
  letter-spacing: -.4em;
}
.buttonArea ul li{
  display:inline-block;
  margin-right:18px;
  margin-bottom:10px!important;
  letter-spacing: normal;
  vertical-align: middle;
}
.buttonArea.halfWidth ul{
  width:100%;
}
.buttonArea.halfWidth ul li{
  display:block!important;
  margin-right:0!important;
}
.buttonArea.halfWidth ul li a{
  display:block;
  width:100%!important;
}
.buttonArea ul li:last-child{
  margin-right:0;
}
.buttonArea ul li .likeLink,
.buttonArea ul li input,
.buttonArea ul li button,
.buttonArea ul li a{
  cursor:pointer;
  display:inline-block;
  text-align:center;
  padding:.8em 2.2em;
  color:#fff;
  font-weight:bold;
  letter-spacing:.1em;
  border:0;
  border-radius:3px;
  background:#e60012 url(/club_wellness/common/assets/images/icommonk_arrow-white.png) no-repeat 94% 50%;
  background-size:.5em .8em;
  vertical-align:top;
  line-height:1.6;
  box-sizing:border-box;
}
.buttonArea ul li a.white{
  background:#fff url(/club_wellness/common/assets/images/icon_link_arrow-red.png) no-repeat 95% 50%;
  background-size:.5em .8em;
  color:#333;
  border:2px solid #e60012;
}
.buttonArea ul li a.white.pcIcon{
  position:relative;
  padding:.8em 3em .8em 4em;
}
.buttonArea ul li a.white.pcIcon .btnIn::before{
  position:absolute;
  left:10px;
  top:50%;
  margin:-20px 0 0 0;
  content:"";
  display:inline-block;
  padding-right:0;
  width:54px;
  height:38px;
  background:url(/common/images/2017/icon_pc.png) no-repeat 50% 50%;
  background-size:54px 38px;
}

@media screen and (max-width:767px){
  .buttonArea ul li{
    display:inline-block;
    margin-right: 0;
    margin-bottom:10px!important;
    letter-spacing: normal;
  }
}
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea ul li .likeLink,
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea ul li input,
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea ul li button,
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea ul li a{
  margin-bottom:0;
}
.buttonArea ul li input[type^=radio]{
  display:none;
}
.buttonArea ul li input,
.buttonArea ul li button{
  font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-seri;
}
.buttonArea ul li .likeLink:hover,
.buttonArea ul li .likeLink:active,
.buttonArea ul li a:hover,
.buttonArea ul li a:active,
.buttonArea ul li input:hover,
.buttonArea ul li button:hover{
  text-decoration:none;
  opacity:.6;
  filter:alpha(opacity=60);
}
.buttonArea ul li a.disable{
  background-color:#d5d5d5;
}
.buttonArea ul li a.disable:hover,
.buttonArea ul li a.disable:active{
  opacity:1;
  filter:alpha(opacity=100);
}

.buttonArea ul li a.external::after{
  content:normal;
}
.buttonArea ul li .printBtn{
  background:#e60012 url(/common/images/2017/icon_print2-white.png) no-repeat 7% 50%;
}
.buttonArea ul li a.noArrow{
  background:#e60012;
}
.buttonArea ul li input,
.buttonArea ul li button{
  width:18.4em;
}
.buttonArea ul li .btnIn{
  display:table-cell;
  width:14em;
}
@media screen and (min-width:768px){
  .buttonArea ul li .btnIn{
    vertical-align:middle;
  }
}
@media screen and (max-width:767px){
  .buttonArea ul{
    display:block;
  }
  .buttonArea.reverse ul{
    /* 並べ方 */
    display:flex;
    /* 方向 */
    flex-direction:column-reverse;
    /* 折り返し */
    flex-wrap:wrap;
    /* 位置揃え */
    justify-content:space-between;
  }
  .buttonArea.reverse ul li{
    margin:0;
  }
  .buttonArea ul li .printBtn{
    display:none;
  }
}
/*** .buttonArea.mini ***/
.buttonArea.mini ul li{
  margin-right:15px;
}
.buttonArea.mini ul li:last-child{
  margin-right:0;
}

.buttonArea.mini ul li .likeLink:hover,
.buttonArea.mini ul li .likeLink:active,
.buttonArea.mini ul li a:hover,
.buttonArea.mini ul li a:active{
  color:#fff;
  background:#e60012 url(/club_wellness/common/assets/images/icon_link_arrow-white.png) no-repeat 90% 50%;
  background-size:.45em .7em;
  opacity:1;
  filter:alpha(opacity=100);
}

.buttonArea.mini ul li .likeLink.prev:hover,
.buttonArea.mini ul li .likeLink.prev:active,
.buttonArea.mini ul li a.prev:hover,
.buttonArea.mini ul li a.prev:active{
  color:#fff;
  background:#e60012 url(/club_wellness/common/assets/images/icon_link_arrow-white.png) no-repeat 10% 50%;
  background-size:.45em .7em;
  opacity:1;
  filter:alpha(opacity=100);
}
.buttonArea.mini ul li .likeLink.pageIndicator,
.buttonArea.mini ul li .likeLink.pageIndicator:hover,
.buttonArea.mini ul li .likeLink.pageIndicator:active{
  padding:0;
  color:#333;
  background:none;
  border:0;
  cursor:default;
  border:2px solid transparent;
  border-radius:0;
}


.buttonArea.mini ul li .btnIn{
  width:auto;
}
@media screen and (min-width:768px){
  .buttonArea.mini ul{
    font-size:93.33%;
  }
}
@media screen and (max-width:767px){
  .buttonArea.mini ul{
    font-size:85.71%;
  }
  .buttonArea.mini ul li{
    float:left;
    display:inline-block;
    width:48%;
    margin-right:2%!important;
  }
  .buttonArea.mini ul li.spWid100{
    width:100%;
  }
  .buttonArea.mini ul li .likeLink,
  .buttonArea.mini ul li a{
    padding:0 6%;
    text-align:left;
  }
  .fullWid .buttonArea.mini ul li .likeLink,
  .fullWid .buttonArea.mini ul li a{
    width:100%;
    padding:0 6%;
    text-align:left;
  }
}

.buttonArea.mini.type2 ul li .likeLink:hover,
.buttonArea.mini.type2 ul li a:hover{
  color:#fff;
  background:#ccc url(/club_wellness/common/assets/images/icon_link_arrow-white.png) no-repeat 94% 50%;
  background-size:.45em .7em;
}
@media screen and (min-width:768px){
  .mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea.mini.type2{
    margin:-2px 0 0 0;
  }
  .buttonArea.mini.type2{
    position:relative;
  }
  .buttonArea.mini.type2.withBorder{
    padding-left:14px;
  }
  .buttonArea.mini.type2.withBorder::before{
    content:'';
    position:absolute;
    left:0;
    top:4px;
    display:block;
    width:2px;
    height:30px;
    background:#e5e5e5;
    margin-right:6px;
  }
}
@media screen and (max-width:767px){
  .buttonArea.mini.type2 ul{
    font-size:114.28%;
  }
  .buttonArea.mini.type2 ul li .likeLink,
  .buttonArea.mini.type2 ul li a{
    min-height:44px;
    line-height:44px;
  }
}

.formKv {
}
.formKv__mainImg {
  height: 260px;
}
.formKv__ttl {
  width: 266px;
}
.formKv__icon {
  position: absolute;
  bottom: -104px;
  left: 0;
  right: 0;
  z-index: 2;
  width: 157px;
  margin-inline: auto;
}
.formFristTxt__box {
  padding: 130px 15px 80px;
}
.formFristTxt__txt {
  text-align: center;
  font-size: 24px;
  margin: 0;
}
.formContainer {
  padding: 64px 30px 64px;
  background-color: rgba(255,178,0,.1);
}
.formContainer.mainContents {
  margin-top: 0;
}
.formInner {
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  padding: 40px 20px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,.1);
  border-radius: 10px;
}
.form__ttl {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
.form__lead {
  margin-top: 10px;
  margin-bottom: 60px;
  text-align: center;
}
.formTableTtl {
  font-size: 24px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 24px;
}
form {
  margin-top: 50px;
}
@media screen and (max-width:767px){
  .formKv {
  margin-bottom: 0px;
}
.formKv__mainImg {
  height: 192px;
  min-height: 0;
}
.formKv__ttl {
  width: 203px;
}
.formKv__icon {
  position: absolute;
  bottom: -70px;
  left: 0;
  right: 0;
  z-index: 2;
  width: 103px;
  margin-inline: auto;
}
.formFristTxt__box {
  padding-top: 90px;
  padding-bottom: 40px;
}
.formFristTxt__txt {
  text-align: center;
  font-size: 16px;
  margin: 0;
}
.formContainer {
  padding: 32px 15px 64px;
  background-color: rgba(255,178,0,.1);
}
.formContainer.mainContents {
  margin-top: 0;
}
.formInner {
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  padding: 40px 20px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,.1);
  border-radius: 5px;
}
.form__ttl {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.form__lead {
  margin-top: 0;
  margin-bottom: 30px;
}
.formTableTtl {
  font-size: 30px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 15px;
}
form {
  margin-top: 30px;
}
}



.formTable input{
  border:1px solid #ccc;
  padding:15px 10px;
  border-radius:3px;
  box-sizing:border-box;
  -webkit-appearance:button;
  -moz-appearance:button;
       appearance:button;
}
/**** mainTbl ****/
.formTable table.mainTbl{
  width:100%;
  margin-bottom:50px;
  border-top:1px dotted #ded7ce;
}
.formTable table.mainTbl th,
.formTable table.mainTbl td{
  border-bottom:1px dotted #ded7ce;
}
.formTable table.mainTbl th{
  position:relative;
  width:31%;
  padding:30px 18px;
  text-align:left;
  vertical-align:top;
}
.formTable table.mainTbl th .require{
  display:inline-block;
  border:1px solid #e60012;
  font-weight:normal;
  line-height:1;
  border-radius:5000px;
  color:#e60012;
}
.formTable table.mainTbl td{
  width:69%;
  padding:15px;
}
.formTable table.mainTbl td label{
  color:#444;
  margin-right:10px;
}
.formTable table.mainTbl .inputBlock{
  display:block;
}
.formTable table.mainTbl .inputBlock + .inputBlock{
  margin-top:1em;
}
.formTable table.mainTbl .txtBlockElm{
  display:block;
  margin-top:6px;
  padding-left:1em;
  text-indent:-1em;
}
.formTable table.mainTbl .txtBlockElm + .txtBlockElm{
  margin-top:0;
}
@media screen and (min-width:768px){
  .formTable{
    font-size:16px;
  }
  .formTable .buttonArea{
    margin:0 0 0 10px;
  }
  .formTable input[type="text"]{
    min-width:300px;
  }
  .formTable table.mainTbl th .require{
    position:absolute;
    top:25px;
    right:15px;
    padding:9px 15px;
    font-size:93.75%;
  }
  .formTable table.mainTbl td.wideHeight{
    padding:35px 18px;
  }
  .formTable.confirm table.mainTbl td{
    padding:35px 18px;
  }
}
@media screen and (max-width:767px){
  .formTable input{
    padding:11px 10px;
  }
  .formTable input[type="text"]{
    min-width:100%;
  }
  .formTable .buttonArea ul li a.noArrow{
    font-size:78.57%;
  }
  .formTable table.mainTbl th .require{
    margin-left:10px;
    padding:6px 10px;
    font-size:71.42%;
    vertical-align:top;
  }
  .formTable table.mainTbl > tbody > tr > th{
    border-bottom:0;
    padding-bottom:0;
  }
  .formTable table.mainTbl th{
    padding:20px 18px;
  }
  .formTable table.mainTbl > tbody > tr > th,
  .formTable table.mainTbl > tbody > tr > td,
  .formTable table.mainTbl table.subTable.breakRows > tbody > tr > th,
  .formTable table.mainTbl table.subTable.breakRows > tbody > tr > td{
    display:block;
    width:100%;
    padding-right:0;
    padding-left:0;
  }
  .formTable table.mainTbl .spWid60{
    min-width:60% !important;
  }
  .formTable table.mainTbl .spHide{
    display:none!important;
  }
}

/**** .subTable ****/
.formTable table.mainTbl td table.subTable{
  width:100%;
  border-bottom:0;
}
.formTable table.mainTbl td table.subTable th,
.formTable table.mainTbl td table.subTable td{
  width:auto;
  padding:0;
  border-bottom:0;
}
.formTable table.mainTbl td table.subTable tr + tr th,
.formTable table.mainTbl td table.subTable tr + tr td{
  padding:15px 0 0;
}
.formTable table.mainTbl td table.subTable th{
  font-weight:normal;
  vertical-align:middle;
  white-space:nowrap;
  width:4em;
}
.formTable table.mainTbl td table.subTable th label{
  margin-right:0;
}
.formTable table.mainTbl td table.subTable td input{
  width:100%;
}

/** input style **/
/*** radio ***/
.mainContents input[type="radio"]{
  display:none;
}
.mainContents input[type="radio"] + label{
  position:relative;
  cursor:pointer;
  padding-left:1.4em;
}
.mainContents input[type="radio"] + label::before,
.mainContents input[type="radio"] + label::after{
  content:"";
  position:absolute;
  display:block;
}
.mainContents input[type="radio"] + label::before{
  top:50%;
  left:0;
  width:1em;
  height:1em;
  margin-top:-.5em;
  border-radius:50%;
  border:1px solid #ccc;
  background:#fff;
  box-sizing:border-box;
}
.mainContents input[type="radio"]:checked + label::after{
  top:50%;
  left:.25em;
  width:.5em;
  height:.5em;
  margin-top:-.25em;
  background:#e60012;
  border-radius:50%;
}
.mainContents input[type="radio"]:disabled + label{
  cursor:default;
}
.mainContents input[type="radio"]:disabled + label::before{
  background:#ccc;
}
/**** btnInputArea ****/
.mainContents .btnInputArea .row{
  margin-bottom:-1em;
}
.mainContents .btnInputArea .row .col12,
.mainContents .btnInputArea .row .col11,
.mainContents .btnInputArea .row .col10,
.mainContents .btnInputArea .row .col9,
.mainContents .btnInputArea .row .col8,
.mainContents .btnInputArea .row .col7,
.mainContents .btnInputArea .row .col6,
.mainContents .btnInputArea .row .col5,
.mainContents .btnInputArea .row .col4,
.mainContents .btnInputArea .row .col3,
.mainContents .btnInputArea .row .col2_5,
.mainContents .btnInputArea .row .col2,
.mainContents .btnInputArea .row .col1{
  margin-bottom:1em;
}
.mainContents .btnInputArea .inputLabel{
  display:table;
  width:100%;
  cursor:pointer;
}
.mainContents .btnInputArea .inputLabel.disable{
  cursor:default;
}
.mainContents .btnInputArea .inputLabel .inputLabelIn{
  display:table-cell;
  width:100%;
  padding:15px 10px;
  vertical-align:middle;
  border:2px solid #f0f0f0;
  border-radius:2px;
  box-sizing:border-box;
}
.mainContents .btnInputArea .col4 .inputLabel .inputLabelIn,
.mainContents .btnInputArea .col6 .inputLabel .inputLabelIn{
  padding:25px 10px;
}
.mainContents .btnInputArea .inputLabel.active .inputLabelIn{
  border:2px solid #e60012;
}
.mainContents .btnInputArea .inputLabelIn input[type="radio"] + label{
  display:block;
  line-height:1.2;
  pointer-events:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
/*** checkbox ***/
.mainContents input[type="checkbox"]{
  display:none;
}
.mainContents input[type="checkbox"] + label{
  position:relative;
  cursor:pointer;
  padding-left:1.6em;
}
.mainContents input[type="checkbox"] + label::before,
.mainContents input[type="checkbox"] + label::after{
  content:"";
  position:absolute;
  display:block;
}
.mainContents input[type="checkbox"] + label::before{
  top:50%;
  left:0;
  width:1em;
  height:1em;
  margin-top:-.5em;
  border:1px solid #ccc;
  background:#fff;
  border-radius:2px;
}
.mainContents input[type="checkbox"]:disabled + label::before{
  background:#ccc;
}
.mainContents input[type="checkbox"]:checked + label::after{
  top:50%;
  left:.0625em;
  z-index:1;
  border-right:.125em solid #e60012;
  border-bottom:.125em solid #e60012;
  margin-top:-.8em;
  margin-left:.33em;
  width:.5em;
  height:1em;
  color:#e60012;
  transform:rotate(45deg);
}
.mainContents .btnInputArea .inputLabelIn input[type="checkbox"] + label{
  display:block;
  line-height:1.2;
  pointer-events:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
/*** textarea ***/
.mainContents textarea{
  width:100%;
  min-height:250px;
  padding:15px 10px;
  border:1px solid #ccc;
  border-radius:3px;
  box-sizing:border-box;
  -webkit-appearance:button;
  -moz-appearance:button;
       appearance:button;
}
@media screen and (max-width:767px){
  .mainContents textarea{
    min-height:180px;
  }
}

/****** file ******/
.formTable input[type="file"] {
  display: flex;
  border: none;
  padding: 0;
  width: 100%; /* 幅を広げる */
    white-space: nowrap; /* テキストを1行で表示 */
    cursor: pointer;
}
.formTable table.mainTbl td .uploadBtn {
    display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  width: 180px;
  height: 40px;
  color: #fff;
  background-color: #555555;
  font-size: 16px;
  padding: 2px 10px;
  border: none;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer;
}
.formTable table.mainTbl td .uploadBtn:hover {
  opacity: .7;
}
.js-upload-filename {
  display: inline-block;
  margin-top: 10px;
}

/****** agreeBox ******/
.formTable .agreeBox {
  text-align: center;
  margin-top: 0px;
}
.mainContents .formTable .agree__checkbox {
  display: inline;
}
.formTable .agree__txt {
  color: #e60012;
  font-size: 22px;
  margin: 0 0 0px;
}
.formTable .agree__txt.is-active {
  color: #333;
}
.formTable .agree__link {
  text-decoration: underline;
  color: #333;
  font-weight: normal;
  font-size: 16px;
}
.formTable .agree__link:hover {
  opacity: .7;
}
@media (max-width:767px) {
  .formTable .agreeBox {
    text-align: center;
  margin-top: -20px;
}
.mainContents .formTable .agree__checkbox {
  display: inline;
}
.formTable .agree__txt {
  font-size: 18px;
}
.formTable .agree__link {
  margin-top: 5px;
  font-size: 15px;
  text-decoration: underline;
}
}

/****** agreeModal ******/
.agreeModal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.agreeModal.is-active {
  opacity: 1;
  visibility: visible;
}
.agreeModal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0,0,0,.6);
}
.agreeModal__cont {
  background-color: #fff;
  padding: 70px 100px 60px;
  margin-inline: 20px;
  position: relative;
  z-index: 1;
  max-height: 90vh;
  max-width: 1000px;
  overflow-y: auto;
}
.agreeModal__ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}
.agreeModal__txt {
  font-size: 16px;
  margin: 0;
}
.agreeModalList {
  margin-top: 20px;
  margin-bottom: 20px;
}
.agreeModalList__item {
  padding-left: 1em;
  text-indent: -1em;
}
.agreeModalList__item + .agreeModalList__item  {
  margin-top: 15px;
}
.agreeModal__btnBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 60px;
  gap: 10px 15px;
}
.agreeModal__closeBtn {
  display: inline-block;
    width: 300px;
    padding: 16px;
    border: 2px solid #aeaea4;
    border-radius: 30px;
    background-color: #aeaea4;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
}
.agreeModal__closeBtn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.agreeModal__agreeBtn {

}
.agreeModal__agreeBtn:hover {
    text-decoration: none;
}

@media (max-width:767px) {
  .agreeModal__cont {
    padding: 30px 15px 50px;
  }
  .agreeModal__ttl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}
.agreeModal__txt {
  font-size: 14px;
  margin: 0;
}
.agreeModalList {
  margin-top: 20px;
  margin-bottom: 20px;
}
.agreeModalList__item {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
}
.agreeModalList__item + .agreeModalList__item  {
  margin-top: 12px;
}
.agreeModal__btnBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 20px 15px;
}
.agreeModal__closeBtn {

}
.agreeModal__agreeBtn {

}
}

/****** submit ******/
.js-inputSubmitBtn {
  pointer-events: none;
  opacity: .5;
  cursor: default;
}
.js-inputSubmitBtn.is-active {
  pointer-events: auto;
  opacity: 1;
  cursor: pointer;
}
.formSubmit {

}
.formSubmit ul > li {
  vertical-align: top;
}
.formSubmit__agreeTxt {
  font-size: 14px;
  text-align: center;
  max-width: 276px;
}


/** text-align **/
.mainContents .txtAL{text-align:left!important;}
.mainContents .txtAC{text-align:center!important;}
.mainContents .txtAR{text-align:right!important;}
@media screen and (max-width:767px){
  .mainContents .spTxtAL{
    text-align:left!important;
  }
  .mainContents .spTxtAC{
    text-align:center!important;
  }
  .mainContents .spTxtAR{
    text-align:right!important;
  }
}
/* .clearfix */
.mainContents .row::before,
.mainContents .row::after,
.mainContents .cf::before,
.mainContents .cf::after{
  content:" ";
  display:table;
}
.mainContents .row::after,
.mainContents .cf::after{
  clear:both;
}
.mainContents .row,
.mainContents .cf{
  *zoom:1;
}

@media print{
  #header,
  .localNavi,
  .socialArea,
  .footerArea{
    display:none;
  }
}

.buttonArea ul li a.prevColor {
  background: #aeaea4;
}

.mainContents .txtRed {
    color: #e60012!important;
}
.mainContents a {
    color: #e60012;
    text-decoration: none;
}

.p-drawer{
  display: none;
}

.p-drawer.is-active {
  display: block;
}
a:hover {
  text-decoration: underline;
}
a.blank {
  background: url(/assets/images/ic-blank-red.png) no-repeat right center;
  background-size: 12px 12px;
  padding-right: 17px;
  margin-right: 3px;
}