@charset "UTF-8";
:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

/* ================================================== main-visual ================================================== */
.page-visual { background: url(../common_img/page_mv.jpg) no-repeat center center; background-size: cover; position: relative; overflow: hidden; padding: 290px 0 10px; }

.page-visual .page-ttl { max-width: 1200px; margin: 0 auto 84px; padding: 0 20px; }

.page-visual .page-ttl .ttlen { display: block; color: #fff; text-align: left; font-size: 60px; line-height: 1; letter-spacing: 0em; font-weight: 500; text-transform: uppercase; }

.page-visual .page-ttl .ttljp { color: #fff; display: block; text-align: left; font-size: 24px; line-height: 1.25; letter-spacing: 0em; font-weight: 400; margin: 22px 0 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-visual { padding: 110px 0 5px; }
  .page-visual .page-ttl { margin: 0 auto 25px; padding: 0 15px; }
  .page-visual .page-ttl .ttlen { font-size: 24px; line-height: 1.25; }
  .page-visual .page-ttl .ttljp { font-size: 18px; line-height: 1.27778; margin: 10px 0 0; } }

/* ========== end △ */
.junbi { text-align: center; padding: 100px 0 100px; font-size: 16px; line-height: 1.875; letter-spacing: 0.05em; font-weight: 400; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .junbi { font-size: 15px; line-height: 1.6; padding: 40px 0 80px; } }

/* ========== end △ */
.js-block-hide { display: none; }

.js-block-hide.is-opened { display: block; }

.js-show-more.is-active .c-btn02:after { transform: rotate(-180deg); }

.shopinfo__groups .group-shopinfo { margin-bottom: 50px; }

/* ================================================== breadcrumb（パンくず） ================================================== */
.c-breadcrumb { padding: 3px 20px 3px; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; overflow-x: auto; margin: 0 auto; max-width: 1200px; justify-content: flex-end; }

.c-breadcrumb li { display: inline-block; color: #fff; }

.c-breadcrumb li:not(:last-child) { position: relative; padding-right: 22px; }

.c-breadcrumb li:not(:last-child):before { position: absolute; content: ""; right: 0; top: 50%; margin: -1px 0 0; background: #fff; width: 14px; height: 1px; }

.c-breadcrumb li:not(:first-child) { margin-left: 10px; }

.c-breadcrumb a, .c-breadcrumb span { display: block; white-space: nowrap; text-decoration: none; color: #fff; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .c-breadcrumb { padding: 10px 10px 0; font-size: 13px; line-height: 1.38462; }
  .c-breadcrumb li:not(:last-child) { padding-right: 22px; }
  .c-breadcrumb li:not(:last-child):before { margin: 0 5px 0 0; width: 10px; }
  .c-breadcrumb li:not(:first-child) { margin-left: 0; }
  .c-breadcrumb a, .c-breadcrumb span { display: block; white-space: nowrap; text-decoration: none; } }

/* ========== end △ */
.paging { margin: 91px auto 75px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 0px; position: relative; }

.paging .paging-btn { font-size: 15px; line-height: 2.13333; letter-spacing: 0em; font-weight: 500; width: 245px; }

.paging .paging-btn a { color: #85669E; display: inline-block; vertical-align: top; font-size: 18px; line-height: 1.66667; letter-spacing: 0.05em; font-weight: bold; text-decoration: none; text-align: center; position: relative; border: 2px solid #85669E; border-radius: 5px; width: 100%; padding: 25px 40px 25px 40px; }

.paging .paging-btn a:before { content: ""; position: absolute; left: 20px; top: 50%; width: 12px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_200_1554)'%3E%3Cpath d='M0.00241852 9.99907L0.000701904 9.99593L0.00756645 9.99121C0.229773 9.68836 6.06719 1.75837 7.54199 0.734178C9.7958 -0.83121 11.9612 0.273215 11.9998 2.44824C12.0402 4.72317 4.25608 8.70271 1.58703 9.99986C4.25608 11.2962 12.0402 15.2758 11.9998 17.5507C11.9612 19.7249 9.7958 20.8301 7.54199 19.264C6.06719 18.2398 0.23063 10.3098 0.00756645 10.0069L0.000701904 10.0022C0.000701904 10.0022 0.00241852 10.0006 0.00241852 9.99907Z' fill='%2385669E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_200_1554'%3E%3Crect width='12' height='20' fill='white' transform='matrix(-1 0 0 1 12 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center; background-size: 100% auto; margin: -10px 0 0; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .paging .paging-btn a:hover { background: #85669E; color: #fff; opacity: 1; }
  .paging .paging-btn a:hover:before { transform: translateX(-4px); background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_200_1554)'%3E%3Cpath d='M0.00241852 9.99907L0.000701904 9.99593L0.00756645 9.99121C0.229773 9.68836 6.06719 1.75837 7.54199 0.734178C9.7958 -0.83121 11.9612 0.273215 11.9998 2.44824C12.0402 4.72317 4.25608 8.70271 1.58703 9.99986C4.25608 11.2962 12.0402 15.2758 11.9998 17.5507C11.9612 19.7249 9.7958 20.8301 7.54199 19.264C6.06719 18.2398 0.23063 10.3098 0.00756645 10.0069L0.000701904 10.0022C0.000701904 10.0022 0.00241852 10.0006 0.00241852 9.99907Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_200_1554'%3E%3Crect width='12' height='20' fill='white' transform='matrix(-1 0 0 1 12 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } }

/* ========== end △ */
.paging .prev { margin-right: auto; }

.paging .next { margin-left: auto; }

.paging .next a:before { left: auto; right: 20px; background: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_200_1548)'%3E%3Cpath d='M11.9976 9.99907L11.9993 9.99593L11.9924 9.99121C11.7702 9.68836 5.93281 1.75837 4.45801 0.734178C2.2042 -0.83121 0.0387634 0.273215 0.000156076 2.44824C-0.0401671 4.72317 7.74392 8.70271 10.413 9.99986C7.74392 11.2962 -0.0401671 15.2758 0.000156076 17.5507C0.0387634 19.7249 2.2042 20.8301 4.45801 19.264C5.93281 18.2398 11.7694 10.3098 11.9924 10.0069L11.9993 10.0022C11.9993 10.0022 11.9976 10.0006 11.9976 9.99907Z' fill='%2385669E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_200_1548'%3E%3Crect width='12' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center; background-size: 100% auto; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .paging .next a:hover:before { transform: translateX(4px); background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26_78)'%3E%3Cpath d='M11.9976 9.99932L11.9993 9.99617L11.9924 9.99145C11.7702 9.6886 5.93281 1.75861 4.45801 0.734423C2.2042 -0.830966 0.0387634 0.273459 0.000156076 2.44848C-0.0401671 4.72341 7.74392 8.70296 10.413 10.0001C7.74392 11.2965 -0.0401671 15.276 0.000156076 17.5509C0.0387634 19.7252 2.2042 20.8304 4.45801 19.2642C5.93281 18.24 11.7694 10.31 11.9924 10.0072L11.9993 10.0025C11.9993 10.0025 11.9976 10.0009 11.9976 9.99932Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26_78'%3E%3Crect width='12' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } }

/* ========== end △ */
.paging .lst { position: absolute; left: 50%; top: 0; transform: translateX(-50%); }

.paging .lst a { background: #85669E; color: #fff; }

.paging .lst a:before { display: none; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .paging .lst a:hover { opacity: 1; color: #85669E; background: none; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .paging { margin: 50px 0 45px; }
  .paging .paging-btn { font-size: 14px; line-height: 1.71429; width: 145px; }
  .paging .paging-btn a { font-size: 16px; line-height: 1.5; border: 1px solid #85669E; padding: 12px 10px 12px 20px; }
  .paging .paging-btn a:before { left: 10px; width: 8px; height: 18px; margin: -9px 0 0; }
  .paging .next a { padding: 12px 20px 12px 10px; }
  .paging .next a:before { left: auto; right: 10px; }
  .paging .lst { position: relative; left: 0%; top: 0; margin: 15px auto 0; transform: translateX(0%); } }

/* ========== end △ */
.pagenavi { text-align: center; margin: 90px 0 0; position: relative; min-height: 62px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }

.pagenavi .c-btn01 { max-width: 340px; height: 62px; }

.pagenavi .page { color: #85669E; font-size: 18px; line-height: 1.38889; width: 3px; height: 3px; width: 33px; height: 43px; line-height: 37px; border: 1px solid #8C7DA5; margin: 0 5px; border-radius: 5px; text-decoration: none; display: inline-block; vertical-align: top; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .pagenavi .page:hover { opacity: 1; background: #85669E; color: #fff; } }

/* ========== end △ */
.pagenavi .page.current { background: #85669E; color: #fff; }

.pagenavi .extend { vertical-align: top; color: #85669E; background: none; margin: 0 5px; width: 33px; height: 43px; white-space: nowrap; letter-spacing: 0; text-align: center; border-radius: 5px; border: 1px solid #8C7DA5; }

.pagenavi .last { display: none; }

.pagenavi .prevlink { margin-right: auto; width: 300px; }

.pagenavi .prevlink .c-btn01:after { left: 30px; right: auto; transform: rotate(180deg); }

.pagenavi .nextlink { margin-left: auto; width: 300px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .pagenavi { margin: 25px 0 0; }
  .pagenavi .c-btn01 { max-width: 220px; height: 50px; }
  .pagenavi .prevlink { width: 150px; }
  .pagenavi .prevlink .c-btn01 { padding-left: 20px; }
  .pagenavi .prevlink .c-btn01:after { left: 15px; }
  .pagenavi .nextlink { width: 155px; }
  .pagenavi .nextlink .c-btn01 { padding-right: 20px; }
  .pagenavi .nextlink .c-btn01:after { right: 15px; } }

/* ========== end △ */
/* ==================================================
  shopping
================================================== */
/* ==================================================
  message
================================================== */
#p-pp .pp-content { margin: 90px 0 120px; }

#p-pp .pp__row { margin-bottom: 35px; }

#p-pp .pp__row p { font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 300; }

#p-pp .pp__row:last-child { margin-bottom: 0; }

#p-pp .pp__list { margin-top: 35px; margin-left: 1.5em; list-style-type: decimal; }

#p-pp .pp__item { font-size: 16px; line-height: 2.375; letter-spacing: 0.05em; list-style: decimal; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { #p-pp .pp-content { margin: 50px 0 70px; }
  #p-pp .pp__row { margin-bottom: 25px; }
  #p-pp .pp__row p { font-size: 14px; line-height: 1.71429; }
  #p-pp .pp__list { margin-top: 25px; margin-left: 20px; }
  #p-pp .pp__item { font-size: 14px; line-height: 1.71429; } }

/* ========== end △ */
.c-relation-page { background: #ececec; padding: 63px 0 70px; }

.c-relation-page .c-ttl02 { font-size: 30px; line-height: 1.33333; letter-spacing: 0.075em; }

.c-relation-page ul { margin: 56px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .c-relation-page ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
  .c-relation-page ul li { width: 33.33%; padding: 0 15px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .c-relation-page { padding: 30px 0 40px; }
  .c-relation-page .c-ttl02 { font-size: 22px; line-height: 1.36364; }
  .c-relation-page ul { margin: 25px 0 0; }
  .c-relation-page ul li { margin-bottom: 15px; }
  .c-relation-page ul li a { text-align: center; margin: 0 auto 0; }
  .c-relation-page ul li:last-child { margin-bottom: 0; } }

/* ========== end △ */
/* ==================================================
  p-contact
================================================== */
.page-contact .main-contents { margin-bottom: 0; }

.page-contact .sec01 { padding: 88px 0 103px; }

.page-contact .sec01 .c-ttl02 { margin: 0 0 58px; }

.page-contact .sec02 { padding: 113px 0 115px; position: relative; background: url(../images/bg01.jpg) repeat-y center center; background-size: 100% auto; }

.page-contact .sec02:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg01_top.jpg) no-repeat center top; background-size: 100% auto; z-index: 1; }

.page-contact .sec02:after { position: absolute; content: ""; right: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg01_bot.jpg) no-repeat center bottom; background-size: 100% auto; z-index: 1; }

.page-contact .sec02 .container { position: relative; z-index: 333; }

.page-contact .sec02 .pp-ttl { font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: 400; }

.page-contact .sec02 .pp-desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-contact .sec02 .pp-desc a { color: #000000; }

.page-contact .sec02 .pp-desc .txt-id01 { display: inline-block; vertical-align: top; }

.page-contact .sec02 .pp-desc .txt-id02 { display: inline-block; vertical-align: top; max-width: calc(100% - 74px); }

.page-contact .sec02 .pp-lst { margin: 0 0 0 26px; }

.page-contact .sec02 .pp-lst li { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; list-style: disc; }

.page-contact .sec02 .pp-box { margin: 0 0 28px; }

.page-contact .sec02 .pp-box:last-child { margin-bottom: 0; }

.page-contact.is-confirm .sec02 { padding: 60px 0 140px; }

.page-contact.is-confirm .sec02 .form-txt01 { margin-bottom: 30px; }

.page-contact #footer .fblock01 { display: none; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-contact .sec01 { padding: 40px 0 40px; }
  .page-contact .sec02 { padding: 40px 0 50px; }
  .page-contact .sec02 .pp-ttl { font-size: 16px; line-height: 1.5625; }
  .page-contact .sec02 .pp-desc { font-size: 15px; line-height: 1.6; }
  .page-contact .sec02 .pp-lst { margin: 0 0 0 26px; }
  .page-contact .sec02 .pp-lst li { font-size: 15px; line-height: 1.6; }
  .page-contact .sec02 .pp-box { margin: 0 0 28px; }
  .page-contact .sec02 .pp-box:last-child { margin-bottom: 0; }
  .page-contact.is-confirm .sec02 { padding: 30px 0 60px; } }

/* ========== end △ */
.main-contents { margin: 117px 0 100px; }

.main-contents.mb00 { margin-bottom: 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-contents { margin: 40px 0 60px; } }

/* ========== end △ */
.flex-wrap .sidebar .side { background: #f5f9fd; border-radius: 10px; padding: 43px 40px 47px; }

.flex-wrap .sidebar .side-ttl { color: #1d4394; text-align: center; font-size: 24px; line-height: 1.25; letter-spacing: 0.05em; font-weight: bold; }

.flex-wrap .sidebar .lst { margin: 23px 0 0; }

.flex-wrap .sidebar .lst ul li a { text-decoration: none; text-align: left; display: block; position: relative; border-bottom: 1px solid #d3d5d9; padding: 16px 0 16px 28px; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.flex-wrap .sidebar .lst ul li a:before { -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; position: absolute; content: ""; background: #070b17; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 25px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .flex-wrap .sidebar .lst ul li a:hover { color: #1d4394; }
  .flex-wrap .sidebar .lst ul li a:hover:before { transform: translateX(4px); background: #1d4394; } }

/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .flex-wrap { display: flex; align-items: flex-start; }
  .flex-wrap__right { position: -webkit-sticky; position: sticky; top: 130px; right: 0; width: 350px; }
  .flex-wrap .contents { width: calc(100% - 350px); padding: 0 49px 0 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .flex-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flex-wrap__right { margin-bottom: 25px; order: 1; width: 100%; }
  .flex-wrap .sidebar { width: 100%; }
  .flex-wrap .sidebar .side { background: #f5f9fd; border-radius: 10px; padding: 0; }
  .flex-wrap .sidebar .side-ttl { padding: 15px 10px 15px; font-size: 20px; line-height: 1.5; position: relative; }
  .flex-wrap .sidebar .side-ttl:before { content: ""; position: absolute; right: 20px; top: 50%; width: 0; height: 0; border-bottom: 8px solid transparent; border-left: 9px solid #1e4394; border-top: 8px solid transparent; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: -8px 0 0; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }
  .flex-wrap .sidebar .side-ttl.is-act:before { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin: -8px 0 0; }
  .flex-wrap .sidebar .lst { margin: 0; padding: 0 15px 20px; display: none; }
  .flex-wrap .sidebar .lst ul { padding: 0; border-top: 1px solid #d3d5d9; }
  .flex-wrap .sidebar .lst ul li a { border-bottom: 1px solid #d3d5d9; padding: 12px 0 12px 25px; font-size: 15px; line-height: 1.6; }
  .flex-wrap .sidebar .lst ul li a:before { width: 10px; height: 10px; left: 8px; top: 20px; }
  .flex-wrap .sidebar .lst ul li:last-child a { border-bottom: 0; }
  .flex-wrap .contents { order: 2; width: 100%; } }

/* ========== end △ */
/* ================================================== page-news ================================================== */
.p-topics#wrapper { overflow: initial; }

.p-topics .c-list-topics { margin-bottom: 80px; }

.p-topics .c-list-topics .item { margin-bottom: 30px; }

.p-topics .c-list-topics .item:last-child { border-bottom: 0; padding-bottom: 0; }

.p-topics .c-list-topics .item a { text-decoration: none; border-radius: 10px; display: block; background: #f2f2f2; padding: 21px 20px 20px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-topics .c-list-topics .item a:hover { opacity: 1; }
  .p-topics .c-list-topics .item a:hover .item__ttl { color: #1d4394; }
  .p-topics .c-list-topics .item a:hover .c-link01:after { transform: translateY(-3px); } }

/* ========== end △ */
.p-topics .c-list-topics .item .item__meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 24px; }

.p-topics .c-list-topics .item .item__meta .time { width: 110px; }

.p-topics .c-list-topics .item .time { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; color: #1d4394; }

.p-topics .c-list-topics .item .cats { color: #000; max-width: calc(100% - 110px); }

.p-topics .c-list-topics .item .cats .cat { font-size: 16px; line-height: 1.5; letter-spacing: 0.1em; font-weight: bold; display: inline-block; background: #d1e4f2; padding: 2px 8px 2px; }

.p-topics .c-list-topics .item__ttl { font-size: 18px; line-height: 1.38889; letter-spacing: 0.1em; font-weight: bold; overflow: hidden; width: 100%; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; margin-bottom: 30px; }

.p-topics .c-list-topics .item .btn { text-align: right; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-topics .c-list-topics .item .btn .c-link01:hover { opacity: 1; } }

/* ========== end △ */
.p-topics .c-list-topics .item__thumb { width: 35%; float: left; margin: 0 34px 0 0; }

.p-topics .c-list-topics .item__thumb .c-img { position: relative; border-radius: 10px; }

.p-topics .c-list-topics .item__thumb .c-img:before { display: block; content: " "; width: 100%; padding-top: 72.4%; }

.p-topics .c-list-topics .item__thumb .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.p-topics .c-list-topics .item__thumb .c-img img { object-fit: contain; border-radius: 10px; }

.p-topics .c-list-topics .item__info { overflow: hidden; margin: 9px 0 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-topics .c-list-topics { margin-bottom: 50px; }
  .p-topics .c-list-topics .item { margin-bottom: 20px; }
  .p-topics .c-list-topics .item:last-child { border-bottom: 0; padding-bottom: 0; }
  .p-topics .c-list-topics .item a { padding: 15px 15px 15px; }
  .p-topics .c-list-topics .item .item__meta { margin-bottom: 10px; }
  .p-topics .c-list-topics .item .item__meta .time { width: 85px; }
  .p-topics .c-list-topics .item .time { font-size: 15px; line-height: 1.6; }
  .p-topics .c-list-topics .item .cats { width: calc(100% - 85px); }
  .p-topics .c-list-topics .item .cats .cat { font-size: 15px; line-height: 1.46667; padding: 2px 8px 2px; }
  .p-topics .c-list-topics .item__ttl { font-size: 18px; line-height: 1.38889; overflow: hidden; width: 100%; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; margin-bottom: 20px; }
  .p-topics .c-list-topics .item .btn { text-align: right; }
  /* ▽ PC-TAB layout ========== */ }

@media only screen and (max-width: 767px) and (min-width: 768px) { .p-topics .c-list-topics .item .btn .c-link01:hover { opacity: 1; } }

@media only screen and (max-width: 767px) { /* ========== end △ */
  .p-topics .c-list-topics .item__thumb { width: 100%; float: none; margin: 0 0 20px; }
  .p-topics .c-list-topics .item__info { margin: 9px 0 0; } }

/* ========== end △ */
.p-topics .sg-ttl { font-size: 24px; line-height: 1.20833; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 30px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-topics .sg-ttl { font-size: 18px; line-height: 1.38889; margin-bottom: 15px; } }

/* ========== end △ */
.p-topics .sg-meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 47px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-topics .sg-meta { margin-bottom: 25px; } }

/* ========== end △ */
.p-topics .sg-meta .time { width: 105px; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; color: #1d4394; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-topics .sg-meta .time { font-size: 15px; line-height: 1.66667; width: 90px; } }

/* ========== end △ */
.p-topics .sg-meta .cats { max-width: calc(100% - 105px); color: #000; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-topics .sg-meta .cats { max-width: calc(100% - 90px); } }

/* ========== end △ */
.p-topics .sg-meta .cats .cat { font-size: 16px; line-height: 1.5; letter-spacing: 0.1em; font-weight: bold; display: inline-block; background: #d1e4f2; padding: 2px 8px 2px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-topics .sg-meta .cats .cat { font-size: 15px; line-height: 1.53333; } }

/* ========== end △ */
.p-topics .sg-cms figure { margin: 0; }

.p-topics .sg-cms img { border-radius: 5px; }

.p-topics .sg-cms p { font-size: 16px; line-height: 1.875; letter-spacing: 0.075em; font-weight: 400; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-topics .sg-cms p { font-size: 15px; line-height: 1.73333; } }

/* ========== end △ */
.btn-list { text-align: center; margin: 79px 0 0; }

.btn-list .c-btn01 { margin: 0 auto; max-width: 350px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .btn-list .c-btn01 { max-width: 250px; } }

/* ========== end △ */
.c-flexPC__info .c-txt02 { font-size: 18px; line-height: 1.66667; letter-spacing: 0.075em; font-weight: 400; }

.c-flexPC__img img { border-radius: 8px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .c-flexPC { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-flexPC__info { width: 48%; padding: 0 40px 0 0; }
  .c-flexPC__img { width: 52%; text-align: right; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .c-flexPC__info .c-txt02 { font-size: 16px; line-height: 1.5; letter-spacing: 0.05em; }
  .c-flexPC__img { text-align: center; margin-top: 20px; } }

/* ========== end △ */
/* ================================================== p-association ================================================== */
.page-association .sec01 { padding: 87px 0 65px; }

.page-association .sec01 .c-ttl04 { margin-bottom: 14px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-association .sec01 { padding: 40px 0 30px; }
  .page-association .sec01 .c-ttl04 { margin-bottom: 15px; text-align: center; } }

/* ========== end △ */
.page-association .sec02 { padding: 47px 0 97px; }

.page-association .sec02 .c-ttl04 { margin-bottom: 47px; }

.page-association .sec02 .block01 { background: url(../association/images/img01.jpg) no-repeat center center; background-size: cover; position: relative; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; padding: 71px 156px 40px 40px; }

.page-association .sec02 .block01 .block01__ttl { position: absolute; right: 38px; top: 0; text-align: left; writing-mode: vertical-rl; height: 290px; z-index: 22; }

.page-association .sec02 .block01 .block01__ttl span { font-size: 24px; line-height: 1.5; letter-spacing: 0.5em; font-weight: 400; background: rgba(255, 255, 255, 0.8); padding: 19px 17px 14px; display: inline-block; vertical-align: top; border-radius: 0 0 5px 5px; }

.page-association .sec02 .block01 .block01__desc { writing-mode: vertical-rl; text-orientation: upright; -webkit-text-orientation: upright; height: 530px; }

.page-association .sec02 .block01 .block01__desc p { font-size: 16px; line-height: 2.5; letter-spacing: 0em; font-weight: 400; color: #fff; margin: 0 0 0 38px; }

.page-association .sec02 .block01 .block01__desc p span { display: block; }

.page-association .sec02 .block02 { margin: 74px 0 0; }

.page-association .sec02 .block02 .lst01 li { background: url(../association/images/bg01.jpg) no-repeat center center; background-size: cover; padding: 33px 42px 32px; border-radius: 5px; }

.page-association .sec02 .block02 .lst01 li .txt01 { font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: 500; }

.page-association .sec02 .block02 .lst01 li .txt02 { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 10px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-association .sec02 .block02 .lst01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-association .sec02 .block02 .lst01 li { width: 49%; margin: 0 2% 20px 0; }
  .page-association .sec02 .block02 .lst01 li:nth-child(2n) { margin-right: 0; } }

/* ========== end △ */
.page-association .sec02 .block03 { margin: 35px 0 0; }

.page-association .sec02 .block03 .flow { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-association .sec02 .block03 .flow li { position: relative; padding: 0 5px; text-align: center; width: 18%; margin: 0 2.5% 20px 0; }

.page-association .sec02 .block03 .flow li:after { position: absolute; content: ""; right: 0; margin: 0 -20px 0 0; width: 14px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25_311)'%3E%3Cpath d='M13.9969 11.9993L13.9989 11.9956L13.9909 11.9899C13.7317 11.6265 6.92136 2.11048 5.20077 0.881454C2.57133 -0.997012 0.0449798 0.328297 -6.20515e-05 2.93833C-0.0471057 5.66824 9.03433 10.4437 12.1482 12.0003C9.03433 13.5559 -0.0471057 18.3314 -6.20515e-05 21.0613C0.0449798 23.6704 2.57133 24.9966 5.20077 23.1172C6.92136 21.8882 13.7307 12.3722 13.9909 12.0088L13.9989 12.0031C13.9989 12.0031 13.9969 12.0012 13.9969 11.9993Z' fill='%238C7DA5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25_311'%3E%3Crect width='14' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center; background-size: 100% auto; top: 73px; }

.page-association .sec02 .block03 .flow li .box { position: relative; border-radius: 50%; max-width: 166px; margin: 0 auto; }

.page-association .sec02 .block03 .flow li .box:before { display: block; content: " "; width: 100%; padding-top: 100%; }

.page-association .sec02 .block03 .flow li .box > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.page-association .sec02 .block03 .flow li .box:before { background: #AA3C80; border-radius: 50%; }

.page-association .sec02 .block03 .flow li .box .box-ct { position: absolute; left: 0; top: 0; right: 0; padding: 34px 0 0; }

.page-association .sec02 .block03 .flow li .box .num { width: 30px; height: 30px; background: #85669E; border-radius: 50%; color: #fff; text-align: center; font-size: 16px; line-height: 1.75; letter-spacing: 0em; font-weight: 400; position: absolute; left: 10px; top: 9px; z-index: 22; }

.page-association .sec02 .block03 .flow li .box .txt01 { color: #fff; font-size: 20px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; }

.page-association .sec02 .block03 .flow li .box .icon { text-align: center; }

.page-association .sec02 .block03 .flow li .box .icon.no-img { height: 48px; }

.page-association .sec02 .block03 .flow li .box .icon img { width: 48px; }

.page-association .sec02 .block03 .flow li .txt02 { font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; margin: 16px 0 0; }

.page-association .sec02 .block03 .flow li:nth-child(5n), .page-association .sec02 .block03 .flow li:last-child { margin-right: 0; }

.page-association .sec02 .block03 .flow li:nth-child(5n):after, .page-association .sec02 .block03 .flow li:last-child:after { display: none; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-association .sec02 { padding: 30px 0 45px; }
  .page-association .sec02 .c-ttl04 { margin-bottom: 20px; }
  .page-association .sec02 .block01 { border-radius: 5px; padding: 35px 80px 30px 15px; } }

@media only screen and (max-width: 767px) and (max-width: 375px) { .page-association .sec02 .block01 { padding-right: 60px; } }

@media only screen and (max-width: 767px) { .page-association .sec02 .block01 .block01__ttl { right: 10px; height: 172px; }
  .page-association .sec02 .block01 .block01__ttl span { font-size: 18px; line-height: 1.33333; letter-spacing: 0.2em; background: rgba(255, 255, 255, 0.8); padding: 10px 5px 10px; border-radius: 0 0 5px 5px; }
  .page-association .sec02 .block01 .block01__desc { height: 510px; } }

@media only screen and (max-width: 767px) and (max-width: 320px) { .page-association .sec02 .block01 .block01__desc { height: 480px; } }

@media only screen and (max-width: 767px) { .page-association .sec02 .block01 .block01__desc p { font-size: 15px; line-height: 1.73333; margin: 0 0 0 20px; } }

@media only screen and (max-width: 767px) and (max-width: 320px) { .page-association .sec02 .block01 .block01__desc p { font-size: 14px; line-height: 1.57143; margin: 0 0 0 15px; } }

@media only screen and (max-width: 767px) { .page-association .sec02 .block02 { margin: 35px 0 0; }
  .page-association .sec02 .block02 .lst01 li { padding: 20px 15px 20px; border-radius: 5px; margin: 0 0 15px; }
  .page-association .sec02 .block02 .lst01 li .txt01 { font-size: 16px; line-height: 1.5; }
  .page-association .sec02 .block02 .lst01 li .txt02 { font-size: 14px; line-height: 1.71429; letter-spacing: 0.03em; margin: 10px 0 0; }
  .page-association .sec02 .block03 { margin: 35px 0 0; }
  .page-association .sec02 .block03 .flow { display: block; }
  .page-association .sec02 .block03 .flow li { width: 100%; margin: 0 0 20px 0; padding: 0 0 30px; }
  .page-association .sec02 .block03 .flow li:last-child { padding-bottom: 0; margin-bottom: 0; }
  .page-association .sec02 .block03 .flow li:after { width: 14px; height: 24px; top: auto; transform: rotate(90deg); left: 0; right: 0; margin: 0 auto; bottom: 0; }
  .page-association .sec02 .block03 .flow li .box .box-ct { padding: 25px 0 0; }
  .page-association .sec02 .block03 .flow li .box .num { width: 30px; height: 30px; font-size: 16px; line-height: 1.75; letter-spacing: 0em; font-weight: 400; position: absolute; left: 10px; top: 9px; z-index: 22; }
  .page-association .sec02 .block03 .flow li .box .txt01 { font-size: 18px; line-height: 1.38889; }
  .page-association .sec02 .block03 .flow li .box .icon { text-align: center; margin: 0 0 5px; }
  .page-association .sec02 .block03 .flow li .box .icon.no-img { height: 48px; }
  .page-association .sec02 .block03 .flow li .box .icon img { width: 48px; }
  .page-association .sec02 .block03 .flow li .txt02 { font-size: 15px; line-height: 1.53333; margin: 16px 0 0; text-align: left; } }

/* ========== end △ */
.page-association .sec03 { background: url(../association/images/bg02.jpg) no-repeat center center; background-size: cover; padding: 112px 0 115px; }

.page-association .sec03 .c-ttl01 { margin-bottom: 47px; }

.page-association .sec03 .note01 { margin: 5px 0 0; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; position: relative; }

.page-association .sec03 .lst .item { padding: 25px 25px 42px; position: relative; background: #fff; border-radius: 5px; }

.page-association .sec03 .lst .item__img { margin: 0 0 18px; text-align: center; }

.page-association .sec03 .lst .item__img .c-img { position: relative; border-radius: 5px; }

.page-association .sec03 .lst .item__img .c-img:before { display: block; content: " "; width: 100%; padding-top: 59.67742%; }

.page-association .sec03 .lst .item__img .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.page-association .sec03 .lst .item__img .c-img img { width: 100%; border-radius: 5px; }

.page-association .sec03 .lst .item__ttl { font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: 500; }

.page-association .sec03 .lst .item__desc { font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; position: relative; padding: 0 15px 0 20px; margin: 13px 0 0; }

.page-association .sec03 .lst .item__desc:before { position: absolute; content: "→"; left: 0; top: 0; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; width: 16px; height: 24px; color: #85669E; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-association .sec03 .lst { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-association .sec03 .lst .item { width: 31%; margin: 0 3.5% 20px 0; }
  .page-association .sec03 .lst .item:nth-child(3n), .page-association .sec03 .lst .item:last-child { margin-right: 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-association .sec03 { padding: 40px 0 40px; }
  .page-association .sec03 .c-ttl01 { margin-bottom: 20px; }
  .page-association .sec03 .note01 { margin: 15px 0 0; font-size: 14px; line-height: 1.57143; letter-spacing: 0em; font-weight: 400; position: relative; }
  .page-association .sec03 .lst .item { padding: 15px 15px 25px; border-radius: 5px; margin: 0 0 15px; }
  .page-association .sec03 .lst .item__img { margin: 0 0 10px; text-align: center; }
  .page-association .sec03 .lst .item__ttl { font-size: 16px; line-height: 1.5; }
  .page-association .sec03 .lst .item__desc { font-size: 15px; line-height: 1.33333; padding: 0 0 0 18px; margin: 6px 0 0; }
  .page-association .sec03 .lst .item__desc:before { font-size: 15px; line-height: 1.33333; width: 15px; height: 20px; } }

/* ========== end △ */
.page-association .sec04 { text-align: center; background: #F2EEF2; padding: 93px 20px 88px; }

.page-association .sec04 .btn { text-align: center; }

.page-association .sec04 .btn .c-btn01 { margin: 0 auto; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-association .sec04 { padding: 45px 0 45px; }
  .page-association .sec04 .btn .c-btn01 { max-width: 270px; } }

/* ========== end △ */
/* ================================================== p-about ================================================== */
.page-about .page-visual { background: url(../about/images/page_mv.jpg) no-repeat center center; background-size: cover; }

.page-about .page-visual .page-ttl { margin: 0 auto 46px; }

.page-about .page-visual .page-decor01 { position: absolute; top: -206px; left: 525px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-about .page-visual .page-decor01 { top: -136px; left: 221px; width: 57px; } }

/* ========== end △ */
.page-about .page-visual .page-decor02 { position: absolute; top: -128px; left: 440px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-about .page-visual .page-decor02 { top: -110px; left: 180px; width: 46px; } }

/* ========== end △ */
.page-about .page-visual .page-desc { position: relative; max-width: 1200px; margin: 0 auto 19px; padding: 0 20px; }

.page-about .page-visual .page-desc p { color: #fff; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 0 0 30px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-about .page-visual .page-desc p { max-width: 700px; } }

/* ========== end △ */
.page-about .page-visual .page-desc p:last-child { margin-bottom: 0; }

.page-about .sec01 { padding: 87px 0 120px; }

.page-about .sec01 .sec-desc { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 0 0 39px; }

.page-about .sec01 .block .ttl01 { color: #AA3C80; border: 2px solid #AA3C80; border-radius: 5px; font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: bold; padding: 18px 5px 19px; text-align: center; }

.page-about .sec01 .block .desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 16px 0 0; }

.page-about .sec01 .block .gr-img01 { position: relative; }

.page-about .sec01 .block .gr-img01 img { border-radius: 5px; }

.page-about .sec01 .block .gr-img01 .img02 { margin: -47px 0 0 48px; width: 56%; }

.page-about .sec01 .block .gr-img02 { position: relative; margin: 41px 0 0; }

.page-about .sec01 .block .gr-img02 img { border-radius: 5px; }

.page-about .sec01 .block .gr-img02 .img01 { margin: 0 9% 0 12%; }

.page-about .sec01 .block .gr-img02 .img02 { margin: -231px 0 0 -28%; width: 53.2%; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-about .sec01 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-about .sec01 .block__left { width: 46.3%; order: 1; }
  .page-about .sec01 .block__right { width: 53.7%; padding: 8px 0 0 57px; order: 2; } }

/* ========== end △ */
.page-about .sec02 { background: url(../about/images/bg02.jpg) no-repeat center center; background-size: cover; padding: 120px 0 120px; }

.page-about .sec02 .block .pic { position: relative; display: inline-block; }

.page-about .sec02 .block .pic .decor { position: absolute; width: 164px; left: -102px; bottom: -77px; }

.page-about .sec02 .block .c-ttl04 { margin: 0 0 38px; }

.page-about .sec02 .block .c-ttl04 .ttlen { margin: 0 0 19px; }

.page-about .sec02 .block .c-ttl04 .ttljp { line-height: 1.5; }

.page-about .sec02 .block .desc { font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-about .sec02 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-about .sec02 .block__info { width: 51.5%; padding: 11px 40px 0 0; }
  .page-about .sec02 .block__img { width: 48.5%; padding: 0 10px 0 0; } }

/* ========== end △ */
.page-about .sec03 { padding: 114px 0 82px; }

.page-about .sec03 .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; margin: 0 0 25px; }

.page-about .sec03 .lst .item { margin: 0 10px 46px 0; border: 1px solid #85669E; border-radius: 5px; box-shadow: 8px 8px 0 #f1eef2; padding: 30px 34px 29px 40px; }

.page-about .sec03 .lst .item__desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-about .sec03 .lst .item__desc02 { font-size: 20px; line-height: 1.7; letter-spacing: 0em; font-weight: 500; text-align: right; color: #85669E; margin: 11px 0 0; }

.page-about .sec04 { background: url(../about/images/bg03.jpg) no-repeat center center; background-size: cover; }

.page-about .sec04 .block { position: relative; padding: 106px 340px 88px 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-about .sec04 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; } }

/* ========== end △ */
.page-about .sec04 .block__ttl { position: absolute; right: 0; top: 0; text-align: left; writing-mode: vertical-rl; height: 515px; z-index: 22; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1280px) { .page-about .sec04 .block__ttl { right: 40px; } }

/* ========== end △ */
.page-about .sec04 .block__ttl span { font-size: 30px; line-height: 1.5; letter-spacing: 0.5em; font-weight: 400; background: #fff; padding: 8px 18px 39px; display: inline-block; vertical-align: top; }

.page-about .sec04 .block__ttl span em { font-style: normal; writing-mode: horizontal-tb; width: 18px; margin: 0 0 3px; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1280px) { .page-about .sec04 .block__ttl span { font-size: 26px; line-height: 1.53846; letter-spacing: 0.3em; } }

/* ========== end △ */
.page-about .sec04 .block__ttl span:nth-child(2) { margin: 0 24px 0 0; padding-top: 42px; padding-bottom: 10px; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1280px) { .page-about .sec04 .block__ttl span:nth-child(2) { padding-top: 50px; } }

/* ========== end △ */
.page-about .sec04 .block__ttl span:nth-child(3) { margin: 0 24px 0 0; padding-top: 132px; padding-bottom: 35px; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1280px) { .page-about .sec04 .block__ttl span:nth-child(3) { padding-top: 50px; } }

/* ========== end △ */
.page-about .sec04 .container { position: relative; z-index: 22; }

.page-about .sec04 .block__desc p { font-size: 18px; line-height: 2.22222; letter-spacing: 0em; font-weight: 400; margin: 0 0 0 38px; color: #fff; }

.page-about .sec04 .block__desc p span { display: block; }

.page-about .sec04 .block__desc p:last-child { margin-left: 0; }

.page-about .sec04 .block__desc p .ro02 { font-style: normal; display: inline-block; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-about .sec04 .block__desc p .ro02 { transform: rotate(90deg); font-style: normal; transform-origin: 50% 58%; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-about .sec04 .block__desc p .ro02 { letter-spacing: 0.08em; margin: 0 2px; } }

/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-about .sec04 .block__desc { writing-mode: vertical-rl; /* dọc từ phải sang trái */ text-orientation: upright; /* giữ glyph số/latin đứng thẳng */ -webkit-text-orientation: upright; /* for older Safari / iOS */ height: 600px; } }

/* ========== end △ */
.page-about .sec05 { padding: 70px 0 83px; background: #F2EEF2; }

.page-about .sec05 .ttl01 { text-align: center; font-size: 30px; line-height: 1.5; letter-spacing: 0.1em; font-weight: 500; margin: 0 0 13px; }

.page-about .sec05 .container { position: relative; }

.page-about .sec05 .decor { position: absolute; }

.page-about .sec05 .decor.decor01 { left: 50%; top: 16px; margin: 0 0 0 -407px; }

.page-about .sec05 .decor.decor02 { right: 50%; top: -35px; margin: 0 -429px 0 0; }

.page-about .sec05 .decor.decor03 { right: 50%; top: 70px; margin: 0 -342px 0 0; }

.page-about .sec05 .desc01 { text-align: center; font-size: 18px; line-height: 2.22222; letter-spacing: 0em; font-weight: 400; margin: 0 0 46px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-about .sec05 .lst-btn { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; max-width: 940px; margin: 0 auto; }
  .page-about .sec05 .lst-btn li { width: 50%; padding: 0 25px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-about .page-visual { background: url(../about/images/page_mv_sp.jpg) no-repeat 56% center; background-size: cover; }
  .page-about .page-visual .page-ttl { margin: 0 auto 25px; }
  .page-about .page-visual .page-desc { margin: 0 auto 19px; padding: 0 12px; }
  .page-about .page-visual .page-desc p { font-size: 14px; line-height: 1.57143; letter-spacing: 0em; margin: 0 0 20px; }
  .page-about .page-visual .page-desc p:last-child { margin-bottom: 0; }
  .page-about .sec01 { padding: 45px 0 55px; }
  .page-about .sec01 .sec-desc { text-align: left; font-size: 15px; line-height: 1.53333; letter-spacing: 0.02em; margin: 0 0 20px; }
  .page-about .sec01 .block .ttl01 { font-size: 16px; line-height: 1.5; padding: 15px 5px 15px; }
  .page-about .sec01 .block .desc { font-size: 15px; line-height: 1.6; letter-spacing: 0.03em; margin: 10px 0 0; }
  .page-about .sec01 .block .gr-img01 { position: relative; margin: 25px 0 0; }
  .page-about .sec01 .block .gr-img01 .img02 { position: absolute; right: -15px; bottom: 82%; margin: 0; width: 52%; }
  .page-about .sec01 .block .gr-img02 { position: relative; margin: 25px 0 0; }
  .page-about .sec01 .block .gr-img02 .img01 { margin: 0 9% 0 12%; }
  .page-about .sec01 .block .gr-img02 .img02 { margin: -48px 0 0 -15px; width: 52%; }
  .page-about .sec02 { padding: 40px 0 50px; }
  .page-about .sec02 .block .pic { padding: 0 0 0 7%; }
  .page-about .sec02 .block .pic .decor { width: 25%; left: 0; bottom: -29px; }
  .page-about .sec02 .block .c-ttl04 { margin: 0 0 20px; }
  .page-about .sec02 .block .c-ttl04 .ttlen { margin: 0 0 10px; }
  .page-about .sec02 .block .c-ttl04 .ttljp { line-height: 1.4; }
  .page-about .sec02 .block .desc { font-size: 15px; line-height: 1.6; }
  .page-about .sec02 .block__img { text-align: center; margin: 25px 0 0; }
  .page-about .sec03 { padding: 40px 0 40px; }
  .page-about .sec03 .desc01 { font-size: 15px; line-height: 1.46667; margin: 0 0 15px; }
  .page-about .sec03 .lst .item { margin: 0 8px 25px 0; padding: 20px 15px 20px 15px; }
  .page-about .sec03 .lst .item__desc01 { font-size: 15px; line-height: 1.46667; letter-spacing: 0.02em; }
  .page-about .sec03 .lst .item__desc02 { font-size: 18px; line-height: 1.33333; margin: 11px 0 0; }
  .page-about .sec04 .block { position: relative; padding: 45px 0 15px; }
  .page-about .sec04 .block__ttl { height: auto; writing-mode: horizontal-tb; text-align: left; position: relative; left: 0; }
  .page-about .sec04 .block__ttl span { font-size: 22px; line-height: 1.27273; letter-spacing: 0.1em; padding: 6px 20px 6px; display: inline-block; }
  .page-about .sec04 .block__ttl span em { width: 12px; margin: 0 0 3px; }
  .page-about .sec04 .block__ttl span:nth-child(2) { margin: 8px 0 0; padding: 6px 15px 6px; }
  .page-about .sec04 .block__ttl span:nth-child(3) { margin: 8px 0 0; padding: 6px 15px 6px; }
  .page-about .sec04 .block__desc { margin: 20px 0 0; }
  .page-about .sec04 .block__desc p { font-size: 15px; line-height: 1.6; margin: 0 0 20px; }
  .page-about .sec04 .block__desc p span { display: block; }
  .page-about .sec04 .block__desc p:last-child { margin-left: 0; }
  .page-about .sec05 { padding: 40px 0 35px; }
  .page-about .sec05 .ttl01 { font-size: 18px; line-height: 1.94444; letter-spacing: 0em; margin: 0 0 13px; }
  .page-about .sec05 .decor.decor01 { left: 50%; top: 16px; margin: 0 0 0 -407px; }
  .page-about .sec05 .decor.decor02 { right: 50%; top: -35px; margin: 0 -429px 0 0; }
  .page-about .sec05 .decor.decor03 { right: 50%; top: 70px; margin: 0 -342px 0 0; }
  .page-about .sec05 .desc01 { font-size: 14px; line-height: 1.71429; margin: 0 0 25px; }
  .page-about .sec05 .lst-btn li { text-align: center; margin: 0 0 15px; }
  .page-about .sec05 .lst-btn li .c-btn01 { margin: 0 auto; max-width: 280px; } }

/* ========== end △ */
/* ================================================== page-library ================================================== */
.page-library .page-visual { background: url(../library/images/page_mv.jpg) no-repeat center center; background-size: cover; }

.page-library#wrapper { overflow: initial; }

.page-library .wrap-content { padding: 87px 0 87px; }

.page-library .c-tags .tag { font-size: 16px; line-height: 1.5625; letter-spacing: 0em; font-weight: 400; border: 1px solid #DCDCDC; background: #FBF9FF; border-radius: 20px; position: relative; padding: 2px 16px 2px 34px; margin: 2px 8px 0 0; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.page-library .c-tags .tag:before { position: absolute; content: "♯"; font-size: 16px; line-height: 1.5625; letter-spacing: 0em; font-weight: 400; left: 18px; top: 1px; width: 6px; height: 10px; background: none; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-library .c-tags a:hover { opacity: 1; text-decoration: none; background: #85669E; color: #fff; } }

/* ========== end △ */
.page-library .lst-lib { padding: 9px 0 0; }

.page-library .lst-lib a { text-decoration: none; width: 100%; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-library .lst-lib a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

/* ========== end △ */
.page-library .lst-lib .item { margin: 0 0 30px; }

.page-library .lst-lib .item__thumb { width: 38%; }

.page-library .lst-lib .item__thumb .c-img { position: relative; border-radius: 5px; }

.page-library .lst-lib .item__thumb .c-img:before { display: block; content: " "; width: 100%; padding-top: 59.67742%; }

.page-library .lst-lib .item__thumb .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.page-library .lst-lib .item__thumb .c-img img { border-radius: 5px; object-fit: contain; }

.page-library .lst-lib .item.it-voice .item__thumb .c-img img { object-fit: contain; }

.page-library .lst-lib .item__info { width: 62%; padding: 4px 0 0 40px; }

.page-library .lst-lib .item__meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-library .lst-lib .item__meta .date { color: #806F9C; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; width: 100px; padding: 2px 0 0; }

.page-library .lst-lib .item__meta .cats { max-width: calc(100% - 100px); }

.page-library .lst-lib .item__meta .cats .cat { display: inline-block; position: relative; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; background: #AA3C80; color: #fff; border-radius: 5px; margin: 0 3px 3px 0; padding: 2px 8px 3px; }

.page-library .lst-lib .item__meta .cats .cat:last-child { margin-right: 0; }

.page-library .lst-lib .item__ttl { font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: 600; margin: 8px 0 0; }

.page-library .lst-lib .item .c-tags { margin: 20px 0 0; }

.page-library .side { border-radius: 5px; border: 1px solid #85669E; padding: 15px 3px 10px 10px; margin: 0 0 49px; box-shadow: 0 8px 0 #F2EEF2; }

.page-library .side:last-child { margin-bottom: 0; }

.page-library .side__ttl { font-size: 24px; line-height: 1.25; letter-spacing: 0em; font-weight: 600; color: #85669E; background: url("data:image/svg+xml,%3Csvg width='276' height='1' viewBox='0 0 276 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.499993 0.5H275.5' stroke='%2385669E' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1 3'/%3E%3C/svg%3E%0A") no-repeat left bottom; background-size: auto 1px; padding: 0 0 18px; }

.page-library .side__lst { padding: 17px 0 0; }

.page-library .side__lst li { margin: 0 0 8px; }

.page-library .side__lst li a { display: inline-block; position: relative; font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; padding: 0 0 0 17px; text-decoration: none; }

.page-library .side__lst li a:before { position: absolute; content: ""; left: 4px; top: 12px; width: 6px; height: 10px; background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_197_1231)'%3E%3Cpath d='M5.99879 4.99929L5.99965 4.99772L5.99622 4.99536C5.88511 4.84393 2.9664 0.878939 2.229 0.366845C1.1021 -0.415849 0.0193817 0.136363 7.80382e-05 1.22388C-0.0200835 2.36134 3.87196 4.35111 5.20648 4.99969C3.87196 5.64787 -0.0200835 7.63764 7.80382e-05 8.7751C0.0193817 9.86222 1.1021 10.4148 2.229 9.63174C2.9664 9.11965 5.88469 5.15465 5.99622 5.00323L5.99965 5.00087C5.99965 5.00087 5.99879 5.00008 5.99879 4.99929Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_197_1231'%3E%3Crect width='6' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center; background-size: 100% auto; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-library .side__lst li a:hover { color: #85669E; text-decoration: underline; } }

/* ========== end △ */
.page-library .side__lst li .sub { margin: 3px 0 0 11px; }

.page-library .side.tags { padding-bottom: 31px; }

.page-library .side.tags .side__lst { margin: 9px 0 0; }

.page-library .side.tags .side__lst li { display: inline-block; vertical-align: top; margin: 0 5px 8px 0; }

.page-library .side.tags .side__lst li:last-child { margin-right: 0; }

.page-library .side.tags .side__lst li a { font-size: 16px; line-height: 1.5625; letter-spacing: 0em; font-weight: 400; border: 1px solid #DCDCDC; background: #FBF9FF; border-radius: 20px; position: relative; padding: 2px 18px 2px 34px; }

.page-library .side.tags .side__lst li a:before { position: absolute; content: "♯"; font-size: 16px; line-height: 1.5625; letter-spacing: 0em; font-weight: 400; left: 18px; top: 1px; width: 6px; height: 10px; background: none; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-library .side.tags .side__lst li a:hover { opacity: 1; text-decoration: none; background: #85669E; color: #fff; } }

/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-library .wrap-content .container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-library .main-content { width: calc(100% - 305px); padding: 0px 40px 0 0; }
  .page-library .sidebar { width: 305px; padding: 124px 0 0; }
  .page-library .sidebar-stick { position: sticky; top: 0; right: 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-library .page-visual { background: url(../library/images/page_mv_sp.jpg) no-repeat center center; background-size: cover; }
  .page-library .wrap-content { padding: 45px 0 45px; }
  .page-library .wrap-content .c-ttl04 { text-align: center; }
  .page-library .c-tags .tag { font-size: 14px; line-height: 1.42857; padding: 2px 12px 2px 28px; margin: 2px 5px 0 0; }
  .page-library .c-tags .tag:before { font-size: 14px; line-height: 1.42857; left: 13px; top: 1px; width: 6px; height: 10px; }
  /* ▽ PC-TAB layout ========== */ }

@media only screen and (max-width: 767px) and (min-width: 768px) { .page-library .c-tags a:hover { opacity: 1; text-decoration: none; background: #85669E; color: #fff; } }

@media only screen and (max-width: 767px) { /* ========== end △ */
  .page-library .lst-lib { padding: 9px 0 0; }
  .page-library .lst-lib a { display: block; }
  .page-library .lst-lib .item { margin: 0 0 30px; }
  .page-library .lst-lib .item__thumb { width: 100%; text-align: center; }
  .page-library .lst-lib .item__info { width: 100%; padding: 15px 0 0 0; }
  .page-library .lst-lib .item__meta .date { font-size: 14px; line-height: 1.42857; width: 85px; padding: 4px 0 0; }
  .page-library .lst-lib .item__meta .cats { max-width: calc(100% - 85px); }
  .page-library .lst-lib .item__meta .cats .cat { font-size: 14px; line-height: 1.57143; margin: 0 3px 3px 0; padding: 2px 8px 3px; }
  .page-library .lst-lib .item__meta .cats .cat:last-child { margin-right: 0; }
  .page-library .lst-lib .item__ttl { font-size: 16px; line-height: 1.5; margin: 6px 0 0; }
  .page-library .lst-lib .item .c-tags { margin: 10px 0 0; }
  .page-library .sidebar { margin: 30px 0 0; }
  .page-library .side { padding: 15px 10px 15px; margin: 0 0 30px; }
  .page-library .side:last-child { margin-bottom: 0; }
  .page-library .side__ttl { font-size: 20px; line-height: 1.25; padding: 0 0 10px; margin: 0 0 15px; background-repeat: repeat-x; }
  .page-library .side__lst { padding: 0; }
  .page-library .side__lst li { margin: 0 0 5px; }
  .page-library .side__lst li a { font-size: 15px; line-height: 1.6; padding: 0 0 0 15px; }
  .page-library .side__lst li a:before { left: 2px; top: 8px; }
  .page-library .side__lst li .sub { margin: 0 0 0 8px; }
  .page-library .side.tags { padding-bottom: 25px; }
  .page-library .side.tags .side__lst { margin: 9px 0 0; }
  .page-library .side.tags .side__lst li { margin: 0 4px 5px 0; }
  .page-library .side.tags .side__lst li:last-child { margin-right: 0; }
  .page-library .side.tags .side__lst li a { font-size: 15px; line-height: 1.46667; padding: 2px 15px 2px 28px; }
  .page-library .side.tags .side__lst li a:before { font-size: 15px; line-height: 1.46667; left: 12px; top: 1px; } }

/* ========== end △ */
.page-library.is-single .c-breadcrumb li span { overflow: hidden; width: 100%; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; }

.page-library.is-single .c-breadcrumb li:nth-child(3) { max-width: calc(100% - 178px); }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-library.is-single .main-content { padding: 0px 50px 0 0; } }

/* ========== end △ */
.page-library.is-single .sg-heading { margin-bottom: 51px; }

.page-library.is-single .sg__meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-library.is-single .sg__meta .date { color: #806F9C; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; width: 100px; padding: 2px 0 0; }

.page-library.is-single .sg__meta .cats { max-width: calc(100% - 100px); }

.page-library.is-single .sg__meta .cats .cat { display: inline-block; position: relative; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; background: #AA3C80; color: #fff; border-radius: 5px; margin: 0 3px 3px 0; padding: 2px 8px 3px; }

.page-library.is-single .sg__meta .cats .cat:last-child { margin-right: 0; }

.page-library.is-single .sg__ttl { font-size: 30px; line-height: 1.5; letter-spacing: 0em; font-weight: 600; margin: 11px 0 0; }

.page-library.is-single .c-tags { margin: 26px 0 0; }

.page-library.is-single .mainimg { text-align: center; margin: 0 0 66px; }

.page-library.is-single .cms-content h3 { font-size: 24px; line-height: 1.5; letter-spacing: 0em; font-weight: bold; padding: 0; margin: 0 0 31px; }

.page-library.is-single .cms-content h4 { position: relative; padding: 0 0 0 22px; font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: bold; margin: 0 0 35px; }

.page-library.is-single .cms-content h4:before { position: absolute; content: ""; left: 0; top: 6px; bottom: 4px; background: #85669E; width: 7px; }

.page-library.is-single .cms-content p { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 0 0 30px; }

.page-library.is-single .cms-content p:last-child { margin-bottom: 0; }

.page-library.is-single .cms-content p + h3 { margin-top: 54px; }

.page-library.is-single .cms-content p + h4 { margin-top: 47px; }

.page-library.is-single .cms-content iframe { width: 100%; margin: 0 0 15px; }

.page-library.is-single .cms-content a[href$=".pdf"] { display: inline-block; padding: 15px 30px 16px 68px; text-align: center; color: #AA3C80; border: 2px solid #AA3C80; border-radius: 5px; background: #fff; font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: bold; position: relative; text-decoration: none; }

.page-library.is-single .cms-content a[href$=".pdf"]:before { position: absolute; content: ""; left: 27px; top: 50%; margin: -16px 0 0; background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.1339 0H4.54987C4.08815 0 3.71387 0.374286 3.71387 1.10057V31.4286C3.71387 31.6257 4.08815 32 4.54987 32H27.4493C27.911 32 28.2853 31.6257 28.2853 31.4286V7.416C28.2853 7.01829 28.2322 6.89029 28.1384 6.796L21.4893 0.146857C21.395 0.0531429 21.267 0 21.1339 0Z' fill='%23E9E9E0'/%3E%3Cpath d='M21.4277 0.0864258V6.85728H28.1986L21.4277 0.0864258Z' fill='%23D9D7CA'/%3E%3Cpath d='M11.1507 19.0421C10.9519 19.0421 10.761 18.9776 10.5981 18.8558C10.0033 18.4096 9.92328 17.913 9.96099 17.5747C10.065 16.6444 11.2153 15.6707 13.381 14.6787C14.2404 12.7953 15.0581 10.4747 15.5456 8.53584C14.9753 7.29469 14.421 5.68441 14.825 4.73984C14.9667 4.40898 15.1433 4.15527 15.473 4.04555C15.6033 4.00212 15.9324 3.94727 16.0536 3.94727C16.3416 3.94727 16.5947 4.31812 16.7741 4.54669C16.9427 4.76155 17.325 5.21698 16.561 8.43355C17.3313 10.0244 18.4227 11.645 19.4684 12.7547C20.2176 12.6193 20.8621 12.5501 21.3873 12.5501C22.2821 12.5501 22.8244 12.7587 23.0456 13.1884C23.2284 13.5438 23.1536 13.9593 22.8227 14.4227C22.5044 14.8678 22.0656 15.1033 21.5541 15.1033C20.8593 15.1033 20.0501 14.6644 19.1479 13.7976C17.5267 14.1364 15.6336 14.741 14.1033 15.4101C13.6256 16.4238 13.1679 17.2404 12.7416 17.8393C12.1559 18.6593 11.6507 19.0421 11.1507 19.0421ZM12.6719 16.113C11.4507 16.7993 10.953 17.3633 10.917 17.681C10.9113 17.7336 10.8959 17.8718 11.1633 18.0764C11.2484 18.0496 11.7456 17.8227 12.6719 16.113ZM20.4644 13.5747C20.9301 13.933 21.0439 14.1141 21.3484 14.1141C21.4821 14.1141 21.8633 14.1084 22.0399 13.8621C22.125 13.7427 22.1581 13.6661 22.1713 13.625C22.101 13.5878 22.0079 13.5124 21.4999 13.5124C21.2113 13.513 20.8484 13.5256 20.4644 13.5747ZM16.1959 9.81355C15.7873 11.2273 15.2479 12.7536 14.6679 14.1358C15.8621 13.6724 17.1604 13.2678 18.3799 12.9816C17.6084 12.0856 16.8376 10.9667 16.1959 9.81355ZM15.849 4.97812C15.793 4.99698 15.089 5.98212 15.9039 6.81584C16.4461 5.60727 15.8736 4.97012 15.849 4.97812Z' fill='%23CC4B4C'/%3E%3Cpath d='M27.4493 31.9999H4.54987C4.08815 31.9999 3.71387 31.6256 3.71387 31.1639V22.2856H28.2853V31.1639C28.2853 31.6256 27.911 31.9999 27.4493 31.9999Z' fill='%23CC4B4C'/%3E%3Cpath d='M9.93381 30.2855H8.99609V24.5278H10.6521C10.8967 24.5278 11.139 24.5667 11.3784 24.645C11.6178 24.7233 11.8327 24.8404 12.023 24.9964C12.2132 25.1524 12.367 25.3415 12.4841 25.5627C12.6012 25.7838 12.6601 26.0324 12.6601 26.309C12.6601 26.601 12.6104 26.865 12.5115 27.1021C12.4127 27.3393 12.2744 27.5387 12.0972 27.6998C11.9201 27.861 11.7064 27.9861 11.4567 28.0747C11.207 28.1633 10.9304 28.2073 10.6287 28.2073H9.93324L9.93381 30.2855ZM9.93381 25.2387V27.5198H10.7932C10.9075 27.5198 11.0207 27.5004 11.1332 27.461C11.2452 27.4221 11.3481 27.3581 11.4418 27.2695C11.5355 27.181 11.611 27.0575 11.6681 26.8987C11.7252 26.7398 11.7538 26.5433 11.7538 26.309C11.7538 26.2153 11.7407 26.1067 11.715 25.985C11.6887 25.8627 11.6355 25.7455 11.555 25.6335C11.4738 25.5215 11.3607 25.4278 11.215 25.3524C11.0692 25.277 10.8761 25.2393 10.6367 25.2393L9.93381 25.2387Z' fill='white'/%3E%3Cpath d='M18.4103 27.2467C18.4103 27.7204 18.3594 28.1255 18.2577 28.4615C18.156 28.7975 18.0274 29.0787 17.8709 29.3055C17.7143 29.5324 17.5389 29.7107 17.3434 29.841C17.148 29.9713 16.9594 30.0684 16.7771 30.1341C16.5949 30.1993 16.428 30.241 16.2771 30.2593C16.1263 30.2764 16.0143 30.2855 15.9411 30.2855H13.7617V24.5278H15.496C15.9806 24.5278 16.4063 24.605 16.7731 24.7581C17.14 24.9113 17.4451 25.1164 17.6874 25.3713C17.9297 25.6261 18.1103 25.917 18.2303 26.2421C18.3503 26.5678 18.4103 26.9027 18.4103 27.2467ZM15.6291 29.5981C16.2646 29.5981 16.7229 29.3953 17.004 28.989C17.2851 28.5827 17.4257 27.9941 17.4257 27.2233C17.4257 26.9838 17.3971 26.7467 17.34 26.5124C17.2823 26.2781 17.172 26.0661 17.008 25.8758C16.844 25.6855 16.6211 25.5318 16.34 25.4147C16.0589 25.2975 15.6943 25.2387 15.2463 25.2387H14.6994V29.5981H15.6291Z' fill='white'/%3E%3Cpath d='M20.7227 25.2387V27.0513H23.129V27.6918H20.7227V30.2855H19.7695V24.5278H23.3707V25.2387H20.7227Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center; background-size: 100% auto; width: 32px; height: 32px; }

.page-library.is-single .cms-content table { width: 100%; margin: 0 0 40px; }

.page-library.is-single .cms-content table + h3 { margin-top: 70px; }

.page-library.is-single .cms-content table th, .page-library.is-single .cms-content table td { border: 1px solid #DCDCDC; padding: 12px 28px 12px 28px; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-library.is-single .cms-content table th { text-align: left; background: rgba(140, 125, 165, 0.2); }

.page-library.is-single .cms-content table td { background: #fff; padding-left: 37px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-library.is-single .sg-heading { margin-bottom: 25px; }
  .page-library.is-single .sg__meta .date { font-size: 14px; line-height: 1.42857; width: 85px; padding: 4px 0 0; }
  .page-library.is-single .sg__meta .cats { max-width: calc(100% - 85px); }
  .page-library.is-single .sg__meta .cats .cat { font-size: 14px; line-height: 1.42857; margin: 0 3px 3px 0; padding: 2px 6px 3px; }
  .page-library.is-single .sg__meta .cats .cat:last-child { margin-right: 0; }
  .page-library.is-single .sg__ttl { font-size: 19px; line-height: 1.31579; margin: 8px 0 0; }
  .page-library.is-single .c-tags { margin: 10px 0 0; }
  .page-library.is-single .mainimg { margin: 0 0 25px; }
  .page-library.is-single .cms-content h3 { font-size: 18px; line-height: 1.38889; margin: 0 0 20px; }
  .page-library.is-single .cms-content h4 { padding: 0 0 0 15px; font-size: 16px; line-height: 1.5625; margin: 0 0 25px; }
  .page-library.is-single .cms-content h4:before { top: 4px; bottom: 1px; width: 5px; }
  .page-library.is-single .cms-content p { font-size: 15px; line-height: 1.6; margin: 0 0 25px; }
  .page-library.is-single .cms-content p:last-child { margin-bottom: 0; }
  .page-library.is-single .cms-content p + h3 { margin-top: 35px; }
  .page-library.is-single .cms-content p + h4 { margin-top: 35px; }
  .page-library.is-single .cms-content iframe { margin: 0 0 15px; height: 220px; }
  .page-library.is-single .cms-content a[href$=".pdf"] { padding: 10px 15px 10px 45px; border: 1px solid #AA3C80; font-size: 15px; line-height: 1.66667; }
  .page-library.is-single .cms-content a[href$=".pdf"]:before { left: 13px; margin: -12px 0 0; width: 25px; height: 25px; }
  .page-library.is-single .cms-content table { width: 100%; margin: 0 0 30px; }
  .page-library.is-single .cms-content table + h3 { margin-top: 40px; }
  .page-library.is-single .cms-content table th, .page-library.is-single .cms-content table td { padding: 7px 10px; font-size: 14px; line-height: 1.71429; }
  .page-library.is-single .cms-content table td { padding-left: 10px; } }

/* ========== end △ */
/* ================================================== salon ================================================== */
.page-salon .page-visual { background: url(../salon/images/page_mv.jpg) no-repeat center center; background-size: cover; }

.page-salon .sec01 { background: url(../salon/images/bg01.jpg) no-repeat center center; background-size: cover; padding: 109px 0 105px; }

.page-salon .sec01 .block__ttl { color: #85669E; text-align: center; font-size: 30px; line-height: 1.53333; letter-spacing: 0em; font-weight: 400; }

.page-salon .sec01 .block__desc { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; margin: 39px 0 0; }

.page-salon .sec02 { padding: 94px 0 99px; }

.page-salon .sec02 .sec-desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 39px 0 44px; }

.page-salon .sec02 .block .tag { margin: 0 0 42px; }

.page-salon .sec02 .block .tag span { display: inline-block; border: 2px solid #AA3C80; color: #AA3C80; text-align: center; min-width: 189px; padding: 18px 10px 18px; font-size: 24px; line-height: 1.25; letter-spacing: 0em; font-weight: bold; border-radius: 5px; }

.page-salon .sec02 .block__ttl { font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: 500; margin: 0 0 23px; }

.page-salon .sec02 .block__desc p { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-salon .sec02 .block__desc p + p { margin-top: 31px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-salon .sec02 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 63px; }
  .page-salon .sec02 .block__img { width: 46.5%; order: 1; }
  .page-salon .sec02 .block__info { width: 53.5%; order: 2; padding: 42px 0 0 83px; }
  .page-salon .sec02 .block.img-right .block__info { order: 1; padding: 42px 83px 0 0; }
  .page-salon .sec02 .block.img-right .block__img { text-align: right; order: 2; } }

/* ========== end △ */
.page-salon .sec02 .block04 { margin: 91px 0 0; }

.page-salon .sec02 .block04 .timeline { padding: 43px 0 0; position: relative; }

.page-salon .sec02 .block04 .timeline:before { position: absolute; content: ""; left: calc(50% - 2px); bottom: 0; top: 0; width: 5px; background: rgba(133, 102, 158, 0.55); }

.page-salon .sec02 .block04 .timeline .year { color: #AA3C80; font-size: 24px; line-height: 1.25; letter-spacing: 0em; font-weight: bold; margin: 0 0 20px; }

.page-salon .sec02 .block04 .timeline .ttl { font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: 500; margin: 0 0 11px; }

.page-salon .sec02 .block04 .timeline .desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-salon .sec02 .block04 .timeline .line { position: relative; }

.page-salon .sec02 .block04 .timeline .line-ct { position: relative; }

.page-salon .sec02 .block04 .timeline .line-ct:before { position: absolute; content: ""; width: 14px; height: 14px; background: #AA3C80; border-radius: 50%; left: -7px; top: 10px; }

.page-salon .sec02 .block04 .timeline .line-ct:after { position: absolute; content: ""; width: 40px; height: 1px; background: #D9D9D9; left: 10px; top: 15px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-salon .sec02 .block04 .timeline .line { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 8px; }
  .page-salon .sec02 .block04 .timeline .line .line-ct { width: 50%; }
  .page-salon .sec02 .block04 .timeline .line:nth-child(2n + 1) { justify-content: flex-end; }
  .page-salon .sec02 .block04 .timeline .line:nth-child(2n + 1) .line-ct { padding: 0 0 0 52px; }
  .page-salon .sec02 .block04 .timeline .line:nth-child(2n) { justify-content: flex-start; }
  .page-salon .sec02 .block04 .timeline .line:nth-child(2n) .line-ct { position: relative; padding: 0 52px 0 0; }
  .page-salon .sec02 .block04 .timeline .line:nth-child(2n) .line-ct:before { border-radius: 50%; right: -7px; left: auto; top: 10px; }
  .page-salon .sec02 .block04 .timeline .line:nth-child(2n) .line-ct:after { width: calc(100% - 94px); right: 10px; left: auto; } }

/* ========== end △ */
.page-salon .sec03 { background: url(../salon/images/bg02.jpg) no-repeat center center; background-size: cover; padding: 93px 0 101px; }

.page-salon .sec03 .sec-desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 39px 0 31px; }

.page-salon .sec03 .lst01 li { background: #AA3C80; border-radius: 20px 0 20px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding: 18px 20px 18px; }

.page-salon .sec03 .lst01 li .txt { text-align: center; width: 100%; color: #fff; font-size: 20px; line-height: 1.8; letter-spacing: 0em; font-weight: 500; }

.page-salon .sec03 .lst01 li.pp02 { background: #8C7DA5; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-salon .sec03 .lst01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-salon .sec03 .lst01 li { width: 32.66%; margin: 0 1% 0 0; }
  .page-salon .sec03 .lst01 li:nth-child(3n) { margin-right: 0; } }

/* ========== end △ */
.page-salon .sec03 .sec-desc02 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 23px 0 54px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-salon .sec03 .lst-btn { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 900px; margin: 0 auto; }
  .page-salon .sec03 .lst-btn li { width: 48%; margin: 0 4% 0 0; }
  .page-salon .sec03 .lst-btn li:nth-child(2n) { margin-right: 0; } }

/* ========== end △ */
.page-salon .sec04 { padding: 93px 0 100px; }

.page-salon .sec04 .c-ttl05 { margin-bottom: 30px; }

.page-salon .sec04 .c-ttl05 + .flow { margin-top: 37px; }

.page-salon .sec04 .sec-desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 30px 0 33px; }

.page-salon .sec04 .block01 { background: url(../salon/images/bg03.jpg) no-repeat center center; background-size: cover; padding: 56px 92px 58px; border-radius: 10px; margin-bottom: 72px; }

.page-salon .sec04 .block01 .box .box-ttl { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 500; }

.page-salon .sec04 .block01 .box .box-desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-salon .sec04 .block01 .box + .box { margin-top: 18px; }

.page-salon .sec04 .flow { margin-bottom: 59px; }

.page-salon .sec04 .flow .step { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 56px; }

.page-salon .sec04 .flow .step:after { position: absolute; content: ""; top: 120px; left: 60px; width: 8px; bottom: 0; background: url(../salon/images/dot01.png) repeat-y center top; background-size: 100% auto; }

.page-salon .sec04 .flow .step:last-child { padding-bottom: 0; }

.page-salon .sec04 .flow .step:last-child:after { display: none; }

.page-salon .sec04 .flow .step-count { width: 120px; height: 120px; border-radius: 50%; background: #AA3C80; text-align: center; padding: 28px 0 0 0; }

.page-salon .sec04 .flow .step-count .txt { color: #fff; font-size: 18px; line-height: 1.38889; letter-spacing: 0.1em; font-weight: 500; }

.page-salon .sec04 .flow .step-count .num { color: #fff; font-size: 36px; line-height: 1; letter-spacing: 0.1em; font-weight: 500; }

.page-salon .sec04 .flow .step-icon { width: 120px; }

.page-salon .sec04 .flow .step-icon img { width: 90px; }

.page-salon .sec04 .flow .step-right { width: calc(100% - 120px); padding: 9px 0 0 74px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }

.page-salon .sec04 .flow .step-info { width: calc(100% - 120px); padding: 0 0 0 27px; }

.page-salon .sec04 .flow .step-info .ttl { font-size: 20px; line-height: 1.5; letter-spacing: 0em; font-weight: 500; margin: 0 0 16px; }

.page-salon .sec04 .flow .step-info .desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-salon .sec05 { background: #F2EEF2; padding: 114px 0 81px; }

.page-salon .sec05 .c-ttl04 { margin-bottom: 46px; }

.page-salon .sec05 .lst-faq .faq { background: #fff; position: relative; margin: 0 0 20px; padding-bottom: 10px; border-radius: 10px; }

.page-salon .sec05 .lst-faq .faq .ques { padding: 28px 65px 26px; position: relative; cursor: pointer; }

.page-salon .sec05 .lst-faq .faq .ques:before { position: absolute; content: "Q"; left: 36px; top: 28px; color: #AA3C80; font-size: 24px; line-height: 1.25; letter-spacing: 0em; font-weight: bold; }

.page-salon .sec05 .lst-faq .faq .ques:after { position: absolute; content: ""; right: 26px; top: 50%; background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='7.5' width='18' height='3' fill='%23AA3C80'/%3E%3Crect x='7.5' y='18' width='18' height='3' transform='rotate(-90 7.5 18)' fill='%23AA3C80'/%3E%3C/svg%3E%0A") no-repeat center; background-size: 100% auto; width: 18px; height: 18px; margin: -7px 0 0; }

.page-salon .sec05 .lst-faq .faq .ques p { font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: 400; }

.page-salon .sec05 .lst-faq .faq .ques.is-active:after { background-image: url("data:image/svg+xml,%3Csvg width='18' height='3' viewBox='0 0 18 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='3' fill='%23AA3C80'/%3E%3C/svg%3E%0A"); }

.page-salon .sec05 .lst-faq .faq .ans { padding: 0 65px 10px; position: relative; margin: -15px 0 0; }

.page-salon .sec05 .lst-faq .faq .ans:before { position: absolute; content: "A"; left: 36px; top: 0; color: #8C7DA5; font-size: 24px; line-height: 1.25; letter-spacing: 0em; font-weight: bold; }

.page-salon .sec05 .lst-faq .faq .ans p { font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; }

.page-salon .sec05 .lst-faq .faq .ans.accordion-box { display: none; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-salon .page-visual { background: url(../salon/images/page_mv_sp.jpg) no-repeat center center; background-size: cover; }
  .page-salon .sec01 { padding: 45px 0 45px; }
  .page-salon .sec01 .block__ttl { font-size: 18px; line-height: 1.66667; }
  .page-salon .sec01 .block__desc { text-align: left; font-size: 15px; line-height: 1.6; margin: 25px 0 0; }
  .page-salon .sec02 { padding: 45px 0 15px; }
  .page-salon .sec02 .sec-desc01 { text-align: left; font-size: 15px; line-height: 1.6; margin: 15px 0 20px; }
  .page-salon .sec02 .block { margin: 0 0 40px; }
  .page-salon .sec02 .block .tag { margin: 0 0 10px; }
  .page-salon .sec02 .block .tag span { min-width: 120px; padding: 8px 10px 8px; font-size: 18px; line-height: 1.22222; }
  .page-salon .sec02 .block__ttl { font-size: 18px; line-height: 1.33333; margin: 0 0 10px; }
  .page-salon .sec02 .block__desc p { font-size: 15px; line-height: 1.6; }
  .page-salon .sec02 .block__desc p + p { margin-top: 20px; }
  .page-salon .sec02 .block__img { text-align: center; margin: 20px 0 0; }
  .page-salon .sec02 .block04 { margin: 45px 0 0; }
  .page-salon .sec02 .block04 .timeline { padding: 15px 0 0; }
  .page-salon .sec02 .block04 .timeline:before { left: 0; width: 3px; }
  .page-salon .sec02 .block04 .timeline .year { font-size: 18px; line-height: 1.38889; margin: 0 0 10px; }
  .page-salon .sec02 .block04 .timeline .ttl { font-size: 16px; line-height: 1.5; margin: 0 0 10px; }
  .page-salon .sec02 .block04 .timeline .desc { font-size: 15px; line-height: 1.6; }
  .page-salon .sec02 .block04 .timeline .line { position: relative; padding: 0 0 0 35px; margin-bottom: 30px; }
  .page-salon .sec02 .block04 .timeline .line-ct { position: relative; }
  .page-salon .sec02 .block04 .timeline .line-ct:before { width: 10px; height: 10px; left: -39px; top: 8px; }
  .page-salon .sec02 .block04 .timeline .line-ct:after { width: 25px; left: -28px; top: 13px; }
  .page-salon .sec03 { padding: 45px 0 45px; }
  .page-salon .sec03 .sec-desc01 { text-align: left; font-size: 15px; line-height: 1.6; margin: 20px 0 20px; }
  .page-salon .sec03 .lst01 li { border-radius: 20px 0 20px 0; margin: 0 0 10px; padding: 15px 15px 15px; }
  .page-salon .sec03 .lst01 li .txt { font-size: 18px; line-height: 1.33333; }
  .page-salon .sec03 .sec-desc02 { text-align: left; font-size: 15px; line-height: 1.6; margin: 15px 0 30px; }
  .page-salon .sec03 .lst-btn { text-align: center; }
  .page-salon .sec03 .lst-btn li { margin: 0 0 10px; }
  .page-salon .sec03 .lst-btn li a { max-width: 280px; margin: 0 auto; }
  .page-salon .sec04 { padding: 45px 0 45px; }
  .page-salon .sec04 .c-ttl05 { margin-bottom: 15px; }
  .page-salon .sec04 .c-ttl05 + .flow { margin-top: 25px; }
  .page-salon .sec04 .sec-desc01 { font-size: 15px; line-height: 1.6; margin: 15px 0 20px; }
  .page-salon .sec04 .block01 { padding: 25px 15px 25px; margin-bottom: 25px; }
  .page-salon .sec04 .block01 .box .box-ttl { font-size: 15px; line-height: 1.6; }
  .page-salon .sec04 .block01 .box .box-desc { font-size: 15px; line-height: 1.6; }
  .page-salon .sec04 .block01 .box + .box { margin-top: 18px; }
  .page-salon .sec04 .flow { margin-bottom: 35px; }
  .page-salon .sec04 .flow .step { padding: 0 0 25px; }
  .page-salon .sec04 .flow .step:after { top: 75px; left: 36px; width: 6px; }
  .page-salon .sec04 .flow .step:last-child { padding-bottom: 0; }
  .page-salon .sec04 .flow .step:last-child:after { display: none; }
  .page-salon .sec04 .flow .step-count { width: 70px; height: 70px; padding: 10px 0 0 0; }
  .page-salon .sec04 .flow .step-count .txt { font-size: 13px; line-height: 1.69231; letter-spacing: 0.05em; }
  .page-salon .sec04 .flow .step-count .num { font-size: 24px; line-height: 1; }
  .page-salon .sec04 .flow .step-icon { width: 100%; margin: 0 0 10px; }
  .page-salon .sec04 .flow .step-icon img { width: 50px; }
  .page-salon .sec04 .flow .step-right { width: calc(100% - 80px); padding: 9px 0 0 15px; display: block; }
  .page-salon .sec04 .flow .step-info { width: 100%; padding: 0; }
  .page-salon .sec04 .flow .step-info .ttl { font-size: 18px; line-height: 1.33333; margin: 0 0 10px; }
  .page-salon .sec04 .flow .step-info .desc { font-size: 15px; line-height: 1.6; }
  .page-salon .sec04 .btn01 { text-align: center; }
  .page-salon .sec04 .btn01 .c-btn01 { margin: 0 auto; }
  .page-salon .sec05 { padding: 45px 0 45px; }
  .page-salon .sec05 .c-ttl04 { margin-bottom: 25px; }
  .page-salon .sec05 .lst-faq .faq { margin: 0 0 15px; padding: 0; }
  .page-salon .sec05 .lst-faq .faq .ques { padding: 10px 32px 10px 35px; }
  .page-salon .sec05 .lst-faq .faq .ques:before { left: 12px; top: 10px; font-size: 20px; line-height: 1.2; }
  .page-salon .sec05 .lst-faq .faq .ques:after { right: 8px; width: 15px; height: 15px; margin: -7px 0 0; }
  .page-salon .sec05 .lst-faq .faq .ques p { font-size: 17px; line-height: 1.41176; }
  .page-salon .sec05 .lst-faq .faq .ans { padding: 0 32px 10px 35px; margin: 0; }
  .page-salon .sec05 .lst-faq .faq .ans:before { left: 12px; font-size: 20px; line-height: 1.2; }
  .page-salon .sec05 .lst-faq .faq .ans p { font-size: 15px; line-height: 1.6; } }

/* ========== end △ */
/* ================================================== page-support ================================================== */
.page-support .page-visual { background: url(../support/images/page_mv.jpg) no-repeat center center; background-size: cover; }

.page-support .page-visual .page-ttl { margin-bottom: 6px; }

.page-support .page-visual .page-desc { font-size: 18px; line-height: 1.66667; letter-spacing: 0em; font-weight: 400; text-align: left; color: #fff; max-width: 1200px; margin: 0 auto 48px; padding: 0 20px; }

.page-support .sec01 { background: url(../support/images/bg01.jpg) no-repeat center center; background-size: cover; padding: 109px 0 114px; }

.page-support .sec01 .ttl01 { font-size: 30px; line-height: 1.53333; letter-spacing: 0em; font-weight: 500; color: #85669E; text-align: center; }

.page-support .sec01 .desc { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; margin: 39px 0 0; }

.page-support .sec02 { padding: 94px 0 100px; }

.page-support .sec02 .desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-support .sec02 .lst01 { margin: 30px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-support .sec02 .lst01 li { background: #AA3C80; width: 31%; margin: 0 3.5% 0 0; padding: 23px 20px 26px; text-align: center; border-radius: 5px; position: relative; }

.page-support .sec02 .lst01 li:before { position: absolute; content: ""; left: 100%; margin: -12px 0 0 12px; width: 14px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_30_135)'%3E%3Cpath d='M13.9969 11.9995L13.9989 11.9957L13.9909 11.99C13.7317 11.6266 6.92136 2.1106 5.20077 0.881576C2.57133 -0.99689 0.0449798 0.328419 -6.20515e-05 2.93845C-0.0471057 5.66836 9.03433 10.4438 12.1482 12.0004C9.03433 13.556 -0.0471057 18.3315 -6.20515e-05 21.0614C0.0449798 23.6705 2.57133 24.9967 5.20077 23.1173C6.92136 21.8883 13.7307 12.3723 13.9909 12.0089L13.9989 12.0032C13.9989 12.0032 13.9969 12.0013 13.9969 11.9995Z' fill='%23D0CCD6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_30_135'%3E%3Crect width='14' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center; background-size: 100% auto; top: 50%; }

.page-support .sec02 .lst01 li .icon { width: 80px; margin: 0 auto 8px; text-align: center; }

.page-support .sec02 .lst01 li .ttl { font-size: 24px; line-height: 1.5; letter-spacing: 0em; font-weight: 500; color: #fff; text-align: center; margin-bottom: 2px; }

.page-support .sec02 .lst01 li .txt { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; color: #fff; }

.page-support .sec02 .lst01 li:nth-child(3n) { margin-right: 0; }

.page-support .sec02 .lst01 li:nth-child(3n):before { display: none; }

.page-support .sec02 .lst01 li:nth-child(2) { background: #8C7DA5; }

.page-support .sec03 { position: relative; background: url(../support/images/bg02.jpg) no-repeat center center; background-size: cover; padding: 100px 0 111px; }

.page-support .sec03 .block01 .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-support .sec03 .block01__img img { border-radius: 5px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-support .sec03 .block01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
  .page-support .sec03 .block01__info { width: 53%; padding: 53px 60px 0 0; }
  .page-support .sec03 .block01__img { width: 47%; text-align: right; max-width: 540px; } }

/* ========== end △ */
.page-support .sec03 .block02 { margin: 59px 0 0; background: #fff; position: relative; padding: 50px 60px 33px; border-radius: 5px; }

.page-support .sec03 .block02:before { position: absolute; content: ""; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px solid #AA3C80; border-radius: 5px; pointer-events: none; }

.page-support .sec03 .block02 .ttl01 { font-size: 24px; line-height: 1.25; letter-spacing: 0.1em; font-weight: 400; }

.page-support .sec03 .block02 .lst-dot { margin: 15px 0 0; }

.page-support .sec03 .block02 .lst-dot li { font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; position: relative; padding: 0 0 0 13px; }

.page-support .sec03 .block02 .lst-dot li:before { position: absolute; content: "• "; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; left: 0; top: 0; }

.page-support .sec03 .block02 .note01 { text-align: right; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; margin: 8px 152px 0 0; }

.page-support .sec03 .block03 { margin: 115px 0 0; }

.page-support .sec03 .block03 .desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.1em; font-weight: 400; }

.page-support .sec04 { position: relative; background: #F2EEF2; padding: 100px 0 99px; }

.page-support .sec04 .block { background: #fff; border-radius: 5px; padding: 69px 40px 68px; text-align: center; }

.page-support .sec04 .block .desc { color: #AA3C80; font-size: 24px; line-height: 1.91667; letter-spacing: 0em; font-weight: bold; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-support .page-visual .page-ttl { margin-bottom: 8px; }
  .page-support .page-visual .page-desc { font-size: 15px; line-height: 1.6; margin: 0 auto 35px; }
  .page-support .sec01 { padding: 45px 0 45px; }
  .page-support .sec01 .ttl01 { font-size: 20px; line-height: 1.5; }
  .page-support .sec01 .desc { font-size: 15px; line-height: 1.6; margin: 18px 0 0; text-align: left; }
  .page-support .sec02 { padding: 45px 0 50px; }
  .page-support .sec02 .desc01 { font-size: 15px; line-height: 1.6; }
  .page-support .sec02 .lst01 { margin: 30px 0 0; }
  .page-support .sec02 .lst01 li { width: 100%; margin: 0 0 25px; padding: 15px 12px 15px; }
  .page-support .sec02 .lst01 li:before { left: 0; right: 0; margin: 0 auto; width: 14px; height: 24px; transform: rotate(90deg); top: auto; bottom: -25px; }
  .page-support .sec02 .lst01 li .icon { width: 60px; margin: 0 auto 8px; }
  .page-support .sec02 .lst01 li .ttl { font-size: 18px; line-height: 1.38889; margin-bottom: 2px; }
  .page-support .sec02 .lst01 li .txt { font-size: 15px; line-height: 1.6; }
  .page-support .sec02 .lst01 li:last-child { margin: 0; }
  .page-support .sec02 .lst01 li:last-child:before { display: none; }
  .page-support .sec03 { padding: 45px 0 45px; }
  .page-support .sec03 .block01 .desc01 { font-size: 15px; line-height: 1.6; }
  .page-support .sec03 .block01__img { text-align: center; margin: 25px 0 0; }
  .page-support .sec03 .block02 { margin: 35px 0 0; padding: 25px 20px 25px; }
  .page-support .sec03 .block02:before { left: 8px; top: 8px; right: 8px; bottom: 8px; }
  .page-support .sec03 .block02 .ttl01 { font-size: 20px; line-height: 1.2; }
  .page-support .sec03 .block02 .lst-dot { margin: 15px 0 0; }
  .page-support .sec03 .block02 .lst-dot li { font-size: 14px; line-height: 1.71429; padding: 0 0 0 13px; }
  .page-support .sec03 .block02 .lst-dot li:before { font-size: 15px; line-height: 1.6; }
  .page-support .sec03 .block02 .note01 { font-size: 14px; line-height: 1.71429; margin: 8px 0 0 0; }
  .page-support .sec03 .block03 { margin: 40px 0 0; }
  .page-support .sec03 .block03 .desc01 { text-align: left; font-size: 15px; line-height: 1.6; }
  .page-support .sec04 { padding: 45px 0 45px; }
  .page-support .sec04 .block { padding: 20px 15px 20px; text-align: left; }
  .page-support .sec04 .block .desc { font-size: 18px; line-height: 1.66667; } }

/* ========== end △ */
/* ================================================== p-network ================================================== */
/* ================================================== p-system ================================================== */

/*# sourceMappingURL=maps/content.css.map */