@charset "UTF-8";
.___mt10 {margin-top: 10px;}
.___mt20 {margin-top: clamp(15px, 2vw, 20px);}
.___mt30 {margin-top: clamp(20px, 3vw, 30px);}
.___mt40 {margin-top: clamp(30px, 4vw, 40px);}
.___mt50 {margin-top: clamp(35px, 5vw, 50px);}
.___mt60 {margin-top: clamp(40px, 6vw, 60px);}
.___mt70 {margin-top: clamp(45px, 7vw, 70px);}
.___mt75 {margin-top: clamp(50px, 7.5vw, 75px);}
.___mt80 {margin-top: clamp(50px, 8vw, 80px);}
.___mt90 {margin-top: clamp(55px, 9vw, 90px);}
.___mt100 {margin-top: clamp(60px, 10vw, 100px);}
.___pb100 {padding-bottom: clamp(60px, 10vw, 100px);}
@media (max-width: 980px) {br.___sp980 {  display: none;}}
@media (max-width: 767px) {br.___sp767 {  display: none;}}
@media (max-width: 767px) {.___dn767 {  display: none;}}
.___tnews {background: #5b5b5b;
  background: linear-gradient(180deg, #5b5b5b 0%, #2e2e2e 100%);
  position: relative;}
.___tnews:before {content: "";
  background: url(../img/material/bg-img_b.png);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;}
.___tnews > div {width: 93%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;}
@media screen and (min-width: 1251px) {.___tnews > div {  align-items: flex-start;
    justify-content: space-between;}
  .___tnews > div > ._inner_l {  width: 30%;}
  .___tnews > div > ._inner_r {  width: 60%;}}
@media screen and (max-width: 1250px) {.___tnews > div {  flex-flow: column;}
  .___tnews > div > ._inner_l {  display: flex;
    justify-content: space-between;
    align-items: flex-start;}
  .___tnews > div > ._inner_l > * {  width: 45%;}}
@media screen and (max-width: 650px) {.___tnews > div {  padding-bottom: 140px;}
  .___tnews > div > ._inner_l {  flex-flow: column;}
  .___tnews > div > ._inner_l > * {  width: 100%;
    max-width: 100%;}
  .___tnews > div > ._inner_r .___newslist {  margin-top: 30px;
    border-top: solid 1px #707070;}}
.___tnews .___link_1 {max-width: 385px;}
@media screen and (min-width: 651px) {.___tnews .___link_1 {  align-items: flex-end;}}
@media screen and (max-width: 650px) {.___tnews .___link_1 {  position: absolute;
    bottom: 35px;}}
.___tabout > div {width: 93%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;}
.___tabout > div > ._inner_l {width: 48%;}
.___tabout > div > ._inner_l ._movie {max-width: 583px;
  display: inline;}
.___tabout > div > ._inner_l ._movie img {border-radius: 10px;}
.___tabout > div > ._inner_l p {color: #545454;}
.___tabout > div > ._inner_r {width: 48%;}
.___tabout > div > ._inner_r > span {text-decoration: underline;
  font-size: 15px;
  font-weight: 500;
  color: #545454;}
.___tabout > div > ._inner_r > picture {display: block;
  margin-left: -5px;}
.___tabout > div > ._inner_r > p {max-width: 520px;
  font-size: 97%;
  font-weight: 500;
  color: #545454;}
@media screen and (max-width: 767px) {.___tabout > div {  flex-flow: column;
    grid-row-gap: 30px;}
  .___tabout > div > ._inner_l {  width: 100%;
    order: 2;}
  .___tabout > div > ._inner_r {  width: 100%;
    order: 1;
    display: flex;
    flex-flow: column;
    align-items: center;}
  .___tabout > div > ._inner_r > span {  font-size: 14px;
    color: #D86C6C;
    text-align: center;}
  .___tabout > div > ._inner_r > picture {  margin-left: 0;
    max-width: 95%;
    transform: translate(0, 5px);}
  .___tabout > div > ._inner_r > p {  width: 93%;
    max-width: 100%;
    font-size: initial;}}
.___tservice > picture {display: block;
  width: 100%;
  height: clamp(120px, 25vw, 367px);}
.___tservice > picture > img {width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;}
.___tservice > div {width: 93%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;}
@media screen and (min-width: 768px) {.___tservice > div > ._tit {  display: flex;
    justify-content: space-between;
    align-items: center;}
  .___tservice > div > ._tit > .___h-title_1 {  width: 30%;}
  .___tservice > div > ._tit > ._inner_r {  width: 60%;}}
@media screen and (max-width: 767px) {.___tservice > div > ._tit > ._inner_r {  margin-top: 20px;}}
.___tservice > div > ul {width: 93%;
  max-width: 1500px;
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 3.5%;
  grid-row-gap: 50px;
  margin-left: auto;
  margin-right: auto;}
@media screen and (max-width: 767px) {.___tservice > div > ul {  grid-row-gap: 25px;}}
@media screen and (max-width: 500px) {.___tservice > div > ul {  justify-content: center;}}
.___tservice > div > ul > li {width: 22.375%;}
@media screen and (max-width: 1250px) {.___tservice > div > ul > li {  width: 31%;}}
@media screen and (max-width: 767px) {.___tservice > div > ul > li {  width: 48.2%;}}
@media screen and (max-width: 500px) {.___tservice > div > ul > li {  width: 90%;
    max-width: 328px;}}
.___tservice > div > ul > li a {display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: 0.3s;}
.___tservice > div > ul > li a:hover {box-shadow: 6px 6px 12px -3px rgba(0, 0, 0, 0.45);}
.___tservice > div > ul > li a > picture {display: block;}
.___tservice > div > ul > li a > picture > img {width: 100%;}
.___tservice > div > ul > li a > p {position: relative;
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;}
@media screen and (max-width: 500px) {.___tservice > div > ul > li a > p {  min-height: 75px;}}
.___tservice > div > ul > li a > p > span {width: 132px;
  position: absolute;
  bottom: 93%;
  padding: 0.2em 1em;
  line-height: 1.5em;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px 10px 0 0;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;}
.___tservice > div > ul > li a > p > strong {font-size: clamp(17px, 2.2vw, 20px);
  line-height: 1.4;
  text-align: center;
  font-weight: 500;}
.___tservice > div > ul > li:first-child a, .___tservice > div > ul > li:first-child span {background-color: #17A4D9;}
.___tservice > div > ul > li:nth-child(2) a, .___tservice > div > ul > li:nth-child(2) span {background-color: #37C2B2;}
.___tservice > div > ul > li:nth-child(3) a, .___tservice > div > ul > li:nth-child(3) span {background-color: #4BA53D;}
.___tservice > div > ul > li:nth-child(4) a, .___tservice > div > ul > li:nth-child(4) span {background-color: #65B81D;}
.___tservice > div > ul > li:nth-child(5) a, .___tservice > div > ul > li:nth-child(5) span {background-color: #EE8331;}
.___tservice > div > ul > li:nth-child(6) a, .___tservice > div > ul > li:nth-child(6) span {background-color: #D89C1A;}
.___tservice > div > ul > li:nth-child(7) a, .___tservice > div > ul > li:nth-child(7) span {background-color: #E65A5A;}
.___tservice > div > ul > li:nth-child(8) a, .___tservice > div > ul > li:nth-child(8) span {background-color: #3C4E98;}
.___tinsta > div {width: 93%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;}
@media screen and (min-width: 768px) {.___tinsta > div > ._tit {  display: flex;
    justify-content: space-between;
    align-items: center;}
  .___tinsta > div > ._tit > .___h-title_1 {  width: 30%;}
  .___tinsta > div > ._tit > ._inner_r {  width: 60%;}}
@media screen and (max-width: 767px) {.___tinsta > div > ._tit > ._inner_r {  margin-top: 20px;}}
.___trecruit {width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  background-color: #E9F8FF;
  position: relative;}
@media (max-width: 1250px) {.___trecruit {  flex-flow: column;}}
.___trecruit:before {content: "";
  width: 100%;
  height: 11px;
  background: url("../img/material/border_1.png") no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;}
.___trecruit:before {bottom: 100%;}
.___trecruit > picture {width: 50%;}
.___trecruit > picture > img {width: 100%;
  max-width: 902px;
  height: 100%;
  object-fit: cover;}
@media (max-width: 1250px) {.___trecruit > picture {  width: 100%;
    max-width: 902px;}}
.___trecruit > div {width: 50%;
  max-width: 740px;
  padding: 2em 1em 2em 2em;}
@media (max-width: 1250px) {.___trecruit > div {  width: 93%;
    max-width: 902px;
    padding: 0 0 1.25em;}}
.___trecruit > div > ._tit > span {display: inline-block;
  padding: 0 1em;
  background-color: #3C4E98;
  color: #fff;}
@media screen and (max-width: 1250px) {.___trecruit > div > ._tit > span {  position: absolute;
    top: 0;}}
@media screen and (max-width: 902px) {.___trecruit > div > ._tit > span {  left: 0;}}
.___trecruit > div > ._tit > picture {display: flex;
  align-items: center;
  grid-column-gap: 50px;
  margin-left: -10px;}
.___trecruit > div > ._tit > picture > img + img {width: 72px;
  border-radius: 5px;}
@media screen and (max-width: 650px) {.___trecruit > div > ._tit > picture {  grid-column-gap: initial;
    margin-left: 0;
    justify-content: center;}
  .___trecruit > div > ._tit > picture > img {  width: 80%;}
  .___trecruit > div > ._tit > picture > img + img {  width: 15%;}}
.___trecruit > div > ._inner {display: flex;
  justify-content: space-between;
  grid-column-gap: 30px;
  max-width: 740px;
  align-items: center;}
@media screen and (max-width: 650px) {.___trecruit > div > ._inner {  flex-flow: column;
    grid-row-gap: 30px;
    text-align: center;}}
@media screen and (max-width: 650px) {.___trecruit > div > ._inner > ._l {  width: 100%;}}
.___trecruit > div > ._inner > ._l > ._tit {color: #565656;
  font-weight: 500;}
.___trecruit > div > ._inner > ._l > ._tit strong {display: block;
  font-size: clamp(19px, 2.4vw, 24px);
  color: #444;}
.___trecruit > div > ._inner > ._l .___link_1 {min-width: 315px;}
@media screen and (max-width: 650px) {.___trecruit > div > ._inner > ._l .___link_1 {  min-width: inherit;}
  .___trecruit > div > ._inner > ._l .___link_1 > a {  max-width: 304px;}}
.___h-title_1 {width: 100%;}
@media screen and (min-width: 1251px) {.___h-title_1 {  text-align: right;
    max-width: 385px;}}
.___h-title_1 > h2 {font-family: "Zen Old Mincho", serif;
  font-size: clamp(28px, 3.5vw, 35px);
  border-bottom: solid 1px #707070;}
.___h-title_1 > strong {font-family: "Zen Old Mincho", serif;
  font-size: clamp(17px, 1.9vw, 19px);
  font-weight: 500;}
.___h-title_1._w {color: #fff;}
.___h-title_2 {border-bottom: solid 1px #707070;
  padding: 0.5em 0;}
.___h-title_2 > h3 {font-family: "Zen Old Mincho", serif;
  font-size: clamp(23px, 3.2vw, 32px);
  font-weight: 500;
  line-height: 1.4;}
.___h-title_2._ht1 > h3 {font-size: clamp(21px, 2.8vw, 28px);}
.___h-title_3 > h3 {width: 93%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(22px, 2.4vw, 24px);
  font-weight: 500;
  border-radius: 50px;
  position: relative;
  padding: 0.4em 1.5em 0.5em 45px;
  line-height: 1.5;}
.___h-title_3 > h3:before {content: "";
  width: 25px;
  height: 25px;
  background-color: #343434;
  border: solid 1px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0.3em;
  top: 0;
  bottom: 0;
  margin: auto 0;}
.___midashi_1 {color: #3C4E98;
  font-size: clamp(19px, 2.3vw, 23px);
  font-weight: 500;
  line-height: 1.7;}
.___midashi_1._mi1_1 {color: #343434;}
.___midashi_2 {text-align: center;
  border: solid 2px #15AEBF;
  border-radius: 10px;
  padding: 0.5em;
  line-height: 1.5;
  font-size: clamp(19px, 2.3vw, 23px);
  color: #15AEBF;
  font-weight: 500;}
.___midashi_3 {display: inline-block;
  font-size: clamp(18px, 2.1vw, 21px);
  font-weight: 500;
  border-radius: 50px;
  background-color: #FFDD7E;
  color: #454545;
  position: relative;
  padding: 0.5em 1.5em 0.5em 50px;
  line-height: 1.3;}
.___midashi_3:before {content: "";
  width: 26px;
  height: 26px;
  background-color: #EBA743;
  border: solid 1px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0.3em;
  top: 0;
  bottom: 0;
  margin: auto 0;}
.___midashi_3._mi3_1 {display: block;
  line-height: 1.3;}
.___midashi_3._mi3_2 {background-color: #E9F1FF;
  color: #3C4E98;}
.___midashi_3._mi3_2:before {background-color: #3C4E98;}
.___midashi_3._mi3_3 {font-size: clamp(16px, 1.7vw, 17px);}
.___midashi_4 {font-size: clamp(17px, 1.9vw, 19px);
  font-weight: 500;}
.___link_1 {display: flex;
  flex-flow: column;
  align-items: center;}
.___link_1 > a {width: 100%;
  max-width: 315px;
  padding: 1em 1em;
  background-color: rgba(255, 255, 255, 0.75);
  border: solid 1px rgba(112, 112, 112, 0.75);
  border-radius: 5px;
  text-decoration: none;
  color: #343434;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column-gap: 1.5em;}
.___link_1 > a:after {content: "";
  display: block;
  background-image: url("../img/material/icon-arrow_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 15px;}
.___link_1._li1 {align-items: flex-start;}
.___link_1._ipdf > a:after {background-image: url("../img/material/icon-pdf.png");
  width: 24px;
  height: 20px;}
.___link_1._li1._ad1 {flex-flow:wrap;grid-column-gap: 1em;
  grid-row-gap: 0.5em;}
.___link_2 {display: flex;
  align-items: center;
  grid-column-gap: 30px;}
.___link_2 > a {color: #3C4E98;}
.___link_2 > span {color: #6E6E6E;
  font-size: 90%;
  font-weight: 500;}
.___link_2._l2_1 > a {display: flex;
  align-items: flex-start;
  grid-column-gap: 8px;}
.___link_2._l2_1 > a:after {content: "";
  background-image: url("../img/material/icon-link.png");
  background-repeat: no-repeat;
  width: 12px;
  height: 9px;
  display: block;
  transform: translate(0, 5px);}
.___link_2._l2_2 > a {display: flex;
  align-items: center;
  grid-column-gap: 15px;
  padding: 2px 0;}
.___link_2._l2_2 > a:after {content: "";
  background-image: url("../img/material/icon-pdf.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: block;}
.___newslist > ul > li {border-bottom: solid 1px #707070;}
.___newslist > ul > li > a {display: flex;
  align-items: center;
  padding: 1em 0;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  position: relative;}
@media screen and (max-width: 767px) {.___newslist > ul > li > a {  flex-wrap: wrap;
    grid-column-gap: 15px;}}
.___newslist > ul > li > a:after {content: "";
  width: 0;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  transition: 0.3s;}
.___newslist > ul > li > a:hover:after {width: 100%;}
.___newslist > ul > li > a > span {width: 160px;
  font-size: 85%;
  font-weight: 500;}
@media screen and (max-width: 767px) {.___newslist > ul > li > a > span {  width: inherit;}}
.___newslist > ul > li > a > strong {width: 120px;
  font-weight: 500;
  font-size: 13px;
  background-color: #757575;
  border-radius: 5px;
  text-align: center;}
@media screen and (min-width: 768px) {.___newslist > ul > li > a > p {  padding-left: 65px;
    width: calc(100% - 280px);}}
@media screen and (max-width: 767px) {.___newslist > ul > li > a > p {  width: 100%;
    padding: 1.25em 0.2em 0.25em;
    text-decoration: underline;}}
.___newslist._nl_1 > ul > li {border-bottom-color: #ccc;}
.___newslist._nl_1 > ul > li > a:after {background-color: #3C4E98;}
.___newslist._nl_1 > ul > li > a span {color: #676767;}
.___newslist._nl_1 > ul > li > a strong {background-color: #3C4E98;}
.___newslist._nl_1 > ul > li > a p {color: #343434;}
.wp-pagenavi {margin-top: 3em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-column-gap: 0.5%;
  padding-top: 2em;}
.wp-pagenavi > * {display: flex;
  border: solid 1px #3C4E98;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 42px;
  font-weight: 600;
  border-radius: 3px;
  color: #3C4E98;}
.wp-pagenavi > a {background-color: #3C4E98;
  color: #fff;
  text-decoration: none;}
.___blogdetail > ._bcat {display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column-gap: 5px;
  grid-row-gap: 5px;}
.___blogdetail > ._bcat > * {background-color: #3C4E98;
  color: #fff;
  border-radius: 5px;
  line-height: 1.2;
  padding: 0.2em 1em;
  font-size: clamp(13px, 1.75vw, 15px);
  white-space: nowrap;}
.___blogdetail > ._bdet p {margin: 1em 0;}
.___blogdetail > ._bmovie {width: 100%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: min(49.375vw, 315px);}
.___blogdetail > ._bmovie > iframe {position: absolute;
  width: 100%;
  height: 100%;}
.___blogdetail > ._bimg {display: flex;
  justify-content: center;}
.___blogdetail > ._bgallery {display: flex;
  flex-wrap: wrap;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items:center;}
.___blogdetail > ._bgallery p {display: block;
  width: calc(50% - 5px);}
@media(max-width:600px){
	.___blogdetail > ._bgallery p {
	  width: 100%;
	}}
.___blogdetail > ._bgallery picture {display: block;
  width:100%;}
.___blogdetail > ._bgallery picture img {border-radius: 5px;
  border: solid 1px #fff;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.16);
  width:auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  margin:auto;}
.___blogdetail > ._bgallery span {
	display:block;
	text-align:center;
	font-size:90%;
	line-height:1.5;
	margin-top:0.75em;
	padding-bottom:1em;}
.___pn {display: flex;
  justify-content: center;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;}
.___pn > p {
}
.___pn > p a {width: 100%;
  height: 100%;
  line-height: 1.5;
  color: #565656;
  text-decoration: none;
  padding: 0.5em 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column-gap: 15px;
  border: solid 1px #ccc;
  border-radius: 5px;
  background-color: #f8f8f8;
  font-size: 85%;}
@media (max-width: 650px) {.___pn > p a {  padding: 0.5em 0.75em;
    grid-column-gap: 10px;}}
@media (max-width: 980px) {.___pn > p._list {  order: 3;}}
.___pn > p._list a:before {content: "";
  background-image: url("../img/material/icon-blist.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 10px;
  display: inline-block;
  font-size: 95%;
  font-weight: 500;
  color: #676767;}
@media (max-width: 980px) {.___pn > p._next {  order: 1;
    width: calc(50% - 5px);}}
.___pn > p._next a:before {content: "";
  background-image: url("../img/material/icon-arrow_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 7px;
  min-width: 7px;
  height: 10px;
  display: inline-block;
  transform: rotate(180deg) translate(0, -1px);}
@media (max-width: 980px) {.___pn > p._prev {  order: 2;
    width: calc(50% - 5px);}}
.___pn > p._prev a:after {content: "";
  background-image: url("../img/material/icon-arrow_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 7px;
  min-width: 7px;
  height: 10px;
  display: inline-block;
  transform: translate(0, 1px);}
.___secb {width: 100%;}
.___secb._bgc1 {background-color: #E9F1FF;
  padding-top: clamp(40px, 6vw, 60px);
  padding-bottom: clamp(50px, 8vw, 80px);}
.___secb._bgc2 {background-image: url("../img/material/bg-img_o.png");
  background-repeat: no-repeat;
  background-position: center;
  padding-top: clamp(30px, 4vw, 40px);
  padding-bottom: clamp(30px, 4vw, 40px);}
@media (min-width: 1921px) {.___secb._bgc2 {  background-size: 100% auto;}}
@media (max-width: 1920px) {.___secb._bgc2 {  background-size: auto;}}
.___secb._bt1 {border-top: solid 1px #ccc;
  padding-top: 2em;}
.___secb > div {margin-left: auto;
  margin-right: auto;
  width: 90%;}
.___secb > div._w0 {max-width: 1500px;}
.___secb > div._w1 {max-width: 1100px;}
.___secb > div._w2 {max-width: 900px;}
.___secb > div._w3 {max-width: 840px;}
.___secb._bgc3 > div {width: 100%;}
.___flexbox_1 {display: flex;
  justify-content: space-between;
  flex-wrap: wrap;}
.___flexbox_1 > ._l1 {width: 55%;}
@media (max-width: 980px) {.___flexbox_1 > ._l1 {  width: 100%;
    order: 1;}}
.___flexbox_1 > ._l2 {width: 60%;}
@media (max-width: 980px) {.___flexbox_1 > ._l2 {  width: 100%;}}
@media (min-width: 981px) {.___flexbox_1 > ._r1 {  width: 40%;}
  .___flexbox_1 > ._r1._v1 {  display: flex;
    align-items: center;
    justify-content: center;}}
@media (max-width: 980px) {.___flexbox_1 > ._r1 {  margin-top: clamp(35px, 5vw, 50px);
    margin-left: auto;
    margin-right: auto;
    order: 2;}}
.___flexbox_2 {display: flex;
  flex-wrap: wrap;
  grid-column-gap: 30px;
  grid-row-gap: 30px;}
.___flexbox_2 > li {background-color: #15AEBF;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: column;
  position: relative;
  min-height: 177px;}
@media (min-width: 981px) {.___flexbox_2 > li {  flex: 1;}}
@media (max-width: 980px) {.___flexbox_2 > li {  flex: auto;
    width: calc(50% - 30px);}}
@media (max-width: 500px) {.___flexbox_2 > li {  width: 100%;}}
.___flexbox_2 > li:after {content: "";
  width: 16px;
  height: 100%;
  background: url("../img/material/icon-arrow_4.png") no-repeat;
  background-position: center;
  background-size: 100% auto;
  display: block;
  position: absolute;
  left: calc(100% + 8px);
  top: 0;}
@media (min-width: 981px) {.___flexbox_2 > li:last-child:after {  display: none;}}
@media screen and (max-width: 980px) and (min-width: 501px) {.___flexbox_2 > li:nth-child(even):after {  display: none;}}
@media (max-width: 500px) {.___flexbox_2 > li:after {  top: calc(100% + 8px);
    left: 0;
    width: 100%;
    height: 16px;
    background: url("../img/material/icon-arrow_4-2.png") no-repeat;
    background-position: center;}
  .___flexbox_2 > li:last-child:after {  display: none;}}
.___flexbox_2 > li > p {color: #fff;
  font-size: 20px;
  font-weight: 500;
  padding: 1em;}
.___flexbox_2 > li > span {text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 16px;
  transform: translate(0, -2.5em);}
.___flexbox_2 > li > img {border-radius: 0 0 18px 18px;}
.___flexbox_3 {display: flex;
  flex-flow: column;
  grid-row-gap: 30px;}
.___flexbox_3 > li {display: flex;}
@media (min-width: 768px) {.___flexbox_3 > li {  justify-content: space-between;}}
@media (max-width: 767px) {.___flexbox_3 > li {  flex-flow: column;
    align-items: center;
    grid-row-gap: 8px;}}
.___flexbox_3 > li > picture > img {border: solid 3px #fff;
  box-shadow: 3px 3px 4px -1px rgba(0, 0, 0, 0.16);}
@media (min-width: 768px) {.___flexbox_3 > li > div {  width: calc(100% - 370px);}}
@media (max-width: 767px) {.___flexbox_3 > li > div {  width: 100%;
    max-width: 300px;}}
.___flexbox_3 > li > div > h4 {font-size: clamp(25px, 3vw, 30px);
  font-weight: 500;
  color: #1D94A1;
  line-height: 2;}
.___flexbox_3 > li > div > strong {display: inline-block;
  color: #fff;
  background-color: #1D94A1;
  border-radius: 30px;
  font-size: clamp(16px, 1.9vw, 19px);
  line-height: 1;
  font-weight: 500;
  padding: 0.5em 1em;}
@media (max-width: 767px) {.___flexbox_3._fb3_1 > li {  grid-row-gap: 15px;}}
.___flexbox_3._fb3_1 > li > picture {max-width: 310px;}
.___flexbox_3._fb3_1 > li > picture > p {font-size: 90%;
  line-height: 1.5;
  color: #3C4E98;
  font-weight: 500;}
.___flexbox_3._fb3_2 {grid-row-gap: 50px;}
@media (max-width: 767px) {.___flexbox_3._fb3_2 > li {  flex-flow: row;
    align-items: flex-start;
    justify-content: space-between;}}
@media (max-width: 575px) {.___flexbox_3._fb3_2 > li > picture {  width: 30%;}
  .___flexbox_3._fb3_2 > li > picture > img {  border-width: 1px;}}
.___flexbox_3._fb3_2 > li > div {width: calc(100% - 200px);
  max-width: 100% !important;}
@media (max-width: 575px) {.___flexbox_3._fb3_2 > li > div {  width: 65%;}}
.___flexbox_3._fb3_2 > li > div > h4 {color: #343434;
  font-size: clamp(19px, 2.1vw, 21px);}
.___flexbox_3._fb3_2 > li > div > strong {font-size: 14px;}
.___flexbox_3._fb3_2 > li > div > p {font-size: 95%;
  max-width: 600px;
  line-height: 1.6;}
.___flexbox_4 {display: flex;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;}
@media (max-width: 640px) {.___flexbox_4 {  flex-flow: column;
    align-items: center;}}
@media (min-width: 781px) {.___flexbox_4 > li {  flex: 1;}}
@media (max-width: 640px) {.___flexbox_4 > li {  width: 100%;
    max-width: 270px;}}
.___flexbox_4 > li > picture {box-shadow: 3px 3px 4px -1px rgba(0, 0, 0, 0.16);
  display: block;}
.___flexbox_4 > li > picture > img {border: solid 3px #fff;}
.___flexbox_5 {display: flex;
  flex-wrap: wrap;
  max-width: 725px;
  grid-column-gap: 15px;
  grid-row-gap: 15px;}
.___flexbox_5 > li {width: calc(50% - 10px);
  border-radius: 5px;
  position: relative;
  padding: 1.5em 1.75em;
  color: #fff;
  display: flex;
  flex-flow: column;
  grid-row-gap: 1em;}
@media (max-width: 650px) {.___flexbox_5 > li {  width: 100%;}}
.___flexbox_5 > li:after {content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: solid 2px #fff;
  pointer-events: none;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 5px;}
.___flexbox_5 > li._o {background-color: #FEAC08;}
.___flexbox_5 > li._g {background-color: #97C932;}
.___flexbox_5 > li._b {background-color: #489DD4;}
.___flexbox_5 > li._r {background-color: #FE783B;}
.___flexbox_5 > li > div {display: flex;
  align-items: center;
  grid-column-gap: 1em;}
.___flexbox_5 > li > div > span {font-size: clamp(22px, 2.6vw, 26px);
  font-weight: 500;}
@media (max-width: 767px) {.___flexbox_5 > li > div > picture {  width: 30px;}}
@media (max-width: 650px) {.___flexbox_5 > li > div > picture {  width: 25px;}}
.___flexbox_5 > li > p {line-height: 1.7;
  font-weight: 500;}
.___flexbox_6 {display: flex;
  grid-column-gap: 40px;}
@media (max-width: 650px) {.___flexbox_6 {  flex-flow: column;
    grid-row-gap: 40px;}}
.___flexbox_6 > li {background-color: #FFDD7E;
  border-radius: 30px;
  position: relative;}
.___flexbox_6 > li:before {content: "";
  width: 26px;
  height: 26px;
  background-color: #EBA743;
  border: solid 1px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  display: block;
  position: absolute;}
@media (min-width: 651px) {.___flexbox_6 > li:before {  left: 0;
    right: 0;
    top: 0.3em;
    margin: 0 auto;}}
@media (max-width: 650px) {.___flexbox_6 > li:before {  left: 0.3em;
    top: 0;
    bottom: 0;
    margin: auto 0;}}
.___flexbox_6 > li:not(:last-child):after {content: "";
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: block;}
@media (min-width: 651px) {.___flexbox_6 > li:not(:last-child):after {  width: 40px;
    height: 100%;
    top: 0;
    left: 100%;
    background-image: url("../img/material/icon-arrow_5.png");}}
@media (max-width: 650px) {.___flexbox_6 > li:not(:last-child):after {  width: 100%;
    height: 40px;
    top: 100%;
    left: 0;
    background-image: url("../img/material/icon-arrow_5-2.png");}}
.___flexbox_6 > li > p {text-align: center;
  line-height: 1.3;
  font-size: clamp(18px, 2.1vw, 21px);
  font-weight: 600;
  color: #454545;
  letter-spacing: 0.3em;}
@media (min-width: 651px) {.___flexbox_6 > li > p {  writing-mode: vertical-lr;
    padding: 43px 0.5em 3em 0.5em;}}
@media (max-width: 650px) {.___flexbox_6 > li > p {  padding: 0.5em 1.5em 0.5em 50px;}}
.___flexbox_7 {display: flex;
  flex-wrap: wrap;
  grid-column-gap: 25px;
  grid-row-gap: 30px;}
@media (min-width: 981px) {.___flexbox_7 > li {  width: calc((100% / 3) - 17px);}}
@media (max-width: 980px) {.___flexbox_7 > li {  width: calc((100% / 2) - 17px);}}
@media (max-width: 767px) {.___flexbox_7 > li {  width: 100%;}}
@media (max-width: 767px) and (min-width: 501px) {.___flexbox_7 > li {  display: flex;
    justify-content: space-between;}}
@media (max-width: 767px) and (min-width: 501px) {.___flexbox_7 > li > picture {  width: 30%;}}
.___flexbox_7 > li > picture > img {border-radius: 20px;
  border: solid 1px #fff;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.16);}
.___flexbox_7 > li > div {padding: 0 0.75em;}
@media (min-width: 768px) {.___flexbox_7 > li > div {  margin-top: 0.75em;}}
@media (max-width: 767px) and (min-width: 501px) {.___flexbox_7 > li > div {  width: 65%;}}
@media (max-width: 500px) {.___flexbox_7 > li > div {  margin-top: 1em;}}
.___flexbox_7 > li > div > h4 {font-size: clamp(18px, 2.1vw, 21px);
  color: #3C4E98;
  font-weight: 600;}
@media (max-width:500px){.___flexbox_7 > li > div > h4 {  font-size: min(7vw,25px);}}
.___flexbox_7 > li > div > ul {margin-top: 0.25em;
  max-width: 300px;}
.___flexbox_7 > li > div > ul > li {font-size: clamp(14px, 1.5px, 15px);
  padding: 0.25em 0 0.25em 1.2em;
  position: relative;}
.___flexbox_7 > li > div > ul > li:before {content: "";
  width: 6px;
  height: 6px;
  background-color: #343434;
  display: block;
  position: absolute;
  left: 0;
  top: 1em;
  border-radius: 50%;}
.___obox_1 {position: relative;
  display: flex;
  grid-column-gap: 17px;}
@media (min-width: 768px) {.___obox_1 {  align-items: center;}}
@media (max-width: 767px) {.___obox_1 {  border-radius: 20px;
    border: solid 6px #FFDD7E;
    background: url("../img/material/img-bg_2.png") no-repeat;
    background-position: right 1em bottom 1em;
    background-size: 90px;
    padding: 1em 0.75em 0 0.5em;}}
@media (min-width: 768px) {.___obox_1 > picture {  position: absolute;
    left: 0;}}
@media (max-width: 767px) {.___obox_1 > picture {  min-width: 90px;
    max-width: 126px;}}
@media (min-width: 768px) {.___obox_1 > div {  background: url("../img/material/img-bg_2.png") no-repeat;
    background-position: right 20px center;
    border-radius: 20px;
    border: solid 6px #FFDD7E;
    padding: 1.25em 173px 1.25em 175px;
    margin-left: 50px;}}
@media (min-width: 768px) {.___obox_1 > div > p {  max-width: 235px;}}
@media (max-width: 767px) {.___obox_1 > div > p {  padding-bottom: 85px;}}
.___obox_2 {position: relative;
  border-radius: 20px;
  border: solid 6px #FFDD7E;
  background: #fff url("../img/material/img-bg_2.png") no-repeat;}
@media (min-width: 768px) {.___obox_2 {  background-position: right 1em center;
    padding: 1.5em 160px 1.5em 2.5em;}}
@media (max-width: 767px) {.___obox_2 {  background-position: right 1em bottom 1em;
    background-size: 90px;
    padding: 1.5em 1.5em 75px;}}
.___obox_2 > div > strong {font-size: 120%;
  color: #D45311;}
.___tarea_1 {border: solid 1px #919191;
  border-radius: 20px;
  padding: 1.5em 1.5em 2em;}
.___tarea_1 > * {max-width: 700px;
  margin-left: auto;
  margin-right: auto;}
.___tarea_1 h4 {text-align: center;
  font-weight: 600;}
@media (max-width: 600px) {.___tarea_1 h4 {  max-width: 12em;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 1.2em;}}
.___tarea_1 p {font-size: 14.75px;
  line-height: 1.6;}
.___tarea_2 {display: flex;
  flex-wrap: wrap;
  grid-column-gap: 30px;
  grid-row-gap: 50px;}
@media (max-width: 980px) {.___tarea_2 {  grid-row-gap: 30px;}}
@media (min-width: 981px) {.___tarea_2 > div {  width: calc(50% - 15px);}}
@media (max-width: 980px) {.___tarea_2 > div {  width: 100%;}}
.___tarea_3 {border: solid 1px #B5B5B5;}
.___tarea_3 > p {background-color: #E9F1FF;
  font-weight: 600;
  padding: 0.75em 1.5em;}
.___tarea_3 > div {border-top: solid 1px #B5B5B5;
  padding: 0.75em 1.5em;}
.___tb_1 > table {margin-top: 0.2em;
  width: 100%;
  max-width: 900px;}
.___tb_1 > table th {background-color: #E9F1FF;
  border: solid 1px #B5B5B5;
  font-weight: 400;
  padding: 1em 1.5em;}
.___tb_1 > table td {border: solid 1px #B5B5B5;
  padding: 1em 1.5em;}
@media (min-width: 651px) {.___tb_1._tb1 th {  width: 167px;}
  .___tb_1._tb1 td {  width: calc(100% - 167px);}}
@media (max-width: 650px) {.___tb_1._tb1 th {  width: 100px;
    padding: 1em;}
  .___tb_1._tb1 td {  width: calc(100% - 100px);
    padding: 1em;}}
@media (min-width: 651px) {.___tb_1._tb2 th {  width: 250px;}
  .___tb_1._tb2 td {  width: calc(100% - 250px);}}
@media (max-width: 650px) {.___tb_1._tb2 * {  display: block;
    width: 100%;}
  .___tb_1._tb2 > table {  display: block;
    border-top: solid 1px #B5B5B5;}
  .___tb_1._tb2 th {  border-bottom-width: 0;
    border-top-width: 0;}}
.___tb_1._tb3 {font-size: 14px;}
@media (max-width: 650px) {.___tb_1._tb3 {  font-size: 13px;}}
.___list_1 {display: flex;
  flex-flow: column;
  grid-row-gap: 5px;}
.___list_1 > li {display: inline-block;
  max-width: 15em;}
.___list_1 > li > a {width: 100%;
  background-color: #E9F1FF;
  border: solid 1px #CBCBCB;
  display: inline-block;
  text-align: center;
  color: #343434;
  text-decoration: none;}
.___txt_1 {text-align: center;
  color: #3C4E98;
  font-size: 90%;
  font-weight: 600;}
.___txt_2 {text-align: center;}
.___txt_3 {text-align: center;
  line-height: 1;
  padding: 0.5em 1em;
  border-radius: 50px;
  font-weight: 500;
  font-size: 105%;}
.___txt_3._t3p {background-color: #EF5EEA;
  color: #fff;}
.___txt_3._t3g {background-color: #37BE7A;
  color: #fff;}
.___txt_3._t3b {background-color: #5E7BEF;
  color: #fff;}
.___img_1 {display: inline-block;}
.___img_1 > img {border-radius: 20px;
  border: solid 1px #fff;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.16);}
.___img_2 {display: block;}
@media (min-width: 768px) {.___img_2 > img {  border-radius: 20px;}}
@media (max-width: 767px) {.___img_2 > img {  border-radius: 10px;}}
.___img_3 {max-width: 740px;}
.___movie_1 video {max-width: 100%;}
.___col._b {color: #3C4E98;}
.___cform_1 ._cf1 {display: flex;
  border: solid 1px #B5B5B5;
  border-top-width: 0;}
@media (max-width: 767px) {.___cform_1 ._cf1 {  flex-flow: column;}}
.___cform_1 ._cf1._bt {border-top-width: 1px;}
.___cform_1 ._cf1 > ._c1h {background-color: #E9F1FF;
  width: 320px;
  padding: 1em 1.5em;}
@media (max-width: 900px) {.___cform_1 ._cf1 > ._c1h {  width: 40%;}}
@media (max-width: 767px) {.___cform_1 ._cf1 > ._c1h {  width: 100%;
    padding: 0.5em 1em;}}
.___cform_1 ._cf1 > ._c1d {width: calc(100% - 320px);
  border-left: solid 1px #B5B5B5;
  padding: 1em 1.5em;}
@media (max-width: 900px) {.___cform_1 ._cf1 > ._c1d {  width: 60%;}}
@media (max-width: 767px) {.___cform_1 ._cf1 > ._c1d {  width: 100%;
    border-left-width: 0;
    border-top: solid 1px #B5B5B5;
    padding: 1em 1em 1.25em;}}
.___cform_1 ._cf1 select,
.___cform_1 ._cf1 input {width: min(565px, 100%);
  border: solid 1px #777777;
  border-radius: 5px;
  padding: 0.1em 0.5em;}
@media (max-width: 767px) {.___cform_1 ._cf1 select,
  .___cform_1 ._cf1 input {  padding: 0.5em;}}
.___cform_1 ._cf1 textarea {width: 100%;
  max-width: 100%;
  border: solid 1px #777777;
  border-radius: 5px;
  padding: 0.1em 0.5em;
  min-height: 275px;}
@media (max-width: 767px) {.___cform_1 ._cf1 textarea {  min-height: 150px;}}
.___cform_1 ._cf1 ._sel {position: relative;
  width: min(565px, 100%);}
.___cform_1 ._cf1 ._sel:after {content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 7px solid #454545;
  border-bottom: 0;
  position: absolute;
  right: 15px;
  top: 1em;}
.___cform_1 ._cf1 ._txt1 {margin-top: 0.2em;}
.___cform_1 ._hissu {position: relative;}
.___cform_1 ._hissu > label:after {content: "［必須］";
  position: absolute;
  right: 1em;
  font-size: 14px;
  font-weight: 800;
  color: #5376B4;
  transform: translate(0, 2px);}
.___cform_1 ._cf2 {text-align: center;
  font-size: 105%;}
.___cform_1 ._cf2 a {color: #3C4E98;
  font-weight: 500;}
.___cform_1 ._cfsubmit {display: flex;
  flex-flow: column;
  align-items: center;
  grid-row-gap: 5px;}
.___cform_1 ._cfsubmit input[type="submit"] {background-color: #3C4E98;
  border-radius: 5px;
  padding: 1.1em 0;
  text-align: center;
  width: 100%;
  max-width: 315px;
  color: #fff;
  font-weight: 500;
  font-size: 105%;}
.___cstaff_1 {display: flex;
  flex-flow: column;
  grid-row-gap: clamp(20px, 3vw, 30px);}
.___cstaff_1 > div {border: solid 1px #E3C18E;
  display: flex;}
@media (min-width: 981px) {.___cstaff_1 > div {  justify-content: space-between;
    grid-column-gap: 50px;
    padding: 2em 3em;}}
@media (max-width: 980px) {.___cstaff_1 > div {  flex-flow: column;
    grid-row-gap: 15px;
    padding: 1em 1em;}}
.___cstaff_1 > div > ._t1 {flex: auto;
  min-width: 50%;}
.___cstaff_1 > div > ._t1 > h3 {font-size: clamp(18px, 2vw, 20px);
  font-weight: 500;
  border-bottom: solid 2px #EBA743;
  padding: 0.3em 0 0.3em 2em;
  position: relative;
  line-height: 1.5;}
@media (max-width: 600px) {.___cstaff_1 > div > ._t1 > h3 {  font-size: 17px;
    padding-left: 1.5em;}}
.___cstaff_1 > div > ._t1 > h3:before {content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 0.45em;
  background-color: #EBA743;}
@media (max-width: 600px) {.___cstaff_1 > div > ._t1 > h3:before {  width: 15px;
    height: 15px;
    top: 0.65em;}}
.___cstaff_1 > div > ._t1 > div {font-size: 95%;}
.___cstaff_1 > div > ._t1 > div p {margin: 1em 0;}
.___cstaff_1 > div > ._t1 > div ._faq > dt {color: #546974;
  display: inline-block;
  border-bottom: solid 1px #546974;
  padding: 0.2em 0 0;}
.___cstaff_1 > div > ._t1 > div ._faq > dt:before {content: "Q";
  font-weight: 800;
  padding-right: 0.5em;
  line-height: 1;
  font-size: 120%;}
.___cstaff_1 > div > ._t1 > div ._faq > dd {display: block;
  padding: 0.5em 0 1em 1em;}
@media (max-width: 600px) {.___cstaff_1 > div > ._t1 > div ._faq > dd {  padding-left: 0;}}
.___cstaff_1 > div > ._i1 {display: flex;
  flex-wrap: wrap;
  grid-column-gap: 10px;
  grid-row-gap: 10px;}
@media (min-width: 981px) {.___cstaff_1 > div > ._i1 {  margin-top:2.2em;}
  .___cstaff_1 > div > ._i1 picture {  display: flex;
    align-items: center;}
  .___cstaff_1 > div > ._i1 picture > img {  width: 100%;
    height: auto;
    object-fit: cover;}
  .___cstaff_1 > div > ._i1._ls {  min-width: 400px;
    width: 400px;
    align-items:flex-start;}
  .___cstaff_1 > div > ._i1._ls > picture {  width: calc(50% - 5px);
    max-width: 195px;}
  .___cstaff_1 > div > ._i1._lw {  min-width: 260px;
    width: 260px;
    flex-flow: column;}
  .___cstaff_1 > div > ._i1._lw > picture {  max-width: 260px;}}
@media (max-width: 980px) {.___cstaff_1 > div > ._i1 picture {  max-width: calc(33% - 5px);}}
@media (max-width: 600px) {.___cstaff_1 > div > ._i1 picture {  max-width: calc(50% - 5px);}}
.___cmovie_1 {display: flex;
  flex-wrap: wrap;
  grid-column-gap: 30px;
  grid-row-gap: 50px;}
@media (max-width: 767px) {.___cmovie_1 {  grid-column-gap: 10px;
    grid-row-gap: 30px;}}
.___cmovie_1 > div {display: flex;
  flex-flow: column;
  align-items: center;
  grid-row-gap: 5px;}
@media (min-width: 1451px) {.___cmovie_1 > div {  width: calc(25% - 23px);}}
@media (max-width: 1450px) {.___cmovie_1 > div {  width: calc(33.333% - 20px);}}
@media (max-width: 767px) {.___cmovie_1 > div {  width: calc(50% - 5px);}}
.___cmovie_1 > div > ._cmf {width: 100%;
  position: relative;}
@media (min-width: 1451px) {.___cmovie_1 > div > ._cmf {  padding-bottom: min(11.7vw, 195.27px);}}
@media (max-width: 1450px) {.___cmovie_1 > div > ._cmf {  padding-bottom: min(15.7vw, 227.02px);}}
@media (max-width: 767px) {.___cmovie_1 > div > ._cmf {  padding-bottom: min(24.5vw, 187.42px);}}
.___cmovie_1 > div > ._cmf > iframe {width: 100%;
  height: 100%;
  position: absolute;}
.___cmovie_1 > div > ._cmtit {font-size: clamp(14px, 1.6vw, 16px);
  font-weight: 500;
  color: #3C4E98;
  text-align: center;
  line-height: 1.3;}
.___blog-list_1 {position: relative;
  border-top: solid 1px #C2C2C2;}
.___blog-list_1 > ul {width: 90%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  padding: 1px 0 1.5em;
  display:flex;
  flex-flow: column;
  grid-row-gap: 25px;
  padding-bottom:3em;}
@media (min-width: 981px) {.___blog-list_1 > ul {  border-left: solid 1px #C2C2C2;
    border-right: solid 1px #C2C2C2;}}
@media (max-width: 980px) {.___blog-list_1 > ul {  width: 100%;}}
.___blog-list_1 > ul > li {width: 93%;
  margin-left: auto;
  margin-right: auto;}
.___blog-list_1 > ul > li:first-child{
	margin-top:clamp(35px, 5vw, 50px);}
@media (min-width: 981px) {.___blog-list_1:before, .___blog-list_1:after {  content: "";
    width: calc((100% - 840px) / 2);
    max-width: 492px;
    min-width: 5%;
    height: 100%;
    position: absolute;
    background-repeat: repeat-y;
    background-size: 100% auto;
    top: 0;}
  .___blog-list_1:before {  left: 0;
    background-image: url("../img/material/bg-img_r-l.png");}
  .___blog-list_1:after {  right: 0;
    background-image: url("../img/material/bg-img_r-r.png");}}
.___b-detail_m {font-size: clamp(18px, 1.9vw, 19px);
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.5em 1.25em;
  border-radius: 50px;
  background-color: #3C4E98;}
@media (max-width: 650px) {.___b-detail_m {  border-radius: 10px;}}
.___b-detail_t {font-size: 15px;
  padding-left: 1em;}
.___b-detail_t p {
	margin:1em 0;}
.box_yellow {  background: #FAFFC9;
    padding: 2em;}
.box_blue {  border: 3px solid #0000FF;
    padding: 2em;}
@media(max-width:550px){
	.box_yellow,
	.box_blue {
		padding: 1em;
	}}
#sb_instagram .sbi_follow_btn a{
	background-image:url(../img/material/bg-insta.png)!important;
	background-size:auto!important;
	background-position:center!important;}
#sb_instagram .sbi_follow_btn a:hover{
	opacity:0.8;
	background-image:url(../img/material/bg-insta.png)!important;
	background-size:auto!important;
	background-position:center!important;}
.___policy .___fs90{
	font-size:clamp(14px,1.5vw,15px)!important;}

._a_fbox{display: flex;flex-flow: row wrap;}
._jcc{justify-content: center;}
._gcg01 {grid-column-gap: 1%; }
._gcg02 {grid-column-gap: 2%; }
._gcg03 {grid-column-gap: 3%; }
._gcg04 {grid-column-gap: 4%; }
._gcg05 {grid-column-gap: 5%; }
._gcg06 {grid-column-gap: 6%; }
._gcg07 {grid-column-gap: 7%; }
._gcg08 {grid-column-gap: 8%; }
._gcg09 {grid-column-gap: 9%; }
._gcg010 {grid-column-gap: 10%; }
._w1 {width: 1%;}._w2 {width: 2%;}._w3 {width: 3%;}._w4 {width: 4%;}._w5 {width: 5%;}._w6 {width: 6%;}._w7 {width: 7%;}._w8 {width: 8%;}._w9 {width: 9%;}._w10 {width: 10%;}._w11 {width: 11%;}._w12 {width: 12%;}._w13 {width: 13%;}._w14 {width: 14%;}._w15 {width: 15%;}._w16 {width: 16%;}._w17 {width: 17%;}._w18 {width: 18%;}._w19 {width: 19%;}._w20 {width: 20%;}._w21 {width: 21%;}._w22 {width: 22%;}._w23 {width: 23%;}._w24 {width: 24%;}._w25 {width: 25%;}._w26 {width: 26%;}._w27 {width: 27%;}._w28 {width: 28%;}._w29 {width: 29%;}._w30 {width: 30%;}._w31 {width: 31%;}._w32 {width: 32%;}._w33 {width: 33%;}._w34 {width: 34%;}._w35 {width: 35%;}._w36 {width: 36%;}._w37 {width: 37%;}._w38 {width: 38%;}._w39 {width: 39%;}._w40 {width: 40%;}._w41 {width: 41%;}._w42 {width: 42%;}._w43 {width: 43%;}._w44 {width: 44%;}._w45 {width: 45%;}._w46 {width: 46%;}._w47 {width: 47%;}._w48 {width: 48%;}._w49 {width: 49%;}._w50 {width: 50%;}._w51 {width: 51%;}._w52 {width: 52%;}._w53 {width: 53%;}._w54 {width: 54%;}._w55 {width: 55%;}._w56 {width: 56%;}._w57 {width: 57%;}._w58 {width: 58%;}._w59 {width: 59%;}._w60 {width: 60%;}._w61 {width: 61%;}._w62 {width: 62%;}._w63 {width: 63%;}._w64 {width: 64%;}._w65 {width: 65%;}._w66 {width: 66%;}._w67 {width: 67%;}._w68 {width: 68%;}._w69 {width: 69%;}._w70 {width: 70%;}._w71 {width: 71%;}._w72 {width: 72%;}._w73 {width: 73%;}._w74 {width: 74%;}._w75 {width: 75%;}._w76 {width: 76%;}._w77 {width: 77%;}._w78 {width: 78%;}._w79 {width: 79%;}._w80 {width: 80%;}._w81 {width: 81%;}._w82 {width: 82%;}._w83 {width: 83%;}._w84 {width: 84%;}._w85 {width: 85%;}._w86 {width: 86%;}._w87 {width: 87%;}._w88 {width: 88%;}._w89 {width: 89%;}._w90 {width: 90%;}._w91 {width: 91%;}._w92 {width: 92%;}._w93 {width: 93%;}._w94 {width: 94%;}._w95 {width: 95%;}._w96 {width: 96%;}._w97 {width: 97%;}._w98 {width: 98%;}._w99 {width: 99%;}._w100 {width: 100%; }
picture._photo {box-shadow: 3px 3px 4px -1px rgba(0, 0, 0, 0.16);display: block;width: 100%;height: 100%;aspect-ratio: 6 / 5; }
picture._photo > img {border: solid 3px #fff;object-fit: cover;width: 100%;}
@media screen and (max-width:640px) {
._sp_w1{width: 1%;}._sp_w2{width: 2%;}._sp_w3{width: 3%;}._sp_w4{width: 4%;}._sp_w5{width: 5%;}._sp_w6{width: 6%;}._sp_w7{width: 7%;}._sp_w8{width: 8%;}._sp_w9{width: 9%;}._sp_w10{width: 10%;}._sp_w11{width: 11%;}._sp_w12{width: 12%;}._sp_w13{width: 13%;}._sp_w14{width: 14%;}._sp_w15{width: 15%;}._sp_w16{width: 16%;}._sp_w17{width: 17%;}._sp_w18{width: 18%;}._sp_w19{width: 19%;}._sp_w20{width: 20%;}._sp_w21{width: 21%;}._sp_w22{width: 22%;}._sp_w23{width: 23%;}._sp_w24{width: 24%;}._sp_w25{width: 25%;}._sp_w26{width: 26%;}._sp_w27{width: 27%;}._sp_w28{width: 28%;}._sp_w29{width: 29%;}._sp_w30{width: 30%;}._sp_w31{width: 31%;}._sp_w32{width: 32%;}._sp_w33{width: 33%;}._sp_w34{width: 34%;}._sp_w35{width: 35%;}._sp_w36{width: 36%;}._sp_w37{width: 37%;}._sp_w38{width: 38%;}._sp_w39{width: 39%;}._sp_w40{width: 40%;}._sp_w41{width: 41%;}._sp_w42{width: 42%;}._sp_w43{width: 43%;}._sp_w44{width: 44%;}._sp_w45{width: 45%;}._sp_w46{width: 46%;}._sp_w47{width: 47%;}._sp_w48{width: 48%;}._sp_w49{width: 49%;}._sp_w50{width: 50%;}._sp_w51{width: 51%;}._sp_w52{width: 52%;}._sp_w53{width: 53%;}._sp_w54{width: 54%;}._sp_w55{width: 55%;}._sp_w56{width: 56%;}._sp_w57{width: 57%;}._sp_w58{width: 58%;}._sp_w59{width: 59%;}._sp_w60{width: 60%;}._sp_w61{width: 61%;}._sp_w62{width: 62%;}._sp_w63{width: 63%;}._sp_w64{width: 64%;}._sp_w65{width: 65%;}._sp_w66{width: 66%;}._sp_w67{width: 67%;}._sp_w68{width: 68%;}._sp_w69{width: 69%;}._sp_w70{width: 70%;}._sp_w71{width: 71%;}._sp_w72{width: 72%;}._sp_w73{width: 73%;}._sp_w74{width: 74%;}._sp_w75{width: 75%;}._sp_w76{width: 76%;}._sp_w77{width: 77%;}._sp_w78{width: 78%;}._sp_w79{width: 79%;}._sp_w80{width: 80%;}._sp_w81{width: 81%;}._sp_w82{width: 82%;}._sp_w83{width: 83%;}._sp_w84{width: 84%;}._sp_w85{width: 85%;}._sp_w86{width: 86%;}._sp_w87{width: 87%;}._sp_w88{width: 88%;}._sp_w89{width: 89%;}._sp_w90{width: 90%;}._sp_w91{width: 91%;}._sp_w92{width: 92%;}._sp_w93{width: 93%;}._sp_w94{width: 94%;}._sp_w95{width: 95%;}._sp_w96{width: 96%;}._sp_w97{width: 97%;}._sp_w98{width: 98%;}._sp_w99{width: 99%;}._sp_w100{width: 100%;}
}


.___grtxt{
  display:flex;
  align-items:center;
  position:relative;
}
.___grtxt strong{
  margin-left:auto;
  background-color:#fff;
  padding-left:1em;
  position:relative;
  font-size:22px;
  font-weight:500;
  font-family:"Zen Old Mincho", serif;
}
.___grtxt:before{
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  display:block;
  background-color:#B5B5B5;
}


.___tabbox {
  margin-top: 2em;
}

.tab-list {
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-btween;
}
.tab-list .tab-list-item {
  text-align: center;
  width: calc(50% - 2px);
  background-color:#3C4E98;
  color: #fff;
  margin: 1px 1px 0;
  border: solid 1px rgba(153, 153, 153, 0);
  border-bottom-width: 0;
}
.tab-list .tab-list-item a,
.tab-list .tab-list-item span{
  display:block;
  text-decoration:none;
  width:100%;
  height:100%;
  padding:1em 0;
}
.tab-list .tab-list-item a{
  color:#fff;
}
.tab-list .tab-list-item.active {
  background-color:#E9F1FF;
  color: #212447;
  cursor: inherit;
  border-color: #999999;
}

.tab-contents {
  border: solid 1px #999;
  border-top-width: 0;
  padding: 2em 2em;
  margin: 0 1px;
}
@media (max-width: 650px) {
  .tab-contents {
    padding: 2em 0 2em;
  }
}

.tab-contents-item {
  height: 1px;
  opacity: 0;
  overflow-y: hidden;
}
.tab-contents-item.show {
  height: 100%;
  opacity: 1;
  transition: 1s;
}
.tab-contents-item .___midashi_3 {
  max-width:calc(100% - 0.5em);
  margin-left:0.5em;
  margin-bottom:2em;
}
@media (max-width:650px){
  .tab-contents-item .___midashi_3 {
    font-size:min(4.3vw,18px);
    padding-left:33px;
  }
  .tab-contents-item .___midashi_3:before {
    width:21px;
    height:21px;
  }
}
.___tabbox #booking-package_calendarPage .symbolPanel,
.___tabbox #booking-package_calendarPage .numberInsteadOfSymbols{
  display:block;
  transform: translate(0,-5px);
}

#bottomPanel > button,
#booking-package_inputFormPanel .return_form_button{
  line-height: 1.5;
  color: #565656;
  text-decoration: none;
  padding: 0.5em 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column-gap: 15px;
  border: solid 1px #ccc;
  border-radius: 5px;
  background-color: #f8f8f8;
  font-size: 85%;
}
#booking-package_inputFormPanel .return_form_button{
  width:inherit!important;
}
#bottomPanel > button:before,
#booking-package_inputFormPanel .return_form_button:before{
  content: "";
  background-image: url(../img/material/icon-arrow_1.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 7px;
  min-width: 7px;
  height: 10px;
  display: inline-block;
  transform: rotate(180deg) translate(0, -1px);
}
#booking-package_inputFormPanel .book_now_button, #booking-package_inputFormPanel .next_page_button, #booking-package-subscription_form .book_now_button{
  background-color: #3C4E98;
  border-radius: 5px;
  padding: 1.1em 0;
  text-align: center;
  width: 100%;
  max-width: 315px;
  color: #fff;
  font-weight: 500;
  font-size: 105%;
}
.tab-contents-item .calendarData{
  font-size: clamp(17px, 4.1vw, 24px);
  line-height: 38px;
  font-weight: 600;
  color: #343434;
}
#booking-package_schedulePage .closed{
  pointer-events: none;
}
.___rtab > p{
  margin-top:1em;
  font-weight:400;
  color:#676767;
}
@media(min-width:651px){
  .___rtab > p{
    text-align:center;
  }
  .___rtab > p br{
    display:none;
  }
}
@media(max-width:650px){
  .___rtab > p{
  }
}
.___rtab > p i{
  font-family: "Material Icons" !important;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  line-height: 1;
  position: relative;
  top: 2px;
  padding: 0 0.25em 0 1em;
}
.___rtab > ul{
  margin-top:1.5em;
  width:95%;
  margin-left:auto;
  margin-right:auto;
  color:#3C4E98;
}
.___rtab > ul li{
  position:relative;
  padding-left:1.2em;
  font-size:95%;
}
.___rtab > ul li:before{
  content:"";
  width:9px;
  height:9px;
  display:block;
  position:absolute;
  left:0.2em;
  top:10px;
  border-radius:50%;
  background-color: #3c4e98;
}
.___rtab > ul li span{
  color:#ff0000;
  font-weight:500;
}