@charset "UTF-8";
/*-- globalフォルダの直下の_index.scss --*/
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*, :after, :before {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}

main {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

address, blockquote, dl, figure, form, iframe, ol, p, pre, table, ul {
  margin: 0;
}

ol, ul {
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

embed, iframe, img, object {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

[type=button][disabled], [type=reset][disabled], [type=submit][disabled], button[disabled] {
  cursor: default;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

select::-ms-expand {
  display: none;
}

fieldset, option {
  padding: 0;
}

fieldset {
  margin: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 700;
}

[hidden], template {
  display: none;
}

*:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

body {
  background-color: inherit;
  color: #333;
}
body a:link, body a:hover, body a:visited, body a:active {
  color: #333;
}
body a:focus {
  outline: none;
}
body a:hover {
  opacity: 0.8;
}

dd {
  margin: 0;
  padding-left: 0;
}

/*wordpress関連*/
.page-content, .entry-content, .entry-summary {
  margin-top: 0;
}

.post, .page {
  margin: 0;
}

@media print, screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
body {
  font-family: "Noto Sans JP", "Lato", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-display: swap;
  font-size: clamp(0.938rem, 0.869rem + 0.34vw, 1.125rem); /*min15px~max18px*/
  line-height: 1.9 !important;
}

h1, h2, h3, h4, h5, h6, p, span, strong, ul, li, dl, dt, dd, div {
  font-family: "Noto Sans JP", "Lato", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.6;
  letter-spacing: 0.015em;
}

.head-wrap {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b5c4+1,0086c4+100 */
  background: linear-gradient(to right, rgb(0, 181, 196) 1%, rgb(0, 134, 196) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.head-branding {
  margin-bottom: 0.8rem;
}
.head-branding figure {
  width: 70%;
  margin: 0 auto;
}
.head-branding .header-site-title {
  font-size: clamp(0.938rem, 0.915rem + 0.11vw, 1rem); /*min15px~max16px*/
  color: #fff;
  line-height: 1;
  padding-top: clamp(0.625rem, 0.398rem + 1.14vw, 1.25rem); /*min10px~max20px*/
  text-align: center;
}

.head-right-contact {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.head-tel-box {
  font-size: clamp(1.125rem, 1.011rem + 0.57vw, 1.438rem); /*min18px~max23px*/
  color: #fff;
}
.head-tel-box .head-tel-box-span {
  font-size: 55%;
  display: block;
}

.head-contact-box {
  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem); /*min16px~max18px*/
}
.head-contact-box a {
  display: flex;
  align-items: center;
  background-color: #FFF200;
  padding: 0.8rem 2rem;
  border-radius: 50px;
}

.custom-logo-link {
  display: flex;
  justify-content: center;
}
.custom-logo-link img {
  max-width: 50%;
}

@media print, screen and (min-width: 768px) {
  header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .head-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .head-wrap .head-branding {
    width: 40%;
    margin-bottom: 0;
  }
  .head-wrap .head-branding figure {
    max-width: 346px;
    margin: unset;
    width: auto;
  }
  .head-wrap .head-branding .header-site-title {
    text-align: left;
  }
  .head-wrap .head-right-wrap .menu-ul-wrap li {
    width: inherit;
  }
  .head-wrap .head-right-wrap .menu-ul-wrap li a {
    padding: 1rem 0.5rem;
  }
  .head-wrap .head-right-wrap .menu-ul-wrap li:nth-last-child(2) a {
    padding-right: 0;
  }
  .head-wrap .head-right-wrap {
    width: 58.1395348837%;
  }
  .head-wrap .head-right-wrap .head-right-contact {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
  }
  .head-wrap .head-right-wrap .head-right-contact .head-tel-box {
    padding-right: 20px;
  }
  .head-wrap .head-right-wrap .head-right-contact .head-contact-box {
    display: block;
  }
  .head-wrap .head-right-wrap .head-right-contact .head-contact-box a i {
    padding-right: 10px;
  }
  .head-wrap .head-right-wrap .custom-logo-link {
    justify-content: flex-end;
  }
  .head-wrap .head-right-wrap .custom-logo-link img {
    max-width: 220px;
  }
}
@media print, screen and (min-width: 992px) {
  .menu-ul-wrap {
    justify-content: flex-end;
  }
  .menu-ul-wrap li a {
    padding: 1.3rem 1.5rem !important;
  }
  .menu-ul-wrap li:nth-last-child(2) a {
    padding-right: 0 !important;
  }
}
body a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
body a:hover img {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.inner {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

/*mainvi*/
.mainvi-bg {
  position: relative;
  background-image: url(../images/mainvi_img.png);
  background-position: top;
  background-position-x: 35%;
  background-repeat: no-repeat;
  background-size: 120%;
  height: fit-content;
  z-index: 0;
  display: flex;
  align-items: flex-end;
}
.mainvi-bg .mainvi-area-wrap {
  margin-bottom: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); /*min20px~max30px*/
}
.mainvi-bg .mainvi-area-wrap .mainvi-setumei-p {
  margin-bottom: clamp(0.625rem, 0.17rem + 2.27vw, 1.875rem); /*10~30px*/
}
.mainvi-bg .mainvi-area-wrap .mainvi-setumei-p span {
  background: linear-gradient(transparent 60%, rgba(206, 239, 255, 0.7) 60%);
  padding: 0.3em 0.5em;
}
.mainvi-bg .mainvi-area-wrap .mainvi-h-area-in {
  font-size: clamp(1.313rem, 0.563rem + 3.75vw, 3.375rem); /*min21px~max54px*/
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.02em;
  margin-bottom: clamp(1.25rem, 0.568rem + 3.41vw, 3.125rem); /*min20px~max50px*/
}
.mainvi-bg .mainvi-area-wrap .mainvi-h-area-in .mainvi-h-txt-gl {
  color: #00B5C4;
}
.mainvi-bg .mainvi-area-wrap .mainvi-h-area-in .mainvi-h-txt-bl {
  color: #0087C4;
}
.mainvi-bg .mainvi-area-wrap .mainvi-ul-area-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 2%;
}
.mainvi-bg .mainvi-area-wrap .mainvi-ul-area-box .mainvi-ul-area-in {
  width: 40%;
  border-radius: 50%;
  max-width: 140px;
  height: 140px;
  background-color: rgba(206, 239, 255, 0.7);
  margin: 0 15px;
  position: relative;
  font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem); /*12~18px*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainvi-bg .mainvi-area-wrap .mainvi-ul-area-box .mainvi-ul-area-in img {
  position: absolute;
  top: -2%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
}

/*contents*/
#top-read-bg {
  background-color: #206D8C;
  padding: clamp(2rem, 0.182rem + 9.09vw, 7rem) 0 clamp(2rem, 0.909rem + 5.45vw, 5rem);
}

.top-read-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top-read-wrap .top-read-box {
  width: 49.115913556%; /*12:5.9*/
  background-color: #fff;
  padding: 1rem 0.5rem;
  margin-bottom: 30px;
}
.top-read-wrap .top-read-box:nth-child(n+5) {
  margin-bottom: 0;
}
.top-read-wrap .top-read-box figure {
  margin-bottom: 20px;
}
.top-read-wrap .top-read-box figure img {
  max-width: 130px;
  width: 60%;
  margin: 0 auto;
  display: block;
}
.top-read-wrap .top-read-box h3 {
  text-align: center;
}

.cont-arrow-icon {
  position: relative;
  margin-bottom: clamp(3.75rem, 3.295rem + 2.27vw, 5rem); /*60~80px*/
  height: 40px;
}
.cont-arrow-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 80px solid transparent;
  border-left: 80px solid transparent;
  border-top: 40px solid #206D8C;
  border-bottom: 0;
}

#kaiketu-area-bg {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ceefff+0,ace2fc+100 */
  background: linear-gradient(to right, rgb(206, 239, 255) 0%, rgb(172, 226, 252) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding-bottom: clamp(3rem, 2.273rem + 3.64vw, 5rem);
}

.kaiketu-omakase-wrap .kaiketu-omakase-box {
  margin-bottom: 30px;
}
.kaiketu-omakase-wrap .kaiketu-omakase-img img {
  -moz-box-shadow: 50px 50px 0px 0px rgb(119, 213, 255);
  -webkit-box-shadow: 50px 50px 0px 0px rgb(119, 213, 255);
  -ms-box-shadow: 50px 50px 0px 0px rgb(119, 213, 255);
  box-shadow: 50px 50px 0px 0px rgb(119, 213, 255);
}
.kaiketu-omakase-wrap .kaiketu-omakase-box h3 {
  margin-bottom: clamp(0.625rem, 0.398rem + 1.14vw, 1.25rem); /*min15px~max20px*/
  line-height: 2;
}
.kaiketu-omakase-wrap .kaiketu-omakase-box h3 span {
  font-weight: 600;
  background: linear-gradient(transparent 55%, #ffffff 55%);
  padding-left: 0.3em;
  padding-right: 0.3em;
  font-size: clamp(1.125rem, 0.761rem + 1.82vw, 2.125rem); /*18~34px*/
}
.kaiketu-omakase-wrap .kaiketu-omakase-box p {
  font-size: clamp(1rem, 0.886rem + 0.57vw, 1.313rem); /*16~21px*/
}

.kaiketu-wh-bg {
  background-color: #fff;
  padding: clamp(1rem, 0.273rem + 3.64vw, 3rem) clamp(0.5rem, -0.227rem + 3.64vw, 2.5rem);
}

.kaiketu-area1-box h3::before {
  content: "1";
}

.kaiketu-area2-box h3::before {
  content: "2";
}

.kaiketu-area3-box h3::before {
  content: "3";
}
.kaiketu-area3-box ul li {
  margin-bottom: clamp(0.313rem, 0.199rem + 0.57vw, 0.625rem); /*5~10px*/
}

.kaiketu-area4-box h3::before {
  content: "4";
}

.kaiketu-area-box-cm {
  margin-bottom: 30px;
}

.kaiketu-area1-box h3, .kaiketu-area2-box h3, .kaiketu-area3-box h3, .kaiketu-area4-box h3 {
  color: #00B5C4;
  font-size: clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem); /*18~26px*/
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.kaiketu-area1-box h3::before, .kaiketu-area2-box h3::before, .kaiketu-area3-box h3::before, .kaiketu-area4-box h3::before {
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #00B5C4;
  padding: 20px;
  margin-right: 20px;
}

.kaiketu-area4-in {
  padding: clamp(0.5rem, 0.318rem + 0.91vw, 1rem) 0 0;
}

.kaiketu-area4-ul li {
  margin-bottom: clamp(0.938rem, 0.824rem + 0.57vw, 1.25rem); /*min15px~max20px*/
}
.kaiketu-area4-ul li i {
  padding-right: 0.8rem;
}

.kaiketu-area4-inR h4 {
  margin-bottom: clamp(0.625rem, 0.398rem + 1.14vw, 1.25rem); /*min15px~max20px*/
  color: #00B5C4;
  font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); /*min18px~max20px*/
  font-weight: 600;
}

.bcp-result-wrap li {
  margin-bottom: 30px;
}
.bcp-result-wrap li:last-child {
  margin-bottom: 0;
}
.bcp-result-wrap li .bcp-result-img {
  border: 1px solid #999;
  margin-bottom: clamp(0.625rem, 0.398rem + 1.14vw, 1.25rem); /*min10px~max20px*/
}
.bcp-result-wrap li h6 {
  color: #00B5C4;
  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem); /*min16px~max18px*/
  font-weight: 600;
  text-align: center;
}

#jirei-area-bg {
  position: relative;
  padding-top: clamp(3rem, 1.182rem + 9.09vw, 8rem);
  padding-bottom: clamp(3rem, 2.273rem + 3.64vw, 5rem);
}
#jirei-area-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100vw - 100%);
  width: 0;
  height: 0;
  border-top: 500px solid rgba(251, 237, 207, 0.6);
  border-right: 100vw solid transparent;
  z-index: -2;
}
#jirei-area-bg::after {
  content: "";
  position: absolute;
  background-color: rgba(221, 243, 230, 0.5);
  width: 60%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}

