@charset "UTF-8";

/* art-ed.20180720*/
/*
 * ================================================
 *
 * [content]
 *
 * ================================================
 */
img {
  vertical-align: middle;
  max-width: 100%;
  width: 100%;
}
/**
 * 幅指定
 */
.w5p {
  width: 5% !important;
}
.w33p {
  width: 33% !important;
}
.w45p {
  width: 45% !important;
}
.w49p {
  width: 49% !important;
}
.w50p {
  width: 50% !important;
}
.w90p {
  width: 90% !important;
}
.w110 {
  width: 110px !important;
}
.w120 {
  width: 120px !important;
}
.w130 {
  width: 130px !important;
}
.w140 {
  width: 140px !important;
}
.w150 {
  width: 150px !important;
}
.w160 {
  width: 160px !important;
}
.w170 {
  width: 170px !important;
}
.w180 {
  width: 180px !important;
}
.w190 {
  width: 190px !important;
}
.w200 {
  width: 200px !important;
}
.w210 {
  width: 210px !important;
}
.w220 {
  width: 220px !important;
}
.w230 {
  width: 230px !important;
}
.w240 {
  width: 240px !important;
}
.w250 {
  width: 250px !important;
}
.w300 {
  width: 300px !important;
}
.w310 {
  width: 310px !important;
}
.w320 {
  width: 320px !important;
}
.w330 {
  width: 330px !important;
}
.w340 {
  width: 340px !important;
}
.w350 {
  width: 350px !important;
}
.w390 {
  width: 390px !important;
}
.w400 {
  width: 400px !important;
}
.w410 {
  width: 410px !important;
}
.w420 {
  width: 420px !important;
}
.w430 {
  width: 430px !important;
}
.w450 {
  width: 450px !important;
}
.w480 {
  width: 480px !important;
}
.w500 {
  width: 500px !important;
}
.w550 {
  width: 550px !important;
}
.w600 {
  width: 600px !important;
}
.w640 {
  width: 640px !important;
}
.w1em {
  width: 1em !important;
}
.w2em {
  width: 2em !important;
}
.w3em {
  width: 3em !important;
}
.w3hem {
  width: 3.5em !important;
}
.w4em {
  width: 4em !important;
}
.w4hem {
  width: 4.5em !important;
}
.w5em {
  width: 5em !important;
}
.w5hem {
  width: 5.5em !important;
}
.w6em {
  width: 6em !important;
}
.w6hem {
  width: 6.5em !important;
}
.w7em {
  width: 7em !important;
}
.w8em {
  width: 8em !important;
}
.w9em {
  width: 9em !important;
}
.w10em {
  width: 10em !important;
}
.w11em {
  width: 11em !important;
}
.w12em {
  width: 12em !important;
}
.w13em {
  width: 13em !important;
}
.w14em {
  width: 14em !important;
}
.w15em {
  width: 15em !important;
}
.w16em {
  width: 16em !important;
}
.w17em {
  width: 17em !important;
}
.w18em {
  width: 18em !important;
}
.w19em {
  width: 19em !important;
}
.w20em {
  width: 20em !important;
}
.mL1hem {
  margin-left: 1.5em !important;
}
.mL2em {
  margin-left: 2em !important;
}
.mL2hem {
  margin-left: 2.5em !important;
}
.mL3em {
  margin-left: 3em !important;
}
.mL3hem {
  margin-left: 3.5em !important;
}
.mL4em {
  margin-left: 4em !important;
}
.mL4hem {
  margin-left: 4.5em !important;
}
.mL5em {
  margin-left: 5em !important;
}
.mL6em {
  margin-left: 6em !important;
}
.mL7em {
  margin-left: 7em !important;
}
.mL8em {
  margin-left: 8em !important;
}
.mL9em {
  margin-left: 9em !important;
}
.mL10em {
  margin-left: 10em !important;
}
.mL11em {
  margin-left: 11em !important;
}
.mL12em {
  margin-left: 12em !important;
}
.mL17em {
  margin-left: 17em !important;
}
.mL70 {
  margin-left: 70px !important;
}
.mB55 {
  margin-bottom: 55px !important;
}
.mB60 {
  margin-bottom: 60px !important;
}
.mB70 {
  margin-bottom: 70px !important;
}
.mB80 {
  margin-bottom: 80px !important;
}
.mB90 {
  margin-bottom: 90px !important;
}
.pL1hem {
  padding-left: 1.5em !important;
}
/**
 * 文字装飾
 */
