@charset "UTF-8";
/** {
 margin: 0;
 padding: 0;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 -webkit-box-shadow: none;
 box-shadow: none;
 outline: none
}
*:before, *:after {
 box-sizing: border-box
}
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section, a, span {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
 margin: 0;
 padding: 0
}
address, caption, cite, code, dfn, em, th, var {
 font-style: normal;
 font-weight: 400
}
table {
 border-collapse: collapse;
 border-spacing: 0
}
q:before, q:after {
 content: ""
}
object, embed {
 vertical-align: top
}
hr, legend {
 display: none;
 border: none
}
abbr, acronym, fieldset {
 border: 0
}
tr, th, td, caption {
 vertical-align: top;
 font-style: normal;
 font-weight: 400;
 text-align: left
}
ol, ul {
 list-style: none
}

h1, h2, h3, h4, h5, h6 {
 font-style: normal;
 font-weight: 400;
 font-size: 100%
}
img {
 border: 0;
 font-size: 0;
 line-height: 0;
 vertical-align: bottom
}
*/
#wrap {
 position: relative;
 /*overflow: hidden*/
}
.readingglasses {
 margin-inline: auto;
 color: #404040;
 line-height: 1.6;
 font-size: 15px;
 font-weight: 400;
 font-family: YakuHanJPs, Noto Sans JP, 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS P Gothic, Verdana, Arial, Helvetica, sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width: 768px) {
 .readingglasses {
  font-size: 3.3816425121vw
 }
}
.readingglasses a {
 color: #404040;
 text-decoration: none
}
.readingglasses img {
 max-width: 100%;
 vertical-align: bottom
}
@media only screen and (min-width: 769px) {
 .readingglasses .SP {
  display: none !important
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .PC {
  display: none !important
 }
}
.u-ff-mont {
 font-family: Montserrat, sans-serif
}
.u-fz-13 {
 font-size: 1.3rem
}
.u-sup {
 font-size: 1rem;
 vertical-align: .35rem
}
.u-lh-min {
 line-height: 1.7
}
.u-bold {
 font-weight: 700
}
.u-mid {
 font-weight: 500
}
.u-color-red {
 color: #e03024
}
.u-hidden {
 display: none !important
}
.u-no-click {
 pointer-events: none
}
.u-base-fit {
 width: 100%
}
.u-align-center {
 text-align: center
}
.u-underline, .u-link-underline {
 text-decoration: underline
}
@media (hover: hover) {
 .u-link-underline:hover {
  text-decoration: none
 }
}
@media (hover: hover) {
 .u-hv-underline:hover {
  text-decoration: underline
 }
}
.u-text, .m-text-img-item__text {
 line-height: 3rem;
 letter-spacing: .032em;
 text-align: justify
}
@media only screen and (max-width: 768px) {
 .u-text, .m-text-img-item__text {
  line-height: 2.8rem;
  letter-spacing: .05em
 }
}
.u-note-fz {
 font-size: 1.1rem
}
.u-img-100 {
 width: 100%;
 height: auto;
 display: block
}
.u-img-cover {
 width: 100%;
 height: 100%;
 object-fit: cover
}
.u-mt-05 {
 margin-top: .5em !important
}
.u-mb-05 {
 margin-bottom: .5em !important
}
.u-mt-1 {
 margin-top: 1em !important
}
.u-mt-2 {
 margin-top: 2em !important
}
.u-mt-3 {
 margin-top: 3em !important
}
.u-mt-4 {
 margin-top: 4em !important
}
.u-mt-5 {
 margin-top: 5em !important
}
.u-mt-6 {
 margin-top: 6em !important
}
.u-mt-7 {
 margin-top: 7em !important
}
.u-mt-8 {
 margin-top: 8em !important
}
.u-mt-9 {
 margin-top: 9em !important
}
.u-mt-10 {
 margin-top: 10em !important
}
.u-mt-11 {
 margin-top: 11em !important
}
.u-mt-12 {
 margin-top: 12em !important
}
.u-mt-13 {
 margin-top: 13em !important
}
.u-mt-14 {
 margin-top: 14em !important
}
.u-mt-15 {
 margin-top: 15em !important
}
.u-mt-16 {
 margin-top: 16em !important
}
.u-mt-17 {
 margin-top: 17em !important
}
.u-mt-18 {
 margin-top: 18em !important
}
.u-mt-19 {
 margin-top: 19em !important
}
.u-mt-20 {
 margin-top: 20em !important
}
.u-mt-21 {
 margin-top: 21em !important
}
.u-mt-22 {
 margin-top: 22em !important
}
.u-mt-23 {
 margin-top: 23em !important
}
.u-mt-24 {
 margin-top: 24em !important
}
.u-mt-25 {
 margin-top: 25em !important
}
.u-mt-26 {
 margin-top: 26em !important
}
.u-mt-27 {
 margin-top: 27em !important
}
.u-mt-28 {
 margin-top: 28em !important
}
.u-mt-29 {
 margin-top: 29em !important
}
.u-mt-30 {
 margin-top: 30em !important
}
.u-mt-31 {
 margin-top: 31em !important
}
.u-mt-32 {
 margin-top: 32em !important
}
.u-mt-33 {
 margin-top: 33em !important
}
.u-mt-34 {
 margin-top: 34em !important
}
.u-mt-35 {
 margin-top: 35em !important
}
.u-mt-36 {
 margin-top: 36em !important
}
.u-mt-37 {
 margin-top: 37em !important
}
.u-mt-38 {
 margin-top: 38em !important
}
.u-mt-39 {
 margin-top: 39em !important
}
.u-mt-40 {
 margin-top: 40em !important
}
.u-mt-41 {
 margin-top: 41em !important
}
.u-mt-42 {
 margin-top: 42em !important
}
.u-mt-43 {
 margin-top: 43em !important
}
.u-mt-44 {
 margin-top: 44em !important
}
.u-mt-45 {
 margin-top: 45em !important
}
.u-mt-46 {
 margin-top: 46em !important
}
.u-mt-47 {
 margin-top: 47em !important
}
.u-mt-48 {
 margin-top: 48em !important
}
.u-mt-49 {
 margin-top: 49em !important
}
.u-mt-50 {
 margin-top: 50em !important
}
.u-mb-1 {
 margin-bottom: 1em !important
}
.u-mb-2 {
 margin-bottom: 2em !important
}
.u-mb-3 {
 margin-bottom: 3em !important
}
.u-mb-4 {
 margin-bottom: 4em !important
}
.u-mb-5 {
 margin-bottom: 5em !important
}
.u-mb-6 {
 margin-bottom: 6em !important
}
.u-mb-7 {
 margin-bottom: 7em !important
}
.u-mb-8 {
 margin-bottom: 8em !important
}
.u-mb-9 {
 margin-bottom: 9em !important
}
.u-mb-10 {
 margin-bottom: 10em !important
}
.u-mb-11 {
 margin-bottom: 11em !important
}
.u-mb-12 {
 margin-bottom: 12em !important
}
.u-mb-13 {
 margin-bottom: 13em !important
}
.u-mb-14 {
 margin-bottom: 14em !important
}
.u-mb-15 {
 margin-bottom: 15em !important
}
.u-mb-16 {
 margin-bottom: 16em !important
}
.u-mb-17 {
 margin-bottom: 17em !important
}
.u-mb-18 {
 margin-bottom: 18em !important
}
.u-mb-19 {
 margin-bottom: 19em !important
}
.u-mb-20 {
 margin-bottom: 20em !important
}
.u-mb-21 {
 margin-bottom: 21em !important
}
.u-mb-22 {
 margin-bottom: 22em !important
}
.u-mb-23 {
 margin-bottom: 23em !important
}
.u-mb-24 {
 margin-bottom: 24em !important
}
.u-mb-25 {
 margin-bottom: 25em !important
}
.u-mb-26 {
 margin-bottom: 26em !important
}
.u-mb-27 {
 margin-bottom: 27em !important
}
.u-mb-28 {
 margin-bottom: 28em !important
}
.u-mb-29 {
 margin-bottom: 29em !important
}
.u-mb-30 {
 margin-bottom: 30em !important
}
.u-mb-31 {
 margin-bottom: 31em !important
}
.u-mb-32 {
 margin-bottom: 32em !important
}
.u-mb-33 {
 margin-bottom: 33em !important
}
.u-mb-34 {
 margin-bottom: 34em !important
}
.u-mb-35 {
 margin-bottom: 35em !important
}
.u-mb-36 {
 margin-bottom: 36em !important
}
.u-mb-37 {
 margin-bottom: 37em !important
}
.u-mb-38 {
 margin-bottom: 38em !important
}
.u-mb-39 {
 margin-bottom: 39em !important
}
.u-mb-40 {
 margin-bottom: 40em !important
}
.u-mb-41 {
 margin-bottom: 41em !important
}
.u-mb-42 {
 margin-bottom: 42em !important
}
.u-mb-43 {
 margin-bottom: 43em !important
}
.u-mb-44 {
 margin-bottom: 44em !important
}
.u-mb-45 {
 margin-bottom: 45em !important
}
.u-mb-46 {
 margin-bottom: 46em !important
}
.u-mb-47 {
 margin-bottom: 47em !important
}
.u-mb-48 {
 margin-bottom: 48em !important
}
.u-mb-49 {
 margin-bottom: 49em !important
}
.u-mb-50 {
 margin-bottom: 50em !important
}
.l-inner-wrap {
 margin-inline: auto;
 position: relative
}
@media only screen and (min-width: 769px) {
 .l-inner-wrap.mod--1060 {
  width: 1060px
 }
}
.l-flex {
 display: flex;
 justify-content: space-between;
 align-items: stretch;
 flex-wrap: wrap
}
.l-flex-center {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center
}
.l-flex-start {
 display: flex;
 justify-content: flex-start;
 align-items: center
}
.l-x-center {
 margin-inline: auto
}
@media only screen and (min-width: 769px) {
 .l-w-1060, .readingglasses {
  width: 1060px
 }
}
.l-p-y-150 {
 padding-top: 15rem;
 padding-bottom: 15rem
}
@media only screen and (max-width: 768px) {
 .l-p-y-150 {
  padding-top: 10rem;
  padding-bottom: 10rem
 }
}
.l-p-t-150 {
 padding-top: 15rem
}
@media only screen and (max-width: 768px) {
 .l-p-t-150 {
  padding-top: 10rem
 }
}
.l-p-b-150 {
 padding-bottom: 15rem
}
@media only screen and (max-width: 768px) {
 .l-p-b-150 {
  padding-bottom: 10rem
 }
}
.l-p-y-100 {
 padding-top: 10rem;
 padding-bottom: 10rem
}
@media only screen and (max-width: 768px) {
 .l-p-y-100 {
  padding-top: 8rem;
  padding-bottom: 8rem
 }
}
.l-p-t-100 {
 padding-top: 10rem
}
@media only screen and (max-width: 768px) {
 .l-p-t-100 {
  padding-top: 8rem
 }
}
.l-p-b-100 {
 padding-bottom: 10rem
}
@media only screen and (max-width: 768px) {
 .l-p-b-100 {
  padding-bottom: 8rem
 }
}
.l-m-y-150 {
 margin-top: 15rem;
 margin-bottom: 15rem
}
@media only screen and (max-width: 768px) {
 .l-m-y-150 {
  margin-top: 10rem;
  margin-bottom: 10rem
 }
}
.l-m-t-150 {
 margin-top: 15rem
}
@media only screen and (max-width: 768px) {
 .l-m-t-150 {
  margin-top: 10rem
 }
}
.l-m-b-150 {
 margin-bottom: 15rem
}
@media only screen and (max-width: 768px) {
 .l-m-b-150 {
  margin-bottom: 10rem
 }
}
.l-m-y-100 {
 margin-top: 10rem;
 margin-bottom: 10rem
}
@media only screen and (max-width: 768px) {
 .l-m-y-100 {
  margin-top: 8rem;
  margin-bottom: 8rem
 }
}
.l-m-t-100 {
 margin-top: 10rem
}
@media only screen and (max-width: 768px) {
 .l-m-t-100 {
  margin-top: 8rem
 }
}
.l-m-b-100 {
 margin-bottom: 10rem
}
@media only screen and (max-width: 768px) {
 .l-m-b-100 {
  margin-bottom: 8rem
 }
}
.l-list-indent {
 display: flex;
 gap: .5em
}
.l-list-indent > *:nth-child(1) {
 display: block;
 font-style: normal;
 white-space: nowrap;
 margin: 0
}
.p-rad-btn {
 max-width: 100%
}
@media only screen and (min-width: 769px) {
 .p-rad-btn {
  width: 450px;
  height: 80px
 }
}
@media only screen and (max-width: 768px) {
 .p-rad-btn {
  width: 89.8550724638vw;
  height: 17.8743961353vw
 }
}
.p-rad-btn a {
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: #0275b9;
 color: #fff;
 text-align: center;
 font-weight: 700;
 line-height: 1.2;
 position: relative
}
@media only screen and (min-width: 769px) {
 .p-rad-btn a {
  border-radius: 80px;
  font-size: 24px
 }
}
@media only screen and (max-width: 768px) {
 .p-rad-btn a {
  border-radius: 19.3236714976vw;
  font-size: 4.8309178744vw
 }
}
.p-rad-btn a:after {
 content: "";
 display: block;
 width: 15px;
 height: 15px;
 background-image: url(/img/brand/pmread/icn-arrow-right-wh.png);
 background-size: contain;
 background-repeat: no-repeat;
 position: absolute;
 top: 0;
 bottom: 0;
 right: 22px;
 margin: auto
}
@media only screen and (max-width: 768px) {
 .p-rad-btn a:after {
  width: 3.6231884058vw;
  height: 3.6231884058vw;
  right: 5.3140096618vw
 }
}
.p-section-bd {
 position: relative
}
.p-section-bd:before {
 content: "";
 display: block;
 width: 342px;
 height: 20px;
 background: radial-gradient(circle farthest-side, #707070, #707070 30%, transparent 30%, transparent);
 background-size: 11px;
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 top: 0
}
@media only screen and (max-width: 768px) {
 .p-section-bd:before {
  width: 235px;
  height: 20px;
  background-size: 13px
 }
}
.vue-news-list__item a, .vue-news-list__item .inner {
 display: flex;
 justify-content: flex-start;
 align-items: stretch;
 flex-wrap: wrap;
 padding: 3rem 0;
 border-top: 1px solid #bcbcbc;
 position: relative
}
@media only screen and (max-width: 768px) {
 .vue-news-list__item a, .vue-news-list__item .inner {
  padding: 2.5rem 3rem 2.5rem 0;
  font-size: 1.2rem
 }
}
.vue-news-list__item:last-child a {
 border-bottom: 1px solid #bcbcbc
}
.vue-news-list__date {
 width: 15rem
}
.vue-news-list__ttl {
 width: 80rem
}
.vue-news-list .p-circle-arrow {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 margin: auto
}
@media only screen and (max-width: 768px) {
 .vue-news-list .p-circle-arrow {
  width: 2rem;
  height: 2rem
 }
}
@media only screen and (max-width: 768px) {
 .vue-news-list .p-circle-arrow:after {
  width: .8rem;
  height: .6rem
 }
}
.vue-news-pager {
 margin-top: 5rem;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 gap: 1rem
}
.vue-news-pager button {
 display: block;
 width: 24px;
 height: 24px;
 border-radius: 100%;
 cursor: pointer;
 border: none;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 -o-appearance: none
}
.vue-news-pager__arrow {
 background-color: #575757;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap
}
.vue-news-pager__arrow:before {
 content: "";
 font-family: icomoon;
 font-size: .8rem;
 line-height: 1;
 color: #fff;
 display: block
}
.vue-news-pager__arrow.mod--prev {
 transform: rotate(180deg)
}
.vue-news-pager__arrow.disabled {
 background-color: #c7c7c7;
 pointer-events: none
}
.vue-news-pager__list {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 gap: 1rem
}
.vue-news-pager__list button {
 font-family: Montserrat, sans-serif;
 font-size: 1.2rem
}
.vue-news-pager__list li button {
 border: 1px solid #000;
 border-color: #c7c7c7;
 background-color: #fff;
 color: #6e6e6e
}
.vue-news-pager__list li.current button {
 border-color: #d0111b;
 background-color: #d0111b;
 color: #fff;
 pointer-events: none
}
@media only screen and (min-width: 769px) {
 .m-text-imgfit-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
 }
}
@media only screen and (max-width: 768px) {
 .m-text-imgfit-col {
  width: 33.6rem;
  margin-inline: auto
 }
}
@media only screen and (min-width: 769px) {
 .m-text-imgfit-col__text-block {
  width: 57rem;
  position: relative;
  left: 50%;
  margin-left: -51.5rem
 }
}
@media only screen and (min-width: 769px) {
 .m-text-imgfit-col__img-block {
  width: 40.625vw
 }
}
@media only screen and (max-width: 768px) {
 .m-text-imgfit-col__img-block {
  margin-top: 2rem
 }
}
@media only screen and (min-width: 769px) {
 .m-text-imgfit-col.mod--img-left {
  flex-direction: row-reverse
 }
}
@media only screen and (min-width: 769px) {
 .m-text-imgfit-col.mod--img-left .m-text-imgfit-col__text-block {
  right: 50%;
  left: auto;
  margin-right: -51.5rem
 }
}
@media only screen and (min-width: 769px) {
 .m-text-img-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
 }
}
@media only screen and (min-width: 769px) {
 .m-text-img-item:nth-child(2n):not(.mod--noreverse) {
  flex-direction: row-reverse
 }
}
@media only screen and (min-width: 769px) {
 .m-text-img-item.mod--aling-center {
  align-items: center
 }
}
@media only screen and (min-width: 769px) {
 .m-text-img-item__text-block {
  width: 48rem
 }
}
@media only screen and (min-width: 769px) {
 .m-text-img-item__text-block.mod-w-100percent {
  width: 100%
 }
}
.m-text-img-item__ttl {
 font-size: 2rem;
 font-weight: 500
}
@media only screen and (max-width: 768px) {
 .m-text-img-item__ttl {
  font-size: 2rem
 }
}
.m-text-img-item__text {
 margin-top: 2rem
}
@media only screen and (max-width: 768px) {
 .m-text-img-item__text {
  margin-top: 1.5rem
 }
}
@media only screen and (min-width: 769px) {
 .m-text-img-item__img-block {
  width: 48rem
 }
}
@media only screen and (max-width: 768px) {
 .m-text-img-item > div:nth-child(2) {
  margin-top: 3rem
 }
}
@media only screen and (min-width: 769px) {
 .m-text-img-list-reverse .m-text-img-item:nth-child(odd) {
  flex-direction: row-reverse
 }
}
@media only screen and (min-width: 769px) {
 .m-text-img-list-reverse .m-text-img-item:nth-child(2n) {
  flex-direction: row
 }
}
.m-recruit-slide {
 display: flex
}
.m-recruit-slide:nth-child(n+2) {
 margin-top: 1rem;
 margin-left: -10rem
}
@media only screen and (max-width: 768px) {
 .m-recruit-slide:nth-child(n+2) {
  margin-top: .6rem
 }
}
.m-recruit-slide__inner {
 display: flex;
 flex-shrink: 0;
 align-items: stretch
}
.m-recruit-slide__item {
 padding: 0 .5rem
}
@media only screen and (max-width: 768px) {
 .m-recruit-slide__item {
  padding: 0 .3rem
 }
}
.m-recruit-slide__item img {
 width: auto;
 height: 27.7rem;
 display: block
}
@media only screen and (max-width: 768px) {
 .m-recruit-slide__item img {
  height: 16rem
 }
}
.a-stagger-fade {
 opacity: 0;
 transition: opacity .3s
}
.a-stagger-fade.outback {
 transform: translateY(40px);
 transition: opacity .3s, transform .7s cubic-bezier(.085, .86, .32, 1.65)
}
.a-stagger-fade.to-up {
 transform: translateY(2rem);
 transition: opacity .8s, transform .8s
}
@media only screen and (max-width: 768px) {
 .a-stagger-fade.to-up {
  transform: translateY(1rem)
 }
}
.a-stagger-fade.to-up.delay-05 {
 transition: opacity .6s .4s, transform .6s .4s
}
.a-stagger-fade.to-left {
 transform: translate(3rem);
 transition: opacity .4s, transform .4s
}
@media only screen and (max-width: 768px) {
 .a-stagger-fade.to-left {
  transform: translate(2rem)
 }
}
.a-stagger-fade.to-right {
 transform: translate(-30px);
 transition: opacity .4s, transform .4s
}
@media only screen and (max-width: 768px) {
 .a-stagger-fade.to-right {
  transform: translate(-2rem)
 }
}
.a-stagger-fade.to-down {
 transform: translateY(-2rem);
 transition: opacity .3s, transform .3s
}
.a-stagger-fade.to-down4 {
 transform: translateY(-4rem);
 transition: opacity .3s, transform 1s cubic-bezier(.215, .61, .355, 1)
}
.a-stagger-fade.scale-down {
 transform: translateY(0) scale(1.3);
 transition: opacity .5s, transform .5s
}
.a-stagger-fade.scale-up {
 transform: scale(0);
 opacity: 1;
 transition: transform .8s cubic-bezier(.24, .195, .245, 1.525)
}
.a-stagger-fade.scale-up.is-active {
 opacity: 1;
 transform: scale(1)
}
.a-stagger-fade.edge {
 opacity: 0;
 transform: translate(-10px, -10px);
 transition: transform .5s, opacity .1s
}
.a-stagger-fade.edge.is-active {
 transform: translate(0)
}
.a-stagger-fade.horizon-mask {
 clip-path: inset(0% 100% 0% 100%);
 opacity: 1;
 transition: clip-path 1s cubic-bezier(.645, .045, .355, 1)
}
.a-stagger-fade.horizon-mask.is-active {
 clip-path: inset(0% 0% 0% 0%)
}
.a-stagger-fade.is-active {
 opacity: 1;
 transform: translateY(0) translate(0) scale(1)
}
.a-single-fade {
 opacity: 0;
 transition: opacity .3s
}
.a-single-fade.outback {
 transform: translateY(40px);
 transition: opacity .3s, transform .7s cubic-bezier(.085, .86, .32, 1.65)
}
.a-single-fade.to-up {
 transform: translateY(2rem);
 transition: opacity .8s, transform .8s
}
@media only screen and (max-width: 768px) {
 .a-single-fade.to-up {
  transform: translateY(1rem)
 }
}
.a-single-fade.to-left {
 transform: translate(30px);
 transition: opacity .4s, transform .4s
}
@media only screen and (max-width: 768px) {
 .a-single-fade.to-left {
  transform: translate(2rem)
 }
}
.a-single-fade.to-right {
 transform: translate(-30px);
 transition: opacity .4s, transform .4s
}
@media only screen and (max-width: 768px) {
 .a-single-fade.to-right {
  transform: translate(-2rem)
 }
}
.a-single-fade.to-down {
 transform: translateY(-2rem);
 transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.a-single-fade.to-down4 {
 transform: translateY(-40px);
 transition-timing-function: cubic-bezier(.215, .61, .355, 1);
 transition-duration: .7s
}
.a-single-fade.scale {
 transform: translateY(0) scale(1.3);
 transition: opacity .5s, transform .5s
}
.a-single-fade.horizon-mask {
 clip-path: inset(0% 100% 0% 100%);
 opacity: 1;
 transition: clip-path 1.5s cubic-bezier(.445, .05, .55, .95)
}
.a-single-fade.horizon-mask.is-active {
 clip-path: inset(0% 0% 0% 0%)
}
.a-single-fade.is-active {
 opacity: 1;
 transform: translateY(0) translate(0) scale(1)
}
.a-hv-op {
 display: block;
 transition: opacity .3s;
 cursor: pointer
}
@media (hover: hover) {
 .a-hv-op:hover {
  opacity: .7
 }
}
.readingglasses {
 padding-bottom: 80px
}
.readingglasses .page-ttl {
 text-align: center;
 line-height: 1.4
}
@media only screen and (min-width: 769px) {
 .readingglasses .page-ttl {
  margin-top: 40px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .page-ttl {
  margin-top: 7.2463768116vw
 }
}
.readingglasses .page-ttl span {
 display: block;
 font-weight: 500
}
@media only screen and (min-width: 769px) {
 .readingglasses .page-ttl span.en {
  font-size: 34px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .page-ttl span.en {
  font-size: 6.038647343vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .page-ttl span.ja {
  font-size: 22px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .page-ttl span.ja {
  font-size: 3.6231884058vw
 }
}
.readingglasses .main-copy-block {
 text-align: center
}
@media only screen and (min-width: 769px) {
 .readingglasses .main-copy-block {
  margin-top: 40px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .main-copy-block {
  margin-top: 9.6618357488vw
 }
}
.readingglasses .main-copy-block .copy {
 margin-inline: auto
}
@media only screen and (min-width: 769px) {
 .readingglasses .main-copy-block .copy {
  width: 690px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .main-copy-block .copy {
  width: 98.0676328502vw
 }
}
.readingglasses .main-copy-block .desc {
 line-height: 1.8
}
@media only screen and (min-width: 769px) {
 .readingglasses .main-copy-block .desc {
  font-size: 20px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .main-copy-block .desc {
  font-size: 4.347826087vw;
  padding: 0 4.8309178744vw;
  margin-top: 2.4154589372vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .mind-block {
  margin-top: 125px;
  display: flex;
  justify-content: center
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .mind-block {
  margin-top: 17.6328502415vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .mind-block .fukidashi {
  width: 271px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .mind-block .fukidashi {
  width: 50.9661835749vw;
  margin-left: 2.4154589372vw
 }
}
.readingglasses .mind-block .list {
 font-weight: 500
}
@media only screen and (min-width: 769px) {
 .readingglasses .mind-block .list {
  font-size: 22px;
  margin-left: 10px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .mind-block .list {
  font-size: 5.3140096618vw;
  margin-left: 0;
  margin-top: 4.8309178744vw;
  padding: 0 6.2801932367vw 0 8.6956521739vw
 }
}
.readingglasses .mind-block .list li {
 display: flex;
 align-items: center;
 flex-wrap: wrap
}
@media only screen and (max-width: 768px) {
 .readingglasses .mind-block .list li {
  align-items: flex-start
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .mind-block .list li span {
  width: calc(100% - 9.6618357488vw);
  display: block
 }
}
.readingglasses .mind-block .list li:nth-child(n+2) {
 margin-top: .7em
}
.readingglasses .mind-block .list li:before {
 content: "";
 display: block;
 margin-right: .3em;
 background-image: url(/img/brand/pmread/check-icn.png);
 background-repeat: no-repeat
}
@media only screen and (min-width: 769px) {
 .readingglasses .mind-block .list li:before {
  width: 30px;
  height: 26px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .mind-block .list li:before {
  width: 7.2463768116vw;
  height: 7.2463768116vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block {
  margin-top: 120px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block {
  margin-top: 17.6328502415vw
 }
}
.readingglasses .feature-block .icn-list {
 display: flex
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .icn-list {
  gap: 9px;
  margin-left: 230px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .icn-list {
  justify-content: center;
  gap: 1.690821256vw
 }
}
.readingglasses .feature-block .icn-list li {
 width: 128px
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .icn-list li {
  width: 24.154589372vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .feature-list {
  display: flex;
  justify-content: center;
  gap: 92px
 }
}
.readingglasses .feature-block .feature-list__item {
 position: relative
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .feature-list__item {
  width: 336px;
  padding-top: 262px
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .feature-list__img {
  position: absolute;
  bottom: 120px
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .feature-list__img.mod--01 {
  width: 500px;
  left: -50px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .feature-list__img.mod--01 {
  width: 93.7198067633vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .feature-list__img.mod--02 {
  width: 316px;
  right: 0
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .feature-list__img.mod--02 {
  width: 59.1787439614vw;
  margin-inline: auto
 }
}
.readingglasses .feature-block .feature-list__text-block {
 position: relative
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .feature-list__text-block {
  padding: 0 20px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .feature-list__text-block {
  width: 80.193236715vw;
  margin: 1.2077294686vw auto 0;
  padding: 0 4.8309178744vw
 }
}
.readingglasses .feature-block .feature-list__text-block:before, .readingglasses .feature-block .feature-list__text-block:after {
 content: "";
 display: block;
 width: 3px;
 height: 90%;
 background-color: #e79f3f;
 position: absolute;
 top: 5%
}
.readingglasses .feature-block .feature-list__text-block:before {
 left: 0
}
.readingglasses .feature-block .feature-list__text-block:after {
 right: 0
}
.readingglasses .feature-block .feature-list__ttl {
 font-weight: 700
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .feature-list__ttl {
  font-size: 20px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .feature-list__ttl {
  font-size: 4.8309178744vw
 }
}
.readingglasses .feature-block .feature-list__desc {
 margin-top: .5em
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .feature-list__desc {
  font-size: 16px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .feature-list__desc {
  font-size: 3.8647342995vw
 }
}
.readingglasses .feature-block .price-block {
 text-align: center
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .price-block {
  margin-top: 75px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .price-block {
  margin-top: 10.8695652174vw
 }
}
.readingglasses .feature-block .price-block .price .tax {
 padding-right: .5em
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .price-block .price .tax {
  font-size: 28px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .price-block .price .tax {
  font-size: 5.7971014493vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .price-block .price .num {
  font-size: 49px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .price-block .price .num {
  font-size: 10.1449275362vw
 }
}
.readingglasses .feature-block .price-block .price-text {
 margin-top: .5em
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .price-block .price-text {
  font-size: 16px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .price-block .price-text {
  font-size: 3.8647342995vw
 }
}
.readingglasses .feature-block .price-block .note {
 margin-top: .5em
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .price-block .note {
  font-size: 14px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .price-block .note {
  font-size: 3.3816425121vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .btn-list {
  margin-top: 60px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .btn-list {
  margin-top: 14.4927536232vw
 }
}
.readingglasses .feature-block .btn-list .p-rad-btn {
 margin-inline: auto
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .btn-list .p-rad-btn:nth-child(n+2) {
  margin-top: 25px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .btn-list .p-rad-btn:nth-child(n+2) {
  margin-top: 6.038647343vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .btn-list .p-rad-btn a {
  padding-left: 10px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .btn-list .p-rad-btn a {
  padding-left: 4.8309178744vw
 }
}
.readingglasses .feature-block .btn-list .p-rad-btn .icn {
 position: absolute;
 left: 20px;
 top: 0;
 bottom: 0;
 margin: auto
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .btn-list .p-rad-btn .icn {
  left: 5.5555555556vw
 }
}
.readingglasses .feature-block .btn-list .p-rad-btn .icn img {
 display: block
}
@media only screen and (min-width: 769px) {
 .readingglasses .feature-block .btn-list .p-rad-btn .icn.deg {
  width: 40px;
  height: 43px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .btn-list .p-rad-btn .icn.deg {
  width: 9.6618357488vw;
  height: 9.6618357488vw
 }
}
.readingglasses .feature-block .btn-list .p-rad-btn .icn.glasses {
 width: 61px;
 height: 21px
}
@media only screen and (max-width: 768px) {
 .readingglasses .feature-block .btn-list .p-rad-btn .icn.glasses {
  width: 14.7342995169vw;
  height: 5.0724637681vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup {
  margin-top: 160px;
  padding-top: 150px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup {
  margin-top: 35.0241545894vw;
  padding-top: 35.0241545894vw
 }
}
.readingglasses .section-lineup .section-label {
 margin-inline: auto
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .section-label {
  width: 172px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .section-label {
  width: 41.0628019324vw
 }
}
.readingglasses .section-lineup .people-list {
 display: flex
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .people-list {
  margin-top: 30px;
  gap: 49px;
  justify-content: center
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .people-list {
  margin-top: 4.8309178744vw;
  justify-content: space-between
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .people-list li {
  width: 184px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .people-list li {
  width: 24.154589372vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list {
  margin-top: 200px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list {
  margin-top: 28.9855072464vw
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__item {
  padding: 0 3.6231884058vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__item:nth-child(n+2) {
  margin-top: 120px;
  padding-top: 140px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__item:nth-child(n+2) {
  margin-top: 28.9855072464vw;
  padding-top: 28.9855072464vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__head-block {
  padding-left: 115px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between
 }
}
.readingglasses .section-lineup .type-list__card {
 background-color: #ece8df;
 position: relative
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__card {
  width: 520px;
  padding: 38px 30px 40px 242px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__card {
  padding: 0 6.038647343vw 9.6618357488vw
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__card.mod--01 {
  padding-top: 62.8019323671vw
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__card.mod--02 {
  padding-top: 59.6618357488vw
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__card.mod--03 {
  padding-top: 60.38647343vw
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__card.mod--04 {
  padding-top: 55.7971014493vw
 }
}
.readingglasses .section-lineup .type-list__illust {
 position: absolute;
 z-index: 0
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__illust.mod--01 {
  width: 297px;
  left: -50px;
  top: -60px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__illust.mod--01 {
  width: 50vw;
  left: 19.3236714976vw;
  top: -14.4927536232vw
 }
}
.readingglasses .section-lineup .type-list__illust.mod--02 {
 width: 329px;
 left: -100px;
 top: -25px
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__illust.mod--02 {
  width: 60.38647343vw;
  left: 14.4927536232vw;
  top: -10.8695652174vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__illust.mod--03 {
  width: 367px;
  left: -110px;
  top: -70px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__illust.mod--03 {
  width: 69.3236714976vw;
  left: 9.6618357488vw;
  top: -14.4927536232vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__illust.mod--04 {
  width: 381px;
  left: -110px;
  top: -45px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__illust.mod--04 {
  width: 68.8405797101vw;
  left: 14.4927536232vw;
  top: -9.6618357488vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__name {
  width: 250px
 }
}
.readingglasses .section-lineup .type-list__name .alphabet {
 font-family: Hiragino Maru Gothic ProN, serif
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__name .alphabet {
  font-size: 38px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__name .alphabet {
  font-size: 7.9710144928vw
 }
}
.readingglasses .section-lineup .type-list__name .kana {
 letter-spacing: -.05em
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__name .kana {
  font-size: 14px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__name .kana {
  font-size: 3.3816425121vw
 }
}
.readingglasses .section-lineup .type-list__cap {
 position: relative
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__cap {
  font-size: 16px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__cap {
  font-size: 3.8647342995vw
 }
}
.readingglasses .section-lineup .type-list__spec {
 line-height: 1.8
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__spec {
  margin-top: 1em;
  font-size: 14px;
  position: relative
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__spec {
  margin-top: .5em;
  font-size: 3.3816425121vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .type-list__img {
  width: 480px;
  margin-top: -30px;
  margin-left: -90px;
  position: relative
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .type-list__img {
  width: 81.1594202899vw;
  margin: 0 auto
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__item {
  width: 400px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__item:nth-child(n+2) {
  margin-top: 16.9082125604vw
 }
}
.readingglasses .section-lineup .glasses-list__img figcaption {
 margin-top: 1em;
 text-align: center;
 font-weight: 500
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__img figcaption {
  font-size: 16px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__img figcaption {
  font-size: 3.8647342995vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__btn-list {
  width: 246px;
  margin: 20px auto 0
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__btn-list {
  width: 62.3188405797vw;
  margin: 4.8309178744vw auto 0
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__btn-list.mod--wide {
  width: 283px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__btn-list.mod--wide {
  width: 68.3574879227vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn {
  height: 40px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn {
  height: 12.077294686vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn:nth-child(n+2) {
  margin-top: 10px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn:nth-child(n+2) {
  margin-top: 2.4154589372vw
 }
}
.readingglasses .section-lineup .glasses-list__btn-list__rad-btn a p {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn a .min {
  font-size: 15px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn a .min {
  font-size: 3.6231884058vw
 }
}
.readingglasses .section-lineup .glasses-list__btn-list__rad-btn a .large {
 font-weight: 900;
 margin-left: .5em
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn a .large {
  font-size: 23px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn a .large {
  font-size: 5.5555555556vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn a:after {
  right: 10px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .glasses-list__btn-list__rad-btn a:after {
  right: 3.6231884058vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose {
  margin-top: 150px;
  padding-top: 150px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose {
  margin-top: 36.231884058vw;
  padding-top: 36.231884058vw
 }
}
.readingglasses .section-lineup .howtochoose .howtochoose-ttl {
 font-weight: 700;
 text-align: center
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose .howtochoose-ttl {
  font-size: 34px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .howtochoose-ttl {
  font-size: 8.2125603865vw
 }
}
.readingglasses .section-lineup .howtochoose .desc {
 margin-top: 1em;
 line-height: 1.8;
 text-align: center
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .desc {
  font-size: 16px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .desc {
  font-size: 3.8647342995vw;
  padding: 0 7.2463768116vw
 }
}
.readingglasses .section-lineup .howtochoose .guideline {
 background-color: #b6404b;
 color: #fff
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose .guideline {
  width: 520px;
  margin: 73px auto 0;
  padding: 23px 74px 30px;
  border-radius: 6px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .guideline {
  width: 81.1594202899vw;
  margin: 8.6956521739vw auto 0;
  border-radius: 1.4492753623vw;
  padding: 5.5555555556vw 7.2463768116vw 7.2463768116vw
 }
}
.readingglasses .section-lineup .howtochoose .guideline__label {
 text-align: center;
 font-weight: 700;
 line-height: 1.5
}
.readingglasses .section-lineup .howtochoose .guideline__label span {
 display: block
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose .guideline__label .min {
  font-size: 19px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .guideline__label .min {
  font-size: 4.5893719807vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose .guideline__label .large {
  font-size: 30px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .guideline__label .large {
  font-size: 7.2463768116vw
 }
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose .guideline__table {
  margin-top: 30px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .guideline__table {
  margin-top: 6.038647343vw
 }
}
.readingglasses .section-lineup .howtochoose .guideline__table .col {
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose .guideline__table .col {
  padding: .7em
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .guideline__table .col {
  padding: .9em 0
 }
}
.readingglasses .section-lineup .howtochoose .guideline__table .col:nth-child(n+2) {
 border-top: 2px solid #e79f3f
}
.readingglasses .section-lineup .howtochoose .guideline__table .old {
 font-weight: 700
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose .guideline__table .old {
  font-size: 22px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .guideline__table .old {
  font-size: 5.3140096618vw
 }
}
.readingglasses .section-lineup .howtochoose .guideline__table .deg {
 font-weight: 500
}
@media only screen and (min-width: 769px) {
 .readingglasses .section-lineup .howtochoose .guideline__table .deg {
  font-size: 24px
 }
}
@media only screen and (max-width: 768px) {
 .readingglasses .section-lineup .howtochoose .guideline__table .deg {
  font-size: 5.7971014493vw
 }
}
.section-recruit .link-block__img img {
 transition: opacity .7s
}
.section-recruit .link-block__img img:not(.is-active) {
 opacity: 0
}