@charset "utf-8";

/* CSS Document */

#mktoStyleLoaded {
  /* css load detection, do not remove */
  color: #123456;
}

.mktoForm fieldset {
  border: 1px solid #aeb0b6;
}

.mktoForm fieldset legend {
  padding: 0 1em;
}

/* オフセット非表示 */
.mktoForm .mktoOffset {
  display: none;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField,
.mktoForm textarea.mktoField {
  -webkit-appearance: none;
  background-color  : #fff !important;
  font-family       : noto-sans-cjk-jp, sans-serif;
  font-size         : 15px;
  line-height       : 1.5em;
  color             : #000;
  border            : 1px solid #C9CACA !important;
  border-radius     : 2px;
  padding           : 0.2em 0.3em;
  box-shadow        : none !important;
  min-height        : 52px;
}


.mktoForm input[type=text]:focus,
.mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus,
.mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus,
.mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus,
.mktoForm textarea.mktoField:focus {
  outline: none;
  border : 1px solid #888;
  color  : #000;
}


/* Select 未選択の色 */
.mktoForm select.mktoField:not(.is-answered) {
  color: #C9CACA !important;
}

.mktoForm select option {
  color: #222;
}

.mktoForm select.mktoField::-ms-expand {
  display: none;
}

.mktoForm select.mktoField {
  -moz-appearance      : none;
  text-indent          : 0.01px;
  text-overflow        : "";
  -webkit-border-radius: 0;
  -moz-border-radius   : 0;
  border-radius        : 0;
  padding              : 0.2em 22px 0.2em 0.3em;
  background-color     : #fff;
  background-image     : url('../../assets/img/common/arrow_down.svg') !important;
  background-position  : center right 18px !important;
  background-repeat    : no-repeat;
}

.mktoForm.ie9 select.mktoField {
  background: none;
  padding   : 0.2em 2.3px 0.2em 0.3em;
}

.mktoForm .mktoLogicalField {
  border: 1px solid transparent;
}

.mktoForm input.mktoField.mktoInvalid,
.mktoForm textarea.mktoField.mktoInvalid,
.mktoForm select.mktoField.mktoInvalid,
.mktoForm .mktoLogicalField.mktoInvalid {
  border: 1px solid #8C0005;
}

.mktoForm .mktoRadioList>label,
.mktoForm .mktoCheckboxList>label {
  margin-bottom      : 0.6em;
  -webkit-user-select: none;
  -khtml-user-select : none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
}

.mktoForm input[type=checkbox],
.mktoForm input[type=radio] {
  width  : 1em;
  height : 1em;
  opacity: 0;
}

.mktoForm input[type=checkbox]+label:before,
.mktoForm input[type=radio]+label:before {
  content      : "";
  position     : absolute;
  width        : 1em;
  height       : 1em;
  margin-left  : -1.5em;
  line-height  : 1em;
  font-family  : Arial, sans-serif;
  font-size    : 13px;
  /* border    :1px solid #ccced2; */
  border       : 1px solid #C9CACA;
  /* box-shadow:inset 1px 1px 4px 1px #ddd; */
  box-shadow   : none;
  background   : #fff;
}

.mktoForm .mktoLabelToLeft input[type=checkbox]+label:before,
.mktoForm .mktoLabelToLeft input[type=radio]+label:before {
  margin-left: 0;
  right      : 0.3em;
}

.mktoForm input[type=checkbox]:checked+label:before,
.mktoForm input[type=radio]:checked+label:before {
  text-align: center;
  color     : #000;
}

.mktoForm input[type=checkbox]:focus+label:before,
.mktoForm input[type=radio]:focus+label:before {
  border: 1px solid #888;
}


.mktoForm input[type=checkbox]:checked+label:before {
  content: "\2713 ";
}

.mktoForm input[type=radio]+label:before {
  border-radius: 1em;
}

.mktoForm input[type=radio]:checked+label:before {
  background-image   : url(../images/dot-bk.png);
  background-position: 3px 3px;
  background-repeat  : no-repeat;
}

.mktoForm.mktoNoCheckedSupport input[type=checkbox]+label:before,
.mktoForm.mktoNoCheckedSupport input[type=radio]+label:before {
  display: none;
}

.mktoForm.mktoNoCheckedSupport select.mktoField,
.mktoForm.ie7 select.mktoField,
.mktoForm.ie6 select.mktoField {
  background-image: none;
  padding-right   : 0.3em;
}

.mktoForm textarea.mktoField {
  resize: none;
}

/********************************/

/* テキストフィールド*/
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField {
  height    : 52px !important;
  padding   : 10px;
  box-shadow: none;
  border    : solid 1px #C9CACA;

}

.mktoForm textarea.mktoField {
  box-shadow: none;
  border    : solid 1px #C9CACA;
}

.mktoForm input[type=text]:focus,
.mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus,
.mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus,
.mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus,
.mktoForm textarea.mktoField:focus {
  outline: none;
  border : 1px solid #888;
  color  : #000;
}


/* ラジオボタン */
.mktoForm input[type=checkbox]+label:before,
.mktoForm input[type=radio]+label:before {
  margin-left: -1.8em !important;
  box-shadow : none;
  background : #fff;
}

.mktoForm input[type=checkbox],
.mktoForm input[type=radio] {
  display: none;
}

.mktoForm .mktoCheckboxList>label,
.mktoForm .mktoRadioList>label {
  /* width:calc(80% / 3); */
  display       : inline-block;
  vertical-align: top;
  margin-left   : 1.8em !important;
}

.mktoForm .mktoCheckboxList>label:not(:last-child) {
  margin-bottom: 16px;
}

.mktoForm .mktoCheckboxList>label:last-child {
  margin-bottom: 0 !important;
}

.mktoForm .mktoCheckboxList>label>b {
  margin-left: 12px;
  color      : #222 !important;
}

.mktoForm p {
  color: #222 !important;
}

.mktoHtmlText>p:first-child {
  margin-bottom   : 10px !important;
  line-height     : 1.4 !important;
}

.mktoHtmlText>p:nth-child(2) {
  letter-spacing   : 0.02em;
  line-height   : 1.4;
}


/* Form 追記 */

.mktoForm * {
  font-family: noto-sans-cjk-jp, sans-serif !important;
}

.mktoForm {
  width: 100% !important;
}

.mktoForm label.mktoLabel,
.mktoForm .mktoRequiredField label.mktoLabel {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size  : 12px;
  color      : #7A8992;
  width      : 100% !important;
  font-weight: 500 !important;
}

/*必須マーク*/
.mktoForm .mktoRequiredField .mktoAsterix {
  display: none !important;
}

/* ラベルをフォーム内へ */
.mktoForm label.mktoLabel {
  float      : left;
  line-height: 1.2em;
  padding-top: 8px;
  margin-left: 14px;
  position   : relative;
}

.mktoFieldWrap label.mktoLabel {
  font-weight  : bold;
  margin-bottom: -36px;
}

.mktoFieldWrap .mktoLabel {
  font-weight  : bold;
  margin-bottom: 10px;
}





/*チェックボックス*/
.mktoForm.mktoLayoutAbove .mktoCheckboxList {
  width           : auto !important;
  /* background-color: #fff; */
  /* padding         : 47px 14px 20px !important; */
}

.mktoForm.mktoLayoutAbove .mktoCheckboxList.mktoInvalid {
  border: 1px solid #FCE9EC !important;
}

.form-contact .mktoForm .mktoFormRow:nth-child(10) label.mktoLabel,
.form-service .mktoForm .mktoFormRow:nth-child(10) label.mktoLabel {
  font-size: 13px;
  /* padding-top: 16px; */
}

/* お問い合わせサービス 個別対応 */
.form-service .mktoFormRow:nth-child(10) .mktoFormCol:not(.mktoFieldDescriptor) {
  margin-bottom: 0 !important;
}

.form-service .mktoFormRow:nth-child(11) .mktoFormCol {
  /* margin-bottom: 0 !important; */
}


.mktoForm .mktoLogicalField.mktoInvalid {
  border: none !important;
}

.mktoFieldWrap input[type=text],
.mktoFieldWrap input[type=email],
.mktoForm select.mktoField {
  padding: 15px 14px 0 14px !important;

}



::placeholder {
  color         : #C9CACA !important;
  font-size: 15px;
  letter-spacing: 0.06em;
}

.mktoForm .mktoFormCol {
  width        : 100%;
  min-height   : 0 !important;
  margin-bottom: 20px !important;
}

.mktoForm .mktoFormCol input {
  width: 100% !important;
  clear: none !important;
}

.mktoForm .mktoFormCol select {
  width: 100% !important;
}

.mktoFormRow div .mktoFieldWrap {
  width: 100% !important;
}

.mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol {
  width: calc(50% - 10px) !important;
}

.mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol:not(:first-child) {
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .mktoForm {
    padding: 0 !important;
  }

  .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol {
    width      : 100% !important;
    margin-left: 0 !important;
  }
}



.mktoForm .mktoFormCol textarea {
  width  : 100% !important;
  padding: 25px 16px 6px 14px !important;
  height : 6.5em !important;
}

.mktoHtmlText {
  width     : 100% !important;
  background: #fff;
  padding   : 20px 14px 18px !important;
}

.mktoHtmlText p:first-child br {
  display: none;
}

.mktoHtmlText a {
  color          : #0B679D;
  text-decoration: none;
  font-size      : 13px;
}

@media screen and (max-width: 480px) {
  .mktoHtmlText a {
    padding: 0 10px;
  }
}

.mktoHtmlText.mktoHasWidth:empty {
  display: none;
}

.mktoHtmlText.mktoHasWidth:empty+.mktoClear {
  display: none !important;
}


/*同意*/
label#Lblic_pca_personalinfo.mktoLabel {
  margin-bottom: -90px;
  width        : auto;
  padding      : 16px 20px;
}

