@charset "UTF-8";
/*------------------------------
 ▼共通デザイン
 -------------------------------*/
 body {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
  color: #333;
}
.hover {
  transition: all 0.3s;
}
.hover:hover {
  opacity: .5;
  transition-property: opacity;
}
.asterisk { 
	padding-left:1em;
	text-indent:-1em;
}

@media (min-width: 576px) {
  .container {
    max-width: 960px;
  }
}

/*アイコン*/
i.fas {
  margin: 0 0 1px 0;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: sub;
  background-repeat: no-repeat;
}
i.fas.fa-xs {
  margin: 0;
  font-size: .75em;
}
_:-ms-lang(x)::-ms-backdrop, i.fas {
  margin: 0;
}
.fa-undo {
  background-image: url(../img/undo.svg);
}
a:hover .fa-undo {
  background-image: url(../img/undo-w.svg);
}
.fa-angle-double-right {
  background-image: url(../img/angle-double-right.svg);
}
.fa-check {
  background-image: url(../img/check.svg);
}
.fa-chevron-left {
  background-image: url(../img/chevron-left.svg);
}
a:hover .fa-chevron-left {
  background-image: url(../img/chevron-left-w.svg);
}
.fa-chevron-right {
  background-image: url(../img/chevron-right.svg);
}
a:hover .fa-chevron-right {
  background-image: url(../img/chevron-right-w.svg);
}
.fa-external-link-alt {
  background-image: url(../img/external-link-alt.svg);
}
/*外部リンク アイコン*/
.external:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 2px 0 5px;
  background-image: url(../img/external-link.svg);
  background-size: contain;
}

/*カラー*/
.text-color-main {
  color: #004335;
}
.text-color-orj-blue {
  color: #126594;
}
.text-color-orj-caution {
  color: #B20000;
}
.bgcolor-main {
  background-color: #004335;
}
.bgcolor-orj-gray {
  background-color:#EEE;
}
.bgcolor-orj-blue {
  background-color:#126594;
}
.bgcolor-orj-caution {
  background-color: #F7E9E9;
}
.bgcolor-orj-main {
  background-color: #EDFAF7;
}
.border-orj-main {
  border-color: #004335;
}
.border-orj-lgray {
  border-color: #ccc !important; 
}
.border-orj-blue {
  border-color: #126594 !important; 
}
.border-orj-caution {
  border-color: #971e23 !important;
}
.btn-orj-caution {
  background-color: #971e23;
}
.btn-outline-orj-blue:hover {
  border-color: #126594;
  background-color: #D8EBF4;
}
.btn-enter {
  background: rgb(167,64,68);
  background: linear-gradient(175deg, rgba(167,64,68,1) 0%, rgba(167,64,68,1) 50%, rgba(151,30,35,1) 50%, rgba(151,30,35,1) 100%);
}
.btn-enter[disabled] {
  background: #B8B8B8;
}
.btn-tel:hover {
  background-color:#004335;
}
.btn-tel:hover span,
.btn-tel:hover span .text-color-main {
  color: #fff;
}
.form-check-block label {
  border: 1px solid #F7E9E9;
}
.form-check-block label:hover {
  border-color: #126594;
  cursor: pointer;
}
.form-check-block label.enabled {
  background-color: #E9F0F7;
}

/*エラー*/
.form-control.is-invalid {
  background-color: #FFEAEA;
}

/*　インターフェース
----------------------------------------*/
input.form-control,
textarea.form-control {
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.3);
  background-color: #f8f8f8;
}
input.form-control  {
  height: 40px;
}
.form-label {
  margin-bottom: 0;
}
select.form-control {
  background: url(../img/angle-down.svg), linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
  background-position: right .8em top 50%, 0;
  background-repeat: no-repeat;
  background-size: .7rem, 100%;
}
.form-check-block:hover {
  cursor: pointer;
}
.modal-dialog {
  max-width: 600px;
  margin: -50px auto 1.75rem auto;
}
/*iOS reset*/
.btn {
  -webkit-appearance: none;
}

/* コンテンツ
----------------------------------------*/

/*ヘッダー*/
header h1 {
  font-size: 1rem;
}
header .sitelogo {
  width: 150px;
}

/*コンテンツ*/
section h2 {
  font-size: 1.2rem;
}
section h3 {
  font-size: 1.1rem;
}
.bg-secondary.category {
  margin: 0 0 10px 0;
  padding: 0 0 0 8px;
  background-color: #fff!important;
  border-left: 7px solid #126594;
}
.btn-selectmenu {
  min-height: 5rem;
}
.caution-list li.list-group-item {
  border: none;
}
textarea.form_body {
  height: 12rem;
}
.caution-list_small {
  font-size: .8rem;
  font-weight: normal;
  color: #333;
  display: block;
}

/*FAQモーダル*/
.modal-title h6 {
  font-size: 1.1rem;
}
.answer{
  margin: 0 0 10px 0;
}

.modal .question,
.modal .answer {
  padding: .5rem;
}
.modal .question span:first-child {
  width: 1.5rem;
}
div.question,
div.answer {
  font-size: .9rem;
  line-height: 1.3rem;
}
div.answer {
  background-color: #fff5f5;
}
.question span.arial,
.answer span.arial {
  padding: 0 0.5rem 0 0;
  font-size: 1.3rem;
}
.question span.arial {
  color: #468abe;
}
.answer span.arial {
  color: #be466b;
}
.arial {
  font-family: arial;
}
span.indent {
  display: block;
}
span.indent span {
  display: inline-block;
}
span.indent b {
  display: block;
}
.modal-title {
  padding-left: 6rem;
}

.eltax,
.kokuzei {
  list-style-type: disc; 
}
.eltax_info {
  list-style-type: none;
}

/*フッター*/
footer p {
  font-size: .7rem;
}

/* エラー
----------------------------------------*/
body.error .border-orj-caution,
body.error .text-color-orj-caution {
  color: #333 !important;
  border-color: #333 !important;
}
body.error .bgcolor-orj-caution {
  background-color: #EEE;
}
.form-error {
  border: 2px #B20000 solid;
  background-color: #F8E6E6;
}
.form-error p.form-error_title {
  color: #B20000 !important;
}
.form-error_list {
  font-size: .9rem;
  color: #B20000;
}
.input_error label {
  background-color: #F1CCCC;
}
.input_error input,
.input_error select,
.input_error textarea {
  border: 2px #B20000 solid !important;
}

/*-------------------------------------
▼ブレイクポイント
--------------------------------------*/

/*sm*/
@media (max-width: 575.98px) {
  .category-name.fs-4 {
    font-size: 1.2rem !important;
  }
  .modal-dialog {
    margin: 0.5rem;
  }
  span.indent b + span {
    width: 100%;
  }
  span.indent b:after {
    display: none;
  }
  .modal-title {
    padding-left: 0;
  }
}

/*md*/
@media (max-width: 767.98px) {
}

/*lg*/
@media (max-width: 991.98px) {
}

/*xl*/
@media (max-width: 1199.98px) {
}

/*xxl*/
@media (max-width: 1399.98px) {
}