.jirei-area-wrap .jirei-area-box {
  background-color: #fff;
  margin-bottom: 30px;
  padding: clamp(1rem, 0.273rem + 3.64vw, 3rem) clamp(1rem, 0.636rem + 1.82vw, 2rem);
}
.jirei-area-wrap .jirei-area-box .jirei-area-in {
  margin-bottom: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); /*20~30px*/
}
.jirei-area-wrap .jirei-area-box .jirei-area-in:last-child {
  margin-bottom: 0;
}
.jirei-area-wrap .jirei-area-box .jirei-area-in h4 {
  margin-bottom: 10px;
}
.jirei-area-wrap .jirei-area-box .jirei-area-in h4 span {
  font-size: 80%;
  color: #00B5C4;
  padding-left: 1rem;
}
.jirei-area-wrap .jirei-area-box .jirei-area-in h5 {
  font-weight: 500;
  margin-bottom: clamp(0.625rem, 0.398rem + 1.14vw, 1.25rem); /*10~20px*/
}
.jirei-area-wrap .jirei-area-img {
  max-width: 350px;
}

#voice-area-bg {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf7ea+0,e8fff2+100 */
  background: linear-gradient(to right, rgb(253, 247, 234) 0%, rgb(232, 255, 242) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: clamp(2rem, 0.909rem + 5.45vw, 5rem) 0;
}

