@charset "UTF-8";
/* line 10, common.scss */
html, body, #wrapper { width: 100%; max-height: 100%; min-height: 100vh; }

/* line 11, common.scss */
body { -webkit-text-size-adjust: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; line-height: 1.5; word-break: break-word; font-display: swap; font-weight: 400; color: #333333; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 16px; /*transform: rotate( .03deg);*/ }
body { zoom: 90%; }

/* line 13, common.scss */
h1, h2, h3, h4, h5, h6, p, span, em, b, i, dl, dt, dd, ol, ul, li, tr, th, td, div { letter-spacing: 0em; font-feature-settings: "palt" 1; /*-webkit-text-stroke-width: 0.25px;*/ }

/* line 14, common.scss */
p, p a, div, ul, ol, li, li a, dl, dt, dt a, dd, dd a, section, span, em, i, strong, b { box-sizing: border-box; font-weight: 400; /*text-align: justify; text-justify: inter-ideograph;*/ }

/* line 15, common.scss */
i { font-style: normal; }

/* line 16, common.scss */
input, textarea { border: none; padding: .5em .5em; font-weight: 400; color: #333333; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 16px; box-sizing: border-box; }
/* line 17, common.scss */
input:focus, textarea:focus { outline: none; }
/* line 18, common.scss */
input:focus::placeholder, textarea:focus::placeholder { color: transparent; }

/* line 21, common.scss */
ul li, ol li { display: inline-block; vertical-align: top; /*@include fs();*/ font-size: 15px; font-weight: 400; }

/* line 24, common.scss */
.flexImg { overflow: hidden; position: relative; }
/* line 25, common.scss */
.flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; }
/* line 26, common.scss */
.flexImg.ab { height: 0; padding: 100%; }
/* line 27, common.scss */
.flexImg.ab img { position: absolute; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }

/* line 30, common.scss */
.cRed { color: #c0504d !important; }

/* line 30, common.scss */
.bg-cRed { background-color: #c0504d; }

/* line 30, common.scss */
.bd-cRed { border-color: #c0504d; }

/* line 30, common.scss */
.cRed::placeholder { color: #c0504d; }

/* line 31, common.scss */
.cBlue { color: #0f79af !important; }

/* line 31, common.scss */
.bg-cBlue { background-color: #0f79af; }

/* line 31, common.scss */
.bd-cBlue { border-color: #0f79af; }

/* line 31, common.scss */
.cBlue::placeholder { color: #0f79af; }

/* line 32, common.scss */
.cBlue2 { color: #1f497d !important; }

/* line 32, common.scss */
.bg-cBlue2 { background-color: #1f497d; }

/* line 32, common.scss */
.bd-cBlue2 { border-color: #1f497d; }

/* line 32, common.scss */
.cBlue2::placeholder { color: #1f497d; }

/* line 33, common.scss */
.cBlue3 { color: #ceecff !important; }

/* line 33, common.scss */
.bg-cBlue3 { background-color: #ceecff; }

/* line 33, common.scss */
.bd-cBlue3 { border-color: #ceecff; }

/* line 33, common.scss */
.cBlue3::placeholder { color: #ceecff; }

/* line 34, common.scss */
.cGreen { color: #789440 !important; }

/* line 34, common.scss */
.bg-cGreen { background-color: #789440; }

/* line 34, common.scss */
.bd-cGreen { border-color: #789440; }

/* line 34, common.scss */
.cGreen::placeholder { color: #789440; }

/* line 35, common.scss */
.cYellow { color: #ffff00 !important; }

/* line 35, common.scss */
.bg-cYellow { background-color: #ffff00; }

/* line 35, common.scss */
.bd-cYellow { border-color: #ffff00; }

/* line 35, common.scss */
.cYellow::placeholder { color: #ffff00; }

/* line 36, common.scss */
.cYellow2 { color: #ffffbd !important; }

/* line 36, common.scss */
.bg-cYellow2 { background-color: #ffffbd; }

/* line 36, common.scss */
.bd-cYellow2 { border-color: #ffffbd; }

/* line 36, common.scss */
.cYellow2::placeholder { color: #ffffbd; }

/* line 37, common.scss */
.cPink { color: #ffccff !important; }

/* line 37, common.scss */
.bg-cPink { background-color: #fff0f5; }

/* line 37, common.scss */
.bd-cPink { border-color: #ffccff; }

/* line 37, common.scss */
.cPink::placeholder { color: #ffccff; }

/* line 38, common.scss */
.cOrange { color: #ea700d !important; }

/* line 38, common.scss */
.bg-cOrange { background-color: #ea700d; }

/* line 38, common.scss */
.bd-cOrange { border-color: #ea700d; }

/* line 38, common.scss */
.cOrange::placeholder { color: #ea700d; }

/* line 39, common.scss */
.cOrange2 { color: #fdebdd !important; }

/* line 39, common.scss */
.bg-cOrange2 { background-color: #fdebdd; }

/* line 39, common.scss */
.bd-cOrange2 { border-color: #fdebdd; }

/* line 39, common.scss */
.cOrange2::placeholder { color: #fdebdd; }

/* line 43, common.scss */
.jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }

/* line 44, common.scss */
.en { font-family: "Roboto", sans-serif; }

/* line 51, common.scss */
#wrapper { /*@include flexCol;*/ text-align: center; background: #fff; overflow-x: hidden; }

/* line 52, common.scss */
main { padding: 45px 20px; }

/* line 53, common.scss */
.inner { width: 1140px; margin: auto; padding: 0 20px; }

/* line 54, common.scss */
.innerNarrow { width: 920px; margin: auto; padding: 0 20px; }

/* line 55, common.scss */
#contents { display: flex; justify-content: space-between; flex-wrap: wrap; }

@media only screen and (max-width: 750px) { /* line 60, common.scss */
  #wrapper { display: block; }
  /* line 61, common.scss */
  main { padding: 40px 0 150px; }
  /* line 62, common.scss */
  .inner { width: 100%; padding: 0 0; }
  /* line 63, common.scss */
  .innerNarrow { width: 100%; padding: 0 0; } }
/* line 77, common.scss */
#login header #header #header_search, #login header #header #header_login, #login header #header #header-onoff-btn, #login header #header .titleCustomer{ display: none; }
/* line 79, common.scss */
#login header #grobalNav { display: none; }

/* line 82, common.scss */
header { background: #009cff; }
/* line 83, common.scss */
header #header, header #grobalNav { width: 80%; max-width: 1440px; min-width: 1140px; margin: auto; color: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; }
/* line 84, common.scss */
header #grobalNav { padding: 0 20px; }
/* line 85, common.scss */
header #header { padding: 10px 20px 5px; }
/* line 86, common.scss */
header #header .titleWrap { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
/* line 88, common.scss */
header #header .titleWrap #siteid a { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; color: #fff; }
/* line 89, common.scss */
header #header .titleWrap #siteid a i { width: 55px; line-height: 1; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-right: 2em; }
/* line 90, common.scss */
header #header .titleWrap #siteid a em { font-size: 32px; }
/* line 93, common.scss */
header #header .titleWrap .ver { font-size: 14px; margin-left: 2em; position: relative; top: .25em; }
/* BEGIN start by j-suga @2024/02/14 */
header #header .titleCustomer { width: 30%;position: absolute;margin: 23px 345px 0; }
header #header .titleCustomer p { text-align: left; }
/* BEGIN start by j-suga @2024/02/14 */
/* line 95, common.scss */
header #header .login_searchWrap { margin-left: 40px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-end; }
/* line 96, common.scss */
header #header .login_searchWrap #header_login { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin-bottom: .5em; }
/* line 97, common.scss */
header #header .login_searchWrap #header_login p { font-size: 13px; letter-spacing: .05em; }
/* line 98, common.scss */
header #header .login_searchWrap #header_login p:not(:last-child)::after { content: "／"; padding: 0 .5em; }
/* line 103, common.scss */
header #header .login_searchWrap #header_search { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
/* line 104, common.scss */
header #header .login_searchWrap #header_search .tit { font-size: 15px; margin-right: .6em; }
/* line 105, common.scss */
header #header .login_searchWrap #header_search label { position: relative; width: 200px; }
/* line 106, common.scss */
header #header .login_searchWrap #header_search label input { padding: .15em .25em; font-size: 15px; border: none; }
/* line 107, common.scss */
header #header .login_searchWrap #header_search label i { line-height: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 5px; width: 25px; display: none; }

@media only screen and (max-width: 750px) { /* line 118, common.scss */
  header #header, header #grobalNav { width: 100%; max-width: 100%; min-width: 100%; }
  /* line 119, common.scss */
  header #grobalNav { padding: 0; }
  /* line 120, common.scss */
  header #header { padding: 10px 5% 12px; }
  /* line 121, common.scss */
  header #header .titleWrap { line-height: 0; }
  /* line 124, common.scss */
  header #header .titleWrap #siteid a i { width: 50px; height: 50px; padding: 5px 5px; margin-right: 1em; }
  /* line 125, common.scss */
  header #header .titleWrap #siteid a i img { width: auto; height: 100%; }
  /* line 127, common.scss */
  header #header .titleWrap #siteid a em { font-size: 24px; }
  /* line 130, common.scss */
  header #header .titleWrap .ver { font-size: 12px; margin-left: 1.5em; }
  /* BEGIN by j-suga @2024/02/14 */
  header #header .titleCustomer { margin: 0;position: unset; width: 100%;}
  /* END by j-suga @2024/02/14 */
  /* BEGIN by j-suga @2024/02/19 */
  header #header .login_searchWrap {display: none;}
  /* END by j-suga @2024/02/19 */
  /* line 132, common.scss */
  header #header .login_searchWrap { margin: 0; align-items: flex-start; width: 100%; }
  /* line 133, common.scss */
  header #header .login_searchWrap #header_login { margin-top: 10px; margin-bottom: 0; }
  /* line 134, common.scss */
  header #header .login_searchWrap #header_login p { font-size: 13px; }
  /* line 135, common.scss */
  header #header .login_searchWrap #header_login p:not(:last-child)::after { padding: 0 .25em; }
  /* line 140, common.scss */
  header #header .login_searchWrap #header_search { margin: 0; justify-content: space-between; width: 100%; margin-top: 10px; }
  /* line 141, common.scss */
  header #header .login_searchWrap #header_search .tit { margin-right: 0em; font-size: 14px; width: 55px; text-align: left; }
  /* line 142, common.scss */
  header #header .login_searchWrap #header_search label { width: calc(100% - 60px); }
  /* line 143, common.scss */
  header #header .login_searchWrap #header_search label input { padding: .15em .5em; width: 100%; } }
/* line 154, common.scss */
a, a:link, a:visited { color: #009cff; text-decoration: none; outline: none; transition: .5s; display: inline-block; }

/* line 155, common.scss */
a:hover { color: rgba(0, 156, 255, 0.5); text-decoration: none; transition: .5s; opacity: .7; }

/* line 156, common.scss */
a img { transition: .5s; }

/*a:hover img{ opacity: 0.6;}*/
/* line 158, common.scss */
*::selection { background: rgba(0, 156, 255, 0.15); /*color: #fff;*/ }

/* line 167, common.scss */
.lity { background: rgba(0, 0, 0, 0.6) !important; }

/* line 168, common.scss */
.lity-content { border-radius: 20px !important; overflow: hidden !important; }

/* line 169, common.scss */
.lity-iframe-container { padding-top: 60% !important; }

/* BEGIN メッセージダイアログ */
#confirm_dialog {
  width: 250px;
  height: 150px;
  margin: auto;
/*  margin-top: 40vh;*/
  padding: 30px 20px;
  display: none;
  text-align: center;
  border: 1px solid #aaa;
  box-shadow: 2px 2px 4px #888;
  position: relative;
  z-index: 10;
  top: -350px;
  background: #fff;
}

#confirm_dialog #yes, #no {margin-right: 5px;cursor: pointer;}
#confirm_dialog #cancel {cursor: pointer;}

/* 処理中メッセージ */
#message_dialog {
  width: 250px;
  height: 150px;
  margin: auto;
  padding: 30px 20px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 1px solid #aaa;
  box-shadow: 2px 2px 4px #888;
  z-index: 11;
  background: #fff;
  cursor: wait;
}
/* END メッセージダイアログ */

@media only screen and (max-width: 750px) { /* line 175, common.scss */
  .lity-content { border-radius: 10px !important; }
  /* line 176, common.scss */
  .lity-iframe-container { padding-top: 150% !important; }
  /* line 177, common.scss */
  .lity-iframe .lity-container { width: 94% !important; } }
/* line 184, common.scss */
.scroll-hint-icon { top: 100px !important; z-index: 10; }

@media print, screen and (min-width: 751px) { /* line 192, common.scss */
  .sp, .spOnly, .tbOnly { display: none !important; }
  /* line 193, common.scss */
  .pc, .pc-tb { display: inline-block !important; vertical-align: top !important; }
  /* line 194, common.scss */
  .pc-sp { display: inline-block !important; vertical-align: top !important; }
  /* スマホのみtellink有効（init.jsにも要設定） */
  /* line 196, common.scss */
  a[href^="tel:"] { cursor: default; } }
@media only screen and (max-width: 750px) { /* line 203, common.scss */
  .pc, .tbOnly, .pc-tb { display: none !important; margin: 0; padding: 0; width: 0; height: 0; }
  /* line 204, common.scss */
  .sp, .spOnly { display: inline-block !important; vertical-align: top !important; }
  /* line 205, common.scss */
  .pc-sp { display: inline-block !important; vertical-align: top !important; } }
@media screen and (min-width: 601px) and (max-width: 750px) { /* line 212, common.scss */
  .pc, .spOnly { display: none !important; margin: 0; padding: 0; width: 0; height: 0; }
  /* line 213, common.scss */
  .sp, .tbOnly, .pc-tb { display: inline-block !important; vertical-align: top !important; }
  /* line 214, common.scss */
  .pc-sp { display: none !important; margin: 0; padding: 0; width: 0; height: 0; } }


/* BEGIN ヘッダーのON/OFFのボタン */
 /* === ボタンを表示するエリア ============================== */
 .onoff-btn-area {
  margin         : auto 0;                /* 上下中央寄せ           */
  width          : 40px;                /* ボタンの横幅       */
  margin-left: auto;                   /* 左右の位置       */
}
 
 /* === チェックボックス ==================================== */
.onoff-btn-area input[type="checkbox"] {
  display        : none;            /* チェックボックス非表示 */
}
 
 /* === チェックボックスのラベル（標準） ==================== */
.onoff-btn-area label {
  display        : block;               /* ボックス要素に変更 */
  box-sizing     : border-box;          /* 枠線を含んだサイズ */
  text-align     : center;              /* 文字位置は中央     */
  border         : 2px solid #ccc;      /* 枠線(一旦四方向)   */
  border-radius  : 3px;                 /* 角丸               */
  height         : 40px;                /* ボタンの高さ       */
  font-size      : 14px;                /* 文字サイズ         */
  line-height    : 35px;                /* 文字の位置(y方向)               */
  font-weight    : bold;                /* 太字               */
  background     : #eee;                /* 背景色             */
  box-shadow     : 3px 3px 6px #888;    /* 影付け             */
  transition     : .3s;                 /* ゆっくり変化       */
}
 
 /* === ON側のチェックボックスのラベル（ONのとき） ========== */
.onoff-btn-area label span:after{
  content        : "OFF";               /* 表示する文字       */
  color          : #aaa;
}
.onoff-btn-area #onoff-check:checked + label {
  background     : #78bd78;             /* 背景色             */
  box-shadow     : none;                /* 影を消す           */
}
.onoff-btn-area #onoff-check:checked + label span:after {
  content        : "ON";                /* 表示する文字       */
  color          : #fff;                /* 文字色             */
}
@media only screen and (max-width: 750px) {
  .onoff-btn-area {margin-right: 62px; width: 30px;}
  .onoff-btn-area label {height: 30px;line-height: 25px;}
}
/* END ヘッダーのON/OFFのボタン */

/* BEGIN ヘッダーの「ログアウト」ボタン */
header #header #header_search.logout input {
  cursor: pointer;
  color: #0f79af;
  background: #f2f2f2;
  border: 1px solid #1f497d;
  width: 93px;
  height: 25px;
  padding: 0px 0px;
  font-size: 10px;
  font-size: 13px;
  padding: 0 0;
  border-radius: 8px;
  font-weight: 400;
}
/* END ヘッダーの「ログアウト」ボタン */