@charset "UTF-8";
html .magazine i {
  font-style: italic;
}
html .magazine sub {
  font-size: 80%;
}
html .magazine .tac {
  display: block;
  text-align: center;
}
html .magazine small {
  font-size: 0.8em;
}
html .magazine .tal {
  text-align: left;
}
html .magazine .tar {
  text-align: right;
}
html .magazine .fwb {
  line-height: 1.4;
  font-weight: bold;
}
html .magazine .fwr {
  font-weight: 400;
}
html .magazine strong, html .magazine .strong {
  font-size: 1.4rem;
}
html .magazine .fs01 {
  font-size: 1.1rem;
}
html .magazine .fs02 {
  font-size: 1.2rem;
}
html .magazine .fs03 {
  font-size: 1.3rem;
}
html .magazine .fsb {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
}
html .magazine .fwn {
  font-size: 1rem;
}
html .magazine .auto {
  margin: auto;
}
html .magazine .mt0 {
  margin-top: 0;
}
html .magazine .mt1 {
  margin-top: 1rem;
}
html .magazine .mt2 {
  margin-top: 2rem;
}
html .magazine .mt3 {
  margin-top: 3rem;
}
html .magazine .mt4 {
  margin-top: 4rem;
}
html .magazine .mb0 {
  margin-bottom: 0;
}
html .magazine .mb1 {
  margin-bottom: 1rem;
}
html .magazine .mb1-5 {
  margin-bottom: 0.5rem;
}
html .magazine .mb2 {
  margin-bottom: 2rem;
}
html .magazine .mb3 {
  margin-bottom: 3rem;
}
html .magazine .mb4 {
  margin-bottom: 4rem;
}
html .magazine .underline {
  text-decoration: underline;
  text-underline-offset: 1px;
}
html .magazine figure[class*=mainImg-] {
  margin: 2rem auto;
}
html .magazine .w-full {
  width: 100%;
}
html .magazine .mainImg-90 {
  width: 90%;
}
html .magazine .mainImg-80 {
  width: 80%;
}
html .magazine .mainImg-70 {
  width: 70%;
}
html .magazine .mainImg-60 {
  width: 60%;
}
html .magazine .mainImg-50 {
  width: 50%;
}
html .magazine .mainImg-40 {
  width: 40%;
}
html .magazine .mainImg-30 {
  width: 30%;
}
html .magazine .mainImg-20 {
  width: 20%;
}
html .magazine .mainImg-10 {
  width: 10%;
}
html .magazine .imgRight {
  margin-right: 0 !important;
}
html .magazine .imgLeft {
  margin-left: 0 !important;
}
@media only screen and (max-width: 767px) {
  html .magazine .sp-w-80 {
    margin: auto;
    width: 80% !important;
  }
}
html .magazine .nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  html .magazine .mainImg-90, html .magazine .mainImg-80, html .magazine .mainImg-70,
html .magazine .mainImg-60, html .magazine .mainImg-50, html .magazine .mainImg-40, html .magazine .mainImg-30 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  html .magazine .mainImg-sp-50 {
    width: 60%;
  }
  html .magazine .mainImg-sp-60 {
    width: 60%;
  }
  html .magazine .mainImg-sp-70 {
    width: 70%;
  }
  html .magazine .mainImg-sp-80 {
    width: 80%;
  }
  html .magazine .mainImg-sp-90 {
    width: 90%;
  }
}
html .magazine .mainColor {
  color: #009bdd;
}
html .magazine .bgBlue {
  background: #e8f4fa;
  padding: 1rem;
}
html .magazine .bgPurple {
  background: #a837a8;
  padding: 1rem;
  color:#fff;
}
html .magazine .small {
  font-size: 0.8em;
}
html .magazine .color-gray {
  color: #999999;
}
html .magazine .color-red {
  color: #FF0000;
}
html .magazine .color-blue {
  color: #0000ff;
}
html .magazine .color-green {
  color: #00a746;
}
html .magazine .color-pink {
  color: #ff00ff;
}
html .magazine .color-brown {
  color: #8e4d1c;
}
html .magazine .color-orange {
  color: #FF9902;
}
html .magazine .color-beige
{
  color:#f0a487;
}
html .magazine .float-clear {
  clear: both;
}
html .magazine .bg-yellow {
  background-color: #ffff00;
  padding: 0.1em 0.4em;
}
html .magazine .t-indent {
  text-indent: -1em;
  padding-left: 1em;
}
html .magazine .t-palt {
  font-feature-settings: "palt";
}