input#ic_pca_personalinfo+label#Lblic_pca_personalinfo {
  position: absolute;
  top     : 46%;
}


/* エラーメッセージ */
.mktoForm .mktoError {
  right: 11px !important;
}

.mktoForm .mktoError .mktoErrorMsg {
  background     : #222 !important;
  color          : #fff !important;
  text-shadow    : none !important;
  border         : 1px solid #222222 !important;
  border-radius  : 2px !important;
  box-shadow     : none !important;
  opacity        : 0.8;
  background-clip: padding-box;
  font-family    : noto-sans-cjk-jp, sans-serif;
  font-size      : 12px !important;
  font-weight    : normal;
  letter-spacing : 0.06em;

  max-width  : 100% !important;
  white-space: nowrap;
}

.mktoForm .mktoError .mktoErrorArrowWrap {
  width      : 14px !important;
  height     : 7px !important;
  position   : absolute !important;
  /* top     : 0 !important;
  left       : 124px !important; */
  z-index    : 100 !important;
  /* top        : -1px !important; */
  left       : initial !important;
  right      : 5px !important;
}

.mktoForm .mktoError .mktoErrorArrow {
  background-clip : border-box;
  background-color: rgba(34, 34, 34, 0.8) !important;
  border          : none !important;
}


/* フォームエラー非表示 */
div#FFbe44 {
  display: none !important;
}

