@charset "UTF-8";

/* 全ページ共通 Css start */
/*---------------------------------------------
  Reset
---------------------------------------------*/
*,
*::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}
html {height: 100% !important; font-size: 62.5%;overflow-x: hidden !important;}
body {font-family: "Noto Serif JP", serif; font-size: 1.6rem;line-height: 1.0em;letter-spacing: 0em;background: #ffffff; height: auto; margin: 0;opacity: 0;transition: opacity 0.3s;overflow-x: hidden !important;}
body.loaded {opacity: 1;}
body.menu-open {width: 100vw; overflow: hidden; }
h1,h2,h3,h4,h5,h6,p,a,ul,li,ol,dl,dt,dd,table,tr,th,td,span,strong {line-height: 1.6em;letter-spacing: 0em;font-weight: 400;font-feature-settings : "palt";margin: 0;padding: 0; color:#002B1E;}
main {display: block;overflow-x: hidden;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
ul {list-style: none;}
a, a:visited {color:#002B1E;text-decoration: none;background-color: transparent;}
a:hover, a:active { color:#666; }
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;width: auto;height: auto;max-width: 100%;max-height: 100%;}
button, input, optgroup, select,textarea {font-size: 100%;line-height: 1.15;margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset { padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
details { display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}



/*---------------------------------------------
  Component
---------------------------------------------*/

#contents {width: 100%;padding: 0;margin: 0; z-index: 0; }
section {width: 100%; padding: 0; margin: 0 auto; display: block; z-index: 1;}
.wh-bk {background: #ffffff;}
.inbox {width: 100%; padding: 60px 20px; margin: 0 auto; display: block; }
.inbox h2 {font-size: 1.8rem; font-weight: 400; color: #002B1E; text-align: center; margin-bottom: 60px;}
.inbox p {font-size: 1.5rem; line-height: 2em; color: #002B1E;}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
  .inbox {padding: 90px 20px;}
  .inbox h2 {font-size: 2.4rem; margin-bottom: 60px;}
  .inbox p {font-size: 1.8rem;}
}
@media screen and (min-width: 1200px) {
  .inbox {max-width: 1200px; padding: 150px 0; margin: 0 auto; }
  .inbox h2 {margin-bottom: 50px;}

}




/* Button */
.btn-base, .btn-base:visited {width: fit-content;display: inline-block;padding: 15px 60px;color: #fff;font-size: 1.5rem;font-weight: 600;text-decoration: none;background-color: #005038;transition: .3s;border-radius: 10px; text-align: center; }
.btn-base:active, .btn-base:hover {color: #fff;background-color: #006245;}
.pc-none {display: block;}
.sp-none {display: none;}
@media screen and (min-width: 768px) {
  
}
@media screen and (min-width: 1024px) {
  .pc-none {display: none;}
  .sp-none {display: block;}
}
@media screen and (min-width: 1200px) {
}

/* Form */
input {padding: .3rem .5rem;}
button, input, optgroup, select, textarea {font-size: 1rem;}




@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
}
@media screen and (min-width: 1200px) {
}





/*---------------------------------------------
  Header
---------------------------------------------*/
.header {width: 100%; position: relative; background: #ffffff; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;}
.header-inner {width: 100% !important;height: 60px;padding-left: 10px;padding-right: 10px;display: flex; align-items: center; overflow-x: hidden;}
.header-inner .header-title {line-height: 0.8em;}
.header-inner .header-title img {width: 50px;}
.header-nav {margin-left: auto;}
.header-nav .link-block a {display: block;}
.fixed-header {position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;visibility: visible;background: #ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: all 0.5s ease-in-out;}
.sp-none {display: none;}
.header-inner.low {width: 100% !important;height: auto;padding-left: 0;padding-right: 0;display: flex;justify-content: space-between; align-items: flex-start;flex-direction: column; border-top: none;}
.header-inner.low h1 {width: fit-content; display: block;margin: 30px auto;}
.header-inner.low h1 img { width: 90px; }
.header-inner.low .header-nav {margin: 0 auto 30px;}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
  .sp-none {display: block;}
  .fixed-header {
    top: -80px;               /* 初期は隠す */
    visibility: hidden;       /* 非表示 */
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
  }

  /* スクロールで表示 */
  .fixed-header.is-show {
    top: 0;                   /* 表示 */
    visibility: visible;
  }
  .header-inner {height: 80px;}
  .header-inner .header-title img {width: 60px;}
  .header-nav {display: flex;}
  .header-nav .link-block {display: flex;justify-content: space-between; align-items: center;}
  .header-nav .link-block a {display: block; margin-right: 30px;}

}
@media screen and (min-width: 1200px) {
  .header-inner {max-width: 1100px;margin-left: auto;margin-right: auto;padding-left: 10px;padding-right: 10px;position: relative;}
}

/*---------------------------------------------
  モバイルファースト: ハンバーガーメニューとスライドイン
---------------------------------------------*/

/* ハンバーガーメニュー */
.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 35px;
  height: 25px;
  cursor: pointer;
  position: fixed;           /* ← ここをfixedに変更 */
  right: 20px;               /* 常に右側に配置 */
  top: 20px;                 /* 画面上部に固定 */
  z-index: 1100;             /* メニューより前面に表示 */
  transition: all 0.3s;       /* スムーズな表示 */
}

.hamburger span {
  display: block;
  width: 100%;
  height: 4px;
  background: #006245;
  transition: all 0.3s;
}

/* メニュー表示時のアニメーション */
.hamburger.active span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

/* スライドインメニュー */
.header-nav {
  position: fixed;
  top: 0;
  right: -100%;                /* 初期は画面外 */
  width: 80%;
  height: 100vh;
  background: #ffffff;
  z-index: 1050;
  transition: right 0.4s ease;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.header-nav.active .link-block { padding: 60px 0 0 20px;}
.header-nav.active .link-block a {padding: 20px 0; border-bottom: 1px solid #D4E8E2;}

/* オーバーレイ */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

/* メニュー表示時の状態 */
.header-nav.active {
  right: 0;                     /* スライドイン */
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

.menu-open {
  overflow: hidden !important;
}
/*---------------------------------------------
  1024px以上ではハンバーガーを非表示
---------------------------------------------*/
@media screen and (min-width: 1024px) {
  .hamburger, .overlay {
    display: none;
  }

  .header-nav {
    position: static;
    width: auto;
    height: auto;
    box-shadow: none;
    transition: none;
  }

  .link-block {
    display: flex;
  }
}







/* Preloader ----------------------- */
#preloader {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #fff;z-index: 9999;}



/*---------------------------------------------
  Footer オリジナル
---------------------------------------------*/
.footer { width: 100%; padding: 0; margin: 0; display: block; z-index: 1; background: #ffffff; color: #002B1E;}
.footer .inner { width: 100%; padding: 40px 20px; margin: 0; display: block; }
.footer .inner .up-block {display: flex; justify-content: space-between; margin-bottom: 30px; align-items:start; border-bottom: 1px solid #D4D4D4;}
.footer .inner .up-block img {width: 100px;}
.footer .inner .up-block .link-block {width: calc( 100% - 150px ); display: flex; justify-content: space-between; }
.footer .inner .up-block .link-block ul li a {display: block; margin-bottom: 30px;}
.footer .inner .ud-block {width: fit-content; margin: 0 auto; }
.footer .inner .ud-block ul li a {display: block; margin-bottom: 30px; text-align: center;}
.footer .inner .ud-block ul li:last-child a {margin-bottom: 0;}
.footer .inner .ud-block ul li:last-child a:link, .footer .inner .ud-block ul li:last-child a:visited {color: #002B1E;}
.copy-wrap { width: 100%; padding: 20px 0; margin: 0; display: block; z-index: 1; background: #ffffff;}
.copy-wrap p {text-align: center; color: #002B1E; font-size: 11px; font-weight: normal;}
@media screen and (min-width: 768px) {
  .footer .inner .up-block .link-block {width: 250px; margin-left: auto; }
  .footer .inner .ud-block ul {display: flex; justify-content: space-around; margin-bottom: 30px; text-align: left;}
  .footer .inner .ud-block ul li a { margin: 0 30px 30px; }
}
@media screen and (min-width: 1024px) {
  .footer .inner .up-block img {width: 120px;}
  .footer .inner .ud-block {width: auto; margin: 0 auto; }
  .footer .inner .ud-block ul { justify-content: flex-end; margin-bottom: 30px; text-align: right; }
  .footer .inner .ud-block ul li a { margin: 0 0 30px 30px; }
}
@media screen and (min-width: 1200px) {
  .footer .inner { max-width: 1200px; padding: 40px 20px; margin: 0 auto; }
}




/* Animation ----------------------- */
.mv-left-in-pt1, .mv-left-in-pt2 {opacity: 0;transform: translateX(-100px);}
.mv-right-in-pt1, .mv-right-in-pt2 {opacity: 0;transform: translateX(100px);}
.mv-bottom-in-pt1, .mv-bottom-in-pt2 {opacity: 0;transform: translateY(100px);}
.mv-scale-in {opacity: 0;transform: scale(0.8);}









/*---------------------------------------------
  TOP　page
---------------------------------------------*/
.main {width: 100vw !important;height: 100vh;overflow-x: hidden; overflow-y: hidden; background: #ffffff; /*background: url('../images/main-back.png') 0 0/cover no-repeat;*/}
.pc-main-in {display: none;}
.sp-main-in {display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.sp-main-in .sp-img-first {width: 100%; display: block; position: absolute; top: 60px; left: -20%; z-index: 1;}
.sp-main-in .sp-img-second {width: 500px; height: auto; display: block; position: absolute; bottom: 0; right: -15%; z-index: 2;}
.sp-main-in .sp-img-third {width: 300px; height: auto; display: block; position: absolute; bottom: 0; left: -10%; z-index: 3;}
.sp-main-in .sp-main-logo {width: 80%; display: block;position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 4;}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
  .pc-main-in {display: block; width: 100%; height: 100vh; overflow: hidden;}
  .pc-main-in .img-first {position: absolute;width: 60%;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;}
  .pc-main-in .img-second {position: absolute;width: 60%;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;}
  .pc-main-in .img-third {position: absolute;width: 70%;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;}
  .pc-main-in .main-logo {position: absolute;width: 600px;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;}
  .sp-main-in {display: none;}
}
@media screen and (min-width: 1200px) {
  .pc-main-in .img-first {width: 45%;}
  .pc-main-in .img-second {width: 32%;}
  .pc-main-in .img-third {width: 30%; }
  .pc-main-in .main-logo {width: 500px;}
}



/* Top under area */
.top-under {position: relative; background: #ffffff; z-index: 2;}
.top-under .bg-left {position: absolute;background-size: cover;background-position: center;top: 700px;width: 200px;height: 300px;left: -50px;background-image: url('../images/left01.png');z-index: 1;}
.top-under .bg-right {position: absolute;background-size: cover;background-position: center;width: 200px;height: 300px;right: -50px;background-image: url('../images/right01.png');z-index: 1;}
.mission-area .inbox p  { text-align: center; }
.ms-under-img {width: 90%; display: block; margin: 0 auto;}
.inside-view {width: 100%; height: 250px; background: url('../images/Inside-view.jpg') 50% 50%/cover no-repeat; }
.top-news-list { background: #F7FBF8; }
.top-news-list .inbox {position: relative;}
.top-news-list .inbox h2 {text-align: left;}
.top-news-list .inbox a {display: block; border-bottom: 1px solid #D4D4D4; padding: 20px 0;}
.top-news-list .inbox a:link:nth-child(2) {border-top: 1px solid #D4D4D4;}
.top-news-list .inbox a ul li { display: block; width: 100%; line-height: 2em; overflow-wrap: break-word;}
.top-news-list .inbox a.btn-base {width: fit-content; padding: 12px 30px; position: absolute; display: block; top:45px; right: 10px;}
@media screen and (min-width: 1024px) {
  .top-under .bg-left {top: 900px;width: 200px;height: 300px;left: calc( 50% - 600px);}
  .top-under .bg-right {width: 200px;height: 300px;right: calc( 50% - 600px);}
  .ms-under-img { width: 600px;}
  .inside-view {height: 400px; }
  .top-news-list .inbox { max-width: 900px; padding: 90px 0; margin: 0 auto; }
  .top-news-list .inbox a ul { display: flex; }
  .top-news-list .inbox a ul li { display: block; width: calc(100% - 200px);}
  .top-news-list .inbox a ul li.tl {width: 200px;}
}
@media screen and (min-width: 1200px) {
  .inside-view {height: 450px; }
  .top-news-list .inbox { max-width: 900px; padding: 90px 0; }
  .top-news-list .inbox a.btn-base { padding: 12px 30px; top:85px; right: 10px;}
}



.features {width: 100%;height: auto; position: relative;}
.features .bg-left {position: absolute;background-size: cover;background-position: center;top: 1600px;width: 300px;height: 500px;left: 0;background-image: url('../images/left02.png');z-index: -1;}
.features .bg-right {position: absolute;background-size: cover;background-position: center;top: 200; width: 300px;height: 500px;right:0;background-image: url('../images/right02.png');z-index: -1;}
.features .inbox .item {display: flex; flex-direction: column; width: 100%; margin-bottom: 150px; align-items: center; position: relative;}
.features .inbox .item:last-child {margin-bottom: 0;}
.features .inbox .item img { width: 90%; margin-bottom: 30px;}
.features .inbox .item .txt-box h2 {font-size: 15.6vw; font-family: "Waterfall"; color: #D4E8E2; position: absolute; top: -25px; left: 5px; z-index: 0; text-align: left; }
.features .inbox .item .txt-box h3 {font-size: 2.2rem; margin: 30px 0 30px; text-align: left; position: relative; z-index: 1; }
.features .inbox .item .txt-box p {line-height: 2em; text-align: center; margin-bottom: 30px;}
.features .inbox .item .txt-box a.btn-base {display: block; margin: 0 auto;}
@media screen and (min-width: 768px) {
  .features .inbox .item img { width: 50%; margin-bottom: 30px;}
}
@media screen and (min-width: 1024px) {
  .features .bg-left {top: 1400px;width: 350px;height: 500px;left: 0;}
  .features .bg-right {top: 200; width: 350px;height: 500px;right:0;}
  .features .inbox { padding: 130px 20px;}
  .features .inbox .item {justify-content: space-between; flex-direction: row; }
  .features .inbox .item img {width: 350px;}
  .features .inbox .item .txt-box {width: 60%;}
  .features .inbox .item .txt-box h2 {font-size: 6.6em; top: -55px; left: 5px; }
  .features .inbox .item .txt-box h3 {font-size: 2.8rem; margin: 50px 0 30px; }
  .features .inbox .item .txt-box h3 br {display: block;}
  .features .inbox .item .txt-box p {text-align: left;}
  .features .inbox .item:nth-child(odd) img {order: 2;}
  .features .inbox .item:nth-child(odd) .txt-box {order: 1;}  
  .features .inbox .item .txt-box a.btn-base {display: block; margin: 0;}
}
@media screen and (min-width: 1200px) {
  .features .inbox .item img {width: 350px;}
  .features .inbox .item .txt-box h2 {font-size: 7.6em; }
}



.top-flow-wrap .inbox {position: relative;}
.top-flow-wrap .inbox h2 {text-align: center; font-size: 15.6vw; font-family: "Waterfall"; color: #D4E8E2; position: absolute; top: 25px; left: 45%; z-index: 0; }
.top-flow-wrap .inbox h3 {text-align: center; font-size: 2.2rem; margin: 20px 0 30px; position: relative; z-index: 1; }
.top-flow-wrap .inbox p {text-align: center;}
.top-flow-wrap .inbox .step-box {display: block; }
.top-flow-wrap .inbox .step-box .step-item {display: block; padding-top: 50px; margin-bottom: 50px; }
.top-flow-wrap .inbox .step-box .step-item p {font-size: 1.4rem;}
.top-flow-wrap .inbox .step-box .step-item p:first-child {margin-bottom: 10px;}
.top-flow-wrap .inbox .step-box .step-item img {width: 150px; display: block; margin: 0 auto 10px;}
.top-flow-wrap .inbox .step-box .ar-icon {display: block; margin: 0 auto; transform: rotateY(90deg);}
.top-flow-wrap .inbox .step-box .triangle {background: #005038;height: calc(tan(60deg) * 20px / 2);width: 20px;margin: 0 auto;display: block;clip-path: polygon(0 0, 100% 0, 50% 100%);}
.top-flow-wrap .inbox .btn-base {display: block; margin: 0 auto;}
@media screen and (min-width: 768px) {
  .top-flow-wrap .inbox .step-box {width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; flex-wrap: wrap;}
  .top-flow-wrap .inbox .step-box .step-item {width: 140px; height: 260px; margin-bottom: 30px;}
  .top-flow-wrap .inbox .step-box .triangle {height: calc(tan(60deg) * 20px / 2);width: 20px;margin: 30px 15px 0;clip-path: polygon(0 0, 100% 50%, 0 100%);}
  .top-flow-wrap .inbox .step-box .pc-none {display: none;}
  .top-flow-wrap .inbox .btn-base {display: block; margin: 50px auto 0;}
}
@media screen and (min-width: 1024px) {
  .top-flow-wrap .inbox h2 {font-size: 7.6em; top: 35px; left: 45%;  }
  .top-flow-wrap .inbox h3 {font-size: 2.8rem; margin: 0 0 30px; }
  .top-flow-wrap .inbox .step-box {width: 800px;}
  .top-flow-wrap .inbox .step-box .step-item {width: 140px;}
  .top-flow-wrap .inbox .step-box .triangle {margin: 30px 30px 0;}
}



.footer-upper h3, .footer-upper p {color: #ffffff; text-align: center;}
.footer-upper h3 {margin-bottom: 20px; font-size: 1.8rem;}
.footer-upper .access {width: 100%; display: block; height: 250px; background: url('../images/footer-upper02.webp') 0 100%/cover no-repeat rgba(0,0,0,0.3); background-blend-mode:darken; padding-top: 50px;}
.footer-upper .access a {width: 100%; height: 100%; display: block;}
.footer-upper .contact { width: 100%; display: block; height: 250px; background: url('../images/footer-upper01.webp') 0 0/cover no-repeat rgba(0,0,0,0.3); background-blend-mode:darken; padding-top: 50px;}
@media screen and (min-width: 1024px) {
  .footer-upper {display: flex;}
  .footer-upper .access {width: 50%; height: 250px; background: url('../images/footer-upper02.webp') 0 100%/cover no-repeat rgba(0,0,0,0.3); background-blend-mode:darken; padding-top: 50px;}
  .footer-upper .contact { width: 50%; display: block; height: 250px; background: url('../images/footer-upper01.webp') 0 0/cover no-repeat rgba(0,0,0,0.3); background-blend-mode:darken; padding-top: 50px;}
}






/*---------------------------------------------
  Low page common
---------------------------------------------*/
.low-tl {width: 100%; height: 340px; display: flex; justify-content: space-around; align-items: flex-start; flex-direction: column; margin-top: 60px;}
.low-tl h2 {color: #ffffff; font-size: 2.6rem; text-align: center; margin: 10px auto 0; }
.low-tl p {color: #ffffff; font-size: 1.6rem; line-height: 2em; text-align: center; padding: 0 10px; margin: -80px auto 0;}
.low-tl-02 {width: 100%; padding: 40px 0; display: flex; align-items: center; background-image: linear-gradient(90deg, #005038, #759478); margin-top: 60px;}
.low-tl-02 h2 {color: #ffffff; font-size: 2.6rem; text-align: center; margin: 0 auto;}
@media screen and (min-width: 1024px) {
  .low-tl {margin-top: 0;}
  .low-tl-02 { margin-top: 0;}

}



/* photograph page */
.phg-back {background: url('../images/phg-back.webp') 0 0/cover no-repeat;}
.link-list .inbox {width: 80%;}
.link-list .inbox ul li { width: 100%; display: block; border: 1px solid #D4D4D4; margin: -1px 0 0 0;}
.link-list .inbox ul li a {width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; text-align: center; transition: 0.5s; }
.link-list .inbox ul li a:hover {background: #F7FBF8; }
.photo-plan .inbox h3 { font-size: 2rem; margin-bottom: 30px; padding-top: 40px; background: url('../images/plan-back-parts.png') 50% -10%/230px no-repeat; text-align: center; }
.photo-plan .inbox h3 + p {text-align: center; margin-bottom: 50px;}
.photo-plan .inbox ul.menu { display: block; margin-bottom: 50px;}
.photo-plan .inbox ul.menu li { display: block; width: 100%; border-bottom: 1px solid #D4D4D4; margin-top: -1px; padding: 20px 10px; text-align: center;}
.photo-plan .inbox ul.menu li:first-child { border-top: 1px solid #D4D4D4; }
.photo-plan .inbox ul.option {background: #D4E8E2; border-radius: 4px;}
.photo-plan .inbox ul.option li { line-height: 2em; display: block; width: 100%; margin-top: -1px; padding: 20px 10px; text-align: center;}
.op-wrap { width: 90%; display: block; margin: 50px auto 80px; background: #D4E8E2; border-radius: 4px; }
.op-wrap .inbox h3 { text-align: center; margin-bottom: 30px;}
.op-wrap .inbox ul { display: block; border-top: 1px solid #BDD8D0; border-bottom: 1px solid #BDD8D0; margin-top: -1px;}
.op-wrap .inbox ul li {padding: 20px 10px 5px;}
.op-wrap .inbox ul li:nth-child(2) { padding: 5px 10px 20px 30px;}
.op-wrap .inbox ul li span {font-size: 1.2rem; display: inline-block; margin-left: 10px; border: 1px solid #002B1E; padding: 3px 7px;}
.pl-note .inbox { width: 90%; max-width: 800px; border: 1px solid #002B1E; margin-bottom: 150px;}
.pl-note .inbox h3 {text-align: center; margin-bottom: 50px;}
.pl-note .inbox p {text-align: left; line-height: 2em; margin-bottom: 10px;}
@media screen and (min-width: 768px) {
  .link-list .inbox ul {display: flex; justify-content: flex-start; flex-wrap: wrap;}
  .link-list .inbox ul li { width: calc( 100% / 3 ); }
  .op-wrap .inbox ul { display: flex; justify-content: flex-start; align-items: center; margin-top: -1px;}
  .op-wrap .inbox ul li {width: 35%; padding: 20px 10px 20px; text-align: center;}
  .op-wrap .inbox ul li:nth-child(2) { width: calc(100% - 35%); padding: 20px 10px 20px 100px;}
}
@media screen and (min-width: 1024px) {
  .photo-plan .inbox {padding: 75px 20px;}
  .photo-plan .inbox ul.menu { display: flex; justify-content: flex-start; align-items: center; margin-top: -1px; margin-bottom: 0; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;}
  .photo-plan .inbox ul.menu:nth-child(2) { display: block; margin-bottom: 30px;} 
  .photo-plan .inbox ul.menu li { width: calc(100% / 3); border: none; margin-top: 0;}
  .photo-plan .inbox ul.menu li:first-child { border: none; }
  .photo-plan .inbox ul.option { margin-top: 30px; display: flex; justify-content: flex-start; align-items: center;}
  .photo-plan .inbox ul.option li { width: calc(100% / 3); margin-top: 0; }
  .photo-plan .inbox ul.option li:nth-child(2) { width: calc(100% / 3 * 2) ; text-align: left; padding-left: 50px;}
  .op-wrap { width: 90%; max-width: 800px; margin: 50px auto 150px; }
  .op-wrap .inbox {width: 90%; padding: 50px 0;}
  .pl-note .inbox { width: 90%; max-width: 800px; padding: 50px 30px;}
  .pl-note .inbox p {padding-left: 1em;text-indent: -1em;}

}
@media screen and (min-width: 1200px) {
  .link-list .inbox { padding: 150px 0 0;}

}




/* news page */
.news-back {background: url('../images/news-back.webp?v=041701') 0 0/cover no-repeat;}
.news-list { }
.news-list .inbox {position: relative;}
.news-list .inbox h2 {text-align: left;}
.news-list .inbox a {display: block; border-bottom: 1px solid #D4D4D4; padding: 20px 0;}
/*.news-list .inbox a:link:nth-child(1) {border-top: 1px solid #D4D4D4;}*/
.news-list .inbox a ul li { display: block; width: 100%; line-height: 2em; overflow-wrap: break-word;}
.news-list .inbox a.btn-base {width: fit-content; padding: 12px 30px; position: absolute; display: block; top:45px; right: 10px;}
.Pagination {width: fit-content; margin: 0 auto 150px; display: flex;align-items: center;}
.Pagination-Item-Link {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 45px;height: 45px;background: #fff;border: solid 2px #002B1E;font-size: 14px;color: #002B1E;font-weight: bold;transition: all 0.15s linear;}
.Pagination-Item-Link-Icon {width: 20px;}
.Pagination-Item-Link.isActive {background: #002B1E;color: #ffffff;pointer-events: none;}
.Pagination-Item-Link.isActive span {color: #ffffff !important;}
.Pagination-Item-Link:not(.isActive):hover {background: #002B1E;color: #fff;}
.Pagination-Item-Link:not(.isActive):hover span {color: #fff;}
.Pagination > * + * {margin-left: 12px;}
@media screen and (min-width: 1024px) {
  .news-list .inbox { max-width: 900px; padding: 90px 0; margin: 0 auto; }
  .news-list .inbox a ul { display: flex; }
  .news-list .inbox a ul li { display: block; width: calc(100% - 200px);}
  .news-list .inbox a ul li.tl {width: 200px;}
}
@media screen and (min-width: 1200px) {
  .news-list .inbox { max-width: 900px; padding: 90px 0; }
  .news-list .inbox a.btn-base { padding: 12px 30px; top:85px; right: 10px;}
}


/* news detail page */
.news-detail {display: block; width: 100%; margin: 50px auto;}
.news-detail .inbox .eye-catch { width: 100%; display: block; margin-bottom: 50px; }
.news-detail .inbox span.date {display: block; font-size: 1.5rem; color: #002B1E; margin-bottom: 10px;}
.news-detail .inbox h2 {font-size: 1.8rem; font-weight: 400; color: #002B1E; line-height: 2em; border-bottom: 1px solid #D4D4D4; padding-bottom: 10px; text-align: left; margin-bottom: 50px;}
.news-detail .inbox h3 {font-size: 1.6rem; font-weight: bold; color: #002B1E; line-height: 1.8em; border-left: 4px solid #005038; padding-left: 10px; margin-bottom: 30px; }
.news-detail .inbox h4 {font-size: 1.6rem; font-weight: bold; color: #002B1E; line-height: 1.8em;  }
.news-detail .inbox p {font-size: 1.5rem; font-weight: normal; color: #002B1E; line-height: 2em; margin-bottom: 30px; }
.news-detail .inbox a:link,.news-detail .inbox a:visited {color: #002B1E;}
.news-detail .inbox .btn-base,.news-detail .inbox .btn-base:visited {color: #ffffff; border-radius: 4px; display: block; margin: 80px 0 0;}
@media screen and (min-width: 1024px) {
  .news-detail { margin: 0 auto;}
  .news-detail .inbox { padding: 50px 20px 50px; }
  .news-detail .inbox .btn-base {margin: 80px 0 80px;}
}







/* costume page */
.costume-back {background: url('../images/costume-back.webp') 0 0/cover no-repeat;}
.costume-section-1 {width: 100%; display: block; }
.costume-section-1 .inbox p { text-align: center; margin-bottom: 50px; }
.costume-section-1 .inbox h3 { font-size: 2rem; text-align: center; margin: 100px 0 30px; font-weight: 400; }
.costume-section-1 .inbox ul {width: 90%; max-width: 650px; margin: 0 auto 50px; display: flex; justify-content: flex-start; align-items: center; background: #D4E8E2; padding: 30px; }
.costume-section-1 .inbox ul li:first-child { width: 30%;}
.costume-section-2 {width: 100%; display: block; background: #F7FBF8; }
.costume-section-2 .inbox h3 { font-size: 2rem; text-align: center; margin-bottom: 50px; font-weight: 400; }
.costume-section-2 .inbox h3 + p {text-align: center; margin-bottom: 50px;}
.costume-section-2 .inbox .fl-block .item {display: flex; flex-direction: column; width: 100%; margin-bottom: 100px; align-items: center; position: relative;}
.costume-section-2 .inbox .fl-block .item:last-child {margin-bottom: 0;}
.costume-section-2 .inbox .fl-block .item img { width: 90%; margin-bottom: 30px;}
.costume-section-2 .inbox .fl-block .item .txt-box h4 {font-size: 1.8rem; margin: 30px 0 30px; text-align: left; position: relative; z-index: 1; }
.costume-section-2 .inbox .fl-block .item .txt-box p {line-height: 2em; text-align: left; margin-bottom: 30px; text-indent: -1em; padding-left: 1em;}
.costume-section-2 .inbox .fl-block .item .txt-box p:nth-child(2) {margin-bottom: 0;}
.costume-section-3 .inbox h3 { font-size: 2rem; text-align: center; margin-bottom: 50px; font-weight: 400; }
.costume-section-3 .inbox h3 + p {text-align: center; margin-bottom: 50px;}
.costume-section-3 .inbox .fl-block .item { display: block; padding: 40px 30px; margin-bottom: 50px; border-radius: 6px; background: #F7FBF8; border: 1px solid #002B1E;}
.costume-section-3 .inbox .fl-block .item:last-child {margin-bottom: 0;}
.costume-section-3 .inbox .fl-block .item h4 {font-size: 1.8rem; font-weight: bold; margin-bottom: 20px; text-align: left;}
.costume-section-3 .inbox .fl-block .item h4 + p {font-weight: bold; margin-bottom: 20px;}
.costume-section-4 .inbox h3 { font-size: 2rem; text-align: center; margin-bottom: 50px; font-weight: 400; }
.costume-section-4 .inbox h3 + p {text-align: center; margin-bottom: 50px;}
.costume-section-4 .inbox ul { display: block; margin-bottom: 50px;}
.costume-section-4 .inbox ul li { display: block; width: 100%; border-bottom: 1px solid #D4D4D4; margin-top: -1px; padding: 20px 10px; text-align: center;}
.costume-section-4 .inbox ul li:first-child { border-top: 1px solid #D4D4D4; }
.costume-section-4 .inbox ul li span {font-size: 1.2rem; display: inline-block; margin-left: 10px; border: 1px solid #002B1E; padding: 3px 7px;}
.costume-section-4 .inbox ul + p {margin-top: 50px; text-align: center;}
@media screen and (min-width: 768px) {
  .costume-section-2 .inbox .fl-block .item img { width: 50%; margin-bottom: 30px;}
}
@media screen and (min-width: 1024px) {
  .costume-section-1 .inbox h3 { margin: 150px 0 30px; }
  .costume-section-2 .inbox .fl-block { padding: 50px 20px 0;}
  .costume-section-2 .inbox .fl-block .item {justify-content: space-between; flex-direction: row; }
  .costume-section-2 .inbox .fl-block .item img {width: 350px;}
  .costume-section-2 .inbox .fl-block .item .txt-box {width: 60%;}
  .costume-section-2 .inbox .fl-block .item .txt-box h4 {font-size: 2rem; margin: 50px 0 30px; }
  .costume-section-2 .inbox .fl-block .item .txt-box h4 br {display: block;}
  .costume-section-2 .inbox .fl-block .item .txt-box p {text-align: left;}
  .costume-section-2 .inbox .fl-block .item:nth-child(even) img {order: 2;}
  .costume-section-2 .inbox .fl-block .item:nth-child(even) .txt-box {order: 1;}
  .costume-section-3 .inbox .fl-block { display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; margin-bottom: 50px; }
  .costume-section-3 .inbox .fl-block .item { min-height: 350px; }
  .costume-section-4 .inbox {padding: 0 0 90px;}
  .costume-section-4 .inbox ul { max-width: 900px; display: flex; justify-content: flex-start; align-items: center; margin: -1px auto 0; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;}
  .costume-section-4 .inbox ul:nth-child(2) { display: block; margin-bottom: 30px;} 
  .costume-section-4 .inbox ul li { width: calc(100% / 3); border: none; margin-top: 0;}
  .costume-section-4 .inbox ul li:first-child { border: none; }
}
@media screen and (min-width: 1200px) {
  .costume-section-2 .inbox .fl-block .item img {width: 350px;}
  .costume-section-3 .inbox .fl-block .item { min-height: auto; }
}



/* flower page */
.flower-back {background: url('../images/flower-back.webp') 75% 100%/cover no-repeat;}
.flower-section-1 .inbox h3 { font-size: 2rem; text-align: center; margin: 0 0 30px; font-weight: 400; }
.flower-section-1 .inbox h3 + p {text-align: center; margin-bottom: 80px;}
.flower-section-1 .inbox h3 + p + p {text-align: center; margin-bottom: 30px;}
.flower-section-1 .inbox .fl-block div {width: 270px; height: 270px; display: block; padding: 70px 0 0; margin: 0 auto 50px; border: 1px solid #002B1E; border-radius: 50%; }
.flower-section-1 .inbox .fl-block div:last-child {margin-bottom: 0;}
.flower-section-1 .inbox .fl-block div p {text-align: center;}
.flower-menu .inbox .fl-block {display: block;}
.flower-menu .inbox .fl-block div h3 { font-size: 2rem; text-align: left; font-weight: 400; margin-bottom: 30px; }
.flower-menu .inbox .fl-block div h3 + p {text-align: left; margin-bottom: 50px; }
.flower-menu .inbox .fl-block img { display: block; width: 100%; margin: 0 auto 50px;}
.flower-menu .inbox .sv-detail {display: block; padding: 30px; background: #D4E8E2; margin-bottom: 30px; border-radius: 6px; }
.flower-menu .inbox .sv-detail p {font-size: 1.6rem; margin-bottom: 30px; }
.flower-menu .inbox .sv-detail ul li {margin: 0 0 10px;}
.flower-menu .inbox h4.step-tl {text-align: center; margin-top: 50px; margin-bottom: 50px;}
.flower-menu .inbox .flower-step .step-item {width: 80%; display: block; margin: 0 auto 30px; height: 180px; padding: 20px;background-image: linear-gradient(90deg, #005038, #759478); clip-path: polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);}
.flower-menu .inbox .flower-step .step-item h4 {font-size: 2rem; color: #ffffff; text-align: left; margin-top: 0; margin-bottom: 15px; }
.flower-menu .inbox .flower-step .step-item p {padding-left: 10px; line-height: 1.6em; color: #ffffff; text-align: left;}
@media screen and (min-width: 768px) {
  .flower-section-1 .inbox .fl-block {display: flex; justify-content: space-around; align-items: flex-start;}
  .flower-section-1 .inbox .fl-block div {width: 220px; height: 220px; display: flex; justify-content: center; align-items: center;  padding: 0; margin: 0; }
  .flower-menu .inbox .flower-step {display: flex; justify-content: flex-start; flex-wrap: wrap;}
  .flower-menu .inbox .flower-step .step-item {width: 46%; height: 180px;}

}
@media screen and (min-width: 1024px) {
  .flower-back {background: url('../images/flower-back.webp') 0 0/cover no-repeat;}
  .flower-section-1 .inbox {padding-bottom: 0;}
  .flower-menu .inbox .fl-block {display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; }
  .flower-menu .inbox .fl-block div {display: block; width: 50%;}
  .flower-menu .inbox .fl-block img { display: block; width: 50%; margin: 0 auto 0;}
  .flower-menu .inbox .sv-detail {margin-bottom: 50px; }
  .flower-menu .inbox .sv-detail p {margin-bottom: 10px; }
  .flower-menu .inbox .sv-detail ul {display: flex; justify-content: space-around; flex-wrap: wrap; }
  .flower-menu .inbox .sv-detail ul li {width: 40%;}
  .flower-menu .inbox h4.step-tl { margin-top: 80px; margin-bottom: 50px;}
  .flower-menu .inbox .flower-step .step-item {width: 30%; height: 210px;}
}
@media screen and (min-width: 1200px) {
  .flower-section-1 .inbox {padding-bottom: 50px;}
  .flower-section-1 .inbox .fl-block {max-width: 1000px; margin: 0 auto; }
  .flower-section-1 .inbox .fl-block div {width: 270px; height: 270px; }
  .flower-menu .inbox .fl-block div {width: 48%;}
  .flower-menu .inbox .fl-block img { display: block; width: 48%; margin: 0;}
  .flower-menu .inbox .flower-step .step-item {width: 18%; height: 210px;}
}



/* flow page */
.flow-back {background: url('../images/flow-back.webp') 50% 50%/cover no-repeat;}
.flow-section-1 {display: block; padding: 80px 0;}
.flow-section-1 .inbox {position: relative; padding: 30px 20px; }
.flow-section-1 .inbox .back-img {width: 70px; height: 100%; position: absolute; left: 80px; top: 0;  background-image: linear-gradient(90deg, #005038, #759478); clip-path: polygon(0 0,100% 0,100% 99%,50% 100%,0 99%); z-index: -1;}
.flow-section-1 .inbox .step-wrap {display: block; padding: 35px 30px; margin-bottom: 50px; border: 1px solid #002B1E; border-radius: 6px; background: #ffffff; }
.flow-section-1 .inbox .step-wrap .icon-box {width: 100%; display: flex; align-items: center; margin-bottom: 30px;}
.flow-section-1 .inbox .step-wrap .icon-box p {width: fit-content; font-size: 1.6rem; margin-bottom: 10px; text-align: center; }
.flow-section-1 .inbox .step-wrap .icon-box p span {padding-left: 5px; font-size: 3.2rem;}
.flow-section-1 .inbox .step-wrap .icon-box img {width: 30%; display: block; margin: 0 0 0 13%;}
.flow-section-1 .inbox .dt-box h3 { margin-bottom: 10px;}
.flow-section-1 .inbox .dt-box a {display: inline-block; margin-top: 20px; text-decoration: underline; }
.flow-section-1 .inbox .dt-box a.btn-base {text-decoration: none; }
@media screen and (min-width: 768px) {
  .flow-section-1 .inbox .step-wrap {display: flex; align-items: flex-start; justify-content: space-between; padding: 35px 30px; margin-bottom: 50px; }
  .flow-section-1 .inbox .step-wrap .icon-box {width: 15%; display: block; margin-bottom: 0;}
  .flow-section-1 .inbox .step-wrap .icon-box img {max-width: 150px; width: 90%; display: block; margin: 0 auto;}
  .flow-section-1 .inbox .dt-box { width: 80%; display: block; margin-top: 15px;}
}
@media screen and (min-width: 1024px) {
  .flow-section-1 .inbox .step-wrap {align-items: center;}
  .flow-section-1 .inbox .step-wrap .icon-box p {font-size: 1.6rem; margin: 0 auto 10px; text-align: center; }
  .flow-section-1 .inbox .step-wrap .icon-box p span {padding-left: 5px; font-size: 2.6rem;}
}
@media screen and (min-width: 1200px) {
}



/* Contact page */
.contact-back {background: url('../images/contact-back.webp') 50% 50%/cover no-repeat;}
.sub-tl {width: 90%; margin: 80px auto 30px; text-align: center; font-size: 1.6rem; }
.contact-section .inbox h3 {font-size: 2rem; text-align: center; margin: 0 0 30px; font-weight: 400;}
.contact-section .inbox .ct-menu {width: 100%; display: block; padding: 30px; background: #F7FBF8; border-radius: 10px;}
.contact-section .inbox .ct-menu span {width: fit-content; display: block; padding: 6px 20px; font-size: 1.6rem; border: 1px solid #002B1E; border-radius: 30px; margin-bottom: 30px;}
.contact-section .inbox .ct-menu p {margin-left: 20px; margin-bottom: 30px; line-height: 1.8em;}
.contact-section .inbox .ct-menu ul {display: block; margin: -30px 0 30px 40px;}
.contact-section .inbox .link-wrap {display: block; width: 100%; margin: 30px auto;}
.contact-section .inbox .link-wrap .btn-base {display: block; margin: 0 auto 30px;}
.contact-section .inbox .under-80 {margin-bottom: 120px;}
.c-policy .inbox { width: 90%; margin: 0 auto 80px; border: 1px solid #002B1E;}
.c-policy .inbox h3 {font-size: 2rem; text-align: center; margin: 0 0 30px; font-weight: 400;}
.c-policy .inbox p {margin-bottom: 20px;}
@media screen and (min-width: 768px) {
  .contact-section .inbox .link-wrap {width: 500px; display: flex; align-items: center; justify-content: space-between; margin: 30px auto;}
  .sp-only a[href^="tel:"]{
    pointer-events: none;
  }
}
@media screen and (min-width: 1024px) {
  .contact-section .inbox .under-80 {text-align: center;}
  .contact-section .inbox .under-80-2 {text-align: center;}
  .c-policy .inbox {padding: 50px 20px; margin: 0 auto 150px;}
  .c-policy .inbox p {text-align: center;}
}
@media screen and (min-width: 1200px) {
}



/* Access page */
.access-back {background: url('../images/access-back.webp') 50% 50%/cover no-repeat;}
.access-section-01 .inbox img {display: block; margin: 0 auto 50px; }
.access-section-01 .inbox h3 {font-size: 2rem; text-align: center; margin: 0 0 30px; font-weight: 400; }
.access-section-01 .inbox p { text-align: center; margin-bottom: 30px; }
.access-section-01 .inbox ul {width: fit-content; display: block; border: 1px solid #D4D4D4; padding: 20px 30px; margin: 0 auto; border-radius: 10px;}
.access-section-01 .inbox ul li { display: block; line-height: 1.8em; text-align: center; }
.access-section-02 {display: block; margin-bottom: 80px;}
.access-section-02 p {text-align: center; margin: 50px 0; line-height: 2em;}
.access-section-02 a {width: fit-content; display: block; text-decoration: underline; color: #002B1E; margin: 0 auto;  }
.access-section-03 .inbox h3 {font-size: 2rem; text-align: center; margin: 0 0 30px; font-weight: 400; }
.access-section-03 .inbox p { text-align: center; margin-bottom: 30px; }
.access-section-03 .inbox ul {display: block;}
.access-section-03 .inbox ul li { width: 180px; padding: 20px; display: block; line-height: 1.8em; text-align: center; margin: 0 auto 30px; border: 1px solid #D4D4D4; border-radius: 10px; }
@media screen and (min-width: 768px) {
  .access-section-01 .inbox ul {width: fit-content; display: flex; }
  .access-section-01 .inbox ul li { padding: 0 20px; display: block;  line-height: 1.8em; text-align: center; }
  .access-section-01 .inbox ul li:nth-child(1) {border-right: 1px solid #D4D4D4;}
  .access-section-01 .inbox ul li:nth-child(2) {border-right: 1px solid #D4D4D4;}
  .access-section-03 .inbox ul {display: flex; width: 600px; margin: 0 auto;}
  .access-section-03 .inbox ul li { width: 180px; padding: 20px; display: block; line-height: 1.8em; text-align: center; margin: 0 auto 30px; border: 1px solid #D4D4D4; border-radius: 10px; }
}
@media screen and (min-width: 1024px) {
  .access-section-01 .inbox img {margin: 0 auto 80px; }
  .access-section-02 {margin-bottom: 0;}
}
@media screen and (min-width: 1200px) {
}





/* Faq page */
.faq-section-01 .inbox h3 {font-size: 2rem; text-align: center; margin: 0 0 50px; font-weight: 400;}
.faq-inbox { margin-bottom: 90px;}
.qa-list dl {position: relative;display: block; padding: 15px 0 15px 10px;margin-bottom: 30px; cursor: pointer;background: #ffffff; border: 1px solid #D4D4D4; border-radius: 10px;}
.qa-list dl::before {position: absolute; top: 22px;right: 20px;width: 7px;height: 7px;display: block;margin: auto;content: '';transform: rotate(135deg);border-top: 2px solid #0E0E0E;border-right: 2px solid #0E0E0E;}
.qa-list .open::before {transform: rotate(-45deg);}
.qa-list dl dt {position: relative;padding: 0 60px 0 40px;margin: 0;font-size: 1.6rem;font-weight: bold;}
.qa-list dl dt::before {font-size: 1.4rem;line-height: 0.8;position: absolute;top: -2px;left: 4px;content: 'Q';display: block;font-weight: bold;color: #ffffff; background: #002B1E; padding: 10px; border-radius: 50%;}
.qa-list dl dd {position: relative;display: none;height: auto;margin: 10px 0 0;padding: 10px 10px 0 10px;font-size: 1.5rem; border-top: 1px solid #DDDDDD;}
.qa-list dl dd p {margin: 30px 0 0;}
.qa-list dl dd p:first-child{margin-top: 0;}
.qa-list dl dd a {text-decoration: underline; color: #002B1E; }
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1024px) {
  .faq-inbox { margin-bottom: 150px;}
  .qa-list dl {padding: 30px;}
  .qa-list dl::before {top: 35px;right: 35px;}
  .qa-list dl dt {padding: 0 0 0 50px;font-size: 1.6rem;}
  .qa-list dl dt::before {font-size: 1.2rem;left: 0;}
  .qa-list dl dd::before {font-size: 1.2rem;top: 3px;left: 2px;}
  .qa-list dl dd { margin: 30px 0 0;padding: 30px 0 0 50px;}
  .qa-list dl dd p {font-size: 1.5rem;}
}



/* About page */
.about-list .inbox ul {display: block; border-bottom: 1px solid #D4D4D4; padding: 20px 0;}
.about-list .inbox ul:nth-child(1) { border-top: 1px solid #D4D4D4; }
.about-list .inbox ul li { display: block; width: 100%; padding-left: 10px; line-height: 2em; overflow-wrap: break-word;}
.about-list .inbox ul li.tx { padding-left: 20px;}
@media screen and (min-width: 768px) {
  .about-list .inbox ul { display: flex; }
  .about-list .inbox ul li { display: block; width: calc(100% - 200px);}
  .about-list .inbox ul li.tl {width: 200px;}
}
@media screen and (min-width: 1024px) {
  .about-list .inbox { max-width: 900px; padding: 90px 0; margin: 0 auto; }
}
@media screen and (min-width: 1200px) {
  .about-list .inbox { max-width: 900px; padding: 90px 0; }
}



/* Policy page */
.policy-wrap .inbox {padding: 0 20px 60px;}
.policy-wrap .inbox h3 {font-size: 2rem; text-align: left; margin: 0 0 30px; font-weight: 400; padding-bottom: 20px; border-bottom: 1px solid #D4D4D4;}
.policy-wrap .inbox p {margin-bottom: 20px; text-align: left; line-height: 2.2em;}
.policy-wrap .inbox ul {display: block; list-style-position: inside; list-style: disc; }
.policy-wrap .inbox ul li { margin-left: 30px; line-height: 2.2em; }
.pd-top-add {padding-top: 60px;}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
  .policy-wrap .inbox {padding: 0 20px 90px;}
  .pd-top-add {padding-top: 90px;}
}
@media screen and (min-width: 1200px) {
  .policy-wrap .inbox {padding: 0 20px 150px;}
  .pd-top-add {padding-top: 150px;}
}