@charset "utf-8";
/*==================================================

BASE

==================================================*/
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  color: #222;
/*  font-family: "M PLUS 1p", serif;*/
	font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
  overflow-x: hidden;
}
body.menu-open {
  overflow: hidden;
}
html.menu-open {
  overflow: hidden;
}
/*===================*/
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  cursor: pointer;
}
/*==================================================

全ページ共通

==================================================*/
/* PC */
@media print, screen and (min-width: 768px) {
  html {
    font-size: 10px;
  }
  .sp {
    display: none !important;
  }
  a:hover {
    text-decoration: underline;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  html {
    font-size: 2.57vw;
  }
  .pc {
    display: none !important;
  }
}

/*==================================================

ヘッダー

==================================================*/
/* レイアウト 
--------------------------------------------------*/
.l-header {
  width: 100%;
  background-color: #0056C4;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 2rem;
}
.l-header a {
  color: #fff;
  text-decoration: none;
  display: block;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .l-header {
    height: 8rem;
  }
  .l-header__logo {
    width: 19.5rem;
    margin-left: 3.2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .l-header {
    width: 100%;
    height: 6rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .l-header__logo {
    width: 13rem;
    margin-left: 2rem;
  }
}
/* グローバルナビ
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {
  .nav-global {
    margin-right: 1.6rem;
    display: flex;
    justify-content: flex-end;
  }
  .nav-global > li > a, .nav-global > li > span {
    height: 8rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
/*    transform: rotate(-0.05deg);*/
  }
  .nav-globalIn {
    background-color: rgba(0, 33, 57, 0.9);
    position: absolute;
    top: 8rem;
    left: 0;
    right: 0;
    padding: 3.2rem 2rem;
    display: none;
  }
  .nav-globalInIn {
    max-width: 102.4rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 0 1rem;
  }
  .nav-global__title {
    width: 39%;
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: .05em;
/*    transform: rotate(-0.05deg);*/
  }
  .nav-globalIn ul {
    width: 59.4%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 3rem;
  }
  .nav-globalIn ul li {
    background-color: #0056C4;
    width: calc(50% - 1.6rem);
    display: flex;
  }
  .nav-globalIn ul a {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: .05em;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
/*    transform: rotate(-0.05deg);*/
  }
  .nav-global__text {
    min-height: 6.4rem;
    background: url("../images/shared/arrow-white.svg") right 2rem center no-repeat;
    background-size: 0.8rem auto;
    padding: 1rem 3rem 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .2s ease;
    box-sizing: border-box;
  }
  .nav-globalIn ul a:hover .nav-global__text {
    background-position: right 1.7rem center;
  }
  .nav-globalIn .nav-global__text span {
    display: block;
    font-size: 1.3rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .nav-global {
    line-height: 1.8;
  }
  .nav-global > li {
    border-bottom: 1px #0056C4 solid;
  }
  .nav-global a {
    display: block;
    color: #0056C4;
  }
  .nav-globalIn {
    display: none;
  }
  .nav-global__title, .nav-global img {
    display: none;
  }
  .nav-global > li > a {
    background: url("../images/shared/arrow-blue.svg") right 2rem center no-repeat;
    background-size: 1rem auto;
    font-size: 2.2rem;
    font-weight: bold;
    padding: 1.5rem 1rem 1.5rem 0;
    display: block;
  }
  .nav-global > li > span {
    position: relative;
    color: #0056C4;
    font-size: 2.2rem;
    font-weight: bold;
    padding: 1.5rem 1rem 1.5rem 0;
    display: block;
  }
  .nav-global > li > span:before, .nav-global > li > span:after {
    width: 1.6rem;
    height: 0.3rem;
    position: absolute;
    right: 2rem;
    top: 3.4rem;
    background-color: #0056C4;
    content: "";
    display: block;
    transition: all .3s ease;
  }
  .nav-global > li > span:after {
    transform: rotate(-90deg);
  }
  .nav-global > li.-open > span:after {
    transform: rotate(0);
  }
  .nav-globalIn a {
    background: #F2F7FC url("../images/shared/arrow-blue.svg") right 1.5rem center no-repeat;
    background-size: 1rem auto;
    font-size: 1.6rem;
    padding: 2rem 2.5rem 2rem 1.8rem;
  }
  .nav-globalIn ul > li > ul > li > a {
    background-color: #fff;
  }
  .nav-globalIn a > span > span {
    font-size: 1.2rem;
    display: block;
  }
  .nav-globalIn br {
    display: none;
  }
  .nav-global__button {
    width: 19.6rem;
    height: 4.6rem;
    color: #0056C4;
    font-size: 1.8rem;
    font-weight: 500;
    border: 2px #0056C4 solid;
    border-radius: 4rem;
    text-align: center;
    margin: 4.5rem auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/* ハンバーガー
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-hamburger {
    display: none;
  }
  .l-header__menus {
    display: block !important;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .l-header__menus {
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 6rem);
    background-color: #fff;
    position: absolute;
    top: 6rem;
    padding: 4rem 2rem;
    display: none;
  }
  .m-hamburger {
    width: 6rem;
    height: 6rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 100;
    caret-color: transparent;
  }
  .m-hamburger__lines {
    height: 100%;
    width: 48%;
    margin: 0 auto;
    position: relative;
  }
  .m-hamburger__lines > div {
    background-color: #fff;
    width: 100%;
    height: 0.4vw;
    transition: transform .3s ease, opacity .3s ease;
    position: absolute;
    left: 0;
    top: 50%;
  }
  .m-hamburger__lines > div:first-child {
    transform: translateY(-690%);
  }
  .m-hamburger__lines > div:last-child {
    transform: translateY(690%);
  }
  .menu-open .m-hamburger__lines > div:first-child {
    transform: rotate(225deg);
  }
  .menu-open .m-hamburger__lines > div:nth-child(2) {
    transform: translateX(-50%);
    opacity: 0;
  }
  .menu-open .m-hamburger__lines > div:last-child {
    transform: rotate(-225deg);
  }
}
/*==================================================

フッター

==================================================*/
/* フッター1
--------------------------------------------------*/
.l-footer01 a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.l-footer01 {
  color: #fff;
  background-color: #002139;
  position: relative;
}
.nav-footer__wrapper {
  border-bottom: 1px rgba(255, 255, 255, 0.6) solid;
}
.nav-footer > li > span, .nav-footer > li > a {
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  padding-left: 2.7rem;
  display: block;
}
.nav-footer > li > span:before, .nav-footer > li > a:before {
  background-color: #fff;
  content: "";
  width: 1.5rem;
  height: 0.2rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
}
.nav-footer > li > ul > li a {
  color: rgba(255, 255, 255, 0.9);
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .l-footer01 {
    padding: 6rem 3rem 4.8rem 3rem;
    margin-top: 9.6rem;
  }
  .l-footer01__inner {
    max-width: 128rem;
    margin: 0 auto;
  }
  .nav-footer__wrapper {
    padding-bottom: 4.7rem;
    margin-bottom: 4.8rem;
  }
  .nav-footer {
    display: grid;
  }
  .nav-footer > li {
    margin-right: 2.5rem;
  }
  .nav-footer > li:first-child {
    grid-row: 1 / 2;
    grid-column: 1 / 5;
    margin-bottom: 4rem;
  }
  .nav-footer > li:nth-child(2) {
    max-width: 27.2rem;
    grid-row: 2 / 5;
    grid-column: 1 / 2;
  }
  .nav-footer > li:nth-child(3) {
    max-width: 24.8rem;
    grid-row: 2 / 5;
    grid-column: 2 / 3;
  }
  .nav-footer > li:nth-child(4) {
    max-width: 27.3rem;
    grid-row: 2 / 5;
    grid-column: 3 / 4;
  }
  .nav-footer > li:nth-child(5) {
    max-width: 26.1rem;
    grid-row: 2 / 3;
    grid-column: 4 / 5;
    margin-bottom: 3.5rem;
  }
  .nav-footer > li:nth-child(6) {
    grid-row: 3 / 4;
    grid-column: 4 / 5;
    margin-right: 0;
  }
  .nav-footer > li > span,
  .nav-footer > li > a{
/*    transform: rotate(-0.05deg);*/
  }
  .nav-footer > li > ul {
    margin-top: 2rem;
  }
  .nav-footer > li > ul > li {
    margin-bottom: 2rem;
  }
  .nav-footer > li > ul > li:last-child {
    margin-bottom: 0;
  }
  .nav-footer > li > ul > li a {
    background: url("../images/shared/arrow-white.svg") right 0.3rem center no-repeat;
    background-size: 0.5rem auto;
    font-size: 1.6rem;
    padding: 0 1.3rem 0 2rem;
    transition: all .2s ease;
/*    transform: rotate(-0.05deg);*/
  }
  .nav-footer > li > ul > li a span {
    font-size: 1.3rem;
/*    transform: rotate(-0.05deg);*/
  }
  .nav-footer > li > ul > li > ul {
    margin: 2rem 0
  }
  .nav-footer02 {
    display: flex;
    justify-content: center;
    gap: 0 4rem;
  }
  .nav-footer02 a {
    text-decoration: underline;
/*    transform: rotate(-0.05deg);*/
  }
  .nav-footer02 a[target="_blank"] {
    background: url("../images/shared/icon-blank.svg") right 0.3rem center no-repeat;
    background-size: 1.7rem auto;
    padding-right: 2.7rem;
    transition: all .2s ease;
  }
  .nav-footer a:hover, .nav-footer02 a:hover {
    background-position: right center;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .l-footer01 {
    padding: 6rem 2rem;
  }
  .nav-footer {
    margin: 0 1.7rem;
  }
  .nav-footer > li {
    border-bottom: 1px rgba(255, 255, 255, 0.6) solid;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .nav-footer > li:last-child {
    border-bottom: none;
  }
  .nav-footer > li > ul {
    margin-top: 2rem;
  }
  .nav-footer > li > ul > li {
    margin-bottom: 2rem;
  }
  .nav-footer > li > ul > li:last-child {
    margin-bottom: 0;
  }
  .nav-footer > li > ul > li a {
    background: url("../images/shared/arrow-white.svg") right center no-repeat;
    background-size: 0.6rem auto;
    font-size: 1.6rem;
    padding: 0 1.6rem 0 3rem;
  }
  .nav-footer > li > ul > li a span {
    font-size: 1.3rem;
  }
  .nav-footer > li > ul > li > ul {
    margin: 2rem 0;
  }
  .nav-footer > li:nth-child(3) ul br {
    display: none;
  }
  .nav-footer02 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem 1.8rem;
    margin-top: 5rem;
  }
  .nav-footer02 a {
    font-size: 1.3rem;
    text-decoration: underline;
  }
  .nav-footer02 a[target="_blank"] {
    background: url("../images/shared/icon-blank.svg") right center no-repeat;
    background-size: 1.7rem auto;
    padding-right: 2.7rem;
  }
}
/* フッター2
--------------------------------------------------*/
.l-footer__logo {
  width: 12.5rem;
}
.l-footer__copy {
  font-size: 1rem;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .l-footer02 {
    max-width: 128rem;
    margin: 0 auto;
    padding: 2.6rem 3rem;
    box-sizing: content-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 3rem;
  }
  .l-footer__copy {
    width: 26rem;
/*    transform: rotate(-0.05deg);*/
  }
  .l-footer__name {
    order: 3;
    flex: 1;
    text-align: right;
    font-size: 1.4rem;
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .l-footer02 {
    padding: 2.4rem 2rem 2.6rem 2rem;
  }
  .l-footer__logo {
    margin: 4rem auto 2rem auto;
  }
  .l-footer__copy {
    text-align: center;
  }
  .l-footer__name {
    font-size: 1.2rem;
  }
}
/* ページトップ
--------------------------------------------------*/
.l-footer__pagetop {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.98867e-08 10.0001L10 9.93014e-05L20 10.0001L17.5 12.5063L10 5.0001L2.5 12.5063L2.98867e-08 10.0001Z' fill='white'/%3E%3C/svg%3E%0A");
  background-color: #0056C4;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  caret-color: transparent;
  position: fixed;
  z-index: 100;
  border: 2px #0056C4 solid;
  display: none;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .l-footer__pagetop {
    width: 6.4rem;
    height: 6.4rem;
    bottom: 3rem;
    right: 3.2rem;
    cursor: pointer;
  }
  .l-footer__pagetop:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.98867e-08 10.0001L10 9.93014e-05L20 10.0001L17.5 12.5063L10 5.0001L2.5 12.5063L2.98867e-08 10.0001Z' fill='%230056C4'/%3E%3C/svg%3E%0A");
    background-color: #fff;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .l-footer__pagetop {
    width: 5rem;
    height: 5rem;
    right: 1rem;
    bottom: 1rem;
  }
}
/*==================================================

メイン

==================================================*/
.home-cover__texts {
  color: #000;
}
.home-cover__slideItem.-white .home-cover__texts {
  color: #fff;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .home-cover {
    margin-top: 8rem;
    position: relative;
  }
  .home-cover__slideItem {
    width: 100%;
    position: relative;
  }
  .home-cover__texts {
    width: 29.5vw;
    position: absolute;
    top: 7vw;
    left: 9.5vw;
  }
  .home-cover__text01 {
    font-size: 4.1666vw;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 2.7777vw;
  }
  .home-cover__text02 {
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.8;
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-cover {
    margin-top: 6rem;
  }
  .home-cover__slideItem {}
  .home-cover__texts {
    width: 32.5rem;
    position: absolute;
    top: 5.5rem;
    left: 3.2rem;
  }
  .home-cover__text01 {
    font-size: 2.7rem;
    font-weight: bold;
    margin-bottom: 3rem;
  }
  .home-cover__text01 br {
    display: none;
  }
  .home-cover__text02 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2;
  }
}
/*==================================================

セカンド共通

==================================================*/
/* レイアウト
--------------------------------------------------*/
.l-content {
  line-height: 1.8;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .l-content {
    max-width: 102.4rem;
    font-size: 1.6rem;
    padding: 0 3rem;
    margin: 0 auto 9rem auto;
    box-sizing: content-box;
  }
  .l-content.-hoyasurgicaloptics {
    max-width: 128rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .l-content {
    padding: 0 2rem;
    font-size: 1.6rem;
  }
}
/* ページタイトル1
--------------------------------------------------*/
.m-pageTitle01 {
  background-color: #0056C4;
  font-weight: bold;
  text-align: center;
  letter-spacing: .05em;
}
.m-pageTitle01__text01 {
  background-color: #fff;
  color: #0056C4;
  border-radius: 1rem;
  display: inline-block;
}
.m-pageTitle01__text02 {
  color: #fff;
  display: block;
}
.m-pageTitle01__point {
  box-sizing: content-box;
  position: relative;
  letter-spacing: .04em;
}
.m-pageTitle01__pointIcon {
  background-color: #FFA93B;
  border-radius: 4rem;
  color: #fff;
  font-weight: bold;
  position: absolute;
  display: inline-block;
}
.m-pageTitle01__pointText {
  background-color: #F2F7FC;
  border-radius: 2rem;
  font-weight: 500;
  line-height: 1.8;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle01__wrapper {
    margin-bottom: 9.6rem;
  }
  .m-pageTitle01 {
    padding: 6rem 3rem 15.3rem 3rem;
  }
  .m-pageTitle01__inner {
    max-width: 128rem;
    margin: 0 auto;
  }
  .m-pageTitle01__text01 {
    font-size: 2rem;
    padding: 0.9rem 1.8rem;
    margin-bottom: 2rem;
  }
  .m-pageTitle01__text02 {
    font-size: 3.6rem;
  }
  .m-pageTitle01__text02 span {
    font-size: 2.4rem;
  }
  .m-pageTitle01__point {
    max-width: 128rem;
    margin: 0 auto;
    padding: 0 3rem;
    margin-top: -9.6rem;
  }
  .m-pageTitle01__pointIcon {
    font-size: 2rem;
    padding: 1.1rem 3rem 0.9rem 3rem;
    top: -2.3rem;
    left: 6rem;
  }
  .m-pageTitle01__pointText {
    font-size: 1.8rem;
    padding: 6rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle01__wrapper {
    margin-bottom: 6rem;
  }
  .m-pageTitle01 {
    padding: 6rem 0 12rem 0;
  }
  .m-pageTitle01__inner {}
  .m-pageTitle01__text01 {
    font-size: 1.6rem;
    padding: 0.9rem 1.8rem;
    margin-bottom: 2rem;
  }
  .m-pageTitle01__text02 {
    font-size: 2.6rem;
  }
  .m-pageTitle01__text02 span {
    font-size: 2rem;
    display: block;
  }
  .m-pageTitle01__point {
    margin: -6rem 2rem 0 2rem;
  }
  .m-pageTitle01__pointIcon {
    font-size: 1.6rem;
    padding: 0.8rem 3rem 0.7rem 3rem;
    top: -2rem;
    left: 3rem;
  }
  .m-pageTitle01__pointText {
    font-size: 1.6rem;
    padding: 4rem 2.8rem;
  }
}
/* ページタイトル2
--------------------------------------------------*/
.m-pageTitle02 {
  background-color: #F2F7FC;
  font-weight: bold;
  text-align: center;
  color: #0056C4;
  letter-spacing: .05em;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle02 {
    font-size: 3rem;
    padding: 5.8rem 3rem;
    margin-bottom: 9.6rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle02 {
    font-size: 2.4rem;
    padding: 6rem 1rem;
    margin-bottom: 6rem;
  }
}
/* 見出し
--------------------------------------------------*/
.m-title {
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.m-title02 {
  color: #0056C4;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .04em;
  border: 2px #0056C4 solid;
  border-radius: 4rem;
  display: inline-block;
}
.m-title02.-white {
  background-color: #fff;
}
.m-title03 {
  font-weight: bold;
  text-align: center;
}
.m-title04 {
  font-weight: bold;
  text-align: center;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-title {
    font-size: 2.8rem;
    margin-bottom: 3.6rem;
  }
  .m-title02 {
    font-size: 2.4rem;
    padding: 0.9rem 2.6rem 0.7rem 3rem;
    margin-bottom: 4.8rem;
  }
  .m-title03 {
    font-size: 2.8rem;
    margin-bottom: 3.2rem;
  }
  .m-title04 {
    font-size: 2.4rem;
    margin-bottom: 3.2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-title {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
  .m-title02 {
    font-size: 1.8rem;
    letter-spacing: .02em;
    padding: 0.8rem 2.7rem 0.7rem 2.7rem;
    margin-bottom: 3rem;
    display: inline-block;
  }
  .m-title03 {
    font-size: 1.9rem;
    margin-bottom: 2rem;
  }
  .m-title04 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
/* テキスト
--------------------------------------------------*/
.m-text {
  line-height: 1.8;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb50 {
  margin-bottom: 5rem !important;
  ;
}
.mb80 {
  margin-bottom: 8rem !important;
  ;
}
.mb120 {
  margin-bottom: 12rem !important;
  ;
}
.text-blue {
  color: #0056C4;
}
.bold {
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-text {
/*    transform: rotate(-0.05deg);*/
    font-size: 1.8rem;
    margin-bottom: 9.6rem;
  }
  .m-text.-center {
    text-align: center;
  }
  .mb15 {
    margin-bottom: 15rem !important;
  }
  .mb27 {
    margin-bottom: 2.7rem !important;
  }
  .mb32 {
    margin-bottom: 3.2rem !important;
  }
  .mb30 {
    margin-bottom: 3rem !important;
  }
  .mb32 {
    margin-bottom: 3.2rem !important;
  }
  .mb62 {
    margin-bottom: 6.2rem !important;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-text {
    font-size: 1.6rem;
    margin-bottom: 8rem;
  }
  .mb15 {
    margin-bottom: 9.5rem;
  }
  .mb62 {
    margin-bottom: 5.5rem;
  }
  .mb32 {
    margin-bottom: 2rem !important;
  }
}
/* ぱんくず
--------------------------------------------------*/
.m-bread {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.m-bread li {
  color: #222;
  letter-spacing: .04em;
  background: url("../images/shared/arrow-bread.svg") left 0.3em no-repeat;
  background-size: 0.6rem auto;
  padding-left: 1.5rem;
}
.m-bread li:first-child {
  background: none;
  padding-left: 0;
}
.m-bread a, .m-bread span {
  color: #222;
  text-decoration: underline;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-bread {
    margin: 9.5rem 3.2rem 1.4rem 3.2rem;
  }
  .m-bread li {
    font-size: 1.2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-bread {
    margin: 6.9rem 1rem 0.9rem 1rem;
    gap: 0.8rem 0.7rem;
  }
  .m-bread li {
    font-size: 1rem;
    padding-left: 1.2rem;
  }
  .m-bread a {
    background-size: 0.6rem auto;
  }
}
/* ページナビ
--------------------------------------------------*/
.m-pagenavi a {
  background: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.792893 0.292893C1.18342 -0.0976311 1.81658 -0.0976311 2.20711 0.292893L7.5 5.58579L12.7929 0.292893C13.1834 -0.0976316 13.8166 -0.0976316 14.2071 0.292893C14.5976 0.683417 14.5976 1.31658 14.2071 1.70711L8.20711 7.70711C8.01957 7.89464 7.76522 8 7.5 8C7.23478 8 6.98043 7.89464 6.79289 7.70711L0.792893 1.70711C0.402369 1.31658 0.402369 0.683417 0.792893 0.292893Z' fill='%23222222'/%3E%3C/svg%3E%0A") right 2.8rem center no-repeat;
  border: 2px #0056C4 solid;
  color: #222;
  font-weight: 500;
  border-radius: 1rem;
  display: block;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem 1.5rem;
    margin: 0 0 9.6rem 0;
  }
  .m-pagenavi a {
    background-size: 1.5rem auto;
    padding: 2rem 7rem 2rem 3rem;
    transition: all .3s ease;
    font-size: 2rem;
  }
  .m-pagenavi a:hover {
    background: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.792893 0.292893C1.18342 -0.0976311 1.81658 -0.0976311 2.20711 0.292893L7.5 5.58579L12.7929 0.292893C13.1834 -0.0976316 13.8166 -0.0976316 14.2071 0.292893C14.5976 0.683417 14.5976 1.31658 14.2071 1.70711L8.20711 7.70711C8.01957 7.89464 7.76522 8 7.5 8C7.23478 8 6.98043 7.89464 6.79289 7.70711L0.792893 1.70711C0.402369 1.31658 0.402369 0.683417 0.792893 0.292893Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") right 2.8rem center no-repeat;
    background-size: 1.5rem auto;
    background-color: #0056C4;
    color: #fff;
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pagenavi {
    margin: -2.3rem 0 7.5rem 0;
  }
  .m-pagenavi li {
    margin-bottom: 1rem;
  }
  .m-pagenavi a {
    background-size: 1.3rem auto;
    padding: 1.2rem 5.5rem 1.2rem 3rem;
    font-size: 1.8rem;
  }
}
/*==================================================

トップページ

==================================================*/
/* 知りたい用語を入力
--------------------------------------------------*/
.m-search {
  position: relative;
}
.m-search:before {
  content: "";
  background-color: #E4F0FD;
  position: absolute;
  top: 0;
}
.m-search__title {
  background: url("../images/shared/icon-search.svg") 2rem center no-repeat;
  background-color: #E4F0FD;
  letter-spacing: .05em;
  display: inline-block;
  border-radius: 1rem 1rem 0 0;
  position: absolute;
  box-sizing: border-box;
}
.m-search__input {
  position: relative;
  display: flex;
  justify-content: space-between;
}
input[type="text"], button {
/*  font-family: "M PLUS 1p", serif;*/
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.m-search__inputText {
  letter-spacing: .05em;
  border-radius: 1rem !important;
  background-color: #fff;
}
.m-search__button {
  background-color: #0056C4;
  color: #fff;
  letter-spacing: .05em;
  font-weight: bold;
  text-align: center;
  border: 2px #fff solid;
  border-radius: 1rem;
}
.m-search__items {
  position: relative;
  display: flex;
  text-align: center;
}
.m-search__image {
  background-color: #fff;
  margin-bottom: 1rem;
  border-radius: 1rem;
}
.m-search__image img {
  vertical-align: bottom;
}
.m-search__text {
  color: #0056C4;
  font-weight: bold;
  letter-spacing: .05em;
  position: relative;
  display: inline;
}
.m-search__text:after {
  content: "";
  background: url("../images/shared/arrow-blue.svg") center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-search {
    max-width: 102.4rem;
    padding: 3.2rem 3rem 0 3rem;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .l-content .m-search {
    padding: 3.2rem 0 0 0;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .m-search:before {
    bottom: min(15.6rem, 10.84vw);
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
  }
  .m-search__title {
    width: 24rem;
    height: 4.8rem;
    background-size: 2.2rem auto;
    font-size: 1.8rem;
    padding: 1.3rem 1rem 1.3rem 5.2rem;
    top: -4.8rem;
    left: 3rem;
  }
  .l-content .m-search__title {
    left: 0;
  }
  .m-search__input {
    margin-bottom: 2.9rem;
  }
  .m-search__inputText {
    width: calc(100% - 19rem);
    font-size: 1.6rem;
    padding: 1.6rem 3.2rem 1.4rem 3.2rem;
  }
  .m-search__button {
    width: 17.6rem;
    font-size: 1.8rem;
    padding: 0.2rem 0 0.2rem;
    cursor: pointer;
    transition: all .3s ease;
  }
  .m-search__button:hover {
    background-color: #fff;
    color: #0056C4;
    border: 2px #0056C4 solid;
  }
  .m-search__items {
    gap: 0 3.2rem;
    justify-content: center;
  }
  .m-search__item {
    width: calc(25% - min(2.2rem, 1.53vw));
  }
  .m-search__item a:hover {
    text-decoration: none;
  }
  .m-search__image {
    border: 3px #F2F7FC solid;
  }
  .m-search__text {
    font-size: min(2rem, 1.9vw);
    padding-right: min(2.8rem, 1.9445vw);
    text-align: center;
  }
  .m-search__text:after {
    width: min(1.2rem, 1vw);
    height: min(2rem, 1.39vw);
    margin-left: min(1.5rem, 1.042vw);
    transition: all .2s ease;
  }
  .m-search__text:hover:after {
    right: -0.3rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-search {
    padding: 2rem 2rem 8rem 2rem;
  }
  .l-content .m-search {
    margin: 0 -2rem;
  }
  .m-search:before {
    bottom: 19.7rem;
    left: 0;
    right: 0;
  }
  .m-search__title {
    width: 20rem;
    height: 4rem;
    background-position: 1.5rem center;
    background-size: 1.8rem auto;
    font-size: 1.5rem;
    padding: 0.9rem 1rem 0.9rem 4.4rem;
    top: -4rem;
    left: 2rem;
  }
  .m-search__input {
    margin-bottom: 2rem;
  }
  .m-search__inputText {
    width: 28rem;
    font-size: 1.5rem;
    padding: 1rem 0.6rem;
    box-sizing: border-box;
  }
  .m-search__button {
    width: 6rem;
    font-size: 1.4rem;
    padding: 0.3rem 0.3rem 0.1rem 0;
    box-sizing: border-box;
    letter-spacing: -0.35rem;
  }
  .m-search__items {
    gap: 2rem 0;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .m-search__item {
    width: 16.1rem;
  }
  .m-search__image {
    border: 3px #F2F7FC solid;
  }
  .m-search__text {
    font-size: 1.6;
    letter-spacing: .02em;
    padding-right: 1.6rem;
    white-space: nowrap;
  }
  .m-search__text:after {
    width: 0.8rem;
    height: 1.3rem;
  }
}
/* 白内障について
--------------------------------------------------*/
.home-title__wrapper {
  position: relative;
}
.home-title {
  background-color: #0056C4;
  color: #fff;
  font-weight: bold;
  letter-spacing: .05em;
  border-radius: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.home-title__image {
  position: absolute;
  bottom: 0;
  z-index: 3;
}
.home-about__movie {
  position: relative;
  z-index: 5;
}
.home-about__movieBox {
  background-color: #0056C4;
  margin: 0 auto;
  border: 4px #0056C4 solid;
  border-radius: 1rem;
}
.home-about__movie iframe {
  aspect-ratio: 16 / 9;
  border-radius: 1rem;
}
.home-movie__title {
  color: #fff;
  font-weight: bold;
  letter-spacing: .05em;
  text-align: center;
}
.home-movie__text {
  font-weight: bold;
  letter-spacing: .04em;
}
.home-item__image img {
  border-radius: 0 1rem 1rem 0;
}
.home-item__text01 {
  color: #0056C4;
  font-weight: bold;
  letter-spacing: .05em;
}
.home-item__text01 span {
  letter-spacing: 0;
}
.home-item__button span, .home-item__button a {
  background-color: #0056C4;
  color: #fff;
  border: 2px #fff solid;
  font-weight: 500;
  border-radius: 4rem;
  text-align: center;
  display: block;
  box-sizing: border-box;
}
.home-item__button.-white a {
  background-color: #fff;
  color: #0056C4;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .home-title__wrapper {
    height: 32rem;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 -3rem;
    overflow: hidden;
    margin: 0 calc( 50% - 50vw );
  }
  .home-about .home-title__wrapper {
    background: url("../images/home/about-bg.jpg") center bottom no-repeat;
    padding-top: 2.8rem;
    background-size: auto calc( 100% - 2.8rem );
  }
  .home-treatment .home-title__wrapper {
    background: url("../images/home/treatment-bg.jpg") center bottom no-repeat;
    padding-top: 13.1rem;
    background-size: auto calc( 100% - 13.1rem );
  }
  .home-lens .home-title__wrapper {
    background: url("../images/home/lens-bg.jpg") center bottom no-repeat;
    padding-top: 4.6rem;
    background-size: auto calc( 100% - 3.7rem );
  }
  .home-title__wrapper:before {
    background-color: #E4F0FD;
    height: 33.8rem;
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    z-index: -1;
  }
  .home-title {
    font-size: 3.6rem;
    border-radius: 2rem;
    padding: 2rem 4rem;
  }
  .home-about .home-title__image {
    width: 25.4rem;
    left: calc(50% + 26rem);
  }
  .home-treatment .home-title__image {
    width: 40.9rem;
    left: calc(50% + 16.5rem);
  }
  .home-lens .home-title__image {
    width: 34.5rem;
    left: calc(50% + 17rem);
  }
  .home-about {
    max-width: 111.6rem;
    padding: 0 3rem;
    margin: 12rem auto 12.5rem auto;
    box-sizing: content-box;
  }
  .home-about__movie {
    max-width: 64rem;
    margin: -6.3rem auto 8rem auto;
  }
  .home-about__movie iframe {
    aspect-ratio: 16 / 9;
  }
  .home-movie__title {
    font-size: 2.6rem;
    padding: 1rem 0.9rem 1.2rem 0.9rem;
  }
  .home-movie__text {
    font-size: 1.8rem;
    line-height: 2;
    margin-top: 1.6rem;
  }
  .home-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6.4rem 6.4rem;
    margin-top: 8rem;
  }
  .home-item {
    width: calc(50% - 3.2rem);
    display: flex;
  }
  .home-item a {
    color: #222;
    display: flex;
    justify-content: space-between;
  }
  .home-item__image {
    width: 43.5%;
  }
  .home-item__image img {
    border-left: 8px #0056C4 solid;
  }
  .home-item__texts {
    width: 49%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .home-item__text01 {
    font-size: 2.2rem;
    margin-bottom: 1.6rem;
  }
  .home-item__text01 span {
    font-size: 1.6rem;
  }
  .home-item__text02 {
    line-height: 1.8;
    font-size: 1.6rem;
/*    transform: rotate(-0.05deg);*/
  }
  .home-item a {
    transition: all .3s ease;
  }
  .home-item a:hover {
    text-decoration: none;
  }
  .home-item__button {
    margin-top: auto;
    margin-left: auto;
  }
  .home-item__button.-white {
    margin-left: 0;
  }
  .home-item__button span, .home-item__button a {
    width: 18.6rem;
    font-size: 1.8rem;
    padding: 0.7rem 1rem 0.7rem 1rem;
    transition: all .3s ease;
  }
  .home-item a:hover .home-item__button span, .home-item__button a:hover {
    background-color: #fff;
    color: #0056C4;
    border: 2px #0056C4 solid;
    text-decoration: none;
  }
  .home-item__button.-white a:hover {
    background-color: #0056C4;
    color: #fff;
    border: 2px #fff solid;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-about .home-title__wrapper {
    background: #e7effc url("../images/home/about-bg-sp.jpg") center bottom no-repeat;
  }
  .home-treatment .home-title__wrapper {
    background: #e7effc url("../images/home/treatment-bg-sp.jpg") center bottom no-repeat;
  }
  .home-lens .home-title__wrapper {
    background: #e7effc url("../images/home/lens-bg-sp.jpg") center bottom no-repeat;
  }
  .home-title__wrapper {
    background-position: center bottom;
    background-size: 100% auto !important;
    height: 38rem;
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 0 -2rem;
    overflow: hidden;
  }
  .home-title__wrapper:before {
    background-color: #e7effc;
    height: 32rem;
    position: absolute;
    content: "";
    right: calc(50% - 50vw);
    left: calc(50% - 50vw);
    z-index: -1;
  }
  .home-title {
    font-size: 2.7rem;
    border-radius: 1rem;
    padding: 0.4rem 2rem;
    margin-top: 3rem;
    position: relative;
    z-index: 10;
  }
  .home-title__image {
    left: 50%;
    transform: translateX(-50%);
  }
  .home-about .home-title__image {
    width: 24.5rem;
    margin-bottom: -6.5rem;
  }
  .home-treatment .home-title__image {
    width: 40.9rem;
    margin: 0 0 -7rem 4.5rem;
  }
  .home-lens .home-title__image {
    width: 34.5rem;
    margin: 0 0 -8rem -0.7rem;
  }
  .home-about {
    padding: 0 2rem;
    margin: -4rem auto 10rem auto;
    box-sizing: content-box;
  }
  .home-about__movie {
    width: 31rem;
    margin: -3rem auto 8rem auto;
  }
  .home-about__movie iframe {
    aspect-ratio: 16 / 9;
  }
  .home-movie__title {
    font-size: 2rem;
    padding: 0.9rem 0.9rem 1rem 0.9rem;
  }
  .home-movie__text {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 2rem;
  }
  .home-items {
    margin-top: 8rem;
  }
  .home-item a {
    color: #222;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    position: relative;
    padding: 0 0 7rem 0;
    margin-bottom: 5rem;
  }
  .home-item:last-child {
    margin-bottom: 0;
  }
  .home-item a:before {
    background-color: #0056C4;
    content: "";
    position: absolute;
    width: 0.8rem;
    top: 0;
    left: 0;
    bottom: 7rem;
    display: block;
  }
  .home-item__image {
    width: 16rem;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  .home-item__texts {
    width: 17rem;
    display: contents;
  }
  .home-item__text01 {
    min-height: 7rem;
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 0.5rem 0 0.5rem 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }
  .home-item__text01 span {
    font-size: 1.6rem;
  }
  .home-item__text02 {
    line-height: 1.8;
    font-size: 1.4rem;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
  .home-item__button {
    width: 20rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .home-item__button.-white {
    position: inherit;
    bottom: auto;
    left: auto;
    transform: translateX(0);
    margin: 0 auto 2rem auto;
  }
  .home-item__button span, .home-item__button a {
    font-size: 1.6rem;
    padding: 1.3rem 1.5rem 1.2rem 1.5rem;
  }
}
/* 白内障の治療について
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {
  .home-treatment {
    max-width: 111.6rem;
    padding: 0 3rem;
    margin: 0 auto 21.9rem auto;
    box-sizing: content-box;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-treatment {
    padding: 0 2rem 10rem 2rem;
  }
}
/* 眼内レンズについて
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {
  .home-lens {
    max-width: 111.6rem;
    padding: 0 3rem 16rem 3rem;
    margin: 0 auto;
    box-sizing: content-box;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-lens {
    padding: 0 2rem 10rem 2rem;
  }
}
/* HOYA（株）メディカル事業部について
--------------------------------------------------*/
.home-company {
  background-color: #E4F0FD;
}
.home-company__content {
  border-radius: 1rem;
  overflow: hidden;
}
.home-company__texts {
  background-color: #0056C4;
  color: #fff;
}
.home-company__title {
  font-weight: bold;
}
.home-company__image {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .home-company {
    background-image: url("../images/home/home-company-bg.jpg"), url("../images/home/home-company-bg02.jpg");
    background-repeat: no-repeat, repeat-x;
    background-position: center bottom, left bottom;
    background-size: 144rem auto, 1rem auto;
    background-color: #E4F0FD;
    padding: 8rem 3rem;
  }
  .home-company__inner {
    max-width: 128rem;
    margin: 0 auto;
    position: relative;
  }
  .home-company__content {
    max-width: 89.6rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .home-company__image {
    background-color: #fff;
    width: 32.2%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home-company__image img {
    max-width: 20rem;
  }
  .home-company__texts {
    width: 67.8%;
    padding: 3.2rem 2.5rem 3.2rem 3.2rem;
    display: flex;
    flex-direction: column;
  }
  .home-company__title {
    font-size: 2.4rem;
    margin-bottom: 1.3rem;
  }
  .home-company__text {
    font-size: 1.6rem;
    line-height: 1.7;
    margin-bottom: 2.7rem;
/*    transform: rotate(-0.05deg);*/
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .home-company__image01 {
    width: min(30.5rem, 23vw);
    left: -6rem;
  }
  .home-company__image02 {
    width: min(30.7rem, 23vw);
    right: -6rem;
  }
  .home-company__texts {
    padding: 2.5rem 0.5rem 3.2rem 2.5rem;
  }
  .home-company__title {
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
  .home-company__text {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-company {
    background-image: url("../images/home/home-company-bg-sp.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-color: #E4F0FD;
    position: relative;
    padding: 8rem 2rem 14.6rem 2rem;
  }
  .home-company__content {
    background-color: #0056C4;
    position: relative;
  }
  .home-company__image {
    width: 14.5rem;
    height: 14.5rem;
  }
  .home-company__image img {
    width: 11rem;
  }
  .home-company__title {
    font-size: 1.7rem;
    position: absolute;
    top: 3.3rem;
    left: 16.2rem;
  }
  .home-company__text {
    border-top: 1px #fff solid;
    font-size: 1.4rem;
    line-height: 1.7;
    padding: 2rem;
  }
}
/* 先生のご紹介
--------------------------------------------------*/
.home-surpervision {
  display: flex;
  flex-direction: column;
}
.home-surpervision__heading {
  text-align: center;
}
.home-surpervision__title {
  color: #0056c4;
  font-weight: 700;
}
.home-surpervision__text {
  letter-spacing: .05em;
}
.home-surpervision__item {
  border: 1px #0056c4 solid;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  display: grid;
}
.home-surpervision__textTop {
  color: #0056c4;
  font-weight: 500;
  letter-spacing: .05em;
}
.home-surpervision__textBottom {
  background-color: #e4f0fd;
}
.home-surpervision__text03 {
  line-height: 1.8;
  font-weight: 500;
}
.home-surpervision__icon {
  background-color: #0056c4;
  color: #fff;
  position: absolute;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .home-surpervision {
    max-width: 102.4rem;
    margin: 0 auto;
    padding: 8rem 3rem;
    box-sizing: content-box;
  }
  .home-surpervision__title {
    font-size: 2.4rem;
    margin-bottom: 1rem;
/*    transform: rotate(-0.05deg);*/
  }
  .home-surpervision__text {
    font-size: 1.6rem;
    margin-bottom: 4.8rem;
  }
  .home-surpervision__item {
    grid-template-columns: 15.6rem 1fr;
    grid-template-rows: auto 1fr;
  }
  .home-surpervision__image {
    width: 15.6rem;
    overflow: hidden;
    grid-row: 1 / 3;
    grid-column: 1 / 2;
  }
  .home-surpervision__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .home-surpervision__textTop {
    padding: 2rem 3rem 2rem 3rem;
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
  .home-surpervision__textBottom {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
  }
  .home-surpervision__text01 {
    font-size: 2rem;
    margin-bottom: 0.8rem;
/*    transform: rotate(-0.05deg);*/
  }
  .home-surpervision__text01 span {
    font-size: 1.6rem;
    margin-left: 1rem;
  }
  .home-surpervision__text02 {
    font-size: 1.4rem;
/*    transform: rotate(-0.05deg);*/
  }
  .home-surpervision__text03 {
    font-size: 1.4rem;
    padding: 2.5rem 3rem 2.3rem 3rem;
/*    transform: rotate(-0.05deg);*/
  }
  .home-surpervision__icon {
    border-radius: 0.8rem;
    font-size: 1.4rem;
    top: 1.6rem;
    right: 1.6rem;
    padding: 0.4rem 1.6rem;
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-surpervision__heading {
    order: 2;
  }
  .home-surpervision__item {
    grid-template-columns: 13rem 1fr;
    order: 1;
    margin-bottom: 3rem;
  }
  .home-surpervision {
    padding: 6rem 2rem;
    box-sizing: content-box;
  }
  .home-surpervision__title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .home-surpervision__text {
    font-size: 1.4rem;
  }
  .home-surpervision__item {
    justify-content: space-between;
  }
  .home-surpervision__image {
    width: 13rem;
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
  .home-surpervision__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  .home-surpervision__textTop {
    margin: 3rem 2rem;
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
  .home-surpervision__textBottom {
    width: 100%;
    grid-row: 2 / 3;
    grid-column: 1 / 3;
  }
  .home-surpervision__text01 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .home-surpervision__text01 span {
    font-size: 1.6rem;
    margin-left: 1rem;
  }
  .home-surpervision__text02 {
    font-size: 1.2rem;
  }
  .home-surpervision__text03 {
    font-size: 1.2rem;
    padding: 2.2rem 2rem 2rem 2rem;
  }
  .home-surpervision__icon {
    border-radius: 0.8rem;
    font-size: 1.2rem;
    top: 1rem;
    right: 1rem;
    padding: 0.4rem 1rem;
  }
}
/*==================================================

どんな病気なのか　どんな症状があるのか

==================================================*/
/* 白内障とは
--------------------------------------------------*/
#about, #condition, #condition02 {
  position: relative;
}
.symptoms-aboutItem {
  text-align: center;
}
.symptoms-aboutText01 {
  background-color: #0056C4;
  color: #fff;
  font-weight: bold;
  letter-spacing: .05em;
  display: inline-block;
  line-height: 1;
}
.symptoms-aboutText02 {
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  #about, #condition {
    top: -8rem;
  }
  .symptoms-about {
    margin-bottom: 12.8rem;
  }
  .symptoms-about .m-text {
    margin-bottom: 3rem;
  }
  .symptoms-aboutItems {
    display: flex;
    justify-content: center;
    gap: 0 2rem;
    margin: 0 0 4.5rem 0;
  }
  .symptoms-aboutItem {
    width: calc(50% - 1.5rem);
  }
  .symptoms-aboutText01 {
    border-radius: 20rem;
    font-size: 2rem;
    padding: 1.4rem 1.8rem;
    margin-bottom: 1.5rem;
  }
  .symptoms-aboutImage {
    max-width: 42.5rem;
    margin: 0 auto 3.5rem auto;
  }
  .symptoms-aboutText02 {
    font-size: 1.8rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  #about, #condition {
    top: -6rem;
  }
  .symptoms-about {
    margin-bottom: 8rem;
  }
  .symptoms-about .m-text {
    margin-bottom: 4rem;
  }
  .symptoms-aboutItems {}
  .symptoms-aboutItem {
    margin-bottom: 4rem;
  }
  .symptoms-aboutText01 {
    border-radius: 16rem;
    font-size: 1.8rem;
    padding: 1.2rem 2rem;
    margin-bottom: 2rem;
  }
  .symptoms-aboutImage {
    max-width: 33.7rem;
    margin: 0 auto 2rem auto;
  }
  .symptoms-aboutText02 {
    font-size: 1.5rem;
  }
}
/* ボタン
--------------------------------------------------*/
.m-button a {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L0.999999 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-color: #00A887;
  border-radius: 20rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: .02em;
  display: inline-block;
  border: 2px #fff solid;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-button {
    text-align: center;
  }
  .m-button a {
    background-position: right 2.9rem center;
    background-size: 0.9rem auto;
    font-size: 2.4rem;
    padding: 1.8rem 6.5rem 1.7rem 3.2rem;
    transition: all .3s ease;
  }
  .m-button a:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L0.999999 1' stroke='%2300A887' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    text-decoration: none;
    background-color: #fff;
    border: 2px #00A887 solid;
    color: #00A887;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-button a {
    width: 100%;
    background-position: right 2.5rem center;
    background-size: 0.8rem auto;
    font-size: 1.8rem;
    padding: 2.1rem 3rem 2.1rem 2.8rem;
  }
  .m-button.sp-small a {
    white-space: nowrap;
    font-size: 1.75rem;
    padding: 2.1rem 2.5rem 2.1rem 3rem;
  }
}
/* 白内障の症状
--------------------------------------------------*/
.symptoms-condition {
  background-color: #F2F7FB;
}
.symptoms-condition__box {
  background-color: #fff;
  border-radius: 1rem;
}
.symptoms-condition__text {
  font-weight: bold;
  text-align: center;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .symptoms-condition {
    margin: 0 calc(50% - 50vw);
    padding: 12.8rem 3rem 11.9rem 3rem;
    margin-bottom: 15.7rem;
  }
  .symptoms-condition__inner {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  .symptoms-condition__box {
    padding: 4rem;
  }
  .symptoms-condition__text {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .symptoms-condition__image {
    margin-bottom: 2.2rem;
  }
  .symptoms-condition__note {
    font-size: 1.4rem;
    text-align: right;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .symptoms-condition {
    padding: 8rem 2rem;
    margin: 0 -2rem;
  }
  .symptoms-condition__box {
    padding: 3rem 0 3rem 2rem;
  }
  .symptoms-condition__text {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .symptoms-condition__image {
    overflow-x: scroll;
    margin-bottom: 2rem;
  }
  .symptoms-condition__image img {
    width: 83.4rem;
    margin-right: 2rem;
  }
  .symptoms-condition__note {
    font-size: 1.4rem;
    text-align: center;
  }
}
/* その他のコンテンツ
--------------------------------------------------*/
.m-other {
  border: 2px #0056C4 solid;
  border-radius: 2rem;
  position: relative;
}
.m-other__title {
  width: 100%;
  text-align: center;
  color: #0056C4;
  font-weight: bold;
  position: absolute;
  left: 0;
}
.m-other__title span {
  background-color: #fff;
  display: inline-block;
}
.m-other__item {
  border: 1px #0056C4 solid;
}
.m-other__item a {
  display: flex;
  align-items: center;
  color: #000;
}
.m-other__text {
  box-sizing: border-box;
  font-weight: bold;
}
.m-other__text span {
  display: block;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .m-other {
    padding: 6.4rem 3.2rem;
    margin-bottom: 20.8rem;
  }
  .m-other__title {
    font-size: 2.4rem;
    top: -2.2rem;
    left: 0;
  }
  .m-other__title span {
    padding: 0 1.6rem;
  }
  .m-other__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem 3.2rem;
  }
  .m-other__item {
    width: calc(50% - 1.8rem);
  }
  .m-other__image {
    width: 36%;
  }
  .m-other__text {
    width: 64%;
    padding: 0.6rem 4% 0.6rem 7.4%;
    font-size: 1.8rem;
    line-height: 1.7;
  }
  .m-other__text span {
    font-size: 1.4rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-other {
    padding: 3.8rem 2rem;
    margin-bottom: 16rem;
  }
  .m-other__item {
    margin-bottom: 1rem;
  }
  .m-other__item:last-child {
    margin-bottom: 0;
  }
  .m-other__title {
    font-size: 1.6rem;
    line-height: 1.6;
    top: -2.9rem;
    left: 0;
  }
  .m-other__title span {
    padding: 0 1rem;
  }
  .m-other__image {
    width: 10.6rem;
  }
  .m-other__text {
    width: calc(100% - 10.6rem);
    padding: 0.5rem 1rem 0.5rem 1.8rem;
    font-size: 1.5rem;
    line-height: 1.6;
  }
  .m-other__text span {
    font-size: 1rem;
  }
}
/* こんな症状はございませんか?
--------------------------------------------------*/
.symptoms-condition02 .m-other__title span {
  background-color: #fff;
}
.symptoms-condition02__list li {
  border: 1px #00A887 solid;
  border-radius: 1rem;
  background: url("../images/symptoms/check.svg") 3rem center no-repeat;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.symptoms-condistion02__text01 {
  font-weight: bold;
  text-align: center;
}
.symptoms-condistion02__text02 {
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  #condition02 {
    top: -20rem;
  }
  .m-other.symptoms-condition02 {
    margin-bottom: 15rem;
  }
  .symptoms-condition02 .m-other__title {
    font-size: 3.2rem;
    top: -2.8rem;
  }
  .symptoms-condition02 .m-other__title span {
    padding: 0 3.2rem;
  }
  .symptoms-condition02__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3rem 3rem;
    margin-bottom: 3.6rem;
  }
  .symptoms-condition02__list li {
    min-height: 14.4rem;
    width: calc(50% - 1.5rem);
    background-size: 4rem auto;
    padding: 2rem 2.8rem 2rem 10rem;
    font-size: 2rem;
    line-height: 1.7;
  }
  .symptoms-condistion02__text01 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .symptoms-condistion02__text02 {
    font-size: 1.6rem;
    text-align: center;
    line-height: 2;
    margin-bottom: -1rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  #condition02 {
    top: -14rem;
  }
  .symptoms-condition02 {
    margin: 9.8rem 0 8rem 0;
  }
  .m-other.symptoms-condition02 {}
  .symptoms-condition02 .m-other__title {
    font-size: 2rem;
    top: -2rem;
  }
  .symptoms-condition02 .m-other__title span {
    padding: 0 1rem;
  }
  .symptoms-condition02__list li {
    background-position: 1.7rem center;
    background-size: 2.4rem auto;
    padding: 1.4rem 0.5rem 1.4rem 5.3rem;
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  .symptoms-condistion02__text01 {
    font-size: 1.8rem;
    margin: 3rem 0 2rem 0;
  }
  .symptoms-condistion02__text02 {
    font-size: 1.6rem;
    font-weight: normal;
  }
}
/*==================================================

もっと詳しく　白内障の分類

==================================================*/
/* 発症原因による分類
--------------------------------------------------*/
.symptoms-causeTable {
  width: 100%;
  border-top: 1px #0056C4 solid;
  border-right: 1px #0056C4 solid;
}
.symptoms-causeTable th, .symptoms-causeTable td {
  border-bottom: 1px #0056C4 solid;
  border-left: 1px #0056C4 solid;
  vertical-align: middle;
}
.symptoms-causeTable th {
  background-color: #F2F7FC;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .symptoms-causeTable {
    margin-bottom: 9.6rem;
  }
  .symptoms-causeTable th, .symptoms-causeTable td {
    font-size: 1.8rem;
    vertical-align: middle;
    padding: 2.4rem 3.6rem 2.2rem 3.6rem;
  }
  .symptoms-causeTable th {
    width: 24rem;
    font-size: 2rem;
    padding: 2.4rem 2rem 2.2rem 2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .symptoms-causeTable {
    margin-bottom: 10.9rem;
  }
  .symptoms-causeTable th, .symptoms-causeTable td {
    font-size: 1.6rem;
    padding: 1.5rem 2rem;
    display: block;
  }
  .symptoms-causeTable th {
    font-size: 1.8rem;
    padding: 1.3rem 2rem;
  }
}
/* 発症部位による分類
--------------------------------------------------*/
.symptoms-structure {
  background-color: #F2F7FC;
}
.symptoms-structure__text span {
  color: #0056C4;
  font-weight: bold;
  display: block;
}
.symptoms-detail__image {
  border-radius: 1rem;
  overflow: hidden;
}
.symptoms-detail__text01 {
  color: #0056C4;
  font-weight: bold;
}
.symptoms-detail__text02 {
  line-height: 1.7;
}
.symptoms-note {
  text-align: right;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .symptoms-part {
    margin-bottom: 12.3rem;
  }
  .symptoms-structure {
    padding: 4.6rem 8rem;
    margin-bottom: 9.6rem;
  }
  .symptoms-structure__image {
    max-width: 50rem;
    margin: 0 auto 3.2rem auto;
  }
  .symptoms-detail__item {
    display: flex;
    align-items: flex-start;
    gap: 0 3.2rem;
    margin-bottom: 3.2rem;
  }
  .symptoms-detail__image {
    width: 32rem;
  }
  .symptoms-detail__texts {
    width: calc(100% - 35.2rem);
  }
  .symptoms-detail__text01 {
    font-size: 2rem;
    margin-bottom: 1.9rem;
  }
  .symptoms-detail__text02 {
    font-size: 1.8rem;
  }
  .symptoms-note {
    font-size: 1.4rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .symptoms-part {
    margin-bottom: 8rem;
  }
  .symptoms-structure {
    padding: 4rem 2rem;
    margin: 0 -2rem 8rem -2rem;
  }
  .symptoms-structure__image {
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .symptoms-structure__text {
    font-size: 1.4rem;
  }
  .symptoms-detail__item {
    margin-bottom: 6rem;
  }
  .symptoms-detail__image {
    width: 100%;
    margin-bottom: 2.2rem;
  }
  .symptoms-detail__text01 {
    font-size: 1.8rem;
    margin-bottom: 0.9rem;
  }
  .symptoms-detail__text02 {
    font-size: 1.6rem;
  }
  .symptoms-note {
    font-size: 1.4rem;
  }
}
/* 白内障の進行と主な症状
--------------------------------------------------*/
.symptoms-symptoms {
  background-color: rgba(0, 86, 196, 0.05);
  box-sizing: border-box;
}
.symptoms-flow__item {
  background-color: #fff;
  border-radius: 1rem;
  border-bottom: 2px #0056C4 solid;
  padding: 3.2rem;
  margin-bottom: 1.6rem;
  position: relative;
}
.symptoms-flow__item:last-child {
  margin-bottom: 0;
}
.symptoms-flow__item:after {
  background-color: #0056C4;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: -1.3rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  display: block;
  z-index: -1;
}
.symptoms-flow__item:last-child:after {
  content: none;
}
.symptoms-flow__image {
  border-radius: 1rem;
  overflow: hidden;
}
.symptoms-flow__text01 {
  font-weight: bold;
}
.symptoms-flow__text02 {
  line-height: 1.7;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .symptoms-symptoms {
    padding: 12.8rem 3rem;
    margin: 0 calc(50% - 50vw) 12.8rem calc(50% - 50vw);
  }
  .symptoms-symptoms__inner {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  .symptoms-flow {
    margin-top: -5rem;
  }
  .symptoms-flow__item {
    padding: 3.2rem;
  }
  .symptoms-flow__text01 {
    font-size: 2rem;
    margin: 0.4rem 0 1.3rem 0;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .symptoms-symptoms {
    margin: 0 -2rem;
    padding: 8rem 2rem;
    margin-bottom: 8rem;
  }
  .symptoms-symptoms .m-text {
    margin-bottom: 4.7rem;
  }
  .symptoms-flow__item {
    padding: 2rem;
  }
  .symptoms-flow__text01 {
    font-size: 1.6rem;
  }
  .symptoms-flow__text02 {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}
/*==================================================

白内障かも... まずは検査！

==================================================*/
.examination-about__item {
  background-color: #F2F7FB;
  border-radius: 1rem;
}
.examination-about__item:last-child {
  margin-bottom: 0;
}
.examination-about__image {
  border-radius: 1rem;
  overflow: hidden;
}
.examination-about__text01 {
  font-weight: bold;
}
.examination-about__text02 {
  line-height: 1.7;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .examination-about {
    margin-bottom: 21.4rem;
  }
  .examination-about__item {
    display: flex;
    align-items: center;
    gap: 0 3.2rem;
    padding: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .examination-about__image {
    width: 24rem;
  }
  .examination-about__texts {
    width: calc(100% - 27.2rem);
  }
  .examination-about__text01 {
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }
  .examination-about__text02 {
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .examination-about__items {
    margin: -5rem 0 4.7rem 0;
  }
  .examination-about__item {
    padding: 2rem;
    margin-bottom: 2rem;
  }
  .examination-about__text01 {
    font-size: 1.8rem;
    margin: 1rem 0 0.9rem 0;
  }
  .examination-about__text01 span {
    font-size: 1.1rem;
    margin: 0 -0.3rem;
  }
  .examination-about__text02 {
    font-size: 1.4rem;
  }
}
/*==================================================

どんなもの？白内障手術とは

==================================================*/
/* 白内障手術
--------------------------------------------------*/
#about, #timing {
  position: relative;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  #timing {
    top: -8rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  #timing {
    top: -6rem;
  }
}
/* 一般的な白内障手術の手順
--------------------------------------------------*/
.surgery-flow {
  background-color: rgba(0, 86, 196, 0.05);
}
.surgery-flow__about {
  background-color: #fff;
  border-radius: 1rem;
}
.surgery-flow__text span {
  color: #0056C4;
  font-weight: bold;
  display: block;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .surgery-flow {
    padding: 12.8rem 3rem;
    margin: 12.6rem calc(50% - 50vw) 0 calc(50% - 50vw);
  }
  .surgery-flow__inner {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  .surgery-flow__image {
    margin-bottom: 3.2rem;
  }
  .surgery-flow__about {
    padding: 4.8rem 6rem;
    margin-top: -3.1rem;
  }
  .surgery-flow__text{
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .surgery-flow {
    padding: 8rem 2rem;
    margin: 0 -2rem;
  }
  .surgery-flow__image {
    margin: 0 4rem 3rem 4rem;
  }
  .surgery-flow__about {
    font-size: 1.8rem;
    padding: 4.8rem 2rem;
    margin-top: -5rem;
  }
}
/* 白内障手術のタイミング
--------------------------------------------------*/
.surgery-timing__item {
  background-color: #F2F7FC;
  border-radius: 1rem;
}
.surgery-timing__image {
  border-radius: 1rem;
  overflow: hidden;
}
.surgery-timing__text01 {
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .surgery-timing {
    margin: 12.8rem 0 15.1rem 0;
  }
  .surgery-timing__item {
    display: flex;
    align-items: center;
    gap: 0 3.2rem;
    padding: 3.2rem;
    margin-top: -3.5rem;
  }
  .surgery-timing__image {
    width: 24rem;
  }
  .surgery-timing__texts {
    width: calc(100% - 27.2rem);
  }
  .surgery-timing__text01 {
    font-size: 2.4rem;
    margin-bottom: 3.5rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .surgery-timing {
    margin: 8rem 0 10.6rem;
  }
  .surgery-timing__item {
    padding: 4.8rem 2rem;
    margin-top: -3.5rem;
  }
  .surgery-timing__text01 {
    font-size: 1.8rem;
    margin: 2.8rem 0 2.6rem 0;
    text-align: center;
  }
  .surgery-timing__text02 {
    font-size: 1.4rem;
  }
}
/*==================================================

いくらかかる？白内障手術の費用

==================================================*/
/* PC */
@media print, only screen and (min-width: 768px) {
  .expenses-about .m-text {
    margin-bottom: 6.5rem;
  }
  .expenses-about {
    margin-bottom: 15.3rem;
  }
  .expenses-about__image {
    margin-bottom: 3.2rem;
  }
  .expenses-about__text {
    font-size: 1.8rem;
    margin-bottom: 3.2rem;
  }
  .expenses-about__note {
    font-size: 1.4rem;
  }
  .expenses-about01 {
    margin: 8.8rem 0 7.9rem 0;
  }
  .expenses-about02 {
    margin-bottom: 5rem;
  }
  .expenses-about01, .expenses-about02, .expenses-about03 {
    display: flex;
    justify-content: space-between;
  }
  .expenses-about__texts {
    width: 59.4%;
  }
  .expenses-about01 .expenses-about__image, .expenses-about02 .expenses-about__image, .expenses-about03 .expenses-about__image {
    width: 34.37%;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .expenses-about .m-text {
    margin-bottom: 6rem;
  }
  .expenses-about {
    margin-bottom: 10.6rem;
  }
  .expenses-about__image {
    margin-bottom: 8rem;
  }
  .expenses-about__text {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }
  .expenses-about__texts {
    margin-bottom: 3rem;
  }
  .expenses-about__note {
    font-size: 1.4rem;
  }
  .expenses-about01 {
    margin-bottom: 8rem;
  }
  .expenses-about02 {
    margin-bottom: 8rem;
  }
}
/*==================================================

どんな生活？白内障手術の前と後

==================================================*/
/* 白内障手術前の準備
--------------------------------------------------*/
#preparation, #care {
  position: relative;
}
.live-preparation__image {
  border-radius: 1rem;
  overflow: hidden;
}
.live-preparation__text01 {
  color: #0056C4;
  font-weight: bold;
}
.live-preparation__text02 {
  line-height: 1.7;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  #preparation, #care {
    top: -8rem;
  }
  .live-preparation__items {
    display: flex;
    flex-wrap: wrap;
    gap: 7rem 6.4rem;
    margin-bottom: 12.8rem;
  }
  .live-preparation__item {
    display: flex;
    width: calc(50% - 3.2rem);
    gap: 0 3.2rem;
  }
  .live-preparation__image {
    width: 16rem;
  }
  .live-preparation__texts {
    width: calc(100% - 19.2rem);
  }
  .live-preparation__text01 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .live-preparation__text02 {
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  #preparation, #care {
    top: -6rem;
  }
  .live-preparation__items {
    margin-bottom: 4.4rem;
  }
  .live-preparation__item {
    position: relative;
    margin-bottom: 2rem;
  }
  .live-preparation__image {
    width: 15rem;
    margin-bottom: 2rem;
  }
  .live-preparation__text01 {
    font-size: 2rem;
    line-height: 1.6;
    position: absolute;
    left: 16.5rem;
    top: 6.4rem;
    white-space: nowrap;
  }
  .live-preparation__text01.-twoline {
    top: 3.9rem;
  }
  .live-preparation__text01.-threeline {
    top: 2.7rem;
  }
  .live-preparation__text02 {
    font-size: 1.4rem;
  }
}
/* 白内障手術後のケア
--------------------------------------------------*/
.live-care {
  background-color: rgba(0, 86, 196, 0.05);
}
.live-care__item {
  background-color: #fff;
  border-radius: 1rem;
}
.live-care__item:last-child {
  margin-bottom: 0;
}
.live-care__image {
  border-radius: 1rem;
  overflow: hidden;
}
.live-care__text01 {
  font-weight: bold;
}
.live-care__text02 span {
  color: #0056C4;
  font-weight: bold;
  display: block;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .live-care {
    padding: 12.8rem 3rem;
    margin: 0 calc(50% - 50vw) 15rem calc(50% - 50vw);
  }
  .live-care__inner {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  .live-care__item {
    display: flex;
    align-items: flex-start;
    padding: 3.2rem;
    gap: 0 3.2rem;
    margin-bottom: 3.2rem;
  }
  .live-care__image {
    width: 16rem;
  }
  .live-care__texts {
    width: calc(100% - 19.2rem);
  }
  .live-care__text01 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .live-care__text02{
/*    transform: rotate(-0.05deg);*/
  }
  
}
/* SP */
@media screen and (max-width: 767px) {
  .live-care {
    padding: 8rem 2rem;
    margin: 0 -2rem 9.3rem -2rem;
  }
  .live-care__inner {}
  .live-care__item {
    padding: 2rem;
    position: relative;
    margin-bottom: 2rem;
  }
  .live-care__image {
    width: 15rem;
    margin-bottom: 2rem;
  }
  .live-care__text01 {
    line-height: 1.6;
    position: absolute;
    left: 18.5rem;
    top: 8.2rem;
    font-size: 2rem;
  }
  .live-care__text01.-twoline {
    top: 6.2rem;
  }
  .live-care__text02 {
    font-size: 1.4rem;
  }
}
/* 
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {}
/* SP */
@media screen and (max-width: 767px) {}
/*==================================================

白内障手術後に感じるかもしれない症状

==================================================*/
.m-accordion {
  border: 1px #0056C4 solid;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.m-accordion:last-child {
  margin-bottom: 0;
}
.m-accordion__title {
  background-color: #0056C4;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.m-accordion__title:after {
  content: "";
  background: url("../images/shared/arrow-down-white.svg") center center no-repeat;
  background-size: 2.1rem auto;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .3s ease;
}
.-open .m-accordion__title:after {
  transform: rotate(180deg);
}
.m-accordion__texts {
  background-color: #F2F7FC;
  display: none;
}
.m-accordion__text01 {
  color: #0056C4;
  font-weight: bold;
}
.m-accordion__list:last-child {
  margin-bottom: 0;
}
.m-accordion__list li {
  position: relative;
}
.m-accordion__list span {
  font-weight: bold;
}
.m-accordion__list li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.complications-read {
  color: #fff;
  text-align: center;
  position: relative;
}
.complications-read:before {
  background-color: #00A887;
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
}
.complications-read__text01 {
  font-weight: bold;
  position: relative;
}
.complications-read__text02 {
  position: relative;
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .complications-about {
    margin-bottom: 15rem;
/*    transform: rotate(-0.05deg);*/
  }
  .complications-about__text {
    margin-bottom: 3.2rem;
  }
  .m-accordion {
    margin-bottom: 6.7rem;
  }
  .m-accordion__title {
    font-size: 2.4rem;
    padding: 1.8rem 10rem;
  }
  .m-accordion__title:after {
    width: 8rem;
    height: 8rem;
    background-size: 2.1rem auto;
  }
  .m-accordion__texts {
    padding: 3.2rem 4rem 3.3rem 4rem;
  }
  .m-accordion__list {
    margin: 0 0 3rem 0.2rem;
  }
  .m-accordion__list li {
    padding-left: 1.2em;
/*    transform: rotate(-0.05deg);*/
  }
  .complications-read {
    padding: 6rem 0 6.4rem 0;
  }
  .complications-read:before {
    top: -6.6rem;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
  }
  .complications-read__text01 {
    font-size: 2.8rem;
    margin-bottom: 3.2rem;
/*    transform: rotate(-0.05deg);*/
  }
  .complications-read__text02 {
    font-size: 1.8rem;
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .complications-about {
    margin-bottom: 13.5rem;
  }
  .complications-about__text {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }
  .m-accordion {
    margin-bottom: 6rem;
  }
  .m-accordion__title {
    font-size: 2rem;
    padding: 1rem 3rem;
  }
  .m-accordion__title:after {
    width: 6rem;
    height: 6rem;
    background-size: 1.3rem auto;
  }
  .m-accordion__texts {
    font-size: 1.4rem;
    padding: 3rem 2rem;
  }
  .m-accordion__list {
    margin-bottom: 2rem;
  }
  .m-accordion__list li {
    padding-left: 1.2em;
  }
  .complications-read {
    padding: 6rem 0 6.4rem 0;
  }
  .complications-read:before {
    top: -4rem;
    left: -2rem;
    right: -2rem;
  }
  .complications-read__text01 {
    font-size: 2.4rem;
    margin-bottom: 3.2rem;
  }
  .complications-read__text02 {
    font-size: 1.6rem;
  }
}
/*==================================================

眼内レンズのキホン

==================================================*/
/* 眼内レンズの構造
--------------------------------------------------*/
#lensabout, #material, #color {
  position: relative;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  #lensabout, #material, #color {
    top: -8rem;
  }
  .lenses-about {
    margin-bottom: 9.6rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  #lensabout, #material, #color {
    top: -6rem;
  }
  .lenses-about {
    margin-bottom: 8rem;
  }
}
/* 眼内レンズの素材と安全性
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {
  .lenses-material {
    margin-bottom: 12.8rem;
  }
  .lenses-material__image {
    max-width: 82.4rem;
    margin: 0 auto 6.4rem auto;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .lenses-about__image {
    margin: -2.5rem 0 11rem 0;
  }
  .lenses-material__image {
    margin: -2.5rem 0 3rem 0;
  }
}
/* 眼内レンズの色
--------------------------------------------------*/
.lenses-color {
  background-color: rgba(0, 86, 196, 0.05);
}
.lenses-color__item {
  background-color: #fff;
}
.lenses-color__item:last-child {
  margin-bottom: 0;
}
.lenses-color__image {
  border-radius: 1rem;
  overflow: hidden;
}
.lenses-color__text01 {
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .lenses-color {
    padding: 12.8rem 3rem 3.2rem 3rem;
    margin: 0 calc(50% - 50vw) 15rem calc(50% - 50vw);
  }
  .lenses-color__inner {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  .lenses-color__items {
    margin-bottom: 4.7rem;
  }
  .lenses-color__item {
    padding: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .lenses-color__image {
    width: 20rem;
  }
  .lenses-color__texts {
    width: calc(100% - 23.2rem);
  }
  .lenses-color__text01 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .lenses-color__text02{
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .lenses-color {
    padding: 8rem 2rem 0.1rem 2rem;
    margin: 0 -2rem 10.6rem -2rem;
  }
  .lenses-color__items {
    margin-bottom: 8rem;
  }
  .lenses-color__item {
    padding: 2rem;
    margin-bottom: 2rem;
  }
  .lenses-color__item:last-child {
    margin-bottom: 0;
  }
  .lenses-color__image {
    width: 15rem;
    margin-bottom: 2rem;
  }
  .lenses-color__text01 {
    line-height: 1.6;
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .lenses-color__text01.-twoline {
    top: 6.2rem;
  }
  .lenses-color__text02 {
    font-size: 1.4rem;
  }
}
/*==================================================

眼内レンズの種類 〜単焦点、多焦点、その他の分類〜

==================================================*/
/* 単焦点眼内レンズ
--------------------------------------------------*/
#single, #multiple, #other {
  position: relative;
}
.types-title {
  font-weight: bold;
}
.types-about__textIn {
  width: 100%;
  background-color: #fff;
  border: 2px #0056C4 solid;
  color: #0056C4;
  font-weight: bold;
  border-radius: 1rem;
}
.types-about__text {
  box-sizing: border-box;
  position: relative;
}
.types-about__text:before {
  content: "";
  background: url("../images/types/arrow.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
}
.types-text {
  color: #0056C4;
  font-weight: bold;
  text-align: center;
}
.m-accordion__items {
  background-color: #fff;
  border-radius: 1rem;
}
.m-accordion__image {
  border-radius: 1rem;
  overflow: hidden;
  border: 3px #D90000 solid;
}
.m-accordion__item:first-child .m-accordion__image {
  border: none;
}
.m-accordion__text {
  font-weight: bold;
  text-align: center;
}
.types-trick__caption {
  font-weight: bold;
  text-align: center;
}
.types-non__title {
  text-align: center;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  #single, #multiple, #other {
    top: -8rem;
  }
  .types-title {
    font-size: 2rem;
    margin-bottom: 3.2rem;
  }
  .types-image {
    margin-bottom: 3.2rem;
  }
  .types-about {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.2rem;
  }
  .types-about__image {
    width: 50%;
  }
  .types-about__textIn {
    font-size: 1.8rem;
    padding: 3.1rem 2rem 3rem 4.8rem;
    padding: min(3.1rem, 2.153vw) min(2rem, 1.39vw) min(3rem, 2.09vw) min(4.8rem, 3.34vw);
    display: flex;
    align-items: center;
  }
  .types-about__text {
    width: 50%;
    padding-left: 3.1%;
    box-sizing: border-box;
    display: flex;
  }
  .types-about__text:before {
    width: 3.2rem;
    height: 3.2rem;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
  .types-text {
    font-size: 2rem;
    margin: 3.2rem 0 12.8rem 0;
  }
  .types-multiple .types-about__textIn, .types-expansion .types-about__textIn {
    min-height: 12.8rem;
  }
  .types-multiple {
    margin-bottom: 12.8rem;
  }
  .types-multiple__text {
    margin-bottom: 3.2rem;
  }
  .m-accordion__items {
    display: flex;
    padding: 2rem 2rem 1.3rem 2rem;
    gap: 0 2rem;
    margin-bottom: 3.2rem;
  }
  .m-accordion__item {
    width: calc(25% - 1.5rem);
  }
  .m-accordion__image {
    margin-bottom: 1.2rem;
  }
  .types-other {
    margin-bottom: 15rem;
  }
  .types-trick__items {
    display: flex;
    justify-content: space-between;
    gap: 0 3.2rem;
    margin: 4.8rem 0;
  }
  .types-trick__texts {
    width: 46.9%;
  }
  .types-trick__text {
/*    transform: rotate(-0.05deg);*/
  }
  .types-trick__image {
    width: 50%;
  }
  .types-trick__caption {
    font-size: 1.8rem;
    margin-top: 1.6rem;
  }
  .types-non__items {
    display: flex;
    justify-content: space-between;
    margin: 3rem 2rem 0 2rem;
  }
  .types-non__item {
    width: 48%;
  }
  .types-non__title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .types-non__text {
    margin: 2rem 1rem 0 1rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  #single, #multiple, #other {
    top: -6rem;
  }
  .types-title {
    font-size: 1.8rem;
    margin-bottom: 3.2rem;
  }
  .types-image {
    margin-bottom: 2rem;
  }
  .types-about {
    margin-bottom: 2rem;
  }
  .types-about__textIn {
    font-size: 1.6rem;
    padding: 1.8rem 2rem;
  }
  .types-about__image {
    margin-bottom: 3rem;
  }
  .types-about__text:before {
    width: 2.3rem;
    height: 2.3rem;
    left: 46%;
    transform: rotate(90deg) translateX(-50%);
    top: -1rem
  }
  .types-text {
    font-size: 1.8rem;
    margin: 2rem 0 8rem 0;
  }
  .types-multiple {
    margin-bottom: 8rem;
  }
  .types-multiple__text {
    font-size: 1.4rem;
    margin-bottom: 3rem;
  }
  .m-accordion__items {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem;
    gap: 2rem 1rem;
    margin-bottom: 2rem;
  }
  .m-accordion__item {
    width: calc(50% - 0.5rem);
  }
  .m-accordion__image {
    margin-bottom: 0.6rem;
  }
  .m-accordion__text {
    font-size: 1.4rem;
    margin: 0 -0.3rem;
  }
  .types-other {
    margin-bottom: 10.5rem;
  }
  .types-trick__items {
    margin: 4rem 0;
  }
  .types-trick__text {
    font-size: 1.4rem;
    margin-bottom: 3rem;
  }
  .types-trick__image {}
  .types-trick__caption {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
  .types-non__items {}
  .types-non__item {}
  .types-non__title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .types-non__text {
    font-size: 1.4rem;
    margin: 2rem 0 3rem 0;
  }
}
/* 
--------------------------------------------------*/
.types-multiple {}
/* PC */
@media print, only screen and (min-width: 768px) {}
/* SP */
@media screen and (max-width: 767px) {}
/* 
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {}
/* SP */
@media screen and (max-width: 767px) {}
/*==================================================

眼内レンズの比較

==================================================*/
/* 各眼内レンズの主な特徴（遠くにピントを合わせた場合）
--------------------------------------------------*/
.comparison-feature__table {
  border-left: 1px #0056C4 solid;
  border-top: 1px #0056C4 solid;
  width: 100%;
}
.comparison-feature__table th, .comparison-feature__table td {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  box-sizing: border-box;
}
.comparison-feature__table th {
  background-color: #0056C4;
  border-right: 1px #fff solid;
  border-bottom: 1px #0056C4 solid;
  color: #fff;
}
.comparison-feature__table th:last-child {
  border-right: 1px #0056C4 solid;
}
.comparison-feature__table th:first-child {
  width: 15.61%;
}
.comparison-feature__table th:nth-child(2) {
  width: 28.13%;
}
.comparison-feature__table td {
  border-right: 1px #0056C4 solid;
  border-bottom: 1px #0056C4 solid;
  font-size: 1.5rem;
  line-height: 1.5;
}
.comparison-feature__title01 {
  width: 28.13%;
  line-height: 1.5;
}
.comparison-feature__title01 span {
  display: block;
}
td.comparison-feature__title02 {
  background-color: #F2F7FC;
}
.comparison-feature__title02 span {
  display: block;
}
.comparison-feature__icon {
  color: #D90000;
  font-weight: 700;
  display: block;
  line-height: 1;
}
.comparison-feature__title {
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .comparison-feature {
    margin-bottom: 12rem;
  }
  .comparison-feature__table th {
    font-size: 1.6rem;
    padding: 1rem 0.5rem;    
/*    transform: rotate(-0.05deg);*/
  }
  .comparison-feature__table td {
    font-size: 1.5rem;
    padding: 1.3rem 0.5rem;
/*    transform: rotate(-0.05deg);*/
  }
  .comparison-feature__title01 {
    font-size: 1.6rem;
  }
  .comparison-feature__title01 span {
    font-size: 1.4rem;
  }
  td.comparison-feature__title02 {
    font-size: 1.8rem;
  }
  .comparison-feature__title02 span {
    font-size: 1.3rem;
  }
  .comparison-feature__icon {
    font-size: 5rem;
    margin-bottom: 1.5rem;
  }
  .comparison-feature__title {
    font-size: 2rem;
    margin-bottom: 2.8rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .comparison-feature {
    margin-bottom: 8rem;
  }
  .comparison-feature__tableWrapper {
    display: block;
    overflow-x: scroll;
    margin: 0 -2rem;
  }
  .comparison-feature__table {
    margin: 0 2rem;
  }
  .comparison-feature__table tbody {
    width: 77rem;
    display: table;
  }
  .comparison-feature__table th {
    font-size: 1.4rem;
    padding: 0.8rem 0.5rem;
  }
  .comparison-feature__table td {
    font-size: 1.2rem;
    padding: 1rem 0.5rem;
  }
  .comparison-feature__title01 {
    font-size: 1.4rem;
  }
  .comparison-feature__title01 span {
    font-size: 1.2rem;
  }
  td.comparison-feature__title02 {
    font-size: 1.4rem;
  }
  .comparison-feature__title02 span {
    font-size: 1rem;
  }
  .comparison-feature__icon {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .comparison-feature__title {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
}
/* 各眼内レンズの見え方の比較（遠くにピントを合わせた場合）
--------------------------------------------------*/
.comparison-how__title {
  color: #0056C4;
  font-weight: bold;
  position: relative;
  text-align: center;
}
.comparison-how__title:after {
  background-color: #0056C4;
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.comparison-how__title span {
  background-color: #fff;
  position: relative;
  z-index: 3;
}
.comparison-how__text01 {
  text-align: center;
  font-weight: bold;
}
.comparison-note {
  text-align: right;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .comparison-how {
    margin-bottom: 11.9rem;
  }
  .comparison-how__title {
    font-size: 2.6rem;
    margin-bottom: 3.2rem;
  }
  .comparison-how__title span {
    padding: 0 4.3rem;
  }
  .comparison-how__items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.8rem;
  }
  .comparison-how__item {
    width: calc((100% / 3) - 2rem);
  }
  .comparison-how__text01 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .comparison-how__text02 {
    font-size: 1.8rem;
    margin-top: 1.6rem;
  }
  .comparison-note {
    font-size: 1.4rem;
  }
  .comparison-how .comparison-note {
    margin-top: -1.8rem;
  }
  .comparison-range .comparison-note {
    margin-bottom: 4.8rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .comparison-how {
    margin-bottom: 6rem;
  }
  .comparison-how__title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .comparison-how__title span {
    padding: 0 2.5rem;
  }
  .comparison-how__items {
    margin-bottom: 6rem;
  }
  .comparison-how__item {
    margin-bottom: 3rem;
  }
  .comparison-how__text01 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .comparison-how__text02 {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
  .comparison-note {
    font-size: 1.2rem;
  }
  .comparison-how .comparison-note {
    margin-top: -3.3rem;
  }
  .comparison-range .comparison-note {
    margin-bottom: 2.5rem;
  }
}
/* 各眼内レンズの見える範囲の比較（遠くにピントを合わせた場合）
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {
  .comparison-range {
    margin-bottom: 15rem;
  }
  .comparison-range__image {
    margin-bottom: 1.5rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .comparison-range {
    margin-bottom: 10.6rem;
  }
  .comparison-range__image {
    margin-bottom: 2rem;
  }
}
/*==================================================

どう選ぶ？眼内レンズ

==================================================*/
/* 眼内レンズの選択
--------------------------------------------------*/
.choice-about__text:last-child {
  margin-bottom: 0;
}
.choice-about__text span {
  color: #0056C4;
  font-weight: bold;
  display: block;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .choice-about__item {
    margin-bottom: 4.8rem;
  }
  .choice-about__text {
    font-size: 1.6rem;    
/*    transform: rotate(-0.05deg);*/
    margin-bottom: 1.6rem;
  }
  .choice-about__text span {
    font-size: 1.8rem;
  }
  .choice-about__image {
    margin-bottom: 4.8rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .choice-about__item {
    margin-bottom: 3rem;
  }
  .choice-about__texts {
    margin-bottom: 3rem;
  }
  .choice-about__text {
    font-size: 1.4rem;
  }
  .choice-about__text span {
    font-size: 1.6rem;
  }
  .choice-about__image {
    margin-bottom: 3rem;
  }
}
/* もっと詳しく
--------------------------------------------------*/
.choice-detail {
  position: relative;
}
.choice-detail__title {
  color: #fff;
  font-weight: bold;
  border-radius: 10rem;
  box-sizing: border-box;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.choice-detail__content:nth-child(2) {
  border-radius: 2rem 2rem 0 0;
}
.choice-detail__content:last-child {
  border-radius: 0 0 2rem 2rem;
}
.choice-detail__content:nth-child(even) {
  background-color: #F2F7FC;
}
.choice-detail__box {
  background-color: #fff;
  border-radius: 1rem;
}
.choice-detail__content:nth-child(odd) .choice-detail__box {
  background-color: #F2F7FC;
}
.choice-detail .m-title02 {
  background-color: #fff;
}
.choice-detail__boxText01 {
  color: #0056C4;
  font-weight: bold;
  text-align: center;
}
.choice-detail__boxText02 li {
  position: relative;
}
.choice-detail__boxText02 li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}
.choice-detail__boxText02 span {
  font-weight: bold;
}
.choice-detail__note span {
  color: #D90000;
}
.choice-detail__list li {
  font-weight: bold;
  position: relative;
}
.choice-detail__list li:last-child {
  margin-bottom: 0;
}
.choice-detail__list img {
  position: absolute;
  left: 0;
  color: #D90000;
  font-weight: bold;
  vertical-align: middle;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .choice-detail {
    margin-bottom: 15rem;
  }
  .choice-detail__title {
    width: 32rem;
    background: #0056C4 url("../images/choice/check.svg") 6.5rem center no-repeat;
    background-size: 3rem auto;
    font-size: 2.4rem;
    padding: 1.8rem 6.5rem 1.9rem 11.1rem;
    bottom: -4rem;
  }
  .choice-detail__content {
    border: 2px #0056C4 solid;
    padding: 6.4rem;
  }
  .choice-detail__content {
    border-bottom: 0;
  }
  .choice-detail__content:nth-child(2) {
    border-radius: 2rem 2rem 0 0;
  }
  .choice-detail__content:last-child {
    border-radius: 0 0 2rem 2rem;
    border-bottom: 2px #0056C4 solid;
  }
  .choice-detail__box {
    padding: 3.2rem 2.8rem;
    margin-bottom: 3rem;
  }
  .choice-detail__boxText01 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .choice-detail__boxText02 {
    font-size: 1.6rem;
  }
  .choice-detail__boxText02 li {
    padding-left: 1.3em;
  }
  .choice-detail__image {
    margin-bottom: 3.2rem;
  }
  .choice-detail__note {
    font-size: 1.4rem;
    margin-bottom: 3.2rem;
  }
  .choice-detail__list {
    margin-bottom: 4rem;
  }
  .choice-detail__list li {
    font-size: 2rem;
    margin-bottom: 0.7rem;
    padding-left: 3rem;
  }
  .choice-detail__list img {
    width: 1.8rem;
    top: 0.4em;
    font-size: 2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .choice-detail {
    margin: -4rem 0 10.6rem 0;
  }
  .choice-detail__title {
    width: 27rem;
    background: #0056C4 url("../images/choice/check.svg") 6.6rem center no-repeat;
    background-size: 2rem auto;
    font-size: 1.8rem;
    padding: 1.4rem 1rem 1.2rem 3.5rem;
    bottom: -3rem;
    text-align: center;
  }
  .choice-detail__content {
    border: 1px #0056C4 solid;
    padding: 3rem 1.6rem;
  }
  .choice-detail__content {
    border-bottom: 0;
  }
  .choice-detail__content.-first {
    padding-top: 6rem;
  }
  .choice-detail__content .m-text {
    margin: -1rem 0 2rem 0;
  }
  .choice-detail__content:nth-child(2) {
    border-radius: 2rem 2rem 0 0;
  }
  .choice-detail__content:last-child {
    border-radius: 0 0 2rem 2rem;
    border-bottom: 1px #0056C4 solid;
  }
  .choice-detail__box {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
  }
  .choice-detail__boxText01 {
    font-size: 1.8rem;
    margin-bottom: 1.6rem;
  }
  .choice-detail__boxText02 {
    font-size: 1.4rem;
  }
  .choice-detail__boxText02 li {
    padding-left: 1.1em;
  }
  .choice-detail__image {
    margin-bottom: 2rem;
  }
  .choice-detail__note {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
  .choice-detail__list {
    margin-bottom: 2.5rem;
  }
  .choice-detail__list li {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    padding-left: 2.2rem;
  }
  .choice-detail__list img {
    width: 1.8rem;
    top: 0.3em;
  }
}
/*==================================================

HOYA（株）メディカル事業部について

==================================================*/
/* メイン
--------------------------------------------------*/
.hoyasurgicaloptics-main {
  background-color: #0056C4;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hoyasurgicaloptics-main__texts {
  box-sizing: border-box;
}
.hoyasurgicaloptics-main__text01 {
  font-weight: 900;
  text-align: center;
}
.hoyasurgicaloptics-main__text03 {
  position: absolute;
  bottom: -2px;
  left: 0;
  animation: 30s linear infinite hoyasurgicaloptics-text;
  display: flex;
  flex-wrap: nowrap;
  /* transform: translateX(-50%); */
}
.hoyasurgicaloptics-main__text03 img {
  margin-right: 0.6%;
}
@keyframes hoyasurgicaloptics-text {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50.8%);
  }
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .hoyasurgicaloptics-main {
    height: 44rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .hoyasurgicaloptics-main__texts {
    width: 45.56%;
    padding: 0 4rem;
    margin-top: -3.5rem;
  }
  .hoyasurgicaloptics-main__text01 {
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
  }
  .hoyasurgicaloptics-main__text02 {
    max-width: 47rem;
    margin: 0 auto;
  }
  .hoyasurgicaloptics-main__image {
    width: 54.44%;
  }
  .hoyasurgicaloptics-main__image img {
    width: 100%;
    height: 44rem;
    object-fit: cover;
  }
  .hoyasurgicaloptics-main__text03 img {
    width: 290rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .hoyasurgicaloptics-main__texts {
    padding: 7rem 3rem;
  }
  .hoyasurgicaloptics-main__text01 {
    font-size: 1.8rem;
    margin-bottom: 1.8rem;
  }
  .hoyasurgicaloptics-main__text02 {
    max-width: 32.8rem;
    margin: 0 auto;
  }
  .hoyasurgicaloptics-main__text03 img {
    width: 175rem;
  }
}
/* 見出し
--------------------------------------------------*/
.hoyasurgicaloptics-title {
  line-height: 1;
  overflow:hidden;
}
.hoyasurgicaloptics-title__english {
  color: #d0dcf2;
  font-weight: 900;
  display: block;
}
.hoyasurgicaloptics-title__japanese {
  color: #0056C4;
  font-weight: bold;
  display: block;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .hoyasurgicaloptics-title {
    margin-bottom: 6.4rem;
  }
  .hoyasurgicaloptics-title__english {
    font-size: 10rem;
    margin-bottom: 3.2rem;
  }
  .hoyasurgicaloptics-title__japanese {
    font-size: 3rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .hoyasurgicaloptics-title {
    margin-bottom: 4rem;
  }
  .hoyasurgicaloptics-title__english {
    font-size: 5rem;
    margin-bottom: 2rem;
  }
  .hoyasurgicaloptics-title__japanese {
    font-size: 1.9rem;
  }
}
/* テキストと画像
--------------------------------------------------*/
.hoyasurgicaloptics-image {
  border: 1px #0056C4 solid;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .hoyasurgicaloptics-textimage {
    display: flex;
    justify-content: space-between;
  }
  .hoyasurgicaloptics-texts {
    max-width: 72rem;
    width: 56.25%;
  }
  .hoyasurgicaloptics-image {
    max-width: 48rem;
    width: 37.5%;
    padding: 10.9rem 0;
    text-align: center;
  }
  .hoyasurgicaloptics-image img {
    width: 54.2%;
    margin: 0 auto;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .hoyasurgicaloptics-image {
    padding: 7.9rem 0;
    text-align: center;
  }
  .hoyasurgicaloptics-image img {
    width: 19rem;
    margin: 0 auto;
  }
}
/* ABOUT US
--------------------------------------------------*/
.hoyasurgicaloptics-about {
  border-bottom: 1px #0056C4 solid;
}
.hoyasurgicaloptics-about__text {
  font-size: 1.6rem;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .hoyasurgicaloptics-about {
    padding: 11.8rem 0 8.8rem 0;
  }
  .hoyasurgicaloptics-about__text {
/*    transform: rotate(-0.05deg);*/
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .hoyasurgicaloptics-about {
    padding: 8rem 0;
  }
  .hoyasurgicaloptics-about__text {
    margin-bottom: 2rem;
  }
}
/* MESSAGE
--------------------------------------------------*/
.hoyasurgicaloptics-message {
  border-bottom: 1px #0056C4 solid;
}
.hoyasurgicaloptics-message__name span {
  display: block;
  font-weight: normal;
}
.hoyasurgicaloptics-message__name {
  text-align: right;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .hoyasurgicaloptics-message {
    padding: 12rem 0;
    position: relative;
  }
  .hoyasurgicaloptics-message__text{
/*    transform: rotate(-0.05deg);*/
  }
  .hoyasurgicaloptics-message__name {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: bold;
    position: absolute;
    top: 22.5rem;
    right: 0;
  }
  .hoyasurgicaloptics-message__name span {
    font-size: 1.8rem;
  }
  .hoyasurgicaloptics-message__image {
    margin-bottom: 3.2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .hoyasurgicaloptics-message {
    padding: 8rem 0;
  }
  .hoyasurgicaloptics-message__name {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 3rem;
  }
  .hoyasurgicaloptics-message__image {
    margin-bottom: 3rem;
  }
}
/* PRODUCTS
--------------------------------------------------*/
.hoyasurgicaloptics-products {
  border-bottom: 1px #0056C4 solid;
}
.hoyasurgicaloptics-products__title {
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .hoyasurgicaloptics-products {
    padding: 12rem 0;
  }
  .hoyasurgicaloptics-products__title {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .hoyasurgicaloptics-products {
    padding: 8rem 0;
  }
  .hoyasurgicaloptics-products__title {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .hoyasurgicaloptics-products__text {
    margin-bottom: 4rem;
  }
}
/* DEPARTMENT INFO
--------------------------------------------------*/
.hoyasurgicaloptics-info__table {
  width: 100%;
  border-top: 1px #0056C4 solid;
}
.hoyasurgicaloptics-info__table th, .hoyasurgicaloptics-info__table td {
  background-color: #f3f7fc;
}
.hoyasurgicaloptics-info__table th {
  font-weight: bold;
}
.hoyasurgicaloptics-info__table tr:first-child td {
  font-weight: bold;
}
.hoyasurgicaloptics-info__button a {
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #0056C4 solid;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .hoyasurgicaloptics-info {
    padding: 12rem 0;
  }
  .hoyasurgicaloptics-info__table {
    margin-bottom: 6.4rem;
  }
  .hoyasurgicaloptics-info__table th, .hoyasurgicaloptics-info__table td {
    font-size: 1.8rem;
    border-bottom: 1px #0056C4 solid;
  }
  .hoyasurgicaloptics-info__table th {
    width: 20rem;
    padding: 2.8rem 0;
    text-align: center;
  }
  .hoyasurgicaloptics-info__table td {
    padding: 2.8rem 6rem;
  }
  .hoyasurgicaloptics-info__button {
    width: 39rem;
    margin: 0 auto;
  }
  .hoyasurgicaloptics-info__button a {
    width: 39rem;
    height: 8rem;
    background: #0056C4 url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.68359 1.46335C3.68359 1.04913 4.01938 0.713348 4.43359 0.713348H17.8419C18.2561 0.713348 18.5919 1.04913 18.5919 1.46335V13.3437C18.5919 13.758 18.2561 14.0937 17.8419 14.0937H4.43359C4.01938 14.0937 3.68359 13.758 3.68359 13.3437V1.46335ZM5.18359 2.21335V12.5937H17.0919V2.21335H5.18359Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15625 8.59628C1.57046 8.59628 1.90625 8.93207 1.90625 9.34628V15.7867H8.38772C8.80193 15.7867 9.13772 16.1225 9.13772 16.5367C9.13772 16.9509 8.80193 17.2867 8.38772 17.2867H1.15625C0.742036 17.2867 0.40625 16.9509 0.40625 16.5367V9.34628C0.40625 8.93207 0.742036 8.59628 1.15625 8.59628Z' fill='white'/%3E%3C/svg%3E%0A") right 3rem center no-repeat;
    background-size: 1.8rem auto;
    font-size: 2rem;
    padding: 0 7.8rem 0 3rem;
    transition: all .3s ease;
  }
  .hoyasurgicaloptics-info__button a:hover {
    background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.68359 1.46335C3.68359 1.04913 4.01938 0.713348 4.43359 0.713348H17.8419C18.2561 0.713348 18.5919 1.04913 18.5919 1.46335V13.3437C18.5919 13.758 18.2561 14.0937 17.8419 14.0937H4.43359C4.01938 14.0937 3.68359 13.758 3.68359 13.3437V1.46335ZM5.18359 2.21335V12.5937H17.0919V2.21335H5.18359Z' fill='%230056C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15625 8.59628C1.57046 8.59628 1.90625 8.93207 1.90625 9.34628V15.7867H8.38772C8.80193 15.7867 9.13772 16.1225 9.13772 16.5367C9.13772 16.9509 8.80193 17.2867 8.38772 17.2867H1.15625C0.742036 17.2867 0.40625 16.9509 0.40625 16.5367V9.34628C0.40625 8.93207 0.742036 8.59628 1.15625 8.59628Z' fill='%230056C4'/%3E%3C/svg%3E%0A") right 3rem center no-repeat;
    background-size: 1.8rem auto;
    color: #0056C4;
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .hoyasurgicaloptics-info {
    padding: 8rem 0 12rem 0;
  }
  .hoyasurgicaloptics-info__table {
    margin-bottom: 10rem;
  }
  .hoyasurgicaloptics-info__table th, .hoyasurgicaloptics-info__table td {
    font-size: 1.6rem;
    display: block;
  }
  .hoyasurgicaloptics-info__table th {
    padding: 2rem 2rem 1rem 2rem;
  }
  .hoyasurgicaloptics-info__table td {
    padding: 0 2rem 2rem 2rem;
    border-bottom: 1px #0056C4 solid;
  }
  .hoyasurgicaloptics-info__button {}
  .hoyasurgicaloptics-info__button a {
    height: 7.8rem;
    background: #0056C4 url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.68359 1.46335C3.68359 1.04913 4.01938 0.713348 4.43359 0.713348H17.8419C18.2561 0.713348 18.5919 1.04913 18.5919 1.46335V13.3437C18.5919 13.758 18.2561 14.0937 17.8419 14.0937H4.43359C4.01938 14.0937 3.68359 13.758 3.68359 13.3437V1.46335ZM5.18359 2.21335V12.5937H17.0919V2.21335H5.18359Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15625 8.59628C1.57046 8.59628 1.90625 8.93207 1.90625 9.34628V15.7867H8.38772C8.80193 15.7867 9.13772 16.1225 9.13772 16.5367C9.13772 16.9509 8.80193 17.2867 8.38772 17.2867H1.15625C0.742036 17.2867 0.40625 16.9509 0.40625 16.5367V9.34628C0.40625 8.93207 0.742036 8.59628 1.15625 8.59628Z' fill='white'/%3E%3C/svg%3E%0A") right 2rem center no-repeat;
    background-size: 1.8rem auto;
    font-size: 1.8rem;
    padding: 0.2rem 5rem 0 1rem;
  }
}
/* 
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {}
/* SP */
@media screen and (max-width: 767px) {}
/*==================================================

用語検索結果一覧

==================================================*/
/* 見出し
--------------------------------------------------*/
.result-heading {
  border-top: 1px #0056C4 solid;
  border-bottom: 1px #0056C4 solid;
}
.result-heading__text span {
  font-weight: bold;
}
.result-heading__tab {
  display: flex;
  display: none;
}
.result-heading__tab a {
  color: #000;
  display: block;
}
.result-heading__tab li.current a {
  color: #0056C4;
  font-weight: bold;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .result-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 2rem;
    margin-bottom: 3.2rem;
  }
  .result-heading__text {
    font-size: 1.6rem;
    flex: 1;
    padding: 1rem 0;
  }
  .result-heading__tab {
    gap: 0 3.2rem;
    font-size: 1.8rem;
  }
  .result-heading__tab a {
    padding: 1.7rem 0;
  }
  .result-heading__tab a:hover {
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .result-heading {
    padding: 1.6rem 0;
    margin-bottom: 3rem;
  }
  .result-heading__text {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 1.8rem;
  }
  .result-heading__tab {
    gap: 0 3.2rem;
    font-size: 1.8rem;
    justify-content: center;
  }
}
/* 一覧
--------------------------------------------------*/
.result-list li:nth-child(odd) {
  position: relative;
}
.result-list li:nth-child(odd):before {
  background-color: #F2F7FC;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
}
.result-list a {
  position: relative;
  display: block;
}
.result-list__title {
  color: #0056C4;
  font-weight: bold;
  display: block;
  text-decoration: underline;
}
.result-list__text {
  color: #000;
  display: block;
}
.result-list__text strong {
  color: #D90000;
  font-weight: bold;
}
.result-list__url {
  color: #00A887;
  display: block;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .result-list {
    margin-bottom: 6.4rem;
  }
  .result-list li:nth-child(odd):before {
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
  }
  .result-list a {
    padding: 3.2rem 0;
  }
  .result-list__title {
    font-size: 1.8rem;
    margin-bottom: 1.6rem;
  }
  .result-list__text {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .result-list__url {
    font-size: 1.4rem;
  }
  .result-list a:hover {
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .result-list {
    margin-bottom: 6rem;
  }
  .result-list li:nth-child(odd):before {
    left: -2rem;
    right: -2rem;
  }
  .result-list a {
    padding: 2rem 0;
  }
  .result-list__title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .result-list__text {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .result-list__url {
    font-size: 1.2rem;
  }
}
/* ページナビ
--------------------------------------------------*/
.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  border: 1px #0056C4 solid;
  border-radius: 50%;
  color: #0056C4;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
span.extend {
  border: none;
}
.wp-pagenavi .current, .wp-pagenavi a:hover {
  color: #fff;
  background-color: #0056C4;
  text-decoration: none;
}
.wp-pagenavi .previouspostslink {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.11626 9.30202C6.86823 9.63376 6.39823 9.70163 6.06649 9.4536L1.10093 5.74112C0.987202 5.65394 0.895094 5.54171 0.831682 5.4132C0.768266 5.28468 0.735286 5.1433 0.735286 5C0.735286 4.85671 0.768265 4.71533 0.831682 4.58681C0.895094 4.4583 0.987235 4.34611 1.10097 4.25893L1.10812 4.25345L6.06649 0.546411C6.39823 0.298383 6.86823 0.366249 7.11626 0.697994C7.36429 1.02974 7.29642 1.49974 6.96468 1.74777L2.61471 5L6.96468 8.25224C7.29642 8.50027 7.36429 8.97027 7.11626 9.30202Z' fill='%230056C4'/%3E%3C/svg%3E");
}
.wp-pagenavi .nextpostslink {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.883742 0.697984C1.13177 0.366239 1.60177 0.298373 1.93351 0.546401L6.89907 4.25888C7.0128 4.34606 7.10491 4.45829 7.16832 4.5868C7.23173 4.71532 7.26471 4.8567 7.26471 5C7.26471 5.14329 7.23173 5.28467 7.16832 5.41319C7.10491 5.5417 7.01277 5.65388 6.89903 5.74107L6.89188 5.74655L1.93351 9.45359C1.60177 9.70162 1.13177 9.63375 0.883742 9.30201C0.635714 8.97026 0.70358 8.50026 1.03533 8.25223L5.38529 5L1.03533 1.74776C0.70358 1.49973 0.635714 1.02973 0.883742 0.697984Z' fill='%230056C4'/%3E%3C/svg%3E%0A");
}
.wp-pagenavi .first {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.5, SVG Export Plug-In . SVG Version: 9.03 Build 54986) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 10' style='enable-background:new 0 0 14 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230056C4;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M13.4,9.3c-0.2,0.3-0.7,0.4-1,0.2l-5-3.7C7.3,5.7,7.2,5.5,7.1,5.4C7,5.3,7,5.1,7,5c0-0.1,0-0.3,0.1-0.4 c0.1-0.1,0.2-0.2,0.3-0.3l0,0l5-3.7c0.3-0.2,0.8-0.2,1,0.2c0.2,0.3,0.2,0.8-0.2,1L8.9,5l4.3,3.3C13.6,8.5,13.6,9,13.4,9.3z'/%3E%3Cpath class='st0' d='M7.9,9.3c-0.2,0.3-0.7,0.4-1,0.2l-5-3.7C1.7,5.7,1.6,5.5,1.6,5.4C1.5,5.3,1.5,5.1,1.5,5c0-0.1,0-0.3,0.1-0.4 c0.1-0.1,0.2-0.2,0.3-0.3l0,0l5-3.7c0.3-0.2,0.8-0.2,1,0.2C8.1,1,8,1.5,7.7,1.7L3.3,5l4.3,3.3C8,8.5,8.1,9,7.9,9.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.wp-pagenavi .last {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.5, SVG Export Plug-In . SVG Version: 9.03 Build 54986) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 10' style='enable-background:new 0 0 14 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230056C4;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M0.6,0.7c0.2-0.3,0.7-0.4,1-0.2l5,3.7c0.1,0.1,0.2,0.2,0.3,0.3C7,4.7,7,4.9,7,5c0,0.1,0,0.3-0.1,0.4 C6.8,5.5,6.7,5.7,6.6,5.7l0,0l-5,3.7c-0.3,0.2-0.8,0.2-1-0.2C0.4,9,0.4,8.5,0.8,8.3L5.1,5L0.8,1.7C0.4,1.5,0.4,1,0.6,0.7z'/%3E%3Cpath class='st0' d='M6.1,0.7c0.2-0.3,0.7-0.4,1-0.2l5,3.7c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.1,0.3,0.1,0.4c0,0.1,0,0.3-0.1,0.4 c-0.1,0.1-0.2,0.2-0.3,0.3l0,0l-5,3.7c-0.3,0.2-0.8,0.2-1-0.2C5.9,9,6,8.5,6.3,8.3L10.7,5L6.3,1.7C6,1.5,5.9,1,6.1,0.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last {
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .wp-pagenavi {
    gap: 0 1.6rem;
    margin-bottom: 20.8rem;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    width: 2.8rem;
    height: 2.8rem;
    transition: all .3s ease;
  }
  .wp-pagenavi .previouspostslink:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.11626 9.30202C6.86823 9.63376 6.39823 9.70163 6.06649 9.4536L1.10093 5.74112C0.987202 5.65394 0.895094 5.54171 0.831682 5.4132C0.768266 5.28468 0.735286 5.1433 0.735286 5C0.735286 4.85671 0.768265 4.71533 0.831682 4.58681C0.895094 4.4583 0.987235 4.34611 1.10097 4.25893L1.10812 4.25345L6.06649 0.546411C6.39823 0.298383 6.86823 0.366249 7.11626 0.697994C7.36429 1.02974 7.29642 1.49974 6.96468 1.74777L2.61471 5L6.96468 8.25224C7.29642 8.50027 7.36429 8.97027 7.11626 9.30202Z' fill='%23fff'/%3E%3C/svg%3E");
  }
  .wp-pagenavi .nextpostslink:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.883742 0.697984C1.13177 0.366239 1.60177 0.298373 1.93351 0.546401L6.89907 4.25888C7.0128 4.34606 7.10491 4.45829 7.16832 4.5868C7.23173 4.71532 7.26471 4.8567 7.26471 5C7.26471 5.14329 7.23173 5.28467 7.16832 5.41319C7.10491 5.5417 7.01277 5.65388 6.89903 5.74107L6.89188 5.74655L1.93351 9.45359C1.60177 9.70162 1.13177 9.63375 0.883742 9.30201C0.635714 8.97026 0.70358 8.50026 1.03533 8.25223L5.38529 5L1.03533 1.74776C0.70358 1.49973 0.635714 1.02973 0.883742 0.697984Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  }
  .wp-pagenavi .first:hover {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.5, SVG Export Plug-In . SVG Version: 9.03 Build 54986) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 10' style='enable-background:new 0 0 14 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23fff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M13.4,9.3c-0.2,0.3-0.7,0.4-1,0.2l-5-3.7C7.3,5.7,7.2,5.5,7.1,5.4C7,5.3,7,5.1,7,5c0-0.1,0-0.3,0.1-0.4 c0.1-0.1,0.2-0.2,0.3-0.3l0,0l5-3.7c0.3-0.2,0.8-0.2,1,0.2c0.2,0.3,0.2,0.8-0.2,1L8.9,5l4.3,3.3C13.6,8.5,13.6,9,13.4,9.3z'/%3E%3Cpath class='st0' d='M7.9,9.3c-0.2,0.3-0.7,0.4-1,0.2l-5-3.7C1.7,5.7,1.6,5.5,1.6,5.4C1.5,5.3,1.5,5.1,1.5,5c0-0.1,0-0.3,0.1-0.4 c0.1-0.1,0.2-0.2,0.3-0.3l0,0l5-3.7c0.3-0.2,0.8-0.2,1,0.2C8.1,1,8,1.5,7.7,1.7L3.3,5l4.3,3.3C8,8.5,8.1,9,7.9,9.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .wp-pagenavi .last:hover {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.5, SVG Export Plug-In . SVG Version: 9.03 Build 54986) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 10' style='enable-background:new 0 0 14 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23fff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M0.6,0.7c0.2-0.3,0.7-0.4,1-0.2l5,3.7c0.1,0.1,0.2,0.2,0.3,0.3C7,4.7,7,4.9,7,5c0,0.1,0,0.3-0.1,0.4 C6.8,5.5,6.7,5.7,6.6,5.7l0,0l-5,3.7c-0.3,0.2-0.8,0.2-1-0.2C0.4,9,0.4,8.5,0.8,8.3L5.1,5L0.8,1.7C0.4,1.5,0.4,1,0.6,0.7z'/%3E%3Cpath class='st0' d='M6.1,0.7c0.2-0.3,0.7-0.4,1-0.2l5,3.7c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.1,0.3,0.1,0.4c0,0.1,0,0.3-0.1,0.4 c-0.1,0.1-0.2,0.2-0.3,0.3l0,0l-5,3.7c-0.3,0.2-0.8,0.2-1-0.2C5.9,9,6,8.5,6.3,8.3L10.7,5L6.3,1.7C6,1.5,5.9,1,6.1,0.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last {
    background-size: auto 1rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .wp-pagenavi {
    gap: 0 1rem;
    margin-bottom: 18rem;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    width: 3rem;
    height: 3rem;
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last {
    background-size: auto 0.9rem;
  }
}
/*==================================================

サイトマップ

==================================================*/
.sitemap > li > span, .sitemap > li > a, .sitemap-in > a {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L0.999999 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: #0056C4;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: bold;
  display: block;
}
.sitemap > li > span {
  background-image: none;
}
.sitemap > li > ul > li a {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L0.999999 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  color: #000;
  display: block;
}
.sitemap > li > ul > li a[target="_blank"] {
  background: url("../images/shared/blank-blue.svg");
  background-repeat: no-repeat;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .sitemap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15.5rem;
  }
  .sitemap > li {
    width: 48.44%;
    margin-bottom: 2.2rem;
  }
  .sitemap > li:first-child {
    width: 100%;
  }
  .sitemap a {
    transition: all .1s ease;
  }
  .sitemap > li > span, .sitemap > li > a, .sitemap-in > a {
    background-position: right 3rem center;
    background-size: 0.8rem auto;
    font-size: 1.8rem;
    padding: 1.6rem 5rem 1.6rem 3.2rem;
  }
  .sitemap-in > a:first-child {
    margin-bottom: 3.2rem;
  }
  .sitemap > li > a:hover, .sitemap-in a:hover {
    background-position: right 2.7rem center;
  }
  .sitemap > li > ul {
    margin-top: 2.2rem;
  }
  .sitemap > li > ul > li a {
    background-position: right 3.2rem center;
    background-size: 0.9rem auto;
    font-size: 1.6rem;
    padding: 0.7rem 8rem 0.7rem 3.2rem;  
/*    transform: rotate(-0.05deg);*/
  }
  .sitemap > li > ul > li > ul > li > a {
    /*    padding: 0.3rem 8rem 0.3rem 3.2rem;*/
  }
  .sitemap > li > ul > li a[target="_blank"] {
    background-position: right 3rem center;
    background-size: 1.8rem auto;
  }
  .sitemap > li > ul > li a:hover {
    background-position: right 2.9rem center;
  }
  .sitemap > li > ul > li a[target="_blank"]:hover {
    background-position: right 2.7rem center;
  }
  .sitemap a:hover {
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .sitemap {
    margin-bottom: 15rem;
  }
  .sitemap > li {
    margin-bottom: 4rem;
  }
  .sitemap > li > span, .sitemap > li > a, .sitemap-in > a {
    background-position: right 2rem center;
    background-size: 0.85rem auto;
    font-size: 1.6rem;
    padding: 0.8rem 3.4rem 0.8rem 2rem;
  }
  .sitemap-in > a:first-child {
    margin-bottom: 4rem;
  }
  .sitemap > li > ul {
    margin: 1rem 0 -1rem 0;
  }
  .sitemap > li > ul > li a {
    background-position: right 2rem center;
    background-size: 0.85rem auto;
    font-size: 1.4rem;
    padding: 1rem 3.4rem 1rem 2rem;
  }
  .sitemap > li > ul > li a span {
    font-size: 1.2rem;
  }
  .sitemap > li > ul > li a[target="_blank"] {
    background-position: right 2rem center;
    background-size: 1.8rem auto;
  }
}
/*==================================================

利用規約

==================================================*/
.term-title01 {
  color: #0056C4;
  font-weight: bold;
}
.term-title02 {
  font-weight: bold;
}
.term-item {
  position: relative;
  border: 2px #0056C4 solid;
  color: #0056C4;
  border-radius: 2rem;
  box-sizing: border-box;
}
.term-item__title {
  font-weight: bold;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.term-item__title span {
  background-color: #fff;
}
.term-item__text {
  border-bottom: 1px #0056C4 solid;
}
.term-buttons a {
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.68359 1.46335C3.68359 1.04913 4.01938 0.713348 4.43359 0.713348H17.8419C18.2561 0.713348 18.5919 1.04913 18.5919 1.46335V13.3437C18.5919 13.758 18.2561 14.0937 17.8419 14.0937H4.43359C4.01938 14.0937 3.68359 13.758 3.68359 13.3437V1.46335ZM5.18359 2.21335V12.5937H17.0919V2.21335H5.18359Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15625 8.59628C1.57046 8.59628 1.90625 8.93207 1.90625 9.34628V15.7867H8.38772C8.80193 15.7867 9.13772 16.1225 9.13772 16.5367C9.13772 16.9509 8.80193 17.2867 8.38772 17.2867H1.15625C0.742036 17.2867 0.40625 16.9509 0.40625 16.5367V9.34628C0.40625 8.93207 0.742036 8.59628 1.15625 8.59628Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  border-radius: 20rem;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}
.term-buttons li:first-child a {
  background-image: none;
  background-color: #0056C4;
  border: 2px #0056C4 solid;
}
.term-buttons li:last-child a {
  background-color: #00A887;
  border: 2px #00A887 solid;
}
.term-item__size {
  color: #0056C4;
  font-weight: bold;
  text-align: center;
}
.term-intro a {
  background: url("../images/shared/blank-black.svg") right center no-repeat;
  background-size: 1.5rem auto;
  padding-right: 1.8rem;
  margin-right: 0.2rem;
  color: #222;
  text-decoration: underline;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .term-intro {
    font-size: 1.8rem;
    margin-bottom: 8rem;
  }
  .term-intro a:hover {
    text-decoration: none;
  }
  .term-content {
    margin-bottom: 12.8rem;
  }
  .term-content:nth-child(4) {
    margin-bottom: 17.5rem;
  }
  .term-title01 {
    font-size: 2.4rem;
    margin-bottom: 3.2rem;
  }
  .term-title02 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .term-text {
    font-size: 1.8rem;
    margin-bottom: 3.2rem;
/*    transform: rotate(-0.05deg);*/
  }
  .term-items {
    margin: -6.4rem 0 6.4rem 0;
  }
  .term-item {
    border-radius: 2rem;
    padding: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.2rem;
  }
  .term-item__image {
    width: 12rem;
    text-align: center;
  }
  .term-item:first-child .term-item__image img {
    width: 8.8rem;
  }
  .term-item__texts {
    width: calc(100% - 16rem);
  }
  .term-item__text {
    font-size: 1.6rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
  }
  .term-item__source {
    font-size: 1.6rem;
/*    transform: rotate(-0.05deg);*/
  }
  .term-item__size {
    margin-top: 0.3rem;
    font-size: 1.6rem;
/*    transform: rotate(-0.05deg);*/
  }
  .term-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem 3.2rem;
  }
  .term-buttons li {
    height: 8rem;
    display: flex;
  }
  .term-buttons a {
    background-position: right 2.9rem center;
    background-size: 2rem auto;
    padding: 0 7.9rem 0 3rem;
    font-size: 2rem;
    box-sizing: border-box;
    transition: all .3s ease;
  }
  .term-buttons li:first-child a {
    padding: 0 3rem;
  }
  .term-buttons li:first-child a:hover {
    color: #0056C4;
  }
  .term-buttons li:last-child a:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.68359 1.46335C3.68359 1.04913 4.01938 0.713348 4.43359 0.713348H17.8419C18.2561 0.713348 18.5919 1.04913 18.5919 1.46335V13.3437C18.5919 13.758 18.2561 14.0937 17.8419 14.0937H4.43359C4.01938 14.0937 3.68359 13.758 3.68359 13.3437V1.46335ZM5.18359 2.21335V12.5937H17.0919V2.21335H5.18359Z' fill='%2300A887'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.15625 8.59628C1.57046 8.59628 1.90625 8.93207 1.90625 9.34628V15.7867H8.38772C8.80193 15.7867 9.13772 16.1225 9.13772 16.5367C9.13772 16.9509 8.80193 17.2867 8.38772 17.2867H1.15625C0.742036 17.2867 0.40625 16.9509 0.40625 16.5367V9.34628C0.40625 8.93207 0.742036 8.59628 1.15625 8.59628Z' fill='%2300A887'/%3E%3C/svg%3E%0A");
    color: #00A887;
  }
  .term-buttons li a:hover {
    background-color: #fff;
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .term-intro {
    font-size: 1.6rem;
    margin-bottom: 4rem;
  }
  .term-content {
    margin-bottom: 6rem;
  }
  .term-title01 {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .term-title02 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .term-text {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }
  .term-items {
    margin-bottom: 6rem;
  }
  .term-item {
    padding: 3rem 2.5rem;
    margin-bottom: 3.2rem;
  }
  .term-item__image {
    width: 12rem;
    text-align: center;
  }
  .term-item:first-child .term-item__image img {
    width: 8.8rem;
  }
  .term-item__title {
    font-size: 1.8rem;
    top: -1.7rem;
  }
  .term-item__title span {
    padding: 0 1.3rem;
  }
  .term-item__image {
    max-width: 23.7rem;
    margin: 0 auto 1.5rem auto;
  }
  .term-item__text {
    font-size: 1.2rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.7rem;
  }
  .term-item__source {
    font-size: 1.2rem;
  }
  .term-buttons {
    margin-bottom: 12rem;
  }
  .term-buttons li {
    height: 8rem;
    display: flex;
    margin-bottom: 3rem;
  }
  .term-buttons li:first-child a {
    justify-content: center;
  }
  .term-buttons a {
    background-position: right 2.2rem center;
    background-size: 1.9rem auto;
    padding: 0 3rem 0 2.1rem;
    font-size: 1.6rem;
    box-sizing: border-box;
  }
}
/*==================================================

404

==================================================*/
.notfound-text02 {
  line-height: 1.8;
  text-align: center;
}
.notfound-button a {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L0.999999 1' stroke='%230056C4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  border: 1px #0056C4 solid;
  border-radius: 20rem;
  color: #000;
  font-weight: bold;
  letter-spacing: .02em;
  display: inline-block;
  box-sizing: border-box;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .notfound-content {
    margin: 10rem 3rem 12rem 3rem;
  }
  .notfound-text01 {
    max-width: 50rem;
    width: 80%;
    margin: 0 auto 10.2rem auto;
  }
  .notfound-text02 {
    font-size: 1.8rem;
    margin-bottom: 6rem;
  }
  .notfound-buttons {
    display: flex;
    justify-content: center;
    gap: 0 4rem;
  }
  .notfound-button a {
    min-width: 26rem;
    background-position: right 2.6rem center;
    background-size: 0.8rem auto;
    font-size: 1.8rem;
    padding: 1.2rem 8.3rem 1.2rem 3rem;
    transition: all .3s ease;
  }
  .notfound-button a:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L0.999999 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    text-decoration: none;
    background-color: #0056C4;
    color: #fff;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .notfound-content {
    padding: 2rem 0 12rem 0;
  }
  .notfound-text01 {
    width: 24rem;
    margin: 0 auto 7.7rem auto;
  }
  .notfound-text02 {
    font-size: 1.4rem;
    margin-bottom: 7.7rem;
  }
  .notfound-button {
    width: 26rem;
    margin: 0 auto 2rem auto;
  }
  .notfound-button:last-child {
    margin-bottom: 0;
  }
  .notfound-button a {
    width: 26rem;
    background-position: right 2rem center;
    background-size: 0.75rem auto;
    font-size: 1.6rem;
    padding: 1rem 3rem;
  }
}