.ftMincho {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", "游明朝体", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/**
 * 文字サイズ
 */
.s0-8r {
  font-size: 0.8rem;
}
.s1-0r {
  font-size: 1rem;
}
.s1-1r {
  font-size: 1.1rem;
}
.s1-2r {
  font-size: 1.2rem;
}
.s1-3r {
  font-size: 1.3rem;
}
.s1-4r {
  font-size: 1.4rem;
}
.s1-5r {
  font-size: 1.5rem;
}
.s1-6r {
  font-size: 1.6rem;
}
.s1-7r {
  font-size: 1.7rem;
}
.s1-8r {
  font-size: 1.8rem;
}
.s1-9r {
  font-size: 1.9rem;
}
.s2-0r {
  font-size: 2rem;
}
.s2-1r {
  font-size: 2.1rem;
}
.s2-2r {
  font-size: 2.2rem;
}
.s2-3r {
  font-size: 2.3rem;
}
.s2-4r {
  font-size: 2.4rem;
}
.s2-5r {
  font-size: 2.5rem;
}
.s2-6r {
  font-size: 2.6rem;
}
.s2-8r {
  font-size: 2.8rem;
}
.s2-9r {
  font-size: 2.9rem;
}
.s3-0r {
  font-size: 3rem;
}
.s3-4r {
  font-size: 3.4rem;
}
.s3-5r {
  font-size: 3.5rem;
}
/**
 * 文字色
 */
.cMain {
  color: #002f64 !important;
}
.cRed {
  color: #851c3c !important;
}
.cGreen {
  color: #006e7f !important;
}
.cYellow {
  color: #bc9500 !important;
}

.lh2 {
  line-height: 2;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
label,
input,
textarea,
select {
  line-height: 16px;
  margin: 0;
}
input.formText[type="text"],
input.formText[type="password"],
input.formText[type="number"],
input.formText[type="email"],
textarea.formText,
select.formSelect {
  padding: 5px;
  border: 1px solid #231815;
  background-color: #ffffff;
}
input.formText[type="text"]:focus,
input.formText[type="password"]:focus,
input.formText[type="number"]:focus,
input.formText[type="email"]:focus,
textarea.formText:focus,
select.formSelect:focus {
  border: 1px solid #444444;
}
#alphaBg {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  background: #000000;
  display: none;
  zoom: 1;
  min-height: 100%;
}
/**
 * popup
 */
.popupWrapper {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  z-index: 2100;
  display: none;
}
.popupWrapper .closeVox {
  height: 50px;
}
.popupWrapper .popupCloseBt {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
}
.popupWrapper .popupCloseBt span {
  width: 40px;
  height: 3px;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1.5px 0 0 -20px;
}
.popupWrapper .popupCloseBt span:nth-child(1) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.popupWrapper .popupCloseBt span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popupWrapper .content {
  background: #ffffff;
}
#popupContents {
  display: none;
}
#debug {
  position: fixed;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 200px;
  height: 200px;
  color: #000000;
  display: none;
  z-index: 9999;
  overflow: auto;
}
/**
 * ボックス用スタイル
 */
.sectionVox:not(:last-of-type) {
  margin-bottom: 120px;
}
.sectionVox h2 {
  margin-bottom: 35px;
}
.baseBlock,
section .scInner {
  width: 960px;
  margin: 0 auto;
}
/**
 * リスト用スタイル
 */