div#FFbe45 {
  display: none !important;
}

.FFt {
  background     : #222 !important;
  color          : #fff !important;
  text-shadow    : none !important;
  border         : 1px solid #222222 !important;
  border-radius  : 2px !important;
  box-shadow     : none !important;
  opacity        : 0.8;
  background-clip: padding-box;
  font-family    : noto-sans-cjk-jp, sans-serif;
  font-size      : 12px !important;
  font-weight    : normal;
  letter-spacing : 0.06em;
  position       : absolute !important;
  right          : -314px !important;
  top            : 70px !important;
  width          : 205px !important;
}



/* input  */
.mktoForm label~label {
  margin-left: 15px;
}

input[type=radio] {
  margin-right: 8px;
}

/* ラジオボタン */
.mktoForm .mktoRadioList input[type=radio] {
  display: none;
}

.mktoForm .mktoRadioList label {
  position    : relative;
  padding-left: 5px;
}

.mktoForm .mktoRadioList input[type=radio]+label::before {
  position     : absolute;
  content      : '';
  display      : block;
  width        : 15px;
  height       : 15px;
  border-radius: 50%;
  background   : #fff;
  border       : 1px solid #ddd;
  left         : 0;
  top          : 0;
  box-shadow   : none;
}

.mktoForm .mktoRadioList input[type=radio]+label::after {
  position     : absolute;
  content      : '';
  display      : block;
  width        : 7px;
  height       : 7px;
  border-radius: 50%;
  background   : #0094D7 !important;
  left         : -14px;
  top          : 5px;
  opacity      : 0;
  transition   : .3s;
}