.voice-area-box {
  background-color: #fff;
  padding: clamp(1rem, 0.636rem + 1.82vw, 2rem);
  border: 1px solid #EEEEEE;
}
.voice-area-box .voice-area-L {
  margin-bottom: 30px;
}
.voice-area-box .voice-area-L dt {
  color: #00B5C4;
  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem); /*min16px~max18px*/
  font-weight: 600;
}
.voice-area-box .voice-area-img {
  max-width: 150px;
  margin: 0 auto;
}

/*見出しは「_button.scss」へ*/
@media print, screen and (min-width: 768px) {
  .mainvi-bg {
    background-size: 105%;
    height: 600px;
    background-position: top right;
  }
  .mainvi-bg .mainvi-area-wrap {
    display: flex;
    justify-content: space-between;
  }
  .mainvi-bg .mainvi-area-wrap .mainvi-txt-area-box {
    width: 100%; /*12:9.5*/
  }
  .mainvi-bg .mainvi-area-wrap .mainvi-txt-area-box .mainvi-ul-area-box {
    justify-content: space-between;
  }
  .mainvi-bg .mainvi-area-wrap .mainvi-txt-area-box .mainvi-ul-area-box .mainvi-ul-area-in {
    width: 33%;
    max-width: 220px;
    height: 220px;
    margin: 0 10px;
  }
  .top-read-wrap .top-read-box {
    width: 31.605562579%; /*12:3.8*/
  }
  .top-read-wrap .top-read-box:nth-child(n+4) {
    margin-bottom: 0;
  }
  .top-read-wrap .top-read-box figure img {
    width: 100%;
  }
  .cont-arrow-icon {
    height: 80px;
  }
  .cont-arrow-icon::after {
    border-right: 170px solid transparent;
    border-left: 170px solid transparent;
    border-top: 80px solid #206D8C;
    border-bottom: 0;
  }
  .kaiketu-omakase-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .kaiketu-omakase-wrap .kaiketu-omakase-box {
    width: 48.309178744%; /*12:5.8*/
    order: 2;
  }
  .kaiketu-omakase-wrap .kaiketu-omakase-img {
    width: 48.309178744%; /*12:5.8*/
    max-width: 540px;
  }
  .kaiketu-area-wrap {
    display: flex;
    justify-content: space-between;
  }
  .kaiketu-area-wrap .kaiketu-area-box-cm {
    margin-bottom: 0;
  }
  .kaiketu-area1-box, .kaiketu-area3-box {
    width: 58.3090379009%; /*12:7*/
  }
  .kaiketu-area1-img, .kaiketu-area3-img {
    width: 39.5100750691%; /*12:4.75*/
  }
  .kaiketu-area1-img img, .kaiketu-area3-img img {
    max-width: 400px;
    width: 100%;
  }
  .kaiketu-area2-box {
    width: 48.309178744%; /*12:5.8*/
  }
  .kaiketu-area2-img {
    width: 50%; /*12:6*/
  }
  .kaiketu-area4-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .kaiketu-area4-in .kaiketu-area4-ul {
    width: 44.1111601235%; /*12:5.3*/
  }
  .kaiketu-area4-in .arrow-bt-icon {
    width: 8.3056478405%; /*12:1*/
  }
  .kaiketu-area4-in .kaiketu-area4-inR {
    width: 41.6146483562%; /*12:5*/
  }
  #jirei-area-bg::before {
    content: "";
    left: calc(80vw - 100%);
    border-right: 80vw solid transparent;
  }
  .jirei-area-wrap {
    display: flex;
    justify-content: space-between;
  }
  .jirei-area-wrap .jirei-area-box {
    width: 65.0195058518%; /*12:7.8*/
    margin-bottom: 0;
  }
  .jirei-area-wrap .jirei-area-img {
    width: 33.3000333%; /*12:4*/
  }
  .voice-area-box {
    display: flex;
    justify-content: space-between;
  }
  .voice-area-box .voice-area-L {
    width: 75.8150113723%; /*12:9.1*/
    margin-bottom: 0;
  }
  .voice-area-box .voice-area-img {
    width: 23.3045910044%; /*12:2.8*/
    margin: inherit;
  }
  .bcp-result-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .bcp-result-wrap li {
    width: 31.6997400621%; /*12:3.8*/
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 767px) {
  .mainvi-bg .inner {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 992px) {
  .mainvi-bg {
    background-size: 100%;
    height: 710px;
  }
}
@media print, screen and (min-width: 1366px) {
  .mainvi-bg {
    background-size: 70%;
  }
  .mainvi-bg .mainvi-area-wrap .mainvi-txt-area-box {
    width: 79.1139240506%; /*12:9.5*/
  }
  .mainvi-bg .mainvi-area-wrap .mainvi-txt-area-box .mainvi-ul-area-box {
    padding-right: 5rem;
  }
}
@media print, screen and (max-width: 539px) {
  .mainvi-bg {
    background-size: 177%;
  }
  .mainvi-bg .mainvi-area-wrap .mainvi-ul-area-box {
    flex-wrap: wrap-reverse;
  }
}
.fotter-logo-size {
  display: flex;
  justify-content: center;
}
.fotter-logo-size img {
  max-width: 300px;
  width: 80%;
  display: block;
  margin: 0 auto;
}
.fotter-logo-size a {
  display: inline-block;
}

.footer-h-area {
  font-size: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem); /*min20px~max40px*/
  text-align: center;
  font-weight: 600;
  margin-bottom: clamp(2.5rem, 2.045rem + 2.27vw, 3.75rem); /*min40px~max60px*/
}

