@charset "UTF-8";

/* PC SP 表示切り替え
---------------------------------------------------------*/
@media (min-width:768px) {
 .is-pc {
  display: block;
 }
 .is-sp {
  display: none;
 }
}
@media (max-width:767px) {
 .is-pc {
  display: none;
 }
 .is-sp {
  display: block;
 }
}
/* PC smp 表示切り替え 確認必要
---------------------------------*/
.pcNone {
 display: none;
}
.spNone {
 display: block;
}
@media (max-width:767px) {
 .pcNone {
  display: block;
 }
 .spNone {
  display: none;
 }
}
.submain-img {
 height: clamp(100px, 36vw, 400px);
 display: grid;
 place-items: center;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
	position: relative;
}
.submain-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(63, 169, 245, 0.15) 0%, rgba(63, 169, 245, 0.15) 100%);
    z-index: 0;
    pointer-events: none;
}
@media screen and (max-width: 767px) {
 .submain-img {
  margin: 0 0 0;
  padding: 0;
  height: 250px;/*clamp(100px, 40vw, 160px);*/
  display: grid;
  place-items: center;
 }
}
.submain-img__title {
 font-size: clamp(16px, 9vw, 40px);
 color: #0d4394;
 letter-spacing: .2em;
 background-color: #fff;
 padding: 5px 30px;
 margin-right: auto;
	letter-spacing: .3rem;
	z-index: 1;
}
@media (max-width:1299px) {
 .submain-img__title {
  padding: 6px 12px 8px;
  font-size: clamp(16px, 7vw, 33px);/*clamp(16px, 5vw, 20px);*/
  letter-spacing: .08em;/*.2em;*/
 }
}
@media (max-width:767px) {
 .submain-img__title {
  padding: 6px 12px 8px;
  font-size: clamp(16px, 7vw, 26px);/*clamp(16px, 5vw, 20px);*/
  letter-spacing: .08em;/*.2em;*/
 }
}
/*コンテンツ枠、サイドメニュー枠
--------------------------------*/
/*.site_contents_wrap {
 width: 1000px;
 margin: 0 auto;
}*/
@media screen and (max-width: 767px) {
 .site_contents_wrap {
  width: 100%;
  margin: 0 auto;
 }
}
.site_contents {
 width: 95%;
  margin: 0 auto;
}
/*.site_contents section {
 margin: 8rem 0;
}
@media (max-width:767px) {
 .site_contents section {
  margin: 4rem 0
 }
}*/
@media (min-width:768px) {
 .none-main_contents {
  margin: 1.5em auto 3em;
  max-width: 980px;
  padding: 1.5em 4em;
  border: 1px solid #01999E50;
  border-radius: 10px;
  font-size: clamp(12px, 3.5vw, 13px);
  font-weight: 400;
  text-align: justify;
 }
}
@media (max-width:767px) {
 .none-main_contents {
  margin: 0 auto 1.5em;
  width: 96%;
  padding: 0 0 2em;
  border-radius: 10px;
  text-align: justify;
  font-weight: 400;
  font-size: clamp(11px, 3.1vw, 12px);
 }
}
.site_contents_wrap {
 /*font-size: clamp(14px, 13.09px + 0.2424vw, 16px);*/
	/*font-size: 1.5rem;*/
	line-height: 2;
}
/**
 *　コンテンツ　
------------------------------------------------------------*/
@media screen and (min-width: 1000px) {
 .full_width {
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  width: auto !important;
 }
}