.mktoForm .mktoRadioList input[type=radio]:checked+label::before {
  background-image: none;
  border          : 1px solid #0094D7 !important;
}

.mktoForm .mktoRadioList input[type=radio]:checked+label::after {
  opacity: 1;
}

.mktoForm input[type=checkbox]:checked+label:before {
  color: #0094D7 !important;
}

.mktoForm input[type=checkbox]+label:before {
  box-shadow   : none !important;
  border-radius: 1px;
}

.mktoForm input[type=checkbox]:checked+label:before {
  border: 1px solid #0094D7 !important;
}

/* errer **/
.mktoForm .mktoLogicalField.mktoInvalid:not(.mktoDateField),
.mktoForm input.mktoField.mktoInvalid:not(.mktoDateField),
.mktoForm textarea.mktoField.mktoInvalid:not(.mktoDateField) {
  background-color   : #FCE9EC !important;
  background-image   : url('../../assets/img/common/error.svg');
  background-size    : 16px 16px;
  background-position: top 51% right 15px;
  background-repeat  : no-repeat;
}

.mktoForm .mktoLogicalField.mktoInvalid {
  background-position: top 15px right 15px !important;
}

.mktoForm textarea.mktoField.mktoInvalid {
  background-position: top 30px right 15px !important;
}

/*OK*/
.mktoForm .mktoLogicalField.mktoValid:not(.mktoDateField),
.mktoForm input.mktoField.mktoValid:not(.mktoDateField),
.mktoForm textarea.mktoField.mktoValid:not(.mktoDateField) {
  background-image   : url('../../assets/img/common/success.svg');
  background-size    : 16px 16px;
  background-position: top 51% right 15px;
  background-repeat  : no-repeat;
}

.mktoForm .mktoLogicalField.mktoValid {
  background-position: top 15px right 15px !important;
}

.mktoForm textarea.mktoField.mktoValid {
  background-position: top 30px right 15px !important;
}


/* HTML */

.mktoFormRow:nth-child(12) .mktoFormCol {
  /* margin-bottom: 0 !important; */
}

.mktoFormRow:nth-child(12) .mktoFormCol .mktoOffset {
  display: none;
}

.mktoFormRow:nth-child(12) p span {
  font-size: 11px !important;
}

.mktoFormRow:nth-child(12) p:nth-child(1) {
  margin-bottom: 11px;
}

.mktoFormRow:nth-child(12) p:nth-child(1) strong {
  font-size: 13px;
}

.mktoFormRow:nth-child(12) p:nth-child(3) {
  display: none;
}

/* html 以降を非表示 */
.mktoFormRow:nth-child(n+15) {
  display: none !important;
}



/* select */
select {
  display: none !important;
}

div.select {
  min-height      : 52px;
  background-color: #fff;
  border-radius   : 2px;
  border          : 1px solid #C9CACA !important;
}

/* .select-styled {
  height             : 52px;
  padding            : 20px 12px !important;
  font-family        : noto-sans-cjk-jp, sans-serif !important;
  font-size          : 15px;
  background-image: url(../../assets/img/common/arrow_down.svg);
  background-position: center right 18px;
  background-repeat  : no-repeat;
} */

