@charset "utf-8";
.sp-only {
  display: none !important;
}
body {
  min-width: 1160px;
  max-width: 2320px;
  margin: auto;
}
.inner {
  width: 1000px;
  margin: auto;
}
.pagetop {
  width: 40px;
  position: fixed;
  z-index: 50;
  bottom: -60px;
  right: -580px;
  left: 0;
  margin: auto;
}
.pagetop a {
  display: block;
  height: 40px;
  background: url(../img/pagetop.svg);
  cursor: pointer;
  transition: all 0.4s;
}
.pagetop a:hover {
  opacity: 0.7;
}
body.pagetop--start .pagetop {
  bottom: 40px;
}
/* == parts ============================================== */
.title_center {
  text-align: center;
  margin: 0 0 40px;
}
.title_center span.en {
  display: block;
  color: #d3ddf1;
  line-height: 1;
  width: 700px;
  height: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 150%;
  background: url(../img/single_logo.svg) no-repeat;
  background-size: contain;
  background-position: center;
  margin: auto;
}
.title_center span.jp {
  display: block;
  font-size: 200%;
  font-weight: 700;
  color: #02388f;
  margin: 5px 0 0;
}
.list_tags {
  text-align: center;
  overflow: hidden;
}
.list_tags > li {
  display: inline-block;
  margin: 18px 12px;
}
.list_tags > li a {
  display: block;
  background: #e4e9f3;
  color: #02388f;
  font-size: 93.75%;
  padding: 3px 5px;
  transition: all 0.2s;
}
.list_tags > li a:hover {
  background: #02388f;
  color: #fff;
}
/**/
.list_catBtn {
  display: flex;
  justify-content: space-between;
  margin: 0 50px 60px;
}
.list_catBtn > li {
  width: 18.5%;
  background: #ced8ec;
  height: 160px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
.list_catBtn > li:hover,
.list_catBtn > li.btn--on {
  background-color: #02388f;
}
.list_catBtn > li.btn--on {
  pointer-events: none;
}
.list_catBtn > li span.wrap {
  display: flex;
  padding: 100px 0 0;
  line-height: 1.2;
  height: 2.4em;
  align-items: center;
  background-repeat: no-repeat;
  transition: color 0.2s;
  color: #02388f;
}
.list_catBtn > li:hover span.wrap,
.list_catBtn > li.btn--on span.wrap {
  color: #fff;
}
.list_catBtn > li#cat00 span.wrap {
  background-image: url(../img/cat00.svg);
  background-position: center top 25px;
  background-size: 65px auto;
}
.list_catBtn > li#cat01 span.wrap {
  background-image: url(../img/cat01.svg);
  background-position: center top 26px;
  background-size: 70px auto;
}
.list_catBtn > li#cat02 span.wrap {
  background-image: url(../img/cat02.svg);
  background-position: center top 18px;
  background-size: 104px auto;
}
.list_catBtn > li#cat03 span.wrap {
  background-image: url(../img/cat03.svg);
  background-position: center top 22px;
  background-size: 94px auto;
}
.list_catBtn > li#cat04 span.wrap {
  background-image: url(../img/cat04.svg);
  background-position: center top 20px;
  background-size: 56px auto;
}
.list_catBtn > li#cat00:hover span.wrap,
.list_catBtn > li#cat00.btn--on span.wrap {
  background-image: url("../img/cat00--on.svg");
}
.list_catBtn > li#cat01:hover span.wrap,
.list_catBtn > li#cat01.btn--on span.wrap {
  background-image: url("../img/cat01--on.svg");
  background-size: 70px auto;
}
.list_catBtn > li#cat02:hover span.wrap,
.list_catBtn > li#cat02.btn--on span.wrap {
  background-image: url("../img/cat02--on.svg");
}
.list_catBtn > li#cat03:hover span.wrap,
.list_catBtn > li#cat03.btn--on span.wrap {
  background-image: url("../img/cat03--on.svg");
}
.list_catBtn > li#cat04:hover span.wrap,
.list_catBtn > li#cat04.btn--on span.wrap {
  background-image: url("../img/cat04--on.svg");
}
.list_catBtn > li span > span {
  display: block;
  width: 100%;
  font-size: 131.25%;
  font-weight: 700;
}
/**/
.list_article {
  display: flex;
  flex-wrap: wrap;
}
.list_article > li {
  width: 24.092%;
  margin: 0 4.62066% 40px;
}
.list_article > li .thumbnail {
  position: relative;
  overflow: hidden;
  height: 0;
  padding: 66% 0 0;
  margin: 0 0 5px;
}
.list_article > li .thumbnail::after {
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
}
.list_article > li .thumbnail::before {
  content: "";
  width: 86px;
  height: 30px;
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
  left: 10px;
  top: 10px;
  z-index: 10;
  pointer-events: none;
}
.list_article > li.type--all .thumbnail::before {
  background-image: url("../img/tag_all.svg");
}
.list_article > li.type--sample .thumbnail::before {
  background-image: url("../img/tag_sample.svg");
}
.list_article > li .thumbnail img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list_article > li a:hover .thumbnail img {
  transform: scale(1.1);
}
.list_article > li .textBox .time {
  font-size: 93.75%;
  color: #02388f;
  margin: 0 0 10px;
}
.list_article > li .textBox .title {
  font-weight: 700;
  transition: all 0.4s;
  padding: 6px;
  background: #02388f;
  color: #fff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.5;
  width: fit-content;
}
.list_article > li a:hover .textBox .title {
  color: #02388f;
  background: #fff;
}
.list_tagOre {
  display: flex;
  flex-wrap: wrap;
}
.list_tagOre > li {
  margin: 0 10px 10px 0;
  overflow: hidden;
  clip-path: polygon(50% 0, 92% 0, 100% 15%, 100% 85%, 92% 100%, 8% 100%, 0 85%, 0 15%, 8% 0);
  background: #02388f;
}
.list_tagOre > li a {
  display: block;
  background: #fff;
  color: #02388f;
  padding: 2px 10px;
  font-size: 93.75%;
  transition: all 0.2s;
  position: relative;
  clip-path: polygon(50% 2px, 92% 2px, calc(100% - 2px) 15%, calc(100% - 2px) 85%, 92% calc(100% - 2px), 8% calc(100% - 2px), 2px 85%, 2px 15%, 8% 2px);
}
/* == slider ============================================== */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  opacity: 0.7;
}
.slick-prev {
  left: -25px;
}
.slick-next {
  right: -25px;
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  cursor: pointer;
}
.slick-dots li button {
  display: block;
  cursor: pointer;
  border: 0;
  outline: none;
  background: transparent;
  color: #02388f;
  font-size: 112.5%;
  font-family: "Shippori Mincho", sans-serif;
  font-weight: 700;
  line-height: 1;
  padding: 5px 0;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.block_sample .sildeWrap .slick-dots {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: -40px;
  margin: auto;
  width: 100%;
}
.block_sample .sildeWrap .slick-dots .slick-active,
.block_sample .sildeWrap .slick-dots li:hover {
  border-bottom: solid 1px #02388f;
}
/* == header ============================================== */
header {
  position: relative;
  z-index: 1000;
}
header .h_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 15px;
}
header .h_logo {
  width: 245px;
  height: 72px;
}
header .h_logo a {
  display: block;
  height: 100%;
  background: url(../img/logo.svg) no-repeat;
  background-size: contain;
  transition: all 0.2s;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 120%;
}
header .h_logo a:hover {
  opacity: 0.7;
}
header nav {
  display: flex;
  align-items: center;
}
.list_mainNav {
  display: flex;
  align-items: center;
}
.list_mainNav > li {
  position: relative;
}
.list_mainNav > li.megaBase .list_catMenu {
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s;
}
.list_mainNav > li.megaBase.type--right .list_catMenu {
  left: -265px;
}
.list_mainNav > li.megaBase:hover .list_catMenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.list_mainNav > li > a {
  font-size: 87.5%;
  font-weight: 700;
  color: #02388f;
  display: inline-block;
  padding: 15px;
  transition: all 0.2s;
  position: relative;
  text-align: left;
}
.list_mainNav > li > a:hover {
  opacity: 0.7;
}
.list_mainNav > li.megaBase > a {
  margin: 0 20px 0 0;
}
.list_mainNav > li.megaBase > a::before {
  content: "";
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-top: solid 1px #02388f;
  border-right: solid 1px #02388f;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 6px;
  margin: auto;
  transform: rotateZ(135deg);
}
header .list_catMenu {
  display: flex;
  flex-wrap: wrap;
  width: 530px;
  box-shadow: 0 0 10px 0 rgba(2, 56, 143, 0.3);
  box-sizing: border-box;
  padding: 15px;
  background: #fff;
}
header .list_catMenu::before {
  content: "";
  width: 1px;
  height: calc(100% - 30px);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #02388f;
  pointer-events: none;
}
header .list_catMenu::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #02388f;
  pointer-events: none;
}
header .list_catMenu > li {
  width: 50%;
  box-sizing: border-box;
}
header .list_catMenu a {
  display: flex;
  padding: 15px 0 15px 80px;
  position: relative;
  font-size: 87.5%;
  font-weight: 700;
  color: #02388f;
  background-repeat: no-repeat;
  line-height: 1.5em;
  height: 3em;
  align-items: center;
  transition: all 0.2s;
}
header .list_catMenu a:hover {
  opacity: 0.7;
}
header .list_catMenu li:nth-child(1) a {
  background-image: url("../img/cat04.svg");
  background-position: left 15px center;
  background-size: 28px auto;
}
header .list_catMenu li:nth-child(2) a {
  background-image: url("../img/cat02.svg");
  background-position: left 25px center;
  background-size: 52px auto;
  padding: 15px 0 15px 90px;
}
header .list_catMenu li:nth-child(3) a {
  background-image: url("../img/cat03.svg");
  background-position: left 15px center;
  background-size: 48px auto;
}
header .list_catMenu li:nth-child(4) a {
  background-image: url("../img/cat01.svg");
  background-position: left 25px center;
  background-size: 36px auto;
  padding: 15px 0 15px 90px;
}
header .list_catMenu span {
  display: inline-block;
  width: 130px;
  position: relative;
}
header .list_catMenu span::before {
  content: "";
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-top: solid 1px #02388f;
  border-right: solid 1px #02388f;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotateZ(45deg);
}
/**/
header .h_links {
  width: 310px;
  display: flex;
  margin: 0 0 0 20px;
}
header .h_links a {
  display: block;
  transition: all 0.2s;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 120%;
}
header .h_links .link01 a {
  width: 104px;
  height: 40px;
  background: url("../img/h_link01.svg") no-repeat;
  background-size: contain;
}
header .h_links .link02 {
  margin: 0 0 0 15px;
}
header .h_links .link02 a {
  width: 178px;
  height: 40px;
  background: url("../img/h_link02.svg") no-repeat;
  background-size: contain;
}
header .h_links a:hover {
  opacity: 0.7;
}
/* == footer ============================================== */
.side_fixed {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  width: 62px;
  height: 280px;
  margin: auto;
}
.side_fixed a {
  display: block;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 120%;
  transition: opacity 0.2s;
  background: url(../img/side_link.svg) no-repeat;
  background-size: contain;
}
.side_fixed a:hover {
  opacity: 0.7;
}
footer .area_fLink {
  background: #02388f;
  padding: 80px 0 120px;
}
footer .area_fLink .inner {
  width: 100%;
  max-width: 1100px;
}
footer .fLinkWrap {
  display: flex;
  justify-content: space-between;
}
footer .fLinkWrap .list_fLink {
}
.list_fLink {
  display: flex;
  width: 100%;
}
.list_fLink > li {
  width: 100%;
}
.list_fLink > li a {
  color: #fff;
}
.list_fLink p.link_main + .link_main {
  margin: 20px 0 0;
}
.list_fLink p.link_main a {
  font-weight: 700;
}
.list_fLink p.link_main a:hover {
  text-decoration: underline;
}
.list_fSubLink {
  margin: 20px 0 0;
}
.list_fSubLink a {
  display: inline-block;
  font-size: 87.5%;
  padding: 5px 0 5px 1em;
}
.list_fSubLink a:hover {
  text-decoration: underline;
}
footer .fLinkWrap .f_otherLinks {
  width: 230px;
}
footer .fLinkWrap .f_otherLinks > div {
  margin: 0 0 20px;
  transition: all 0.2s;
}
footer .fLinkWrap .f_otherLinks > div a {
  display: block;
  height: 46px;
  overflow: hidden;
  text-indent: 120%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
footer .fLinkWrap .f_otherLinks .link01 a {
  background-image: url(../img/f_link01.svg);
}
footer .fLinkWrap .f_otherLinks .link02 a {
  background-image: url(../img/f_link02.svg);
}
footer .fLinkWrap .f_otherLinks > div:hover {
  opacity: 0.7;
}
footer .area_copyright {
  padding: 10px 0;
}
footer .area_copyright .f_logo {
  width: 250px;
  height: 72px;
  margin: auto;
}
footer .area_copyright .f_logo a {
  display: block;
  height: 100%;
  background: url(../img/logo.svg) no-repeat;
  background-size: contain;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 120%;
  transition: all 0.2s;
}
footer .area_copyright .f_logo a:hover {
  opacity: 0.7;
}
footer .area_copyright .f_copyright {
  text-align: center;
  color: #5e80c0;
  font-size: 62.5%;
  font-weight: 700;
}
/* == frontpage ==============================================*/
.block_mailTop {
  position: relative;
  z-index: 5;
  padding: min(6.5%, 90px) 0 0;
}
.block_mailTop .mailTop_title {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 980px;
}
.block_mailTop .mailTop_title h1 {
  display: block;
  line-height: 1;
  background: #02388f;
  color: #fff;
  padding: 1em 1em 0.8em 1em;
  letter-spacing: 0.06em;
  box-sizing: border-box;
  width: 100%;
  font-size: clamp(30px, 2.5vw, 34px);
}
.block_mailTop .mailTop_title h1 img {
  display: block;
  vertical-align: top;
  width: 100%;
  max-width: none;
}
.block_mailTop .mailTop_title p {
  display: inline-block;
  line-height: 1;
  background: #02388f;
  font-size: clamp(30px, 2.5vw, 34px);
  color: #fff;
  padding: 1em;
  letter-spacing: 0.06em;
  transform: translateY(-1em);
  margin: -1.5em 0 0;
}
.block_mailTop .mailTop_img {
  max-width: 2320px;
  width: 93.34%;
  margin: 0 0 0 auto;
  position: relative;
}
.block_mailTop .mailTop_img img {
  vertical-align: top;
}
.block_mailTop .mailTop_img .top_bnr {
  position: absolute;
  left: 3%;
  bottom: 4%;
  width: 18.824%;
  min-width: 240px;
}
.block_mailTop .mailTop_img .top_bnr a {
  transition: all 0.2s;
}
.block_mailTop .mailTop_img .top_bnr a:hover {
  opacity: 0.7;
}
.block_mailTop .mailTop_lead {
  position: absolute;
  right: 100px;
  bottom: 50px;
}
.block_mailTop .mailTop_lead .lead_text {
  background: #fff;
  color: #02388f;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
.block_mailTop .mailTop_lead .lead_text.text--big {
  font-size: 185%;
  /*font-size: 160%;*/
  line-height: 1;
  padding: 15px 10px 15px 20px;
}
.block_mailTop .mailTop_lead .lead_text.text--big + .lead_text.text--big {
  margin: 5px 0 0;
}
.block_mailTop .mailTop_lead .lead_text {
  margin: 20px 0 0;
  font-size: 105%;
  padding: 15px 20px;
  /* font-size: 150%;*/
}
/*---------------------------*/
.block_memberLink {
  background: #e4e9f3;
  padding: 240px 0 80px;
  position: relative;
  margin: -140px 0 0;
}
.block_memberLink .memberLinkWhite {
  width: 500px;
  height: 500px;
  background: #fff;
  border-radius: 50%;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
}
.block_memberLink .memberLinkWhite a {
  display: block;
  width: 100%;
  padding: 100px 0;
  position: relative;
}
.block_memberLink .memberLinkWhite a::before {
  content: "";
  width: 30px;
  height: 18px;
  background: url(../img/arrow01.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.block_memberLink .memberLinkWhite span.memberLink_title {
  font-size: 281.25%;
  font-weight: 700;
  color: #02388f;
  display: inline-block;
  border-bottom: solid 2px #02388f;
  line-height: 1.3;
  letter-spacing: 0.17em;
}
.block_memberLink .memberLinkWhite span.memberLink_text {
  font-size: 125%;
  font-weight: 700;
  color: #02388f;
  display: block;
  margin: 50px 0 0;
}
/*---------------------------*/
.block_sample {
  padding: 100px 0;
}
.block_sample .area_search {
  margin: 0 0 150px;
}
.block_sample .area_search .sample_keyword {
  width: 400px;
  height: 40px;
  margin: 0 auto 80px;
  position: relative;
  border: solid 1px #02388f;
  box-sizing: border-box;
  overflow: hidden;
}
.block_sample .area_search .sample_keyword input[type="text"] {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: calc(100% - 50px);
  height: 38px;
  line-height: 38px;
  color: #02388f;
  font-family: "Shippori Mincho", sans-serif;
  font-weight: 700;
}
.block_sample .area_search .sample_keyword input[type="submit"] {
  width: 50px;
  height: 100%;
  background-color: #02388f;
  background-image: url(../img/icon_search.svg);
  background-repeat: no-repeat;
  background-size: 22px auto;
  background-position: center;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.block_sample .area_search .sample_keyword input[type="submit"]:hover {
  opacity: 0.7;
}
.block_sample .area_search .sample_tags {
  position: relative;
  margin: 0 0 50px;
  border-top: solid 1px #02388f;
  padding: 50px 20px 0;
}
.block_sample .area_search .sample_tags .tag_more {
  position: absolute;
  width: 100%;
  z-index: 5;
  left: 0;
  bottom: -70px;
  text-align: center;
}
.block_sample .area_search .sample_tags .tag_more::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #02388f;
}
.block_sample .area_search .sample_tags .tag_more a {
  display: inline-block;
  transition: all 0.2s;
}
.block_sample .area_search .sample_tags .tag_more span {
  display: inline-block;
  font-size: 112.5%;
  font-weight: 700;
  color: #02388f;
  position: relative;
  padding: 0 40px 0 20px;
  cursor: pointer;
  transition: all 0.2s;
  background: #fff;
}
.block_sample .area_search .sample_tags .tag_more span::before {
  content: "";
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-top: solid 1px #02388f;
  border-right: solid 1px #02388f;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotateZ(45deg);
  transform-origin: center;
  transition: all 0.2s;
}
.block_sample .area_search .sample_tags .tag_more a:hover span {
  background: #02388f;
  color: #fff;
}
.block_sample .area_search .sample_tags .tag_more a:hover span::before {
  border-color: #fff;
}
/*
.block_sample .area_search .sample_tags .tag_more span.active::before {
  transform: rotateZ(-45deg);
  bottom: 0;
}
*/
.block_sample .area_category .inner {
  width: 1100px;
}
.block_sample .sildeWrap {
  position: relative;
}
.block_sample .sildeWrap .slick-arrow {
  width: 1em;
  position: absolute;
  z-index: 10;
  color: #02388f;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: all 0.2s;
}
.block_sample .sildeWrap .slick-arrow.slick-disabled {
  opacity: 0;
}
.block_sample .sildeWrap .prev-arrow {
  display: none !important;
}
.block_sample .sildeWrap .next-arrow {
  display: none !important;
}
/*---------------------------*/
.block_case {
  background: #e4e9f3;
  padding: 40px 0 160px;
}
.block_case .title_center span.en {
  color: #8b9ed1;
}
.block_case .case_lead {
  text-align: center;
  font-size: 150%;
  font-weight: 700;
  color: #02388f;
  margin: 0 0 60px;
}
.block_case .case_flex {
  position: relative;
  min-height: 440px;
}
.block_case .case_thumbnail {
  position: absolute;
  left: 510px;
  right: 0;
  width: 670px;
  margin: auto;
}
.block_case .case_thumbnail img {
  vertical-align: top;
}
.block_case .case_textBox {
  width: 440px;
  min-height: 440px;
}
.block_case .case_textBox .case_name {
  background: #02388f;
  color: #fff;
  font-size: 168.75%;
  font-weight: 700;
  padding: 0 10px;
  margin: 0 0 30px;
}
.block_case .case_textBox .case_text {
  color: #02388f;
  margin: 0 0 40px;
}
.block_case .case_flex .link_more {
  position: absolute;
  left: 0;
  bottom: 0;
}
.block_case .case_flex .link_more a {
  font-size: 112.5%;
  color: #02388f;
  font-weight: 700;
  padding: 0 50px 0 0;
  position: relative;
}
.block_case .case_flex .link_more a::before {
  content: "";
  width: 34px;
  height: 10px;
  background: url(../img/link02.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  bottom: 0.1em;
  transition: all 0.2s;
}
.block_case .case_flex .link_more a:hover::before {
  right: 0;
}
/*---------------------------*/
.block_magazineBtn {
  padding: 150px 0 280px;
}
.btn_magazine {
  width: 770px;
  background: #fff;
  text-align: center;
  margin: auto;
  clip-path: polygon(50% 0, 98% 0, 100% 18%, 100% 82%, 98% 100%, 2% 100%, 0 82%, 0 18%, 2% 0);
  transition: all 0.2s;
}
.btn_magazine a {
  display: block;
  line-height: 80px;
  font-size: 175%;
  color: #fff;
  letter-spacing: 0.17em;
  position: relative;
  background: #02388f;
  clip-path: polygon(50% 2px, 98% 2px, calc(100% - 2px) 18%, calc(100% - 2px) 82%, 98% calc(100% - 2px), 2% calc(100% - 2px), 2px 82%, 2px 18%, 2% 2px);
  transition: all 0.2s;
}
.btn_magazine a::before {
  content: "";
  width: 36px;
  height: 12px;
  background-image: url(../img/link01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 60px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.2s;
}
.btn_magazine:hover {
  background: #02388f;
}
.btn_magazine:hover a {
  background: #fff;
  color: #02388f;
}
.btn_magazine:hover a::before {
  right: 50px;
  background-image: url(../img/link02.svg);
}
.btn_magazine.color--blue {
  background: #e4e9f3;
}
.btn_magazine.color--blue:hover {
  background: #02388f;
}
.btn_magazine.color--blue:hover a {
  background: #fff;
}
.btn_magazine.color--blue2 {
  background: #d3ddf1;
}
.btn_magazine.color--blue2:hover {
  background: #02388f;
}
.btn_magazine.color--blue2:hover a {
  background: #fff;
}
.btn_download {
  max-width: 340px;
  background: #fff;
  text-align: center;
  margin: auto;
  clip-path: polygon(50% 0, 95% 0, 100% 18%, 100% 82%, 95% 100%, 5% 100%, 0 82%, 0 18%, 5% 0);
  transition: all 0.2s;
}
.btn_download a {
  display: block;
  line-height: 65px;
  font-size: 137.5%;
  color: #fff;
  position: relative;
  background: #02388f;
  clip-path: polygon(50% 2px, 95% 2px, calc(100% - 2px) 18%, calc(100% - 2px) 82%, 95% calc(100% - 2px), 5% calc(100% - 2px), 2px 82%, 2px 18%, 5% 2px);
  transition: all 0.2s;
}
.btn_download:hover {
  background: #02388f;
}
.btn_download:hover a {
  background: #fff;
  color: #02388f;
}
.downloadWaku .btn_download {
  clip-path: polygon(50% 0, 96% 0, 100% 18%, 100% 82%, 96% 100%, 4% 100%, 0 82%, 0 18%, 4% 0);
}
.downloadWaku .btn_download a {
  clip-path: polygon(50% 2px, 96% 2px, calc(100% - 2px) 18%, calc(100% - 2px) 82%, 96% calc(100% - 2px), 4% calc(100% - 2px), 2px 82%, 2px 18%, 4% 2px);
}
/* == animation ==============================================*/
#page_mail header {
  top: -100px;
  transition: all 0.5s ease 1.8s;
}
#page_mail.page--open header,
#page_mail header.active {
  top: 0;
}
#page_mail .side_fixed {
  transform: translateX(70px);
  transition: transform 0.5s ease 1.8s;
}
#page_mail.page--open .side_fixed {
  transform: translateX(0);
}
.block_mailTop .mailTop_title {
  overflow: hidden;
}
.block_mailTop .mailTop_title h1 {
  transform: translateX(-101%);
  transition: transform 0.8s ease-out 0.8s;
}
.block_mailTop .mailTop_title p {
  transform: translateX(-101%);
  transition: transform 0.6s ease 1.2s;
}
body.page--open .block_mailTop .mailTop_title h1,
body.page--open .block_mailTop .mailTop_title p {
  transform: translateX(0);
}
.block_mailTop .mailTop_img {
  opacity: 0;
  transition: all 1s ease-out 0.1s;
  transform: translateY(20px);
}
body.page--open .block_mailTop .mailTop_img {
  opacity: 1;
  transform: translateY(0);
}
.block_mailTop .mailTop_lead .lead_text {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease 1.6s;
}
.block_mailTop .mailTop_lead .lead_text:nth-of-type(2) {
  transition-delay: 1.65s;
}
.block_mailTop .mailTop_lead .lead_text:nth-of-type(3) {
  transition-delay: 1.7s;
}
body.page--open .block_mailTop .mailTop_lead .lead_text {
  opacity: 1;
  transform: translateY(0px);
}
.block_mailTop .top_bnr {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease 1.6s;
}
body.page--open .block_mailTop .top_bnr {
  opacity: 1;
  transform: translateY(0px);
}
/**/
.block_memberLink .memberLinkWhite.scroll--anime {
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.8s ease 0.3s;
}
.block_memberLink .memberLinkWhite.scroll--anime span.memberLink_title {
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.8s ease 0.5s;
}
.block_memberLink .memberLinkWhite.scroll--anime span.memberLink_text {
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.8s ease 0.7s;
}
.block_memberLink .memberLinkWhite.scroll--anime a::before {
  transform: translateY(-20px) scale(0.5);
  opacity: 0;
  transition: all 0.8s ease 0.9s;
}
.block_memberLink .memberLinkWhite.scroll--start,
.block_memberLink .memberLinkWhite.scroll--start span.memberLink_title,
.block_memberLink .memberLinkWhite.scroll--start span.memberLink_text,
.block_memberLink .memberLinkWhite.scroll--start a::before {
  transform: scale(1);
  opacity: 1;
}
/**/
.block_case .case_flex.scroll--anime .case_thumbnail {
  opacity: 0;
  transform: translateX(100px);
  transition: all 1.5s ease 0.5s;
}
.block_case .case_flex.scroll--start .case_thumbnail {
  opacity: 1;
  transform: translateX(0);
}
.block_case .case_flex.scroll--anime .case_textBox {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 1s ease 1s;
}
.block_case .case_flex.scroll--start .case_textBox {
  opacity: 1;
  transform: translateX(0);
}
/* == underpage ============================================== */
/* ====== 
page-name #single
======*/
.block_single {
  position: relative;
  word-break: break-all;
}
.block_single .inner {
  width: 960px;
}
.block_single .area_logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 60px;
}
.block_single .area_logo .single_logo {
  width: 400px;
  margin: 20px 0;
}
.block_single .area_logo .single_logo img {
  vertical-align: top;
}
.block_single .area_logo .single_date {
  color: #02388f;
  font-size: 118.75%;
  font-weight: 600;
}
.block_single .area_top {
  position: relative;
  overflow: hidden;
  padding: 60px 0;
}
.block_single .area_top::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/single_bg.jpg) no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.block_single .area_top .inner {
  position: relative;
}
.block_single .area_top .page_title {
  font-size: 312.5%;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  margin: 0 0 20px;
}
.block_single .area_top .page_lead {
  font-size: 175%;
  color: #fff;
  margin: 0 0 50px;
}
.list_catSingle {
  display: flex;
}
.list_catSingle > li {
  width: 210px;
  background: #5e80c0;
  text-align: center;
  color: #02388f;
  line-height: 1.2;
  padding: 0 0 15px;
}
.list_catSingle > li + li {
  margin: 0 0 0 40px;
}
.list_catSingle > li span.jp {
  display: flex;
  font-size: 131.25%;
  font-weight: 700;
  margin: 0 0 10px;
  padding: 110px 0 0;
  background-repeat: no-repeat;
  height: 2.4em;
  align-items: center;
  opacity: 0.6;
}
.list_catSingle > li span.jp span {
  display: block;
  width: 100%;
}
.list_catSingle > li.cat01 span.jp {
  background-image: url(../img/cat01.svg);
  background-position: center top 25px;
  background-size: 70px auto;
}
.list_catSingle > li.cat02 span.jp {
  background-image: url(../img/cat02.svg);
  background-position: center top 25px;
  background-size: 104px auto;
}
.list_catSingle > li.cat03 span.jp {
  background-image: url(../img/cat03.svg);
  background-position: center top 25px;
  background-size: 94px auto;
}
.list_catSingle > li.cat04 span.jp {
  background-image: url(../img/cat04.svg);
  background-position: center top 25px;
  background-size: 56px auto;
}
.list_catSingle > li span.en {
  display: block;
  font-size: 87.5%;
  font-weight: 600;
  opacity: 0.6;
}
.block_single .list_catSingle {
  margin: 0 0 60px;
}
.block_single .area_top .spot_person {
  text-align: right;
  line-height: 1;
  margin: 0 0 25px;
  display: flex;
  justify-content: flex-end;
}
.block_single .area_top .spot_person .position {
  font-size: 150%;
  font-weight: 700;
  color: #02388f;
  display: flex;
  align-items: center;
  background: #fff;
}
.block_single .area_top .spot_person .name {
  font-size: 168.75%;
  font-weight: 700;
  color: #02388f;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #fff;
  min-width: 5em;
  text-align: right;
}
.block_single .area_top .spot_person span,
.block_single .area_top .spot_person strong {
  display: inline-block;
  padding: 4px 10px;
}
.block_single .area_top .list_tags {
  text-align: left;
}
.list_catSingle > li.active {
  background: #d3ddf1;
}
.list_catSingle > li.active span.jp,
.list_catSingle > li.active span.en {
  opacity: 1;
}
/*animation*/
.block_single .area_top::before {
  opacity: 0;
  transition: all 1.5s ease 0.1s;
}
body.page--open .block_single .area_top::before {
  opacity: 1;
}
.block_single .area_top .inner {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.2s ease 0.8s;
}
body.page--open .block_single .area_top .inner {
  opacity: 1;
  transform: translateY(0);
}
/*-----------------*/
.block_single .area_article {
  position: relative;
  top: 0;
}
.block_single .area_article .inner {
  box-sizing: border-box;
  padding: 0 230px 0 0;
  position: relative;
  z-index: 5;
}
.block_single .article_summary {
  background: #e9eef8;
  padding: 80px 0;
  color: #02388f;
}
.block_single .article_summary .summary_title {
  font-size: 218.75%;
  font-weight: 700;
  margin: 0 0 20px;
}
.block_single .article_summary .summary_text {
  font-weight: 700;
  line-height: 2.5;
  padding: 0 0 0 1.5em;
  position: relative;
}
.block_single .article_summary .summary_text + .summary_text {
  margin: 30px 0 0;
}
.block_single .article_summary .summary_text::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #02388f;
  position: absolute;
  left: 0;
  top: 0.9em;
  border-radius: 50%;
}
.block_single .article_summary .summary_text p + p {
  margin: 20px 0 0;
}
.block_single .article_summary .summary_text p strong {
  display: inline;
  padding: 0 0 5px;
  font-weight: 800;
}
.block_single .article_summary .summary_editor {
  background: #fff;
  padding: 30px 30px 10px;
  margin: 40px 0 0;
  border: solid 1px #02388f;
  outline: solid 2px #02388f;
  outline-offset: 3px;
}
.block_single .article_summary .summary_editor h2,
.block_single .article_summary .summary_editor h3,
.block_single .article_summary .summary_editor h4,
.block_single .article_summary .summary_editor p {
  margin: 0 0 20px;
}
.block_single .article_summary .summary_editor a {
  text-decoration: underline;
}
.block_single .article_summary .summary_editor a:hover {
  opacity: 0.7;
}
.block_single .article_mokuji {
  padding: 90px 0 0;
  margin: 0 0 40px;
}
.block_single .article_mokuji .mokuji_title {
  position: relative;
}
.block_single .article_mokuji .mokuji_title .title {
  font-size: 187.5%;
  font-weight: 700;
  color: #02388f;
  border-bottom: solid 1px #02388f;
  padding: 10px 0;
}
.block_single .article_mokuji .mokuji_title .btn_clip {
  position: absolute;
  clip-path: polygon(50% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 100%, 0 85%, 0 15%, 5% 0);
  background: #02388f;
  color: #fff;
  font-weight: 700;
  right: 0;
  top: 21px;
  padding: 3px 25px 3px 30px;
  cursor: pointer;
  transition: all 0.2s;
}
.block_single .article_mokuji .mokuji_title .btn_clip:hover {
  opacity: 0.7;
}
.block_single .article_mokuji .mokuji_title .btn_clip span {
  display: inline-block;
  position: relative;
  padding: 0 20px 0 0;
}
.block_single .article_mokuji .mokuji_title .btn_clip span::before {
  content: "";
  width: 16px;
  height: 8px;
  background: url(../img/accordion.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.4s;
}
.block_single .article_mokuji .mokuji_title .btn_clip.active span::before {
  transform: rotateX(180deg);
}
/*------------------*/
.stickyWrap {
  position: relative;
  top: 0;
}
.stickyWrap aside {
  position: absolute;
  right: -800px;
  left: 0;
  top: 80px;
  margin: auto;
  width: 160px;
  height: calc(100% - 80px);
  z-index: 10;
}
.stickyWrap .aside_sticky {
  position: sticky;
  top: 0;
  padding: 20px 0 40px;
}
.stickyWrap .asideSet .set_title {
  color: #fff;
  text-align: center;
  background: #02388f;
  padding: 5px 0;
  margin: 0 0 20px;
  letter-spacing: 0;
}
.stickyWrap .asideSet.set--tag .set_title {
  font-size: 87.5%;
}
.list_articleAside {
  margin: 0 0 40px;
}
.list_articleAside > li + li {
  margin: 25px 0 0;
}
.list_articleAside a {
  display: block;
  transition: all 0.2s;
}
.list_articleAside a:hover {
  opacity: 0.7;
}
.list_articleAside .article_thumbnail {
  height: 120px;
  margin: 0 0 5px;
  position: relative;
  overflow: hidden;
}
.list_articleAside .article_thumbnail::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  border: solid 2px #02388f;
  pointer-events: none;
}
.list_articleAside .article_thumbnail img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: top;
  transition: all 0.4s;
}
.list_articleAside a:hover .article_thumbnail img {
  transform: scale(1.1);
}
.list_articleAside .article_time {
  font-size: 87.5%;
  font-weight: 600;
  color: #02388f;
}
.list_articleAside .article_title {
  font-size: 93.75%;
  font-weight: 700;
  color: #02388f;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: left;
}
.stickyWrap .asideSet.set--pdf {
  padding: 0 0 25px;
  border-bottom: solid 1px #02388f;
  margin: 0 0 25px;
}
.stickyWrap .asideSet .pdf_title {
  line-height: 1.4375;
  color: #02388f;
  font-weight: 700;
  margin: 0 0 12px;
}
.stickyWrap .asideSet.set--pdf .btn_download a {
  font-size: 100%;
  line-height: 45px;
}
.stickyWrap .asideSet.set--in {
  margin: 10px 0 0;
  padding: 25px 0;
  border-top: solid 1px #02388f;
}
.stickyWrap .asideSet .btn_in a {
  display: block;
  width: 152px;
  height: 43px;
  background: url("../img/icon_in.png") no-repeat;
  background-size: contain;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 150%;
  transition: all 0.2s;
}
.stickyWrap .asideSet .btn_in a:hover {
  opacity: 0.7;
}
.list_asideTags > li + li {
  margin: 6px 0 0;
}
.list_asideTags a {
  display: inline-block;
  background: #e4e9f3;
  color: #02388f;
  font-size: 75%;
  line-height: 1.5;
  padding: 2px 6px;
  transition: all 0.4s;
}
.list_asideTags a:hover {
  background: #02388f;
  color: #fff;
}
/*------------------*/
.block_single .area_article .toc_title {
  display: none;
}
.block_single .area_article .toc_list > li {
  border-bottom: solid 1px #02388f;
}
.block_single .area_article .toc_list a {
  transition: all 0.2s;
}
.block_single .area_article .toc_list a:hover {
  opacity: 0.7;
}
.block_single .area_article .toc_list > li > a {
  display: block;
  padding: 10px 0;
  font-size: 137.5%;
  font-weight: 700;
  color: #02388f;
}
.block_single .area_article .toc_list > li ul {
  margin: 0 0 15px 20px;
}
.block_single .area_article .toc_list > li ul li + li {
  margin: 5px 0 0;
}
.block_single .area_article .toc_list > li ul a {
  display: block;
  font-size: 112.5%;
  font-weight: 700;
  color: #02388f;
}
/*------------------*/
.block_single .article_wpEditor {
  margin: 0 0 70px;
}
.block_single .article_wpEditor .type_excerpt {
  position: relative;
  overflow: hidden;
}
.block_single .article_wpEditor .type_excerpt h3 {
  background: #02388f;
  padding: 5px 10px;
}
.block_single .article_wpEditor .type_excerpt::before {
  content: "";
  width: 100%;
  height: 40%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
}
.block_single .article_wpEditor h2 {
  color: #02388f;
  font-size: 218.75%;
  font-weight: 700;
  margin: 70px 0 30px;
}
.block_single .article_wpEditor h3 {
  color: #fff;
  font-size: 137.5%;
  margin: 60px 0 30px;
  line-height: 1.5;
}
.block_single .article_wpEditor h3 span {
  background: #02388f;
  padding: 2px 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.block_single .article_wpEditor h2 + h3 {
  margin: 0 0 30px;
}
/*
.block_single .article_wpEditor h3 > span {
  display: flex;
  align-items: flex-start;
}
.block_single .article_wpEditor h3 span.num {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 50px;
  text-align: center;
}
.block_single .article_wpEditor h3 span.text {
  display: inline-block;
  background: #02388F;
  padding: 0 12px;
}
*/
.block_single .article_wpEditor h4 {
  color: #02388f;
  font-size: 125%;
  margin: 40px 0 20px;
  padding: 0 0 0 10px;
  border-left: solid 2px #02388f;
}
.block_single .article_wpEditor h5 {
  color: #02388f;
  font-size: 110%;
  margin: 40px 0 15px;
}
.block_single .article_wpEditor h6 {
  color: #02388f;
  margin: 40px 0 15px;
}
.block_single .article_wpEditor p {
  color: #02388f;
  line-height: 2.2;
}
.block_single .article_wpEditor p + p {
  margin: 15px 0 0;
}
.block_single .article_wpEditor .has-small-font-size {
  font-size: 80%;
}
.block_single .article_wpEditor .has-large-font-size {
  font-size: 125%;
}
.block_single .article_wpEditor .has-x-large-font-size {
  font-size: 150%;
}
.block_single .article_wpEditor a {
  transition: all 0.2s;
}
.block_single .article_wpEditor a:hover {
  opacity: 0.7;
}
.block_single .article_wpEditor p strong {
  display: inline;
  padding: 0 0 5px;
  font-weight: 800;
}
.block_single .article_wpEditor p s {
  text-decoration: underline;
}
.block_single .wp-block-quote {
  margin: 50px 0 -20px;
  display: flex;
}
.block_single .wp-block-quote > p {
  background: #02388f;
  color: #fff;
  padding: 15px 10px;
  box-sizing: border-box;
  width: 90px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  line-height: 1;
}
.block_single .wp-block-quote cite {
  background: #e4e9f3;
  padding: 15px 10px;
  color: #02388f;
  display: block;
  width: calc(100% - 90px);
  font-style: normal;
}
.block_single .wp-block-quote cite em {
  font-style: normal;
}
.block_single .article_wpEditor figure {
  margin: 40px auto 20px;
}
.block_single .article_wpEditor figure.wp-block-image img {
  pointer-events: none;
}
.block_single .article_wpEditor figure.wp-block-image figcaption {
  color: #02388f;
  line-height: 2.2;
  font-size: 85%;
  display: block;
  margin: 5px 0 0;
}
.block_single .article_wpEditor .figure_att {
  font-size: 75%;
  font-weight: 600;
  color: #02388f;
  margin: 10px 0 0;
}
.block_single .article_wpEditor .spot_hajime {
  margin: 0 0 50px;
}
.block_single .article_references {
  margin: 0 0 100px;
  color: #02388f;
  text-align: left;
}
.block_single .article_references .references_title {
  font-size: 125%;
  font-weight: 700;
  margin: 0 0 30px;
}
.list_references > li {
  padding: 0 0 0 1em;
  font-size: 75%;
  position: relative;
}
.list_references > li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #02388f;
  position: absolute;
  left: 0;
  top: 0.7em;
}
.list_references > li + li {
  margin: 10px 0 0;
}
.block_single .article_tags {
  margin: 0 0 90px;
  position: relative;
}
.block_single .article_tags .list_tags {
  text-align: left;
}
.block_single .article_relation {
  margin: 0 0 180px;
  color: #02388f;
  text-align: left;
}
.block_single .article_relation .relation_title {
  font-size: 125%;
  font-weight: 700;
  margin: 0 0 30px;
}
.list_relation li {
  padding: 0 0 0 1em;
  position: relative;
}
.list_relation > li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #02388f;
  position: absolute;
  left: 0;
  top: 0.7em;
}
.list_relation > li + li {
  margin: 20px 0 0;
}
.block_single .article_wpEditor .spot_hajime {
  margin: 0 0 50px;
}
/*------------------*/
.block_single .area_leader {
  background: #e4e9f3;
  padding: 60px 0;
}
.block_single .area_leader .inner {
  box-sizing: border-box;
  padding: 0 230px 0 0;
}
.block_single .area_leader .leader_section {
  margin: 0 0 50px;
  line-height: 1;
}
.block_single .area_leader .leader_section span.en {
  display: block;
  font-size: 500%;
  color: #02388f;
  margin: 0 0 30px;
  letter-spacing: 0.04em;
}
.block_single .area_leader .leader_section span.jp {
  display: block;
  background: #02388f;
  color: #fff;
  font-size: 125%;
  padding: 2.5px 10px;
}
.block_single .area_leader .leaderWrap {
  position: relative;
}
.block_single .area_leader .leaderWrap + .leaderWrap {
  margin: 60px 0 0;
}
.block_single .area_leader .leaderWrap + .leaderWrap::before {
  content: "";
  width: 100%;
  height: 1px;
  box-sizing: border-box;
  border-top: dotted 1px #02388f;
  position: absolute;
  left: 0;
  top: -30px;
}
.block_single .area_leader .leaderWrap .leader_imgBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 225px;
  height: 285px;
  overflow: hidden;
}
.block_single .area_leader .leaderWrap .leader_textBox {
  margin: 0 0 0 270px;
  min-height: 290px;
}
.block_single .area_leader .leaderWrap .boxTitle {
  color: #02388f;
}
.block_single .area_leader .leaderWrap .boxTitle .title_position {
  font-size: 125%;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.75;
}
.block_single .area_leader .leaderWrap .boxTitle .title_name {
  margin: 0 0 25px;
  font-weight: 700;
}
.block_single .area_leader .leaderWrap .boxTitle .title_name span.jp {
  font-size: 156.25%;
  display: inline-block;
  margin: 0 1em 0 0;
}
.block_single .area_leader .leaderWrap .boxText {
  font-size: 93.75%;
  color: #02388f;
}
.block_single .area_leader .btn_magazine {
  margin: 60px auto 0;
  width: 440px;
}
.block_single .area_leader .btn_magazine a {
  font-size: 106.25%;
  letter-spacing: 0;
  line-height: 55px;
}
.block_single .area_leader .btn_magazine a::before {
  right: 20px;
  width: 24px;
  height: 8px;
}
.block_single .area_leader .btn_magazine:hover a::before {
  right: 14px;
}
.block_single .area_leader .btn_in {
  width: 90px;
  margin: 60px 0 0 150px;
}
/*------------------*/
.block_single .area_download {
  padding: 70px 0;
}
.block_single .area_download .downloadWaku {
  width: 610px;
  height: 610px;
  box-sizing: border-box;
  border: solid 2px #02388f;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
}
.block_single .area_download .downloadWaku .wrap {
  width: 100%;
}
.block_single .area_download .downloadWaku .download_text {
  font-size: 200%;
  color: #02388f;
  padding: 0 0 80px;
  background: url("../img/arrow01.svg") no-repeat;
  background-size: 31px auto;
  background-position: center bottom 35px;
}
/*------------------*/
.block_guidance {
  position: relative;
  z-index: 100;
  padding: 90px 0;
  background: #d3ddf1;
  text-align: center;
}
.block_guidance .guidance_title {
  line-height: 1;
  margin: 0 0 50px;
}
.block_guidance .guidance_title span.en {
  display: block;
  color: #8b9ed1;
  font-size: 687.5%;
  font-weight: 700;
  margin: 0 0 15px;
}
.block_guidance .guidance_title span.jp {
  display: block;
  font-size: 200%;
  font-weight: 700;
  color: #02388f;
}
.block_guidance .guidance_lead {
  font-size: 125%;
  font-weight: 700;
  color: #02388f;
  line-height: 2.5;
  margin: 0 0 70px;
}
.block_guidance .guidance_att {
  font-weight: 700;
  color: #02388f;
  margin: 50px 0 0;
}
/**/
.block_guidanceSlim {
  padding: 20px 0 200px;
  text-align: center;
}
.block_guidanceSlim .guidance_title {
  line-height: 1;
  margin: 0 0 50px;
}
.block_guidanceSlim .guidance_title span.en {
  display: block;
  color: #8b9ed1;
  font-size: 687.5%;
  font-weight: 700;
  margin: 0 0 15px;
}
.block_guidanceSlim .guidance_title span.jp {
  display: block;
  font-size: 200%;
  font-weight: 700;
  color: #02388f;
}
.block_guidanceSlim .guidance_lead {
  font-size: 125%;
  font-weight: 700;
  color: #02388f;
  line-height: 2.5;
  margin: 0 0 40px;
}
.block_guidanceSlim .guidance_att {
  font-weight: 700;
  color: #02388f;
  margin: 50px 0 0;
}
.block_guidanceSlim .btn_magazine {
  width: 100%;
}
/*------------------*/
.block_statement {
  position: relative;
  z-index: 100;
  padding: 120px 0;
  background: url(../img/single_bg02.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.block_statement .statement_title {
  line-height: 1.2;
  margin: 0 0 80px;
}
.block_statement .statement_title span.en {
  display: block;
  font-size: 562.5%;
  letter-spacing: 0.06em;
  margin: 0 0 20px;
}
.block_statement .statement_title span.jp {
  display: block;
  font-size: 200%;
}
.block_statement .statement_lead {
  font-size: 287.5%;
  margin: 0 0 40px;
}
.block_statement .statement_text {
  font-size: 137.5%;
  line-height: 2.6;
}
/* ====== 
page-name #archive
======*/
.block_archive {
  word-break: break-all;
}
.block_archive .area_archiveTitle {
  padding: 60px 0 100px;
}
.block_archive .area_archiveTitle .archive_category {
  text-align: center;
  font-size: 118.75%;
  color: #fff;
  margin: 0 0 25px;
}
.block_archive .area_archiveTitle .archive_category span {
  display: inline-block;
  background: #02388f;
  font-weight: 700;
  padding: 2px 20px;
}
.block_archive .area_archiveTitle .archive_title {
  text-align: center;
  font-size: 168.75%;
  font-weight: 700;
  color: #02388f;
}
.block_archive .area_contents .inner {
  padding: 0 20-0px 0 0;
  box-sizing: border-box;
}
.block_archive .area_contents .list_article::after {
  content: "";
  width: 225px;
}
.block_archive .area_contents .list_article > li {
  width: 225px;
  margin: 0 20px 40px;
}
.block_archive .stickyWrap .area_contents {
  min-height: 600px;
}
.block_archive .stickyWrap aside {
  top: -20px;
}
.block_archive .pager {
  text-align: center;
}
.block_archive .pager .pages {
  display: none;
}
.block_archive .pager a,
.block_archive .pager span {
  display: inline-block;
  width: 30px;
  height: 25px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  font-size: 112.5%;
  font-weight: 600;
  color: #02388f;
  vertical-align: middle;
  line-height: 25px;
  position: relative;
}
.block_archive .pager a.first,
.block_archive .pager a.last {
  display: none;
}
.block_archive .pager span:not(.extend)::before,
.block_archive .pager a:not([class])::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 55%;
  height: 1px;
  background: #02388f;
}
.block_archive .pager a:not([class])::before {
  width: 0;
  transition: all 0.4s;
}
.block_archive .pager a:not([class]):hover::before {
  width: 55%;
}
.block_archive .pager a.prev {
  background-image: url("../img/page_prev.svg");
}
.block_archive .area_tagAll {
  margin: 0 0 100px;
}
.block_archive .area_tagAll .btn_magazine {
  margin: 80px auto 0;
}
/* ====== 
page-name #archive
======*/
.no--member {
  display: none;
}
.parts_bread .inner {
  width: 100%;
  margin: auto;
  padding: 0 80px 20px;
  box-sizing: border-box;
  font-size: 75%;
  color: #666;
}
.parts_bread span[typeof="ListItem"] {
  padding: 0 5px;
}
.parts_bread a {
  transition: all 0.2s;
}
.parts_bread a:hover {
  opacity: 0.7;
}
.block_back {
  padding: 150px 0;
}
/* ====== 
page-name #aboutOpinion
======*/
.block_aboutOpinion .area_top {
  background: url(../img/about/bg01.webp) no-repeat center top;
  background-size: cover;
  padding: 70px 0 40px;
}
.block_aboutOpinion .area_top .opinion_en {
  font-size: 687.5%;
  font-weight: 700;
  line-height: 1;
  color: #d3ddf1;
  letter-spacing: 0.06em;
  margin: 0 0 20px;
}
.block_aboutOpinion .area_top .opinion_title {
  line-height: 1.2;
  text-align: left;
  margin: 0 0 80px;
}
.block_aboutOpinion .area_top .opinion_title span {
  display: inline-block;
  background: #023893;
  color: #fff;
  font-size: 287.5%;
  font-weight: 700;
  padding: 8px 15px;
  margin: 15px 0 0;
  letter-spacing: 0.09em;
}
.block_aboutOpinion .area_top .opinion_lead {
  color: #02388f;
  font-size: 118.75%;
  line-height: 2.36;
  margin: 0 0 100px;
}
.block_aboutOpinion .area_top .opinion_lead p + p {
  margin: 60px 0 0;
}
.block_aboutOpinion .area_top .opinion_lead a {
  display: inline-block;
  border-bottom: solid 1px #02388f;
  line-height: 1.5;
  transition: all 0.2s;
}
.block_aboutOpinion .area_top .opinion_lead a:hover {
  opacity: 0.7;
}
.block_aboutOpinion .dl_opinionsIcon {
  max-width: 810px;
  margin: auto;
}
.block_aboutOpinion .dl_opinionsIcon dt {
  text-align: center;
  color: #02388f;
  font-size: 125%;
  font-weight: 700;
  margin: 0 0 50px;
  letter-spacing: 0.09em;
}
.block_aboutOpinion .dl_opinionsIcon ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.block_aboutOpinion .dl_opinionsIcon ul li {
  width: 47%;
  background: #02388f;
  color: #fff;
  text-align: center;
  padding: 25px 0;
  margin: 0 0 45px;
}
.block_aboutOpinion .dl_opinionsIcon ul li span {
  display: block;
  font-size: 118.75%;
  padding: 100px 0 0;
  background-repeat: no-repeat;
  background-size: 95px auto;
  background-position: center top;
  line-height: 1.68;
}
.block_aboutOpinion .dl_opinionsIcon ul li span.height {
  line-height: 3.36;
}
.block_aboutOpinion .dl_opinionsIcon ul li.icon01 span {
  background-image: url(../img/about/icon01.png);
}
.block_aboutOpinion .dl_opinionsIcon ul li.icon02 span {
  background-image: url(../img/about/icon02.png);
}
.block_aboutOpinion .dl_opinionsIcon ul li.icon03 span {
  background-image: url(../img/about/icon03.png);
}
.block_aboutOpinion .dl_opinionsIcon ul li.icon04 span {
  background-image: url(../img/about/icon04.png);
}
/**/
.block_aboutOpinion .area_guidance {
  background: #d3ddf1;
  padding: 90px 0;
}
.block_aboutOpinion .area_guidance .guidance_title {
  text-align: center;
  line-height: 1;
  margin: 0 0 60px;
}
.block_aboutOpinion .area_guidance .guidance_title span.en {
  display: block;
  color: #8b9ed1;
  font-size: 687.5%;
  letter-spacing: 0.06em;
  margin: 0 0 30px;
}
.block_aboutOpinion .area_guidance .guidance_title span.jp {
  color: #023893;
  font-size: 206.25%;
}
.block_aboutOpinion .area_guidance .guidance_lead {
  text-align: center;
  font-size: 125%;
  font-weight: 700;
  margin: 0 0 40px;
  line-height: 2.5;
  color: #023893;
}
.block_aboutOpinion .btn_magazine.color--blue {
  background: #d3ddf1;
}
.block_aboutOpinion .btn_magazine.color--blue:hover {
  background: #02388f;
}
.block_aboutOpinion .area_relations {
  padding: 100px 0 150px;
}
.block_aboutOpinion .dl_relations {
  color: #02388f;
}
.block_aboutOpinion .dl_relations + .dl_relations {
  margin: 60px 0 0;
}
.block_aboutOpinion .dl_relations dt {
  font-size: 125%;
  font-weight: 700;
  margin: 0 0 25px;
}
.block_aboutOpinion .dl_relations dt a {
  transition: all 0.2s;
  border-bottom: solid 1px #02388f;
  padding: 0.3% 0;
}
.block_aboutOpinion .dl_relations dt a:hover {
  opacity: 0.7;
}
.block_aboutOpinion .dl_relations ul {
  margin: 0 0 0 1.2em;
}
.block_aboutOpinion .dl_relations ul li {
  font-size: 87.5%;
  font-weight: 700;
  padding: 10px 0;
  list-style: disc;
}
/*animation*/
.block_aboutOpinion .area_top {
  opacity: 0;
  transition: all 2s ease 0s;
}
body.page--open .block_aboutOpinion .area_top {
  opacity: 1;
}
.block_aboutOpinion .area_top .opinion_en {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease 0.8s;
}
body.page--open .block_aboutOpinion .area_top .opinion_en {
  opacity: 1;
  transform: translateY(0);
}
.block_aboutOpinion .area_top .opinion_title {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease 0.9s;
}
body.page--open .block_aboutOpinion .area_top .opinion_title {
  opacity: 1;
  transform: translateY(0);
}
.block_aboutOpinion .area_top .opinion_lead {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease 1s;
}
body.page--open .block_aboutOpinion .area_top .opinion_lead {
  opacity: 1;
  transform: translateY(0);
}
/* ====== 
page-name #sus-opinion_login
======*/
.block_sus-opinion_login {
  margin: 100px 0 150px;
}
.block_sus-opinion_login .form_wrap {
  border: solid 2px #02388f;
  padding: 60px;
  text-align: center;
}
.block_sus-opinion_login .form_wrap .login_input {
  margin: 0 0 30px;
}
.block_sus-opinion_login .form_wrap .login_input span {
  display: inline-block;
  color: #02388f;
  font-size: 125%;
  font-weight: 700;
}
.block_sus-opinion_login .form_wrap input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid 1px #02388f;
  background: #fff;
  font-family: "Shippori Mincho", sans-serif;
  font-weight: 700;
}
.block_sus-opinion_login .form_wrap input[type="submit"] {
  display: block;
  width: 250px;
  margin: auto;
  cursor: pointer;
  background: #02388f;
  color: #fff;
  transition: all 0.2s;
  padding: 15px 0;
}
.block_sus-opinion_login .form_wrap input[type="submit"]:hover {
  opacity: 0.7;
}
.block_sus-opinion_login .form_wrap .login_alert {
  margin: 30px 0 0;
  display: none;
}