@charset "UTF-8";
/* ----------------------------------------

- font-size

---------------------------------------- */
/* ----------------------------------------

- em

---------------------------------------- */
/**
 * 引数のfontSizeを元に指定されたpx数をemに変換する関数
 * @param px 変換するpx数
 * @param fontSize フォントサイズ
 *
 * 例）font-sizeが24pxの要素の下に80pxのmarginをem換算で設定する
 * margin-bottom: em(80, 24);
 * 
 * font-sizeが16pxであれば第２引数は省略可能
 * margin-bottom: em(40);
 */
/******************************************
汎用classの定義
- common
- Title Style
- Layout Style
- inview
- List Style
- Text Style
- Stopgap Class
- Clearfix
*******************************************/
/* ----------------------------------------

common

---------------------------------------- */
.shadow {
  filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.3));
}

@media screen and (max-width: 767px) {
  .shadow {
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3));
  }
}
/* ----------------------------------------

- Title Style

---------------------------------------- */
/* sec-tit1
------------------------------- */
.sec-tit1 {
  text-align: center;
  margin-bottom: 1.6em;
}

.sec-tit1 .en {
  display: block;
  margin: 0 auto 1.6em;
}

.sec-tit1 .jp {
  display: block;
  font-size: 65px;
  font-size: clamp(33px, calc(7.8313253012vw), 65px);
  line-height: 1.2;
}

/* sec-tit2
------------------------------- */
.sec-tit2 {
  text-align: center;
  border-bottom: 2px solid #2A1A10;
  padding-bottom: clamp(14px, calc(2.4096385542vw), 20px);
  margin-bottom: clamp(21px, calc(3.6144578313vw), 30px);
}
.sec-tit2 .jp {
  font-size: 39px;
  font-size: clamp(20px, calc(4.6987951807vw), 39px);
  line-height: 1.2;
  font-weight: 600;
}