.footer-paragraph-L {
  font-size: 15px;
}
.footer-paragraph-L .footer-paragraph-in {
  margin-bottom: clamp(0.625rem, 0.398rem + 1.14vw, 1.25rem); /*min10px~max20px*/
}

.footer-navigation-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.footer-navigation-wrapper li {
  width: 48.2998454405%; /*12:5.8*/
  font-size: 80%;
}
.footer-navigation-wrapper li a {
  padding-left: 0;
  padding-right: 0;
}
.footer-navigation-wrapper li a i {
  padding-left: 0.5rem;
}
.footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:hover, .footer-navigation-wrapper li a:active {
  text-decoration: none;
}

small {
  display: block;
  padding: 15px 0 3rem;
  text-align: center;
}
small .footer-copy-wrap a:link, small .footer-copy-wrap a:visited, small .footer-copy-wrap a:hover, small .footer-copy-wrap a:active {
  text-decoration: none;
}

@media print, screen and (min-width: 768px) {
  footer .fotter-logo-size img {
    width: auto;
  }
  .footer-area-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer-area-wrap .footer-paragraph-L {
    width: 56.6251415629%; /*12:6.8*/
    font-size: inherit;
  }
  .footer-area-wrap .footer-paragraph-L .footer-navigation-wrapper {
    margin-bottom: 0;
  }
  .footer-area-wrap .footer-paragraph-R {
    width: 41.6146483562%; /*12:5*/
  }
}
/* 下部追従バナー用 */
/*pagetop*/
#page-top {
  width: 30px;
  height: 30px;
  position: fixed;
  right: 10px;
  z-index: 10;
  /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
  outline: none;
  background: none;
}