.select-styled+.select-options {
  display: none;
}

.select-styled.active+.select-options {
  display: block;
}

.select-options {
  list-style  : none;
  font-size   : 15px;
  font-weight : 400;
  line-height : 2;
  margin      : 0;
  padding-left: 0;
  border-top  : 1px solid #C9CACA !important;
}

.select-options li {
  font-size  : 15px;
  font-weight: 400;
  line-height: 2;
  padding    : 9px 13px 10px;
}

.select-options li:hover {
  background-color: #F5F5F5;
}

/*submit*/
/*ボタン */
.mktoForm .mktoButtonRow {
  /* background: #fff; */
  padding   : 0 14px 13px;
  width     : 100%;
}

.mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton {
  color           : #fff;
  font-family     : 'trajan-pro-3', 'NotoSansCJKjp';
  font-size       : 16px;
  font-weight     : bold;
  letter-spacing  : 0.06em;
  background-color: #07507b !important;
  padding         : 13px 15px;
  border          : 1px solid #07507B !important;
  position        : relative;
  line-height     : 1;
  height          : 48px;
  z-index         : 1;
  max-width       : 380px;
  width           : 100%;
  box-shadow      : none;

  background-image   : url('../../assets/img/common/download.svg') !important;
  background-size    : 15px 15px !important;
  background-position: center right 15px !important;
  background-repeat  : no-repeat !important;
}

.mktoButtonWrap {
  margin: 0 !important;
}

@media screen and (max-width: 1024px) {
  .mktoForm .mktoButtonRow {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .mktoButtonWrap {
    margin-left : auto !important;
    margin-right: auto;
  }
}


.select > .select-styled {
  position: relative;
  color:#C9CACA!important;
}
.select > .select-styled.is-ansered{
  color: #222!important;
}
.select-styled + .select-options {
  position: absolute;
  top: 53px;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: auto;
  z-index: 20;
  border: 1px solid #C9CACA;
}

.large-txt .select-styled {
  padding: 34px 12px !important;
}
@media screen and (max-width: 768px) {
  .large-txt .select-styled {
      padding: 34px 12px !important;
  }
}

.large-txt .select-styled + .select-options {
  top: 68px;
}

.small-txt .select-styled {
  padding: 20px 12px !important;
}
@media screen and (max-width: 768px) {
  .small-txt .select-styled {
      padding: 20px 12px !important;
  }
}



/* ダウンロードはこちら btn **********************/
.btn-warp {
  display: none;
}
/* SP時に表示する */
@media only screen and (max-width: 767px) {
  .btn-warp {
    margin: 30px 0 40px;
    display: block;
  }
}

.download-btn {
  margin:0 auto;
  text-align: center;
}
.download-btn a {
  display: block;
  color: #07507B;
  font-family: 'trajan-pro-3', 'noto-sans-cjk-jp';
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.06em;
  background: #fff;
  padding: 8px 30px 8px;
  border: 1px solid #07507B;
  position: relative;
  z-index: 1;
  max-width: 316px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.download-btn a::before {
  background: #07507B;
}
.download-btn a:hover {
  color: #fff;
  text-decoration: none;
}
/*  READ MORE 矢印*/
.download-btn a>.arrow {
  width: 30px;
  height: 8px;
  border-bottom: 1px solid #07507B;
  border-right: 1px solid #07507B;
  transform: skew(45deg);
  position: absolute;
  right: 10%;
  top: 40%;
  transition: .3s;
}
.download-btn a:hover>.arrow {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 13%;
  transition: transform ease .4s;
}
/* ボタンアニメーション ***************************/

a.anime-slide-in {
  transition: .3s;
}

a.anime-slide-in:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: 0% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

a.anime-slide-in:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

a.anime-slide-in>.arrow {
  position: absolute;
  right: 10%;
  top: 40%;
  transition: .3s;
}

a.anime-slide-in:hover>.arrow {
  right: 14%;
  transition: transform ease .4s;
}