.magazine {
  padding-top: 5rem;
}
@media only screen and (max-width: 767px) {
  .magazine {
    padding-top: 13.03781vw;
  }
}
.magazine h2, .magazine h3, .magazine h4, .magazine h5, .magazine h6 {
  margin-bottom: 1rem;
}
.magazine p, .magazine ul li {
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .magazine p, .magazine ul li {
    font-size: 1rem;
    line-height: 1.5714285714rem;
  }
}
.magazine p.type01, .magazine ul li.type01 {
  margin-bottom: 0;
}
.magazine a {
  transition: all ease-in-out 0.3s;
}
.magazine a:hover {
  opacity: 0.7;
}
.magazine figure {
  margin-bottom: 1rem;
}
.magazine figcaption {
  margin-top: 0.4rem;
  line-height: 1.35;
}
.magazine .inner_inner {
  max-width: 1000px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .magazine .inner_inner {
    max-width: 89.56975vw;
  }
}
.magazine .magazine-title01 {
  background: #e8f4fa;
  border-bottom: solid 1px #e6e6e6;
  border-top: solid 1px #e6e6e6;
  color: #009bdd;
  font-size: 2.25rem;
  font-weight: 700;
  height: 6.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title01 {
    font-size: 1.6428571429rem;
    line-height: 2.2857142857rem;
    height: 5.8571428571rem;
    margin-bottom: 2.8571428571rem;
  }
}
.magazine .magazine-title01.lines-2 {
  line-height: 3.125rem;
  height: 8.75rem;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title01.lines-2 {
    font-size: 1.2857142857rem;
    line-height: 1.9285714286rem;
    height: 7.1428571429rem;
  }
}
.magazine .magazine-title01.lines-2-small {
  line-height: 2.25rem;
  height: 7.5rem;
}
.magazine .magazine-title01.lines-2-small.minheight {
  height: 6.25rem;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title01.lines-2-small.minheight {
    height: 4.2857142857rem;
  }
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title01.lines-2-small {
    font-size: 1.2857142857rem;
    line-height: 1.5714285714rem;
    height: 5.7142857143rem;
  }
}
.magazine .magazine-title01.lines-3 {
  line-height: 3.125rem;
  height: 11.25rem;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title01.lines-3 {
    font-size: 1.2857142857rem;
    line-height: 1.9285714286rem;
    height: 8.5714285714rem;
  }
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title01.sp-lines-3 {
    font-size: 1.2857142857rem;
    line-height: 1.9285714286rem;
    height: 8.5714285714rem;
  }
}
.magazine .magazine-title01.lines-4 {
  line-height: 3.125rem;
  height: 13.75rem;
}
.magazine .magazine-title01.lines-4 small {
  display: block;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title01.lines-4 {
    font-size: 1.2857142857rem;
    line-height: 1.9285714286rem;
    height: 8.5714285714rem;
  }
}
.magazine .magazine-title01.red {
  background-color: #fee;
  color: #f8102e;
}
.magazine .magazine-title01.green {
  background-color: #94bc69;
  color: #fff;
}
.magazine .magazine-title01.gray {
  background-color: #999999;
  color: #000;
}
.magazine .magazine-title01 > br.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title01 > br.sp {
    display: block;
  }
}
.magazine .magazine-title01 > p {
  margin-bottom: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.magazine .magazine-title01 > p span {
  font-size: 0.8em;
}
.magazine .magazine-title01 small {
  font-size: 0.7em;
  line-height: 0.6em;
}
.magazine .magazine-title02 {
  position: relative;
  border-bottom: 1px #cccccc solid;
  color: #009bdd;
  font-size: 1.75rem;
  line-height: 2.5rem;
  font-weight: 700;
  margin: 3.75rem 0 2.5rem 0;
  padding-bottom: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title02 {
    font-size: 1.4285714286rem;
    line-height: 2rem;
    margin: 2.6785714286rem 0 2.1428571429rem 0;
  }
}
.magazine .magazine-title02:after {
  content: "";
  position: absolute;
  background: #009bdd;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title02:after {
    width: 45%;
  }
}
.magazine .magazine-title02.red {
  color: #f8102e;
}
.magazine .magazine-title02.red:after {
  background: #f8102e;
}
.magazine .magazine-title02 > br.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title02 > br.sp {
    display: block;
  }
}
.magazine .magazine-title03 {
  position: relative;
  color: #009bdd;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title03 {
    font-size: 1.2857142857rem;
    line-height: 1.8571428571rem;
    margin-bottom: 1.4285714286rem;
  }
}
.magazine .magazine-title03.red {
  color: #f8102e;
}
.magazine .magazine-title03.green {
  color: #94bc69;
}
.magazine .magazine-title03.black {
  color: #000;
}
.magazine .magazine-title03 > br.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-title03 > br.sp {
    display: block;
  }
}
.magazine .magazine-title04 {
  font-size: 1.375rem;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 1.2rem;
}
.magazine .magazine-title05.right {
  text-align: right;
}
.magazine .magazine-title05 span {
  display: inline-block;
  background-color: #94bc69;
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 1rem;
  padding: 0.625rem 1.25rem;
}
.magazine .emphasis {
  color: #f8102e;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
}
.magazine .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .magazine .flex .flex-first {
    order: -1 !important;
    margin-bottom: 1rem !important;
  }
}
.magazine .flex .flex-txt {
  width: 55%;
}
@media only screen and (max-width: 767px) {
  .magazine .flex .flex-txt {
    margin-bottom: 0rem;
    width: 100%;
    order: 2;
  }
}
.magazine .flex .flex-img {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .magazine .flex .flex-img {
    margin-bottom: 1rem;
    width: 100%;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .magazine .flex .flex-img.last {
    order: 5;
  }
}
.magazine .flex .flex-img.w80 img {
  display: block;
  margin: auto;
  width: 80%;
}
.magazine .flex .flex-img.w70 img {
  display: block;
  margin: auto;
  width: 70%;
}
.magazine .flex .flex-img figcaption {
  margin-top: 0.4rem;
  text-align: center;
}
.magazine .flex.flex-img figure {
  width: 49%;
}
.magazine .flex.flex-img.img-sp-row figure {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .magazine .flex.flex-img.img-sp-row figure {
    width: 49%;
  }
}
.magazine .flex.max .flex-txt {
  width: 100%;
}
.magazine .flex.max .flex-img {
  width: 100%;
}
.magazine .flex.type02 .flex-txt {
  width: 70%;
}
@media only screen and (max-width: 767px) {
  .magazine .flex.type02 .flex-txt {
    width: 100%;
  }
}
.magazine .flex.type02 .flex-img {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .magazine .flex.type02 .flex-img {
    width: 100%;
  }
}
.magazine .flex.type03 .flex-txt {
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .magazine .flex.type03 .flex-txt {
    width: 100%;
  }
}
.magazine .flex.type03 .flex-img {
  width: 15%;
}
@media only screen and (max-width: 767px) {
  .magazine .flex.type03 .flex-img {
    margin: 1rem auto 0;
    width: 40%;
  }
}
.magazine .flex .flex-content {
  width: 49%;
}
@media only screen and (max-width: 767px) {
  .magazine .flex .flex-content {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .magazine .flex .flex-content:not(:nth-last-of-type(-n+2)) {
    margin-bottom: 1.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .magazine .flex .flex-content:not(:last-of-type) {
    margin-bottom: 1.7857142857rem;
  }
}
.magazine .flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.magazine .list01 {
  margin-bottom: 1em;
}
.magazine .list01 li {
  position: relative;
  padding-left: 1.4em;
  margin: 0;
  line-height: 1.6;
}
.magazine .list01 li::before {
  content: "";
  position: absolute;
  height: 0.6428571429rem;
  width: 0.3571428571rem;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  display: inline-block;
  left: 0.4rem;
  top: 0.5rem;
  transform: rotateZ(45deg);
}
.magazine .magazine-list {
  margin-bottom: 1rem;
}
.magazine .magazine-list li {
  line-height: 1.9;
  margin-left: 1em;
  text-indent: -1em;
}
.magazine .magazine-list li::before {
  content: "○";
}
.magazine .magazine-list.li-mb0 li {
  margin-bottom: 0;
}
.magazine .magazine-list.type02 {
  color: #009bdd;
}
.magazine .magazine-list.type02::before {
  color: #009bdd;
}
.magazine .magazine-list.type03 li::before {
  content: "・";
}
.magazine .gallery {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 2rem 0;
}
@media only screen and (max-width: 767px) {
  .magazine .gallery {
    gap: 1rem;
  }
}
.magazine .gallery.rows03 {
  justify-content: flex-start;
  gap: 2rem 2%;
}
@media only screen and (max-width: 767px) {
  .magazine .gallery.rows03 {
    gap: 1rem;
  }
}
.magazine .gallery.rows03 figure {
  width: 32%;
}
@media only screen and (max-width: 767px) {
  .magazine .gallery.rows03 figure {
    width: 100%;
  }
}
.magazine .gallery figure {
  margin-bottom: 0;
  width: 48%;
}
@media only screen and (max-width: 767px) {
  .magazine .gallery figure {
    width: 100%;
  }
}
.magazine .gallery figcaption {
  text-align: center;
}
.magazine .floar-content {
  margin-top: 2rem;
}
.magazine .floar-content .float-right {
  float: right;
  margin: 0 0 1rem 1rem;
}
@media only screen and (max-width: 767px) {
  .magazine .floar-content .float-right {
    float: unset;
    margin: 2rem auto;
  }
}
.magazine .floar-content .float-left {
  float: left;
  margin: 0 1rem 1rem 0;
}
@media only screen and (max-width: 767px) {
  .magazine .floar-content .float-left {
    float: unset;
    margin: 2rem auto;
  }
}
.magazine .blueLink {
  color: #009bdd;
  -webkit-text-decoration: #009bdd;
          text-decoration: #009bdd;
  text-decoration: underline;
}
.magazine .magazine-sec {
  margin-bottom: 3.75rem;
}
.magazine .magazine-sec .interview-txt:not(:last-of-type) {
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-sec .interview-txt:not(:last-of-type) {
    margin-bottom: 1.7857142857rem;
  }
}
@media only screen and (max-width: 767px) {
  .magazine .magazine-sec {
    margin-bottom: 3.5714285714rem;
  }
}
@media only screen and (max-width: 767px) {
  .magazine .talbe-wrap {
    overflow-y: scroll;
  }
}
.magazine .talbe-wrap th {
  text-align: center;
}
.magazine .talbe-wrap th, .magazine .talbe-wrap td {
  padding: 1rem;
  border: 1px solid #000;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .magazine .talbe-wrap th, .magazine .talbe-wrap td {
    font-size: 1rem;
    line-height: 1.5714285714rem;
  }
}
.magazine-movie {
  position: relative;
  margin-bottom: 1rem;
  padding-top: 45%;
  width: 80%;
  margin: auto auto 1rem;
}
@media only screen and (max-width: 767px) {
  .magazine-movie {
    padding-top: 56.25%;
    width: 100%;
  }
}
.magazine-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.magazine .terms-list {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.7;
}
.magazine .terms-list dt {
  width: 10%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .magazine .terms-list dt {
    width: 17%;
  }
}
.magazine .terms-list dt::before {
  content: "：";
  position: absolute;
  right: 0;
}
.magazine .terms-list dd {
  width: 83%;
  margin-bottom: 0.5rem;
}

.bnr-area__wrapper {
	display: flex;
	justify-content: center;
	gap: 1rem 2%;
}
@media print, screen and (min-width: 768px) {
	.bnr-area__wrapper {
		padding: 0 10%;
	}
}
@media only screen and (max-width: 767px) {
	.bnr-area__wrapper {
		flex-wrap: wrap;
	}
}
@media print, screen and (min-width: 768px) {
	.bnr-area__item {
		width: 48%;
	}
}
.bnr-area__item.request {
	display: none;
}
.bnr-area__item figure {
	margin: 0;
}

.yoimane .bnr-area__item.request {
	display: block;
}
html .magazine figure.img_arrow
{
	width:40px;
	margin: 0 auto;
}
@media only screen and (max-width: 767px)
{
	html .magazine .mb_off
	{
		display: none;
	}
	html .magazine .tac.mb_left
	{
		text-align: left;
	}
}