/*wordpress親テーマ上書き*/
.site .button:hover, .site .button:active, button:hover, button:active {
  border-color: rgba(77, 0, 0, 0);
}

@media print, screen and (min-width: 768px) {
  #page-top {
    height: 50px;
    width: 50px;
  }
  #page-top.DownMove span img {
    transform: translateY(0);
  }
}
#bnr-bottom {
  position: fixed;
  z-index: 10;
  /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/
#page-top.UpMove,
#bnr-bottom.UpMove {
  animation: UpAnime 0.5s forwards;
}

#page-top.UpMove {
  /*360-768 35-85*/
  margin-bottom: clamp(2.188rem, -0.57rem + 12.25vw, 5.313rem);
}

@media print, screen and (min-width: 768px) {
  #page-top.UpMove {
    margin-bottom: 10px;
  }
}
@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*　下に下がる動き　*/
#page-top.DownMove,
#bnr-bottom.DownMove {
  animation: DownAnime 0.5s forwards;
}

from {
  opacity: 1;
  transform: translateY(0);
}

to {
  opacity: 1;
  transform: translateY(200px);
}

/*　ヘッダーに近づくと消える　*/
#page-top.top-over {
  display: none;
}

.footer-contact-wrap {
  width: 100%;
}
.footer-contact-wrap .footer-contact-tel, .footer-contact-wrap .footer-contact-mail {
  padding: clamp(0.8rem, 0.291rem + 2.55vw, 2.2rem) 0;
}
.footer-contact-wrap .footer-contact-tel {
  background-color: #0087C4;
}
.footer-contact-wrap .footer-contact-tel a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-contact-wrap .footer-contact-tel a:link, .footer-contact-wrap .footer-contact-tel a:hover, .footer-contact-wrap .footer-contact-tel a:visited, .footer-contact-wrap .footer-contact-tel a:active {
  color: #fff;
}
.footer-contact-wrap .footer-contact-tel a i {
  font-size: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem); /*20~40px*/
  padding-right: 10px;
}
.footer-contact-wrap .footer-contact-tel a p {
  font-size: clamp(1.125rem, 0.92rem + 1.02vw, 1.688rem); /*18~27px*/
  line-height: 1.6;
}
.footer-contact-wrap .footer-contact-tel a p span {
  font-size: 55%;
  display: block;
}
.footer-contact-wrap .footer-contact-mail {
  background-color: #00B5C4;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.footer-contact-wrap .footer-contact-mail a {
  display: inline-block;
  background-color: #FFF200;
  border-radius: 50px;
  padding: clamp(0.4rem, 0.255rem + 0.73vw, 0.8rem) clamp(2.8rem, 2.655rem + 0.73vw, 3.2rem);
}
.footer-contact-wrap .footer-contact-mail a i {
  padding-right: 1rem;
}