/* ----------------------------------------

- Layout Style

---------------------------------------- */
.inWidth {
  width: 830px;
  max-width: calc(100vw - 60px);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .inWidth {
    max-width: calc(100vw - 30px);
    top: 0;
  }
}
/* section
------------------------------- */
.sec-in {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .sec-in {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/* base
------------------------------- */
.baseWhite {
  background: #FCFAF7;
  box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
  padding: 30px 40px 55px;
  padding-left: clamp(20px, calc(4.8192771084vw), 40px);
  padding-right: clamp(20px, calc(4.8192771084vw), 40px);
  padding-top: clamp(21px, calc(3.6144578313vw), 30px);
  padding-bottom: clamp(28px, calc(6.6265060241vw), 55px);
}

@media screen and (max-width: 767px) {
  .baseWhite {
    padding: 20px 20px 30px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  }
}
/* ----------------------------------------

- inview

---------------------------------------- */
.inview-show {
  opacity: 0;
  transform: translateY(5%);
}

.inview-show:not(.inview) {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1);
}

.inview-left {
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.inview-left:not(.inview) {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: -webkit-clip-path 1s cubic-bezier(0.5, 1, 0.89, 1);
  transition: clip-path 1s cubic-bezier(0.5, 1, 0.89, 1);
  transition: clip-path 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-clip-path 1s cubic-bezier(0.5, 1, 0.89, 1);
}

.inview-right {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.inview-right:not(.inview) {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: -webkit-clip-path 1s cubic-bezier(0.5, 1, 0.89, 1);
  transition: clip-path 1s cubic-bezier(0.5, 1, 0.89, 1);
  transition: clip-path 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-clip-path 1s cubic-bezier(0.5, 1, 0.89, 1);
}

/* ----------------------------------------

- List Style

---------------------------------------- */
/* list
------------------------------- */
.list01 > li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 3px;
}

.list01 > li:before {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 100%;
  background: #125999;
  position: absolute;
  left: 3px;
  top: 0.65em;
}

/* defList
------------------------------- */
.defList {
  padding-left: 30px;
  margin-bottom: 15px;
}

ul.defList > li {
  list-style-type: disc;
}

ol.defList > li {
  list-style-type: decimal;
}

/* capList
------------------------------- */
.capList > li {
  position: relative;
  padding-left: 16px !important;
  margin-bottom: 3px;
}

.capList > li:before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

/* ----------------------------------------

- Text Style

---------------------------------------- */
/*.iconPdf {
	background: url(../../img/common/icon_pdf.png) no-repeat 0 .1em;
	padding-left: 20px;
}*/
.lead {
  margin-bottom: 20px;
}

.note01 {
  color: #715e5e;
}

table .note01 {
  margin-top: 5px;
}

.fw400 {
  font-weight: 400 !important;
}

.txt_indent {
  padding-left: 1.15em;
  text-indent: -1.15em;
}

.txt_indent_mark {
  margin-right: 0.15em;
}

/* ----------------------------------------

- Width

---------------------------------------- */
.w50 {
  width: 50px !important;
}

.w150 {
  width: 150px !important;
}

.w100 {
  width: 100px !important;
}

.w200 {
  width: 200px !important;
}

.w250 {
  width: 250px !important;
}

.w300 {
  width: 300px !important;
}

.w350 {
  width: 350px !important;
}

.w5per {
  width: 5% !important;
}

.w8per {
  width: 8% !important;
}

.w10per {
  width: 10% !important;
}

.w15per {
  width: 15% !important;
}

.w20per {
  width: 20% !important;
}

.w25per {
  width: 25% !important;
}

.w30per {
  width: 30% !important;
}

.w35per {
  width: 35% !important;
}

.w40per {
  width: 40% !important;
}

.w45per {
  width: 45% !important;
}

.w50per {
  width: 50% !important;
}

.w60per {
  width: 60% !important;
}

.w70per {
  width: 70% !important;
}

.w80per {
  width: 80% !important;
}

.w90per {
  width: 90% !important;
}

.w100per {
  width: 100% !important;
}

.w5em {
  width: 5em !important;
}

.w10em {
  width: 10em !important;
}

.w15em {
  width: 15em !important;
}

.w20em {
  width: 20em !important;
}

@media screen and (max-width: 767px) {
  .spwAuto {
    width: auto !important;
  }
  .sp_w50 {
    width: 50px !important;
  }
  .sp_w150 {
    width: 150px !important;
  }
  .sp_w100 {
    width: 100px !important;
  }
  .sp_w200 {
    width: 200px !important;
  }
  .sp_w250 {
    width: 250px !important;
  }
  .sp_w300 {
    width: 300px !important;
  }
  .sp_w350 {
    width: 350px !important;
  }
  .sp_w5per {
    width: 5% !important;
  }
  .sp_w8per {
    width: 8% !important;
  }
  .sp_w10per {
    width: 10% !important;
  }
  .sp_w15per {
    width: 15% !important;
  }
  .sp_w20per {
    width: 20% !important;
  }
  .sp_w25per {
    width: 25% !important;
  }
  .sp_w30per {
    width: 30% !important;
  }
  .sp_w35per {
    width: 35% !important;
  }
  .sp_w40per {
    width: 40% !important;
  }
  .sp_w45per {
    width: 45% !important;
  }
  .sp_w50per {
    width: 50% !important;
  }
  .sp_w60per {
    width: 60% !important;
  }
  .sp_w70per {
    width: 70% !important;
  }
  .sp_w80per {
    width: 80% !important;
  }
  .sp_w90per {
    width: 90% !important;
  }
  .sp_w100per {
    width: 100% !important;
  }
  .sp_w5em {
    width: 5em !important;
  }
  .sp_w10em {
    width: 10em !important;
  }
  .sp_w15em {
    width: 15em !important;
  }
  .sp_w20em {
    width: 20em !important;
  }
}
/* ----------------------------------------

- Stopgap Class
(以下は暫定的、又はイレギュラーな場合のみ使用。通常は使用しない)

---------------------------------------- */
.clear {
  clear: both;
}

.hidden {
  height: 0;
  width: 0;
  overflow: hidden;
}

.mgt0 {
  margin-top: 0 !important;
}

.mgt3 {
  margin-top: 3px !important;
}

.mgt5 {
  margin-top: 5px !important;
}

.mgt10 {
  margin-top: 10px !important;
}

.mgt13 {
  margin-top: 13px !important;
}

.mgt15 {
  margin-top: 15px !important;
}

.mgt20 {
  margin-top: 20px !important;
}

.mgt30 {
  margin-top: 30px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgb0 {
  margin-bottom: 0 !important;
}

.mgb3 {
  margin-bottom: 3px !important;
}

.mgb5 {
  margin-bottom: 5px !important;
}

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

.mgb13 {
  margin-bottom: 13px !important;
}

.mgb15 {
  margin-bottom: 15px !important;
}

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

.mgb30 {
  margin-bottom: 30px !important;
}

.mgb40 {
  margin-bottom: 40px !important;
}

.alnC {
  text-align: center !important;
}

.alnR {
  text-align: right !important;
}

.alnL {
  text-align: left !important;
}

.nowrap {
  white-space: nowrap;
}

.breakWord {
  word-wrap: break-word;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .sp_mgt0 {
    margin-top: 0 !important;
  }
  .sp_mgt5 {
    margin-top: 5px !important;
  }
  .sp_mgt10 {
    margin-top: 10px !important;
  }
  .sp_mgt15 {
    margin-top: 15px !important;
  }
  .sp_mgt20 {
    margin-top: 20px !important;
  }
  .sp_mgt30 {
    margin-top: 30px !important;
  }
  .sp_mgt40 {
    margin-top: 40px !important;
  }
  .sp_mgb0 {
    margin-bottom: 0 !important;
  }
  .sp_mgb5 {
    margin-bottom: 5px !important;
  }
  .sp_mgb10 {
    margin-bottom: 10px !important;
  }
  .sp_mgb15 {
    margin-bottom: 15px !important;
  }
  .sp_mgb20 {
    margin-bottom: 20px !important;
  }
  .sp_mgb30 {
    margin-bottom: 30px !important;
  }
  .sp_mgb40 {
    margin-bottom: 40px !important;
  }
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}
/* ----------------------------------------

clearfix

---------------------------------------- */
/* Modern Browsers
------------------------------- */
.clearfix:after,
.imgSec01:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}

/* Legacy IE
------------------------------- */
.clearfix,
.imgSec01 {
  *zoom: 1;
}
/*# sourceMappingURL=module.css.map */