@charset "utf-8";
html[lang="ja"] {
  margin: 0 !important;
}
body {
  font-size: 3.733vw;
  margin: 52px 0 0;
}
.pc-only {
  display: none !important;
}
#wpadminbar {
  display: none !important;
}
main {
  overflow: hidden;
}
.inner {
  width: 90%;
  margin: auto;
}
.pagetop {
  width: 40px;
  position: fixed;
  z-index: 50;
  bottom: -60px;
  right: 20px;
  margin: auto;
  transition: all .4s;
}
.pagetop a {
  display: block;
  height: 40px;
  background: url(../img/pagetop.svg);
  cursor: pointer;
  transition: all .4s;
}
body.pagetop--start .pagetop {
  bottom: 25px;
}
/* == parts ============================================== */
.title_center {
  text-align: center;
  margin: 0 0 10%;
}
.title_center span.en {
  display: block;
  color: #D3DDF1;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 150%;
  background: url(../img/single_logo.svg) no-repeat;
  background-size: contain;
  background-position: center;
  margin: auto;
  width: 85%;
  height: 0;
  padding: 10% 0 0;
}
.title_center span.jp {
  display: block;
  font-size: 130%;
  font-weight: 700;
  color: #02388F;
  margin: 5px 0 0;
}
.list_tags {
  text-align: center;
  overflow: hidden;
}
.list_tags > li {
  display: inline-block;
  margin: .7em .2em;
}
.list_tags > li a {
  display: block;
  background: #E4E9F3;
  color: #02388F;
  padding: .1em .3em;
}
/**/
.list_catBtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 10%;
  position: relative;
  padding: 0 0 0 25%
}
.list_catBtn > li:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
  width: 22%;
  height: 100%;
}
.list_catBtn > li {
  width: 48%;
  background: #CED8EC;
  text-align: center;
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
}
.list_catBtn > li:nth-child(4), .list_catBtn > li:nth-child(5) {
  margin: 4% 0 0;
}
.list_catBtn > li.btn--on {
  background-color: #02388F;
	pointer-events: none;
}
.list_catBtn > li span.wrap {
  display: flex;
  line-height: 1.2;
  width: 100%;
  height: 2.4em;
  align-items: center;
  background-repeat: no-repeat;
  transition: color .2s;
  color: #02388F;
  padding: 4em 0 .5em;
}
.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 1em;
  background-size: 3em auto;
}
.list_catBtn > li#cat01 span.wrap {
  background-image: url(../img/cat01.svg);
  background-position: center top 1em;
  background-size: 3em auto;
}
.list_catBtn > li#cat02 span.wrap {
  background-image: url(../img/cat02.svg);
  background-position: center top .9em;
  background-size: 4em auto;
}
.list_catBtn > li#cat03 span.wrap {
  background-image: url(../img/cat03.svg);
  background-position: center top .8em;
  background-size: 4em auto;
}
.list_catBtn > li#cat04 span.wrap {
  background-image: url(../img/cat04.svg);
  background-position: center top .8em;
  background-size: 2.5em auto;
}
.list_catBtn > li#cat00.btn--on span.wrap {
  background-image: url("../img/cat00--on.svg");
}
.list_catBtn > li#cat01.btn--on span.wrap {
  background-image: url("../img/cat01--on.svg");
}
.list_catBtn > li#cat02.btn--on span.wrap {
  background-image: url("../img/cat02--on.svg");
}
.list_catBtn > li#cat03.btn--on span.wrap {
  background-image: url("../img/cat03--on.svg");
}
.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: 86%;
  font-weight: 700;
}
/**/
.list_article > li {
  margin: 0 .5% 20%;
}
.list_article > li .thumbnail {
  position: relative;
  overflow: hidden;
  height: 0;
  padding: 66.66% 0 0;
  margin: 0 0 5px;
}
.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 .thumbnail::after {
  content: '';
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
}
.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 .4s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list_article > li .textBox .time {
  font-size: 86%;
  color: #02388F;
  margin: 0 0 3%;
}
.list_article > li .textBox .title {
  font-size: 115%;
  font-weight: 700;
  transition: all .4s;
  padding: 1.2%;
  background: #02388F;
  color: #fff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.5;
  width: fit-content;
}
.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 .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);
}
.block_archive .list_article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block_archive .list_article > li {
  width: 48%;
  margin: 0 0 10%;
}
.block_archive .list_article > li .title {
  font-size: 100%;
}
/* == 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:focus, .slick-next:focus {
  opacity: .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: 130%;
  font-family: 'Shippori Mincho', sans-serif;
  font-weight: 700;
  line-height: 1;
  padding: 5px 0;
}
.slick-dots li button:focus {
  outline: none;
}
.block_sample .sildeWrap .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
}
.block_sample .sildeWrap .slick-dots .slick-active {
  border-bottom: solid 1px #02388F;
}
/* == header ============================================== */
header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}
header .h_logo {
  position: relative;
  z-index: 99;
  height: 52px;
  background: #fff;
}
header .h_logo a {
  display: block;
  width: 180px;
  height: 100%;
  background: url(../img/logo.svg) no-repeat;
  background-size: contain;
  transition: all .2s;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 120%;
}
header #menu-trigger {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  width: 52px;
  height: 100%;
  background: #02388F;
}
header #menu-trigger span {
  display: inline-block;
  background: #fff;
  width: 50%;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all .4s;
  transform-origin: center;
}
header #menu-trigger span:nth-child(1) {
  top: -18px;
}
header #menu-trigger span:nth-child(3) {
  bottom: -18px;
}
body.nav--open header #menu-trigger span:nth-child(1) {
  top: 0;
  transform: rotateZ(45deg);
}
body.nav--open header #menu-trigger span:nth-child(2) {
  opacity: 0;
}
body.nav--open header #menu-trigger span:nth-child(3) {
  bottom: 0;
  transform: rotateZ(-45deg);
}
header nav {
  position: absolute;
  left: 0;
  top: -100vh;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - 52px);
  background: #02388F;
  padding: 20px 0 60px;
  box-sizing: border-box;
  transition: all .4s;
}
body.nav--open header nav {
  top: 52px;
}
.list_mainNav {
  width: 85%;
  margin: auto;
}
.list_mainNav > li {
  position: relative;
}
.list_mainNav > li + li {
  border-top: solid 1px #fff;
}
.list_mainNav > li > a {
  font-weight: 700;
  color: #fff;
  display: block;
  font-size: 135.7%;
  padding: 15px 0;
  transition: all .2s;
  position: relative;
}
.list_mainNav > li.megaBase > a.accordion::before {
  content: '';
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 6px;
  margin: auto;
  transform: rotateZ(135deg);
  transition: all .4s;
}
.list_mainNav > li.megaBase > a.accordion.none::before {
  transform: rotateZ(-45deg);
}
header .list_catMenu {
  margin: 0 0 1.5em;
}
header .list_catMenu a {
  display: block;
  color: #fff;
  position: relative;
  font-size: 121.4%;
  font-weight: 700;
  padding: 5px 0 5px 1em;
}
/**/
header .h_links {
  margin: 30px 0 0;
}
header .h_links a {
  display: block;
  transition: all .2s;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 120%;
  width: 230px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
header .h_links .link01 a {
  background: url("../img/h_link01_sp.svg") no-repeat;
}
header .h_links .link02 {
  margin: 15px 0 0;
}
header .h_links .link02 a {
  background: url("../img/h_link02_sp.svg") no-repeat;
}
/* == footer ============================================== */
body.front_sus-opinion {
  margin: 52px 0 80px;
}
.side_fixed {
  position: fixed;
  z-index: 999;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #8B9ED1;
  padding: 14px 0;
}
.side_fixed a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 120%;
  width: 230px;
  height: 52px;
  margin: auto;
  background: url(../img/h_link02.svg) no-repeat;
  background-size: contain;
}
footer .area_fLink {
  background: #02388F;
  padding: 10% 0;
}
.list_fLink > li + li {
  border-top: solid 1px #fff;
}
.list_fLink > li a {
  color: #fff;
}
.list_fLink p.link_main + .link_main {
  border-top: solid 1px #fff;
}
.list_fLink p.link_main a {
  display: block;
  font-weight: 700;
  font-size: 130%;
  padding: 5% 3%;
}
.list_fSubLink {
  margin: 0 0 5%;
}
.list_fSubLink a {
  display: inline-block;
  font-size: 115%;
  padding: .2em 0 .2em 2em;
}
footer .fLinkWrap .f_otherLinks {
  width: 230px;
  margin: 5% auto 0;
}
footer .fLinkWrap .f_otherLinks > div {
  margin: 0 0 15px;
}
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 .area_copyright {
  padding: 10px 0 20px;
}
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 .2s;
}
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: 20% 0 0;
}
.block_mailTop .mailTop_title {
  position: absolute;
  left: 0;
  top: 3.5%;
  z-index: 10;
  width: 95%
}
.block_mailTop .mailTop_title h1 {
  display: block;
  line-height: 1;
  background: #02388F;
  font-size: 129%;
  color: #fff;
  padding: 1em 1em .8em .8em;
  letter-spacing: .06em;
}
.block_mailTop .mailTop_title h1 {
  transform: translateX(-101%);
  transition: transform .8s ease-out .8s;
}
.block_mailTop .mailTop_title p {
  display: inline-block;
  line-height: 1;
  background: #02388F;
  font-size: 129%;
  color: #fff;
  padding: .3em 1em 1em .8em;
  letter-spacing: .06em;
  margin: -2em 0 0;
}
.block_mailTop .mailTop_img {
  position: relative;
}
.block_mailTop .mailTop_img img {
  vertical-align: top;
}
.block_mailTop .mailTop_img .top_bnr {
  position: absolute;
  right: 2%;
  bottom: 2%;
  width: 52%;
}
.block_mailTop .mailTop_lead {
  width: 90%;
  margin: auto;
  padding: 5% 0 12%;
}
.block_mailTop .mailTop_lead .lead_text {
  color: #02388F;
  margin: 20px 0 0;
}
.block_mailTop .mailTop_lead .lead_text.text--big {
  font-size: 115%;
  margin: 0;
}
/*---------------------------*/
.block_memberLink {
  background: #E4E9F3;
  padding: 15% 0;
  margin: 0 0 5%;
  position: relative;
}
.block_memberLink .memberLinkWhite {
  width: 85vw;
  height: 85vw;
  background: #fff;
  border-radius: 50%;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
}
.block_memberLink .memberLinkWhite a {
  display: block;
  width: 100%;
  padding: 15vw 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: 200%;
  font-weight: 700;
  color: #02388F;
  display: inline-block;
  border-bottom: solid 2px #02388F;
  line-height: 1.3;
  letter-spacing: .17em;
}
.block_memberLink .memberLinkWhite span.memberLink_text {
  font-weight: 700;
  color: #02388F;
  display: block;
  margin: 10% 0 0;
}
/*---------------------------*/
.block_sample {
  padding: 10% 0;
}
.block_sample .area_search {
  margin: 0 0 15%;
}
.block_sample .area_search .sample_keyword {
  width: 90%;
  height: 40px;
  margin: 0 auto 12%;
  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 .2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.block_sample .area_search .sample_tags {
  position: relative;
  margin: 0 0 30%;
  border-top: solid 1px #02388F;
  padding: 10% 0 0;
}
.block_sample .area_search .sample_tags .tag_more {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 5;
  left: 0;
  bottom: -4em;
  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.none {
  display: none;
}
.block_sample .area_search .sample_tags .tag_more span {
  display: inline-block;
  font-size: 115%;
  font-weight: 700;
  color: #02388F;
  position: relative;
  padding: 0 40px 0 20px;
  cursor: pointer;
  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);
}
.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 .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: 18% 0 15%;
}
.block_case .title_center span.en {
  color: #8B9ED1;
}
.block_case .case_lead {
  text-align: center;
  font-size: 107%;
  font-weight: 700;
  color: #02388F;
  margin: -5% 0 5%;
}
.block_case .case_flex {
  position: relative;
  min-height: 440px;
}
.block_case .case_thumbnail {
  margin: 0 auto 8%;
}
.block_case .case_thumbnail img {
  vertical-align: top;
}
.block_case .case_textBox {}
.block_case .case_textBox .case_name {
  background: #02388F;
  color: #fff;
  font-size: 115%;
  font-weight: 700;
  padding: 0 10px;
  margin: 0 0 5%;
}
.block_case .case_textBox .case_text {
  color: #02388F;
  margin: 0 0 8%;
}
.block_case .case_flex .link_more {
  margin: 10% 0 0;
}
.block_case .case_flex .link_more a {
  font-size: 115%;
  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: .1em;
  transition: all .2s;
}
/*---------------------------*/
.block_magazineBtn {
  padding: 25% 0;
}
.btn_magazine {
  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);
}
.btn_magazine a {
  display: block;
  line-height: 1.5;
  font-size: 115%;
  color: #fff;
  letter-spacing: .17em;
  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);
  padding: 5% 0;
}
.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: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.btn_magazine.color--blue {
  background: #E4E9F3;
}
.btn_magazine.color--blue2 {
  background: #D3DDF1;
}
.btn_download {
  width: 200px;
  background: #02388F;
  text-align: center;
  margin: auto;
  clip-path: polygon(50% 0, 97% 0, 100% 18%, 100% 82%, 97% 100%, 3% 100%, 0 82%, 0 18%, 3% 0);
  transition: all .2s;
}
.btn_download a {
  display: block;
  line-height: 40px;
  color: #fff;
  position: relative;
}
/* == animation ==============================================*/
#page_mail header {
  top: -100px;
  transition: all .5s ease 1.8s;
}
#page_mail.page--open header, #page_mail header.active {
  top: 0;
}
.block_mailTop .mailTop_title {
  overflow: hidden;
}
.block_mailTop .mailTop_title h1 img {
  display: block;
  vertical-align: top;
  width: 100%;
  max-width: none;
}
.block_mailTop .mailTop_title p {
  transform: translateX(-101%);
  transition: transform .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 .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 .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 .8s ease 1.6s;
}
body.page--open .block_mailTop .top_bnr {
  opacity: 1;
  transform: translateY(0px);
}
/**/
.block_memberLink .memberLinkWhite.scroll--anime {
  transform: scale(.8);
  opacity: 0;
  transition: all .8s ease .3s;
}
.block_memberLink .memberLinkWhite.scroll--anime span.memberLink_title {
  transform: scale(.8);
  opacity: 0;
  transition: all .8s ease .5s;
}
.block_memberLink .memberLinkWhite.scroll--anime span.memberLink_text {
  transform: scale(.8);
  opacity: 0;
  transition: all .8s ease .7s;
}
.block_memberLink .memberLinkWhite.scroll--anime a::before {
  transform: translateY(-20px) scale(.5);
  opacity: 0;
  transition: all .8s ease .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 .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 {
  word-break: break-all;
}
.block_single .area_logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 4% 5px 2%;
}
.block_single .area_logo .single_logo {
  width: 200px;
  margin: 3%;
}
.block_single .area_logo .single_logo img {
  vertical-align: top;
  display: block;
}
.block_single .area_logo .single_date {
  color: #02388F;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  outline: none;
}
.block_single .area_top {
  position: relative;
  overflow: hidden;
  padding: 5% 0 12%;
}
.block_single .area_top::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../img/single_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #02388F;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
.block_single .area_top .inner {
  position: relative;
}
.block_single .area_top .page_title {
  font-size: 214%;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  margin: 0 0 5%;
}
.block_single .area_top .page_lead {
  font-size: 122%;
  color: #fff;
  margin: 0 0 8%;
  line-height: 1.75;
}
.list_catSingle {
  display: flex;
  flex-wrap: wrap;
}
.list_catSingle > li {
  width: 48%;
  background-color: #5E80C0;
  text-align: center;
  color: #02388F;
  line-height: 1.2;
  margin: 1%;
  box-sizing: border-box;
  padding: 2% 0 2% 15%;
  position: relative;
}
.list_catSingle > li::before {
  content: '';
  width: 40%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .6;
}
.list_catSingle > li.cat01::before {
  background-image: url(../img/cat01.svg);
  background-size: 2.8em auto;
}
.list_catSingle > li.cat02::before {
  background-image: url(../img/cat02.svg);
  background-size: 3.4em auto;
}
.list_catSingle > li.cat03::before {
  background-image: url(../img/cat03.svg);
  background-size: 3.5em auto;
}
.list_catSingle > li.cat04::before {
  background-image: url(../img/cat04.svg);
  background-size: 2em auto;
}
.list_catSingle > li span.jp {
  display: flex;
  font-size: 86%;
  font-weight: 700;
  margin: 0 0 1%;
  height: 2.4em;
  align-items: center;
  letter-spacing: 0;
  opacity: .6;
}
.list_catSingle > li span.jp span {
  display: block;
  width: 100%;
}
.list_catSingle > li span.en {
  display: block;
  font-size: 65%;
  font-weight: 600;
  line-height: 1.5;
  min-height: 3em;
  opacity: .6;
}
.block_single .list_catSingle {
  margin: 0 0 10%;
}
.block_single .area_top .spot_person {
  text-align: right;
  line-height: 1;
  margin: 0 0 6%;
}
.block_single .area_top .spot_person .position {
  font-size: 114%;
  font-weight: 700;
  color: #02388F;
  margin: 0 0 2%;
}
.block_single .area_top .spot_person .name {
  font-size: 129%;
  font-weight: 700;
  color: #02388F;
}
.block_single .area_top .spot_person span, .block_single .area_top .spot_person strong {
  display: inline-block;
  background: #fff;
  padding: 4px 6px;
}
.block_single .area_top .list_tags {
  text-align: left;
}
.block_single .area_top .list_tags > li {
  margin: 0.5em 0.2em;
}
.list_catSingle > li.active {
  background-color: #D3DDF1;
}
.list_catSingle > li.active::before {
  opacity: 1;
}
.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 .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 .8s;
}
body.page--open .block_single .area_top .inner {
  opacity: 1;
  transform: translateY(0);
}
/*-----------------*/
.block_single .area_spLink {
  padding: 10% 0;
}
.block_single .area_spLink .inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.block_single .area_spLink .inner::before {
  content: '';
  width: 2px;
  height: 100%;
  background: #02388F;
  position: absolute;
  left: 69%;
}
.block_single .area_spLink img {
  vertical-align: top;
}
.block_single .area_spLink .link_pdf {
  width: 59%;
}
.block_single .area_spLink .link_in {
  width: 20%;
  margin: 0 3% 0 0;
}
/*-----------------*/
.block_single .area_article {
  position: relative;
}
.block_single .article_summary {
  background: #E9EEF8;
  padding: 15% 0 12%;
  color: #02388F;
}
.block_single .article_summary .summary_title {
  font-size: 165%;
  font-weight: 700;
  margin: 0 0 4%;
}
.block_single .article_summary .summary_text {
  font-weight: 700;
  line-height: 2;
  padding: 0 0 0 1.2em;
  position: relative;
}
.block_single .article_summary .summary_text + .summary_text {
  margin: 6% 0 0;
}
.block_single .article_summary .summary_text::before {
  content: '';
  width: .6em;
  height: .6em;
  background: #02388F;
  position: absolute;
  left: 0;
  top: .9em;
  border-radius: 50%;
}
.block_single .article_summary .summary_text p + p {
  margin: 4% 0 0;
}
.block_single .article_summary .summary_text p strong {
  display: inline;
  font-weight: 800;
  padding: 0 0 3px;
}
.block_single .article_summary .summary_editor {
  background: #fff;
  padding: 8% 6% 4%;
  margin: 15% 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 4%;
}
.block_single .article_summary .summary_editor a {
  text-decoration: underline;
}
.block_single .article_mokuji {
  padding: 8% 0 0;
  margin: 0 0 6%;
}
.block_single .article_mokuji .mokuji_title {
  position: relative;
}
.block_single .article_mokuji .mokuji_title .title {
  font-size: 165%;
  font-weight: 700;
  color: #02388F;
  border-bottom: solid 1px #02388F;
  padding: .5em 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: 1.1em;
  cursor: pointer;
  transition: all .2s;
  font-size: 93%;
  padding: .4em 1.2em;
}
.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 .4s;
}
.block_single .article_mokuji .mokuji_title .btn_clip.active span::before {
  transform: rotateX(180deg);
}
/*------------------*/
.stickyWrap .aside_sticky {
  width: 90%;
  margin: 9% auto 1%;
}
.stickyWrap .aside_sticky .asideSet + .asideSet {
  margin: 10% 0 0;
}
.stickyWrap .asideSet .set_title {
  color: #fff;
  font-size: 122%;
  text-align: center;
  background: #02388F;
  padding: 2% 0;
  margin: 0 0 8%;
}
.list_articleAside {
  display: flex;
  flex-wrap: wrap;
}
.list_articleAside > li {
  width: 46%;
  margin: 0 2% 6%;
}
.list_articleAside .article_thumbnail {
  margin: 0 0 1%;
  overflow: hidden;
  height: 0;
  padding: 66% 0 0;
  position: relative;
}
.list_articleAside .article_thumbnail::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  border: solid 1px #02388F;
  pointer-events: none;
}
.list_articleAside .article_thumbnail img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: top;
}
.list_articleAside .article_time {
  font-weight: 600;
  color: #02388F;
}
.list_articleAside .article_title {
  font-size: 115%;
  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: 20px 0 25px;
  border-top: solid 1px #02388F;
  border-bottom: solid 1px #02388F;
}
.stickyWrap .asideSet .pdf_title {
  line-height: 1.4375;
  color: #02388F;
  font-weight: 700;
  margin: 0 0 12px;
}
.stickyWrap .asideSet .btn_clip {
  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: 0;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  transition: all .2s;
}
.stickyWrap .asideSet .btn_in {
  margin: 15px 0 0;
}
.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 .2s;
}
.stickyWrap .asideSet.set--tag {
  margin: 0 0 20%;
}
.list_asideTags {
  text-align: left;
}
.list_asideTags > li {
  display: inline-block;
  margin: 0 2px 6px;
}
.list_asideTags a {
  display: inline-block;
  background: #E4E9F3;
  color: #02388F;
  font-size: 94%;
  line-height: 1.5;
  padding: 3px 6px;
}
/*------------------*/
.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 .2s;
}
.block_single .area_article .toc_list > li > a {
  display: block;
  padding: .8em 0;
  font-size: 122%;
  font-weight: 700;
  color: #02388F;
}
.block_single .area_article .toc_list > li ul {
  margin: 0 0 1em 1em;
}
.block_single .area_article .toc_list > li ul li + li {
  margin: .5em 0 0;
}
.block_single .area_article .toc_list > li ul a {
  display: block;
  font-size: 108%;
  font-weight: 700;
  color: #02388F;
}
/*------------------*/
.block_single .article_wpEditor {
  margin: 0 0 12%;
}
.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: 150%;
  font-weight: 700;
  margin: 0 0 4%;
}
.block_single .article_wpEditor h2 span {
  display: block;
  padding: 15% 0 0;
}
.block_single .article_wpEditor h3 {
  color: #fff;
  font-size: 115%;
  margin: 10% 0 6%;
  line-height: 1.5;
}
.block_single .article_wpEditor h3 span {
  background: #02388F;
  padding: 3px 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.block_single .article_wpEditor h2 + h3 {
  margin: 0 0 30px;
}
.block_single .article_wpEditor h4 {
  color: #02388F;
  font-size: 125%;
  margin: 10% 0 6%;
  padding: 0 0 0 10px;
  border-left: solid 2px #02388F;
}
.block_single .article_wpEditor h5 {
  color: #02388F;
  font-size: 110%;
  margin: 10% 0 6%;
}
.block_single .article_wpEditor h6 {
  color: #02388F;
  margin: 10% 0 6%;
}
.block_single .article_wpEditor p {
  color: #02388F;
  line-height: 2.2;
}
.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 p + p {
  margin: 12px 0 0;
}
.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;
  line-height: 1.5;
}
.block_single .wp-block-quote > p {
  background: #02388F;
  color: #fff;
  padding: 2% 1%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 5em;
}
.block_single .wp-block-quote cite {
  background: #E4E9F3;
  padding: 2% 3%;
  color: #02388F;
  display: block;
  box-sizing: border-box;
  width: calc(100% - 5em);
  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;
  font-size: 80%;
  display: block;
}
.block_single .article_wpEditor .figure_att {
  font-size: 86%;
  font-weight: 600;
  margin: 3% 0 0;
}
.block_single .article_wpEditor .spot_hajime {
  margin: 0 0 8%;
}
.block_single .article_references {
  margin: 0 0 20%;
  color: #02388F;
  text-align: left;
}
.block_single .article_references .references_title {
  font-weight: 700;
  margin: 0 0 5%;
}
.list_references > li {
  padding: 0 0 0 1em;
  font-size: 86%;
  position: relative;
}
.list_references > li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #02388F;
  position: absolute;
  left: 0;
  top: .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 20%;
  color: #02388F;
  text-align: left;
}
.block_single .article_relation .relation_title {
  font-weight: 700;
  margin: 0 0 5%;
}
.list_relation li {
  padding: 0 0 0 1em;
  position: relative;
  font-size: 93%;
}
.list_relation > li::before {
  content: '';
  width: .6em;
  height: .6em;
  border-radius: 50%;
  background: #02388F;
  position: absolute;
  left: 0;
  top: .6em;
}
.list_relation > li + li {
  margin: 20px 0 0;
}
/*------------------*/
.block_single .area_leader {
  background: #E4E9F3;
  padding: 10% 0;
}
.block_single .area_leader .inner {
  box-sizing: border-box;
}
.block_single .area_leader .leader_section {
  margin: 0 0 10%;
  line-height: 1;
}
.block_single .area_leader .leader_section span.en {
  display: block;
  font-size: 215%;
  color: #02388F;
  margin: 0 0 6%;
  letter-spacing: .04em;
}
.block_single .area_leader .leader_section span.jp {
  display: block;
  background: #02388F;
  color: #fff;
  padding: 2.5px 8px;
}
.block_single .area_leader .leaderWrap {
  position: relative;
}
.block_single .area_leader .leaderWrap + .leaderWrap {
  margin: 12% 0 0;
}
.block_single .area_leader .leaderWrap .leader_imgBox {
  position: absolute;
  right: 0;
  top: 0;
  width: 48%;
  height: 0;
  padding: 61% 0 0;
  overflow: hidden;
}
.block_single .area_leader .leaderWrap .leader_imgBox img {
  position: absolute;
  left: 0;
  top: 0;
}
.block_single .area_leader .leaderWrap .boxTitle {
  color: #02388F;
  width: 45%;
  min-height: 60vw;
}
.block_single .area_leader .leaderWrap .boxTitle .title_position {
  font-size: 107%;
  font-weight: 700;
  margin: 0 0 3%;
}
.block_single .area_leader .leaderWrap .boxTitle .title_name {
  font-weight: 700;
}
.block_single .area_leader .leaderWrap .boxTitle .title_name span.jp {
  font-size: 129%;
  display: block;
}
.block_single .area_leader .leaderWrap .boxTitle .title_name span.en {
  font-size: 79%;
  display: block;
}
.block_single .area_leader .leaderWrap .boxText {
  color: #02388F;
  line-height: 2;
  font-size: 86%;
}
.block_single .area_leader .btn_magazine {
  margin: 10% auto 0;
}
.block_single .area_leader .btn_in {
  width: 90px;
  margin: 15% 0 0;
}
/*------------------*/
.block_single .area_download {
  padding: 15% 0;
}
.block_single .area_download .downloadWaku {
  width: 85vw;
  height: 85vw;
  box-sizing: border-box;
  border: solid 2px #02388F;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  margin: auto;
}
.block_single .area_download .downloadWaku .wrap {
  width: 100%;
}
.block_single .area_download .downloadWaku .download_text {
  font-size: 115%;
  color: #02388F;
  padding: 0 0 40px;
  background: url("../img/arrow01.svg") no-repeat;
  background-size: 16px auto;
  background-position: center bottom 20px;
}
/*------------------*/
.block_guidance {
  padding: 15% 0;
  background: #D3DDF1;
}
.block_guidance .guidance_title {
  line-height: 1;
  margin: 0 0 6%;
  text-align: center;
}
.block_guidance .guidance_title span.en {
  display: block;
  color: #8B9ED1;
  font-size: 330%;
  font-weight: 700;
  margin: 0 0 3%;
}
.block_guidance .guidance_title span.jp {
  display: block;
  font-size: 129%;
  font-weight: 700;
  color: #02388F;
}
.block_guidance .guidance_lead {
  font-size: 115%;
  font-weight: 700;
  color: #02388F;
  line-height: 2;
  margin: 0 0 10%;
}
.block_guidance .guidance_att {
  font-weight: 700;
  color: #02388F;
  margin: 10% 0 0;
  font-size: 86%;
}
/**/
.block_guidanceSlim {
  padding: 3% 0 20%;
}
.block_guidanceSlim .guidance_title {
  line-height: 1;
  margin: 0 0 6%;
  text-align: center;
}
.block_guidanceSlim .guidance_title span.en {
  display: block;
  color: #8B9ED1;
  font-size: 330%;
  font-weight: 700;
  margin: 0 0 3%;
}
.block_guidanceSlim .guidance_title span.jp {
  display: block;
  font-size: 129%;
  font-weight: 700;
  color: #02388F;
}
.block_guidanceSlim .guidance_lead {
  font-size: 115%;
  font-weight: 700;
  color: #02388F;
  line-height: 2;
  margin: 0 0 10%;
  text-align: center;
}
.block_guidanceSlim .guidance_att {
  font-weight: 700;
  color: #02388F;
  margin: 10% 0 0;
  font-size: 80%;
}
/*------------------*/
.block_statement {
  padding: 13% 0;
  background-image: url(../img/single_bg02.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  background-color: #02388F;
  color: #fff;
}
.block_statement .statement_title {
  line-height: 1.2;
  margin: 0 0 10%;
  text-align: center;
}
.block_statement .statement_title span.en {
  display: block;
  font-size: 250%;
  margin: 0 0 3%;
}
.block_statement .statement_title span.jp {
  display: block;
  font-size: 108%;
}
.block_statement .statement_lead {
  font-size: 150%;
  margin: 0 0 3%;
  text-align: center;
}
.block_statement .statement_text {
  line-height: 2.3;
  text-align: center;
}
/* ====== 
page-name #archive
======*/
.block_archive {
  word-break: break-all;
}
.block_archive .area_archiveTitle {
  padding: 15% 0 18%;
}
.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 .stickyWrap .area_contents {
  padding: 0 0 15%;
}
.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 .4s;
}
.block_archive .pager a.prev {
  background-image: url("../img/page_prev.svg");
}
.block_archive .area_tagAll {
  margin: 0 0 20%;
}
.block_archive .area_tagAll .btn_magazine {
  margin: 15% auto 0;
}
/* ====== 
page-name #archive
======*/
.parts_bread .inner {
  width: 100%;
  margin: auto;
  padding: 0 4% 15px;
  box-sizing: border-box;
  font-size: 75%;
  color: #666;
}
.parts_bread span[typeof="ListItem"] {
  padding: 0 3px;
}
.block_back {
  width: 85%;
  margin: auto;
  padding: 16% 0;
}
/* ====== 
page-name #aboutOpinion
======*/
.block_aboutOpinion .area_top {
  background: url(../img/about/bg01_sp.webp) no-repeat center top;
  background-size: cover;
  padding: 12% 0;
}
.block_aboutOpinion .area_top .opinion_en {
  font-size: 329%;
  font-weight: 700;
  line-height: 1;
  color: #D3DDF1;
  letter-spacing: .06em;
  margin: 0 0 1%;
}
.block_aboutOpinion .area_top .opinion_title {
  line-height: 1.2;
  text-align: left;
  margin: 0 0 8%;
}
.block_aboutOpinion .area_top .opinion_title span {
  display: inline-block;
  background: #023893;
  color: #fff;
  font-size: 170%;
  font-weight: 700;
  padding: 2%;
  margin: 3.5% 0 0;
}
.block_aboutOpinion .area_top .opinion_lead {
  color: #02388F;
  font-size: 105%;
  line-height: 2.5;
  margin: 0 0 15%;
  letter-spacing: 0;
}
.block_aboutOpinion .area_top .opinion_lead p + p {
  margin: 10% 0 0;
}
.block_aboutOpinion .area_top .opinion_lead a {
  display: inline-block;
  border-bottom: solid 1px #02388F;
  line-height: 1.5;
  transition: all .2s;
}
.block_aboutOpinion .dl_opinionsIcon dt {
  color: #02388F;
  font-size: 115%;
  font-weight: 700;
  margin: 0 0 15% 0;
  text-indent: -1.2em;
  padding: 0 0 0 1em;
}
.block_aboutOpinion .dl_opinionsIcon ul li {
  background: #02388F;
  color: #fff;
  text-align: center;
  padding: 6% 0;
  margin: 0 0 10%;
}
.block_aboutOpinion .dl_opinionsIcon ul li span {
  display: block;
  font-size: 121.28%;
  padding: 29% 0 0;
  background-repeat: no-repeat;
  background-size: 28% 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: 15% 0;
}
.block_aboutOpinion .area_guidance .guidance_title {
  text-align: center;
  line-height: 1;
  margin: 0 0 8%;
}
.block_aboutOpinion .area_guidance .guidance_title span.en {
  display: block;
  color: #8B9ED1;
  font-size: 328.6%;
  margin: 0 0 5%;
}
.block_aboutOpinion .area_guidance .guidance_title span.jp {
  color: #023893;
  font-size: 128.6%;
}
.block_aboutOpinion .area_guidance .guidance_lead {
  text-align: center;
  font-size: 108%;
  font-weight: 700;
  margin: 0 0 12%;
  line-height: 2;
  color: #023893;
}
.block_aboutOpinion .btn_magazine.color--blue {
  background: #D3DDF1;
}
.block_aboutOpinion .area_relations {
  padding: 16% 0 20%;
}
.block_aboutOpinion .dl_relations {
  color: #02388F;
}
.block_aboutOpinion .dl_relations + .dl_relations {
  margin: 15% 0 0;
}
.block_aboutOpinion .dl_relations dt {
  font-weight: 700;
  margin: 0 0 3%;
}
.block_aboutOpinion .dl_relations dt a {
  transition: all .2s;
  border-bottom: solid 1px #02388F;
  padding: .3% 0;
}
.block_aboutOpinion .dl_relations ul {
  margin: 0 0 0 1.2em;
}
.block_aboutOpinion .dl_relations ul li {
  font-weight: 700;
  padding: 1.5% 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(20px);
  transition: all 1s ease .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(20px);
  transition: all 1s ease .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(20px);
  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: 12% 0 20%;
}
.block_sus-opinion_login .form_wrap {
  border: solid 2px #02388F;
  padding: 8% 0 12%;
  text-align: center;
}
.block_sus-opinion_login .form_wrap .login_input {
  margin: 0 0 10%;
}
.block_sus-opinion_login .form_wrap .login_input span {
  display: 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;
  padding: 15px 0;
}
.block_sus-opinion_login .form_wrap .login_alert{
	margin: 30px 0 0;
	display: none;
}