@media print, screen and (min-width: 768px) {
  .footer-contact-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer-contact-wrap .footer-contact-tel, .footer-contact-wrap .footer-contact-mail {
    width: 50%;
  }
}
.hidden-xsm,
.hidden-sm,
.hidden-md,
.hidden-lg {
  display: none;
}

/*隙*/
.common-space {
  margin-bottom: clamp(5rem, 4.545rem + 2.27vw, 6.25rem); /*min80px~max100px*/
}

.common-space2 {
  margin-bottom: clamp(3.75rem, 3.295rem + 2.27vw, 5rem); /*min60px~max80px*/
}

.common-space3 {
  margin-bottom: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem); /*min20px~max40px*/
}

.common-space4 {
  margin-bottom: clamp(0.625rem, 0.398rem + 1.14vw, 1.25rem); /*min15px~max20px*/
}

.common-space5 {
  margin-bottom: clamp(2.5rem, 2.045rem + 2.27vw, 3.75rem); /*min40px~max60px*/
}

.mrgb-none {
  margin-bottom: 0;
}

/*汎用*/
.text-center {
  text-align: center;
}

@media print, screen and (max-width: 767px) {
  .hidden-xsm {
    display: none !important;
  }
  .visible-xsm {
    display: block !important;
  }
}
@media print, screen and (min-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
}
@media print, screen and (min-width: 992px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md {
    display: block !important;
  }
}
@media print, screen and (min-width: 1366px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg {
    display: block !important;
  }
}
.important-btn {
  font-size: clamp(1.125rem, 1.057rem + 0.34vw, 1.313rem); /*min18px~max21px*/
  font-weight: 500;
  display: flex;
  justify-content: center;
}
.important-btn a {
  border-radius: 50px;
  display: inline-block;
  padding: 0.5rem 2rem;
  background: #0087c4; /* Old browsers */
  background: -moz-linear-gradient(left, #0087c4 0%, #00b5c4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0087c4 0%, #00b5c4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0087c4 0%, #00b5c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0087c4", endColorstr="#00b5c4",GradientType=1 ); /* IE6-9 */
}
.important-btn a:link, .important-btn a:visited, .important-btn a:hover, .important-btn a:active {
  color: #fff;
}

.white-bg-btn {
  font-size: clamp(1.125rem, 1.057rem + 0.34vw, 1.313rem); /*min18px~max21px*/
  font-weight: 500;
  display: flex;
  justify-content: center;
}
.white-bg-btn a {
  border-radius: 50px;
  display: inline-block;
  padding: 0.6rem 3rem;
  background-color: #fff;
}

/*スクロール*/
.pagetop {
  cursor: pointer;
  position: fixed;
  right: 10px;
  bottom: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 45px;
  height: auto;
  transition: 0.3s;
  background: none;
  /*   デフォルトは非表示 */
  opacity: 0;
  z-index: 2;
}

.white-lbl-main {
  font-size: clamp(1.375rem, 0.966rem + 2.05vw, 2.5rem); /*min22px~max40px*/
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); /*min20px~max30px*/
}
.white-lbl-main span {
  font-size: 70%;
}