.listDemical {
  counter-reset: count;
}
.listDemical li {
  counter-increment: count;
  position: relative;
  padding-left: 1.5em;
}
.listDemical li::before {
  content: counter(count) ". ";
  position: absolute;
  top: 0;
  left: 0;
}
/**
 * アイコン用スタイル
 */
/**
 * 見出し用スタイル
 */
/**
 * ボタン用スタイル
 */
.trOp01 {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.trOp01:hover {
  opacity: 0.7;
}
body.iOS .trOp01 {
  -webkit-transition: none;
  transition: none;
}
body.iOS .trOp01:hover {
  opacity: 1;
}
/**
 * transition
 */
.trScl01 {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.trScl01:hover,
.trScl01.active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 1;
}
.trSwR01 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: color 0.5s linear;
  transition: color 0.5s linear;
}
.trSwR01::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50% 50%;
  transform-origin: 0 50% 50%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.trSwR01.active::before,
.trSwR01:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {
  .pcDspNone {
    display: none;
  }
}

/**
 ****************************************************
 *
 * screens smaller than 767
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
  .spDspNone {
    display: none;
  }
  .fitImg {
    max-width: 100%;
    height: auto;
  }
  .s0-8r {
    font-size: 0.6rem;
  }
  .s1-0r {
    font-size: 1rem;
  }
  .s1-1r {
    font-size: 1.1rem;
  }
  .s1-2r {
    font-size: 1.2rem;
  }
  .s1-3r {
    font-size: 1.2rem;
  }
  .s1-4r {
    font-size: 1.3rem;
  }
  .s1-5r {
    font-size: 1.3rem;
  }
  .s1-6r {
    font-size: 1.3rem;
  }
  .s1-7r {
    font-size: 1.3rem;
  }
  .s1-8r {
    font-size: 1.4rem;
  }
  .s1-9r {
    font-size: 1.4rem;
  }
  .s2-0r {
    font-size: 1.4rem;
  }
  .s2-1r {
    font-size: 1.5rem;
  }
  .s2-2r {
    font-size: 1.5rem;
  }
  .s2-3r {
    font-size: 1.6rem;
  }
  .s2-4r {
    font-size: 1.6rem;
  }
  .s2-5r {
    font-size: 1.6rem;
  }
  .s2-6r {
    font-size: 1.6rem;
  }
  .s2-7r {
    font-size: 1.6rem;
  }
  .s2-8r {
    font-size: 1.6rem;
  }
  .s2-9r {
    font-size: 1.6rem;
  }
  .s3-0r {
    font-size: 1.7rem;
  }
  .s3-2r {
    font-size: 1.8rem;
  }
  .s3-4r {
    font-size: 1.8rem;
  }
  .s3-5r {
    font-size: 2rem;
  }
  .s3-7r {
    font-size: 2rem;
  }
  .s3-8r {
    font-size: 2rem;
  }
  .s4-0r {
    font-size: 2.5rem;
  }
  .s4-1r {
    font-size: 2.5rem;
  }
  .s4-5r {
    font-size: 2.5rem;
  }
  .s4-6r {
    font-size: 2.5rem;
  }
  .s5-0r {
    font-size: 2.5rem;
  }
  .s5-8r {
    font-size: 2.5rem;
  }
  /**
	 * transition series
	 */
  .trOp01 {
    -webkit-transition: none;
    transition: none;
  }
  .trOp01:hover {
    opacity: 1;
  }
  .trScl01 {
    -webkit-transition: none;
    transition: none;
  }
  .trScl01:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  /**
	 * form
	 */
  label,
  input,
  textarea,
  select {
    font-size: 1.6rem;
  }
  /**
	 * ボックス用スタイル
	 */
  .sectionVox:not(:last-of-type) {
    margin-bottom: 60px;
  }

  .baseBlock,
  section .scInner {
    width: 90%;
  }
  /**
	 * 見出し用スタイル
	 */
}