.green-lbl-lg {
  font-size: clamp(1.188rem, 1.097rem + 0.45vw, 1.438rem); /*min19px~max23px*/
  color: #00B5C4;
  font-weight: 600;
}

.green-lbl-md {
  font-size: clamp(0.938rem, 0.869rem + 0.34vw, 1.125rem); /*min15px~max18px*/
  color: #00B5C4;
  font-weight: 500;
}

.blue-lbl-lg {
  font-size: clamp(1.25rem, 0.886rem + 1.82vw, 2.25rem); /*min20px~max36px*/
  color: #0087C4;
  font-weight: 600;
  margin-bottom: clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem); /*30~40px*/
}

.blue-lbl-sm {
  font-size: clamp(1.188rem, 0.983rem + 1.02vw, 1.75rem); /*min19px~max28px*/
  color: #0087C4;
  font-weight: 600;
  margin-bottom: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); /*20~30px*/
}

.bk-lbl-lg {
  font-size: clamp(1.313rem, 0.881rem + 2.16vw, 2.5rem); /*min21px~max40px*/
  font-weight: 600;
  margin-bottom: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); /*min20px~max30px*/
}

.green-lbl-sm {
  border-left: 5px solid #00B5C4;
  padding-left: 10px;
  color: #00B5C4;
  font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem); /*min18px~max20px*/
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.5;
}

.arrow-bt-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 62px solid transparent;
  border-left: 62px solid transparent;
  border-top: 36px solid #00b5c4;
  border-bottom: 0;
  margin: 0 auto 30px;
}

.com-bg-btn {
  font-size: clamp(1.125rem, 1.057rem + 0.34vw, 1.313rem);
  font-weight: 500;
  display: flex;
  justify-content: center;
}
.com-bg-btn a {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b5c4+1,0086c4+100 */
  background: linear-gradient(to right, rgb(0, 181, 196) 1%, rgb(0, 134, 196) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 50px;
  display: inline-block;
  padding: 0.6rem 3rem;
}
.com-bg-btn a:link, .com-bg-btn a:hover, .com-bg-btn a:visited, .com-bg-btn a:active {
  color: #fff;
}

@media print, screen and (min-width: 768px) {
  .important-btn a {
    padding: 0.8rem 3rem;
  }
  .pagetop {
    max-width: 65px;
  }
  .arrow-bt-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 62px solid transparent;
    border-bottom: 62px solid transparent;
    border-left: 36px solid #00b5c4;
    border-right: 0;
    margin: 0;
  }
  .com-bg-btn {
    justify-content: flex-end;
  }
  .com-bg-btn a {
    padding: 0.8rem 4rem;
  }
}
.commonvi-bg {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 0;
  padding: 3rem 0.5rem;
  margin-bottom: clamp(3.125rem, 2.898rem + 1.14vw, 3.75rem); /*min50px~max60px*/
}
.commonvi-bg::before {
  content: "";
  position: absolute;
  top: -130%;
  right: 0;
  width: 100%;
  height: 300%;
  margin: 0% 45% 0%;
  background: #CEEFFF;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(200deg);
  -ms-transform: rotate(200deg);
  transform: rotate(200deg);
  z-index: -1;
}

/*見出し*/
.other-lbl-main {
  font-size: clamp(1.375rem, 0.966rem + 2.05vw, 2.5rem); /*min22px~max40px*/
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.04em;
}

@media print, screen and (min-width: 768px) {
  .commonvi-bg {
    padding: 5rem 1rem;
  }
}
.accordion-area-box {
  margin-bottom: 20px;
  background-color: #EEF6F1;
}
.accordion-area-box summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1rem 1.55rem 1rem 1rem;
  cursor: pointer;
}
.accordion-area-box summary span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: clamp(0.5rem, 0.318rem + 0.91vw, 1rem);
}
.accordion-area-box summary span i {
  color: #0087C4;
  padding-right: clamp(1rem, 0.636rem + 1.82vw, 2rem);
}
.accordion-area-box summary::-webkit-details-marker {
  display: none;
}
.accordion-area-box summary::before, .accordion-area-box summary::after {
  width: 3px;
  height: 0.9em;
  border-radius: 5px;
  content: "";
  background-color: #333;
}
.accordion-area-box summary::before {
  position: absolute;
  right: 1.55rem;
  rotate: 90deg;
}
.accordion-area-box summary::after {
  transition: rotate 0.3s;
}
.accordion-area-box p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 0.5em 1em;
  transition: transform 0.5s, opacity 0.5s;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.accordion-area-box p i {
  color: #DF0808;
  padding-right: clamp(1rem, 0.636rem + 1.82vw, 2rem);
}

.accordion-area-box[open] summary::after {
  rotate: 90deg;
}

.accordion-area-box[open] p {
  transform: none;
  opacity: 1;
}

@media print, screen and (min-width: 768px) {
  .accordion-area-box summary {
    padding: 1.5rem 2rem;
  }
  .accordion-area-box summary::before {
    right: 2rem;
  }
  .accordion-area-box p {
    padding: 0.5em 2em;
  }
}

/*# sourceMappingURL=style.css.map */