/* common */
html, body {overflow-x:hidden !important;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

img {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/* container */
.container {max-width:1320px; padding:0 20px; margin:0 auto;}
.container.detail {max-width:1056px; padding:0 20px; margin:0 auto;}

/* header */
header {position:fixed; left:0; top:0; width:100%; z-index:1000; padding:20px 0; transition:all ease 0.5s;}
header * { transition:all ease 0.5s; }
header .container {max-width:1320px; display:flex; flex-wrap:wrap; justify-content:space-between;}
header .header-left h1 a img {width:288px;}
header.scroll { padding: 10px 0; }
header.scroll .header-left h1 a img { width: 168px; }
header .header-right .right-head {display:none;}
header .header-right .right-body ul {display:flex; flex-wrap:wrap;}
header .header-right .right-body ul li {position:relative;}
header .header-right .right-body ul li > a {display:flex; flex-wrap:wrap; justify-content:flex-end; padding:20px 30px 0; font-size:16px; font-weight:400; color:#fff;}
header.scroll .header-right .right-body ul li > a {padding:8px 30px 0;}
header .header-right .right-body ul li > a.bold { font-weight: 800; }
header .header-right .right-body ul li > dl {display:none; padding:15px 0 0;}
header .header-right .right-body ul li > dl dd {margin:0 0 5px;}
header .header-right .right-body ul li > dl dd:last-of-type {margin:0;}
header .header-right .right-body ul li > dl dd a {font-size:16px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-right .right-body ul li:last-of-type > a {padding-right:0;}
header .header-right .right-body ul li:hover > dl {display:block;}
header .header-menu {display:none;}
header.scroll {background:#8c1d22;}
header.main.scroll {opacity:0; pointer-events:none; background:transparent;}
@media (max-width:1200px){
header .header-right .right-body ul {margin-right:-10px;}
header .header-right .right-body ul li > a {padding:20px 10px 0;}
header .header-right .right-body ul li > dl dd a {font-size:14px;}
}
@media (max-width:991px){
header {padding:13px 0;}
header .header-left h1 a img {width:160px;}
header .header-right {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; overflow-y:auto; padding:15px; background:rgba(140,29,34,0.9); z-index:99999; transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
header .header-right .right-head {position:absolute; right:19px; top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-right .right-head a {width:24px; height:24px; font-size:0; position:relative;}
header .header-right .right-head a:after {position:absolute; content:""; left:0; top:10px; width:100%; height:2px; background:#fff; transform:rotate(45deg);}
header .header-right .right-head a:before {position:absolute; content:""; left:0; top:10px; width:100%; height:2px; background:#fff; transform:rotate(-45deg);}
header .header-right .right-body ul {margin-right:0; gap:30px; margin-top:1rem; }
header .header-right .right-body ul li {width:100%;}
header .header-right .right-body ul li:last-of-type { margin-top: 40px;}
header .header-right .right-body ul li > a {padding: 0; font-size:25px; font-weight:400; text-align:center; justify-content:center;}
header .header-right .right-body ul li > dl {display:flex; flex-direction: column; gap: 4px; padding:0; position:static !important; width:100%; margin-top: 18px; }
header .header-right .right-body ul li > dl dd a {padding-right:0; justify-content:center; display:block; text-align:center; width:100%; font-size:20px; font-weight:300;}
header .header-menu {display:block;}
header .header-menu a {display:block; font-size:0; width:22px; height:20px; margin-top:6px; background:url('../images/icon_menu.png') no-repeat center / cover;}
header.fixed .header-right {pointer-events:inherit; opacity:1;}
}

/* footer */
footer {background:#8c1d22; padding:75px 0;}
footer .container {max-width: 1320px;}
footer .footer-top {display:flex; flex-wrap:wrap; justify-content:space-between;}
footer .footer-top .footer-top-left ul {display:flex; flex-wrap:wrap;}
footer .footer-top .footer-top-left ul li {margin-right:40px;}
footer .footer-top .footer-top-left ul li:last-of-type {margin-right:0;}
footer .footer-top .footer-top-left ul li a {display:block;}
footer .footer-top .footer-top-left ul li a b {display:block; font-size:18px; font-weight:600; line-height:1.3; color:#fff;}
footer .footer-top .footer-top-left ul li a p {font-size:18px; line-height:1.3; color:#fff; margin:3px 0 0; font-weight:300;}
footer .footer-top .footer-top-left ul li a:after {display:block; content:""; margin:10px 0 0; width:32px; height:32px; background:url('../images/icon_instagram.png') no-repeat center / cover;}
footer .footer-top .footer-top-right ul li {margin:0 0 25px;}
footer .footer-top .footer-top-right ul li:last-of-type {margin:0;}
footer .footer-top .footer-top-right ul li p {font-size:18px; line-height:1.3; color:#fff; font-weight:600; color:#fff;}
footer .footer-top .footer-top-right ul li dl {margin:5px 0 0;}
footer .footer-top .footer-top-right ul li dl dd {margin:0 0 3px;}
footer .footer-top .footer-top-right ul li dl dd:last-of-type {margin:0;}
footer .footer-top .footer-top-right ul li dl dd a {font-size:16px; line-height:1.3; color:#fff; font-weight:300;}
footer .footer-bottom {padding:60px 0 0; margin:60px 0 0; border-top:2px solid #fff;}
footer .footer-bottom h2 img {width:343px;}
footer .footer-bottom p {margin:17px 0 0; font-size:13px; line-height:1.4; color:#fff;}
@media (max-width:991px){
footer {padding:23px 0;}
footer .footer-top .footer-top-left {width:100%;}
footer .footer-top .footer-top-left ul li {margin-right:0; width:100%; margin-bottom:20px;}
footer .footer-top .footer-top-left ul li:last-of-type {margin:0;}
footer .footer-top .footer-top-left ul li a {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .footer-top-left ul li a div {flex:1; min-width:0;}
footer .footer-top .footer-top-left ul li a b {font-size:16px;}
footer .footer-top .footer-top-left ul li a p {font-size:14px;}
footer .footer-top .footer-top-left ul li a:after {width:25px; height:25px; margin:0 0 0 5px;}
footer .footer-top .footer-top-right {width:100%; padding:20px 0 0; margin:20px 0 0; border-top:1px solid #fff;}
footer .footer-top .footer-top-right ul li {margin:0 0 20px;}
footer .footer-top .footer-top-right ul li p {font-size:16px;}
footer .footer-top .footer-top-right ul li dl dd a {font-size:14px;}
footer .footer-bottom {border-top-width:1px; padding:20px 0 0; margin:20px 0 0;}
footer .footer-bottom h2 img {width:135px;}
footer .footer-bottom p {font-size:12px;}
}

/* section */
section > .container {margin:0 auto 100px;}
@media (max-width:991px){
section > .container {margin:0 auto 50px;}
}

/* main-slide-box */
.main-slide-box {position:relative; height:100%;}
.main-slide-box:after {z-index:20; content:""; position:fixed; right:65px; top:50%; transform:translateY(-50%); width:30px; height:157px; background:url('../images/icon_scroll.png') no-repeat center / cover;}
.main-slide-box .swiper-container {height:100%;}
.main-slide-box .swiper-slide {width:100%; background-size:cover; background-position:center; display:flex; flex-wrap:wrap; align-items:center; align-content:flex-end;}
.main-slide-box .swiper-slide .container {width:100%; padding-bottom:10%;}
.main-slide-box .swiper-slide h2 {font-size:120px; color:#fff; font-weight:300; letter-spacing:-2px;}
.main-slide-box .swiper-slide p {font-size:45px; line-height:1.3; color:#fff; font-weight:300;}
.main-slide-box .swiper-slide.slide01 {background-image:url('../images/img_main_slide_01.png');}
.main-slide-box .swiper-slide.slide02 {background-image:url('../images/img_main_slide_02.png');}
.main-slide-box .swiper-slide.slide03 {background-image:url('../images/img_main_slide_03.png');}
.main-slide-box .swiper-pagination {text-align:left; max-width:1320px; padding:0 20px; left:50%; transform:translateX(-50%); bottom:10%;}
.main-slide-box .swiper-pagination span {width:50px; height:2px; background:#fff; opacity:1; margin:0 1px; border-radius:0;}
.main-slide-box .swiper-pagination span.swiper-pagination-bullet-active {background:#dc2f33;}
@media (max-width:991px){
.main-slide-box:after {display:none;}
.main-slide-box .swiper-slide .container {padding-bottom:70px;}
.main-slide-box .swiper-slide h2 {font-size:56px;}
.main-slide-box .swiper-slide p {font-size:18px;}
.main-slide-box .swiper-slide.slide01 {background-image:url('../images/img_main_slide_01_m.png');}
.main-slide-box .swiper-slide.slide02 {background-image:url('../images/img_main_slide_02_m.png');}
.main-slide-box .swiper-slide.slide03 {background-image:url('../images/img_main_slide_03_m.png');}
.main-slide-box .swiper-pagination {bottom:30px;}
.main-slide-box .swiper-pagination span {width:23px; margin:0px 1px !important;}
}

/* main-person-box */
.main-person-box {height:100%;}
.main-person-box > h2 {display:none;}
.main-person-box .swiper-container {height:100%;}
.main-person-box .swiper-slide {background-size:cover; background-position:center;}
.main-person-box .swiper-slide > img {display:none;}
.main-person-box .swiper-slide > div {pointer-events:none; opacity:0; transition:all ease 0.5s; display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%; background:rgba(140,29,34,0.5);} 
.main-person-box .swiper-slide > div > div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main-person-box .swiper-slide > div > div:nth-of-type(2) { align-items: center; justify-content: start; }
/* .main-person-box .swiper-slide > div {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(140,29,34,0.5);}  */
/* .main-person-box .swiper-slide > div h2 {margin:170px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-person-box .swiper-slide > div h2 p {padding:2px 20px 0; height:42px; font-size:26px; font-weight:800; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; border:3px solid #fff; color:#fff;} */
.main-person-box .swiper-slide > div > div p {display:flex; flex-wrap:wrap; align-items:start; justify-content:start;}
.main-person-box .swiper-slide > div > div p strike {border-bottom:1px solid #fff; padding-bottom: 4px; text-decoration:none; font-size:22px; color:#fff;}
.main-person-box .swiper-slide > div > div p b {font-size:26px; color:#fff; font-weight:600; margin-left:5px;}
.main-person-box .swiper-slide > div > div dl {margin:40px 0 0;}
.main-person-box .swiper-slide > div > div dl dd {font-size:18px; line-height:1.3; color:#fff; word-break:keep-all; text-align:center; margin:0 0 8px;}
.main-person-box .swiper-slide > div > div dl dd:last-of-type {margin:0;}
.main-person-box .swiper-slide > div a {display:block; margin:40px auto 0; width:46px; height:46px; background:url('../images/icon_instagram.png') no-repeat center / cover; font-size:0;}
.main-person-box .swiper-slide:hover > div {pointer-events:inherit; opacity:1;}
.main-person-box .swiper-pagination {display:none;}
@media (max-width:991px){
.main-person-box {padding:40px 20px; margin:0 -20px;}
.main-person-box > h2 {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px; padding:0 20px;}
.main-person-box > h2 p {padding:2px 10px 0; height:30px; font-size:16px; font-weight:800; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; border:3px solid #8c1d22; color:#8c1d22;}
.main-person-box .swiper-slide {width:240px; margin-right:20px; background:none !important;}
.main-person-box .swiper-slide:after {display:none;}
.main-person-box .swiper-slide:first-of-type {margin-left:20px;}
.main-person-box .swiper-slide > img {display:block; width:100%;}
.main-person-box .swiper-slide > div {position:relative; pointer-events:inherit; opacity:1; background:none; padding:10px 0 0;}
.main-person-box .swiper-slide > div h2 {display:none;}
.main-person-box .swiper-slide > div div {position:static; transform:none;}
.main-person-box .swiper-slide > div div p {justify-content:flex-start;}
.main-person-box .swiper-slide > div div p strike {font-size:16px; color:#333; border:0; justify-content:flex-start;}
.main-person-box .swiper-slide > div div p b {color:#8c1d22; font-size:16px; font-weight:700;}
.main-person-box .swiper-slide > div div dl {display:none; margin:15px 0 0;}
.main-person-box .swiper-slide > div div dl dd {text-align:left; margin:0 0 5px; font-size:14px; color:#333;}
.main-person-box .swiper-slide > div a {display:none; width:25px; height:25px; margin:10px 0 0; background-image:url('../images/icon_instagram_color.png');}
.main-person-box .swiper-pagination {display:block; position:static; margin:20px 20px 0; width:calc(100% - 40px); height:1px; background:#cbcccc;}
.main-person-box .swiper-pagination .swiper-pagination-progressbar-fill {background:#000;}
}

/* main-portfolio-box */
.main-portfolio-box {height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.main-portfolio-box .container {max-width:1320px; width:100%;}
.main-portfolio-box .container > h2 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 70px;}
.main-portfolio-box .container > h2 p {padding:2px 20px 0; height:42px; font-size:26px; font-weight:800; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; border:3px solid #8c1d22; color:#8c1d22;}
.main-portfolio-box .container > ul {display:flex; flex-wrap:wrap;}
.main-portfolio-box .container > ul li {width:20%;}
.main-portfolio-box .container > ul li a {display:block; background-size:cover; background-position:center;}
.main-portfolio-box .container > ul li a:after {display:block; content:""; padding-bottom:100%;}
.main-portfolio-box .container > a {display:flex; flex-wrap:wrap; align-items:center; margin:50px 0 0; font-size:16px; font-weight:600; color:#8c1d22;}
@media (max-width:991px){
.main-portfolio-box {height:auto; padding:35px 0;}
.main-portfolio-box .container > h2 {margin:0 0 15px; justify-content:flex-start;}
.main-portfolio-box .container > h2 p {height:30px; font-size:16px; font-weight:700; padding:2px 10px 0;}
.main-portfolio-box .container > ul {margin:0 -5px -10px;}
.main-portfolio-box .container > ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.main-portfolio-box .container > a {margin:20px 0 0;}
}

/* title-box */
.title-box { display:flex; justify-content: flex-start;}
.title-box.center {justify-content: center;}
.title-box h2 {display:inline-block; padding:6px 24px; min-width:180px; font-size:24px; line-height:1; font-weight:800; text-align:center; border-radius:50px; border:3px solid #8c1d22; color:#8c1d22;}
.title-box.white h2 {color:#fff; border-color:#fff;}
@media (max-width:991px){
.title-box h2 {font-size:18px; font-weight:800; min-width:130px; padding:4px 10px 3px;}
}

/* banner-box */
.banner-box {background-size:cover; background-position:center; padding:260px 0 50px; margin:0 0 100px; display:flex; flex-direction: column; justify-content: center;}
.banner-box.fullscreen {background-attachment: fixed; min-height: 100vh; padding:0px !important; }
.banner-box.collection {background-image:url('../images/bg_banner_collection.png');}
.banner-box.portfolio {background-image:url('../images/bg_banner_portfolio.png');}
.banner-box.showcase {background-image:url('../images/bg_banner_showcase.png');}
.banner-box.notice {background-image:url('../images/bg_banner_notice.png');}
.banner-box.contact {background-image:url('../images/bg_banner_contact.png');}
.banner-box.flowers {position:relative; background-image:url('../images/bg_banner_flowers.png');}
.banner-box.flowers:after {z-index:20; content:""; position:fixed; right:65px; top:50%; transform:translateY(-50%); width:30px; height:157px; background:url('../images/icon_scroll.png') no-repeat center / cover;}
.banner-box.plants {position:relative; background-image:url('../images/bg_banner_plants.png');}
.banner-box.plants:after {z-index:20; content:""; position:fixed; right:65px; top:50%; transform:translateY(-50%); width:30px; height:157px; background:url('../images/icon_scroll.png') no-repeat center / cover;}
.banner-box.post {position:relative; background-image:url('../images/bg_banner_post.png');}
.banner-box.post:after {z-index:20; content:""; position:fixed; right:65px; top:50%; transform:translateY(-50%); width:30px; height:157px; background:url('../images/icon_scroll.png') no-repeat center / cover;}
.banner-box h2 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.banner-box h2 p {padding:2px 20px 0; height:42px; font-size:26px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; border:2px solid #fff; color:#fff;}
.banner-box h3 {font-size:60px; font-weight:800; color:#fff; text-align:center;}
.banner-box h3:after {display:block; content:""; margin:40px auto; width:60px; height:4px; background:#fff;}
.banner-box span {display:block; text-align:center; font-size:18px; line-height:1.5; word-break:keep-all; color:#fff;} 
.banner-box div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:40px 0 0;}
.banner-box div a {display:block; margin:0 15px 0 0;}
.banner-box div a:last-of-type {margin:0;}
.banner-box div a img {width:46px;}
.banner-box.notice h3:after {display:none;}
.banner-box.contact h3:after {display:none;}
@media (max-width:991px){
.banner-box.fullscreen {background-attachment: unset;}
.banner-box {padding:100px 20px; margin:0 0 40px;}
.banner-box:after {display:none !important;}
.banner-box.flowers {padding:150px 20px;}
.banner-box.plants {padding:150px 20px;}
.banner-box.post {padding:150px 20px;}
.banner-box h2 p {height:40px; font-size:18px; font-weight:700; padding:2px 20px 0;}
.banner-box h3 {font-size:40px;}
.banner-box h3:after {margin:20px auto; width:40px; height:3px;}
.banner-box span {font-size:14px;}
.banner-box div {margin:25px 0 0;}
.banner-box div a {margin:0 10px 0 0;}
}

/* category-box */
.category-box {border:1px solid #999; border-width:1px 0; display:flex; flex-wrap:wrap; align-items:center; padding:0;}
.category-box > a {height:65px; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 50px; margin:0 35px 0 0; font-size:20px; color:#333;}
.category-box > a:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#a7a7a7; content:"";}
.category-box > ul {flex:1; min-width:0; display:flex; align-items:center;}
.category-box > ul > li { flex:1; }
.category-box > ul > li a {height:65px; padding:0; font-size:20px; color:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.category-box > ul > li.all {display:none;}
.category-box > ul > li.active a {font-weight:800; color:#b4262d;}
@media (max-width:991px){
.category-box {padding:0; margin:0 -20px;}
.category-box > a {display:none;}
.category-box > ul {display:block; overflow-x:auto; white-space:nowrap;}
.category-box > ul::-webkit-scrollbar {display:none;}
.category-box > ul li {display:inline-block;}
.category-box > ul li:first-of-type {margin-left:10px;}
.category-box > ul li:last-of-type {margin-right:10px;}
.category-box > ul li a {height:45px; padding:0 10px; font-size:15px;}
.category-box > ul > li.all {display:inline-block;}
}

/* control-box */
.control-box {margin:80px 0 80px;}
.control-box dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.control-box dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.control-box dl dd:after {display:inline-block; content:""; width:1px; height:20px; background:#858585; margin:0 20px;}
.control-box dl dd:last-of-type:after {display:none;}
.control-box dl dd a {font-size:18px; color:#333;}
@media (max-width:991px){
.control-box {margin:40px 0 40px;}
.control-box dl dd:after {margin:0 15px; height:14px;}
.control-box dl dd a {font-size:14px;}
}

/* collection-view-box */
.collection-view-box {max-width:1320px; margin:0 auto;}
.collection-view-box .view-image img {width:100%;}
.collection-view-box .view-content {margin:80px 0 100px; padding:40px 0; border:1px solid #999; border-width:1px 0;}
.collection-view-box .view-content strong {display:block; text-align:center; font-size:18px; font-weight:900; color:#8c1d22; margin:0 0 15px;}
.collection-view-box .view-content strong:after {display:block; margin:10px auto 0; width:20px; height:2px; content:""; background:#8c1d22;}
.collection-view-box .view-content p {text-align:center; font-size:36px; line-height:1.4; color:#8c1d22; word-break:keep-all;}
.collection-view-box .view-content dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:20px 0 0;}
.collection-view-box .view-content dl dd {font-size:14px; color:#333; display:flex; flex-wrap:wrap; align-items:center;}
/* .collection-view-box .view-content dl dd:after {display:inline-block; content:""; width:1px; height:14px; background:#b4b4b4; margin:0 10px;}
.collection-view-box .view-content dl dd:last-of-type:after {display:none;} */
.collection-view-box .view-detail p {font-size:16px; line-height:1.8; color:#333; word-break:keep-all;}
.collection-view-box .view-detail img {display:block; margin:0 auto; max-width:100%;}
.collection-view-box .view-notice {margin:100px 0 0; padding:100px 0 0; border-top:1px solid #999;}
.collection-view-box .view-notice > h2 {font-size:24px; color:#993333; line-height:1.4; margin:0 0 35px; font-weight:700; word-break:keep-all;}
.collection-view-box .view-notice > ul {margin:0 0 40px;}
.collection-view-box .view-notice > ul li {display:flex; flex-wrap:wrap; margin:0 0 10px;}
.collection-view-box .view-notice > ul li:last-of-type {margin:0;}
.collection-view-box .view-notice > ul li em {font-size:16px; font-weight:800; color:#993333; line-height:1.6; width:30px;}
.collection-view-box .view-notice > ul li p {flex:1; min-width:0; font-size:16px; color:#333; line-height:1.6; word-break:keep-all;}
.collection-view-box .view-notice > ul li p b {font-size:16px; font-weight:800; color:#993333; line-height:1.6; margin-right:5px;}
.collection-view-box .view-notice > p {font-size:16px; line-height:1.6; color:#333; word-break:keep-all; margin:0 0 40px;}
.collection-view-box .view-notice > div {display:flex; flex-wrap:wrap; align-items:center;}
.collection-view-box .view-notice > div a {display:block; margin-right:10px;}
.collection-view-box .view-notice > div a:last-of-type {margin:0;}
.collection-view-box .view-notice > div a img {width:44px;}
.collection-view-box .view-notice > div small {display:block; width:100%; font-size:16px; line-height:1.3; color:#333; margin:20px 0 0;}
.collection-view-box .view-social {margin:100px 0 0; padding:100px 0 0; border-top:1px solid #999;}
.collection-view-box .view-social > p {margin:0 0 35px; font-size:16px; line-height:1.6; word-break:keep-all;}
.collection-view-box .view-social > p:last-of-type {margin:0;}
.collection-view-box .view-social > p b {font-size:16px; line-height:1.6; color:#993333; font-weight:800;}
.collection-view-box .view-social > ul {display:flex; flex-wrap:wrap; align-items:flex-start; margin:40px 0 0;}
.collection-view-box .view-social > ul > li {flex:1; min-width:0; margin:0 0 60px; border-left:4px solid #993333; padding-left:15px;}
.collection-view-box .view-social > ul > li:last-of-type {margin:0;}
.collection-view-box .view-social > ul > li h3 {font-size:22px; font-weight:800; color:#993333; line-height:1.4; margin:0 0 15px;}
.collection-view-box .view-social > ul > li dl {display:flex; flex-wrap:wrap;}
.collection-view-box .view-social > ul > li dl dd {margin-right:40px;}
.collection-view-box .view-social > ul > li dl dd:last-of-type {margin:0;}
.collection-view-box .view-social > ul > li dl dd strong {display:block; font-size:18px; font-weight:600;}
.collection-view-box .view-social > ul > li dl dd small {display:block; font-size:16px; line-height:1.4;}
.collection-view-box .view-social > ul > li dl dd div {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 0;}
.collection-view-box .view-social > ul > li dl dd div a {display:block; margin:0 10px 0 0;}
.collection-view-box .view-social > ul > li dl dd div a:last-of-type {margin:0;}
.collection-view-box .view-social > ul > li dl dd div a img {width:34px;}
@media (max-width:991px){
.collection-view-box .view-content {margin:25px 0; padding:25px 0;}
.collection-view-box .view-content p {font-size:26px;}
.collection-view-box .view-content dl {margin:10px 0 0;}
.collection-view-box .view-detail p {font-size:16px; line-height:1.5;}
.collection-view-box .view-notice {margin:50px 0 0; padding:50px 0 0;}
.collection-view-box .view-notice > h2 {font-size:18px; margin:0 0 20px;}
.collection-view-box .view-notice > ul {margin:0 0 24px;}
.collection-view-box .view-notice > ul li em {font-size:15px; width:20px;}
.collection-view-box .view-notice > ul li p {font-size:15px;}
.collection-view-box .view-notice > ul li p b {font-size:15px;}
.collection-view-box .view-notice > p {font-size:15px; margin:0 0 24px;}
.collection-view-box .view-notice > div small {font-size:13px; margin:10px 0 0;}
.collection-view-box .view-social {margin:50px 0 0; padding:50px 0 0;}
.collection-view-box .view-social > p {font-size:16px; margin:0 0 24px;}
.collection-view-box .view-social > p b {font-size:16px;}
.collection-view-box .view-social > ul {margin:24px 0 0;}
.collection-view-box .view-social > ul > li {flex:none; width:100%; margin:0 0 24px;} 
.collection-view-box .view-social > ul > li {margin:0 0 30px;}
.collection-view-box .view-social > ul > li dl dd {margin-right:0; margin-bottom:25px; width:100%;}
.collection-view-box .view-social > ul > li dl dd:last-of-type {margin-bottom:0;}
.collection-view-box .view-social > ul > li dl dd strong {font-size:16px;}
.collection-view-box .view-social > ul > li dl dd small {font-size:14px;}
}

/* flower-list-box */
.flower-list-box {max-width:1320px; margin:0 auto;}
.flower-list-box .list-head {margin:0 0 50px;}
.flower-list-box .list-head .title-box {margin:0 0 70px;}
.flower-list-box .list-body ul {display:flex; flex-wrap:wrap; margin:0 -10px -60px;}
.flower-list-box .list-body ul li {width:calc(25% - 20px); margin:0 10px 60px;}
.flower-list-box .list-body ul li a {display:block;}
.flower-list-box .list-body ul li a .list-image {background-size:cover; background-position:center;}
.flower-list-box .list-body ul li a .list-image:after {display:block; content:""; padding-bottom:100%;}
.flower-list-box .list-body ul li a .list-content {display:flex; flex-wrap:wrap; align-items:start; margin:20px 0 0; gap:8px;}
.flower-list-box .list-body ul li a .list-content b {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:600; color:#333;}
.flower-list-box .list-body ul li a .list-content b:after {display:inline-block; width:1px; height:14px; background:#333; margin:0 10px;}
.flower-list-box .list-body ul li a .list-content small {font-size:14px; line-height:1.4; color:#333; flex:1;}
@media (max-width:991px){
.flower-list-box .list-head {margin:0 0 24px;}
.flower-list-box .list-head .title-box {margin:0 0 30px;}
.flower-list-box .list-body ul {margin:0 -5px -30px;}
.flower-list-box .list-body ul li {width:calc(50% - 10px); margin:0 5px 30px;}
.flower-list-box .list-body ul li a .list-content {margin:10px 0 0;}
.flower-list-box .list-body ul li a .list-content b {width:100%; margin:0 0 5px;}
.flower-list-box .list-body ul li a .list-content b:after {display:none;}
}

/* plant-list-box */
.plant-list-box .list-head {margin:0 0 50px;}
.plant-list-box .list-head .title-box {margin:0 0 70px;}
.plant-list-box .list-body ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.plant-list-box .list-body ul li {width:calc(25% - 20px); margin:0 10px 20px;}
.plant-list-box .list-body ul li a {display:block; background-size:cover; background-position:center;}
.plant-list-box .list-body ul li a:after {display:block; content:""; padding-bottom:100%;}
@media (max-width:991px){
.plan-list-box .list-head {margin:0 0 24px;}
.plan-list-box .list-head .title-box {margin:0 0 30px;}
.plan-list-box .list-body ul {margin:0 -5px -30px;}
.plan-list-box .list-body ul li {width:calc(50% - 10px); margin:0 5px 30px;}
.plan-list-box .list-body ul li a .list-content {margin:10px 0 0;}
.plan-list-box .list-body ul li a .list-content b {width:100%; margin:0 0 5px;}
.plan-list-box .list-body ul li a .list-content b:after {display:none;}
}


/* showcase-list-box */
.showcase-list-box {max-width:1320px; margin:0 auto;}
.showcase-list-box .list-head {margin:0 0 50px;}
.showcase-list-box .list-head .title-box {margin:0 0 70px;}
.showcase-list-box .list-body ul {display:flex; flex-wrap:wrap; margin:0 -10px -60px;}
.showcase-list-box .list-body ul li {width:calc(25% - 20px); margin:0 10px 60px;}
.showcase-list-box .list-body ul li a {display:block;}
.showcase-list-box .list-body ul li a .list-image {background-size:cover; background-position:center; border:1px solid #cccccc;}
.showcase-list-box .list-body ul li a .list-image:after {display:block; content:""; padding-bottom:100%;}
.showcase-list-box .list-body ul li a .list-content {display:flex; flex-wrap:wrap; align-items:start; margin:20px 0 0; gap:8px;}
.showcase-list-box .list-body ul li a .list-content b {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:600; color:#333;}
.showcase-list-box .list-body ul li a .list-content b:after {display:inline-block; width:1px; height:14px; background:#333; margin:0 10px;}
.showcase-list-box .list-body ul li a .list-content small {font-size:14px; line-height:1.4; color:#333; flex:1;}
@media (max-width:991px){
.showcase-list-box .list-head {margin:0 0 24px;}
.showcase-list-box .list-head .title-box {margin:0 0 30px;}
.showcase-list-box .list-body ul {margin:0 -5px -30px;}
.showcase-list-box .list-body ul li {width:calc(50% - 10px); margin:0 5px 30px;}
.showcase-list-box .list-body ul li a .list-content {margin:10px 0 0;}
.showcase-list-box .list-body ul li a .list-content b {width:100%; margin:0 0 5px;}
.showcase-list-box .list-body ul li a .list-content b:after {display:none;}
}

/* notice-box */
.notice-box {background:#f8f6e9; padding:100px 0;}
.notice-box .container {max-width:1360px;}
.notice-box .title-box {margin:0 0 50px;}
.notice-box .inner {display:flex; flex-wrap:wrap;}
.notice-box .inner > div {flex:1; min-width:0; margin-right:40px;}
.notice-box .inner > div:last-of-type {margin:0;}
.notice-box .inner .inner-left h3 {font-size:24px; color:#993333; line-height:1.4; margin:0 0 35px; word-break:keep-all;}
.notice-box .inner .inner-left .order ul li {display:flex; flex-wrap:wrap; margin:0 0 10px;}
.notice-box .inner .inner-left .order ul li:last-of-type {margin:0;}
.notice-box .inner .inner-left .order ul li em {font-size:16px; font-weight:800; color:#993333; line-height:1.6; width:30px;}
.notice-box .inner .inner-left .order ul li p {flex:1; min-width:0; font-size:16px; color:#333; line-height:1.6; word-break:keep-all;}
.notice-box .inner .inner-left .order ul li p b {font-size:16px; font-weight:800; color:#993333; line-height:1.6; margin-right:5px;}
.notice-box .inner .inner-left .link {margin:40px 0 0;}
.notice-box .inner .inner-left .link ul li {margin:0 0 35px; display:flex; flex-wrap:wrap; align-items:center;}
.notice-box .inner .inner-left .link ul li:last-of-type {margin:0;}
.notice-box .inner .inner-left .link ul li p {display:flex; flex-wrap:wrap; align-items:center;}
.notice-box .inner .inner-left .link ul li a {display:block;}
.notice-box .inner .inner-left .link ul li a img {width:44px; height:44px; margin-right:10px;}
.notice-box .inner .inner-left .link ul li div {flex:1; min-width:0;}
.notice-box .inner .inner-left .link ul li div b {display:block; font-size:16px; font-weight:800; color:#993333;}
.notice-box .inner .inner-left .link ul li div small {display:block; margin:5px 0 0; font-size:14px; line-height:1.3;}
.notice-box .inner .inner-left .social > ul > li {margin:0 0 60px; border-left:4px solid #993333; padding-left:15px;}
.notice-box .inner .inner-left .social > ul > li:last-of-type {margin:0;}
.notice-box .inner .inner-left .social > ul > li h3 {font-size:16px; font-weight:800; color:#993333; line-height:1.4; margin:0 0 15px;}
.notice-box .inner .inner-left .social > ul > li dl {display:flex; flex-wrap:wrap;}
.notice-box .inner .inner-left .social > ul > li dl dd {margin-right:40px;}
.notice-box .inner .inner-left .social > ul > li dl dd:last-of-type {margin:0;}
.notice-box .inner .inner-left .social > ul > li dl dd strong {display:block; font-size:16px; font-weight:600;}
.notice-box .inner .inner-left .social > ul > li dl dd small {display:block; font-size:14px; line-height:1.4;}
.notice-box .inner .inner-left .social > ul > li dl dd div {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 0;}
.notice-box .inner .inner-left .social > ul > li dl dd div a {display:block; margin:0 10px 0 0;}
.notice-box .inner .inner-left .social > ul > li dl dd div a:last-of-type {margin:0;}
.notice-box .inner .inner-left .social > ul > li dl dd div a img {width:34px;}
.notice-box .inner .inner-left .sale strong {display:block; text-align:center; font-size:18px; font-weight:800; color:#993333; line-height:1.4; margin:0 0 12px;}
.notice-box .inner .inner-left .sale p {text-align:center; font-size:18px; line-height:1.3; color:#333;}
.notice-box .inner .inner-left .sale div {margin:30px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.notice-box .inner .inner-left .sale div a {display:block; margin:0 10px 0 0;}
.notice-box .inner .inner-left .sale div a:last-of-type {margin:0;}
.notice-box .inner .inner-left .sale div a img {width:44px;}
.notice-box .inner .inner-left.long {border-right:1px solid #999; padding-right:64px;}
.notice-box .inner .inner-left.long ~ .inner-left {flex:none; padding:0 80px;}
.notice-box .inner .inner-right p {margin:0 0 35px; font-size:16px; line-height:1.6; word-break:keep-all;}
.notice-box .inner .inner-right p:last-of-type {margin:0;}
.notice-box .inner .inner-right p b {font-size:16px; line-height:1.6; color:#993333; font-weight:800;}
@media (max-width:1300px){
.notice-box .inner .inner-left.long ~ .inner-left {flex:1; min-width:0; padding:0;}
}
@media (max-width:991px){
.notice-box {padding:40px 0;}
.notice-box .title-box {margin:0 0 30px;}
.notice-box .inner > div {flex:none; margin-right:0; width:100%; margin-bottom:30px;}
.notice-box .inner > div:last-of-type {margin:0;}
.notice-box .inner .inner-left h3 {font-size:18px; margin:0 0 20px;}
.notice-box .inner .inner-left .order ul li em {font-size:15px; width:20px;}
.notice-box .inner .inner-left .order ul li p {font-size:15px;}
.notice-box .inner .inner-left .order ul li p b {font-size:15px;}
.notice-box .inner .inner-left .link {margin:20px 0 0;}
.notice-box .inner .inner-left .link ul li {margin:0 0 20px;}
.notice-box .inner .inner-left .link ul li a img {width:35px; height:35px;}
.notice-box .inner .inner-left .link ul li a div b {font-size:15px;}
.notice-box .inner .inner-left .link ul li a div small {font-size:13px;}
.notice-box .inner .inner-left .link ul li p {display:block;}
.notice-box .inner .inner-left .link ul li p a {display:block; margin:0 0 3px;}
.notice-box .inner .inner-left .link ul li p a:last-of-type {margin:0;}
.notice-box .inner .inner-left .social > ul > li {margin:0 0 30px;}
.notice-box .inner .inner-left .social > ul > li dl dd {margin-right:0; margin-bottom:25px; width:100%;}
.notice-box .inner .inner-left .social > ul > li dl dd:last-of-type {margin-bottom:0;}
.notice-box .inner .inner-left .sale p {font-size:15px;}
.notice-box .inner .inner-left .sale p a {font-size:15px; line-height:1.3; color:#333;}
.notice-box .inner .inner-left .sale div {margin:20px 0 0;}
.notice-box .inner .inner-left.long {flex:none; width:100%; border-right:0; padding-right:0; border-bottom:1px solid #999; padding:0 0 30px; margin:0 0 30px;}
.notice-box .inner .inner-left.long ~ .inner-left {flex:none; width:100%;}
.notice-box .inner .inner-right p {font-size:16px; margin:0 0 24px;}
.notice-box .inner .inner-right p b {font-size:16px;}
}

/* paging-box */
.paging-box {margin:70px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:24px; height:24px; font-size:14px; color:#333;}
.paging-box a.pg {width:auto; padding:0 10px;}
.paging-box a.pg.prev {margin-right:20px;}
.paging-box a.pg.next {margin-left:20px;}
.paging-box a.active {background:#993333; color:#fff;}
@media (max-width:991px){
.paging-box {margin:50px 0 0;}
.paging-box a.pg {padding:0 5px;}
.paging-box a.pg.prev {margin-right:10px;}
.paging-box a.pg.next {margin-left:10px;}
.paging-box a.mo {display:none;}
}

/* post-box */
.post-box {margin:-100px 0 100px;}
.post-box ul {display:flex; flex-wrap:wrap;}
.post-box ul li {padding:100px 0; flex:1; min-width:0; background-size:cover; background-position:center; height:970px; display:flex; flex-wrap:wrap; justify-content:center;}
.post-box ul li:first-of-type {background-image:url('../images/bg_pots_01.jpg'); align-content:flex-end;}
.post-box ul li:last-of-type {background-image:url('../images/bg_pots_02.jpg');}
.post-box ul li h2 {font-size:30px; text-align:center; font-weight:400; color:#993333; line-height:1.4; margin:0 0 20px;}
.post-box ul li p {font-size:18px; text-align:center; line-height:1.4; word-break:keep-all;}
@media (max-width:991px){
.post-box {margin:-40px 0 50px;}
.post-box ul li {width:100%; flex:none; padding:45px 20px 60px; height:550px;}
.post-box ul li h2 {font-size:20px; margin:0 0 15px;}
.post-box ul li p {font-size:15px;}
.post-box ul li:first-of-type {background-image:url('../images/pots_img1_crop.jpg'); align-content:flex-end;}
.post-box ul li:last-of-type {background-image:url('../images/pots_img2_crop.jpg');}
}

/* guide-box */
.guide-box {border-top:1px solid #cbcccc; padding:100px 0; margin:100px 0 0;}
.guide-box .container {max-width:1360px;}
.guide-box ul {display:flex; flex-wrap:wrap; margin:0 -10px -40px;}
.guide-box ul li {width:calc(50% - 20px); margin:0 10px 40px;}
.guide-box ul li > h2 {font-size:36px; font-weight:800; color:#8c1d22; margin:0 0 20px;}
.guide-box ul li > h3 {display:flex; flex-wrap:wrap; align-items:center;}
.guide-box ul li > h3 b {display:flex; flex-wrap:wrap; align-items:center; font-size:24px; color:#333;}
.guide-box ul li > h3 b strong {font-size:24px; font-weight:800; color:#8c1d22;}
.guide-box ul li > h3 b:after {display:inline-block; content:""; width:1px; height:14px; margin:0 12px; background:#333;}
.guide-box ul li > h3 small {font-size:18px; color:#333; line-height:1.3;}
.guide-box ul li > p {font-size:16px; line-height:1.6; color:#333; word-break:keep-all; padding-right: 60px;}
.guide-box ul li > dl {display:flex; flex-wrap:wrap; margin-left:-10px; margin-top:20px;}
.guide-box ul li > dl dd img {width:104px;}
.guide-box ul li > dl dd p {text-align:center; font-size:14px;}
.guide-box ul li > dl dd b {display:block; text-align:center; font-size:14px; color:#8c1d22; font-weight:800; margin:5px 0 0;}
@media (max-width:991px){
.guide-box {padding:50px 0; margin:50px 0 0;}
.guide-box ul {margin:0;}
.guide-box ul li {width:100%; margin:0 0 40px;}
.guide-box ul li:last-of-type {margin:0;}
.guide-box ul li > h2 {font-size:25px;}
.guide-box ul li > h3 b {font-size:16px;}
.guide-box ul li > h3 b strong {font-size:16px;}
.guide-box ul li > h3 small {font-size:13px;}
.guide-box ul li > p {font-size:15px; padding:0;}
.guide-box ul li > dl dd {width:33.33%;}
.guide-box ul li > dl dd img {width:100%; margin:0;}
.guide-box ul li > dl dd p {font-size:13px;}
.guide-box ul li > dl dd b {font-size:13px;}
}

/* table-list-box */
.table-list-box {max-width:1320px; margin:0 auto;}
.table-list-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 10px;}
.table-list-box .list-head p {font-size:14px;}
.table-list-box .list-head b {font-size:14px; margin-left:5px; font-weight:600;}
.table-list-box .list-body table thead tr th {border:2px solid #000; border-width:2px 0 1px; height:65px; padding:0 10px; font-size:18px; font-weight:600; color:#333;}
.table-list-box .list-body table thead tr th.name {width:200px;}
.table-list-box .list-body table thead tr th.date {width:150px;}
.table-list-box .list-body table tbody tr td {border-bottom:1px solid #ccc; padding:15px 10px; font-size:16px; color:#333;}
.table-list-box .list-body table tbody tr td a.subject {display:block; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; max-width:950px;}
@media (max-width:1400px){
.table-list-box .list-body table tbody tr td a.subject {max-width:600px;}
}
@media (max-width:991px){
.table-list-box .list-body table thead tr th {height:50px; font-size:15px; padding:0 5px;}
.table-list-box .list-body table thead tr th.name {width:auto; display:none;}
.table-list-box .list-body table thead tr th.date {width:auto;}
.table-list-box .list-body table tbody tr td {padding:10px 5px; font-size:12px;}
.table-list-box .list-body table tbody tr td.name {display:none;}
.table-list-box .list-body table tbody tr td a.subject {font-size:14px; max-width:240px;}
}

/* contact-list-box */
.contact-list-box {max-width:1320px; margin:0 auto;}
.contact-list-box > ul > li {margin:0 0 100px;}
.contact-list-box > ul > li:last-of-type {margin:0;}
.contact-list-box > ul > li h2 {font-weight:300; padding:0 0 13px; border-bottom:1px solid #999; font-size:38px; color:#8c1d22;}
.contact-list-box > ul > li h3 {margin:50px 0 0; font-size:30px; font-weight:700; color:#8c1d22;}
.contact-list-box > ul > li .info {margin:35px 0 0;}
.contact-list-box > ul > li .info dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 -15px;}
.contact-list-box > ul > li .info dl dd {font-size:18px; line-height:1.3; color:#333; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:15px; margin-right:20px;}
.contact-list-box > ul > li .info dl dd:last-of-type {margin-right:0;}
.contact-list-box > ul > li .info dl dd:before {display:inline-block; content:""; background-size:cover; background-position:center; margin-right:10px;}
.contact-list-box > ul > li .info dl dd:nth-of-type(1):before {width:20px; height:27px; background-image:url('../images/icon_contact_01.png');}
.contact-list-box > ul > li .info dl dd:nth-of-type(2):before {width:17px; height:27px; background-image:url('../images/icon_contact_02.png');}
.contact-list-box > ul > li .info dl dd:nth-of-type(3):before {width:22px; height:25px; background-image:url('../images/icon_contact_03.png');}
.contact-list-box > ul > li .info dl dd:nth-of-type(4):before {width:26px; height:19px; background-image:url('../images/icon_contact_04.png');}
.contact-list-box > ul > li .social {display:flex; flex-wrap:wrap; margin:35px 0 0;}
.contact-list-box > ul > li .social:before {display:inline-block; content:""; width:24px; height:24px; margin:0 10px 0 0; background:url('../images/icon_contact_05.png') no-repeat center / cover;}
.contact-list-box > ul > li .social dl {flex:1; min-width:0;}
.contact-list-box > ul > li .social dl dd {margin:0 0 10px;}
.contact-list-box > ul > li .social dl dd:last-of-type {margin:0;}
.contact-list-box > ul > li .social dl dd a {display:flex; flex-wrap:wrap; align-items:center;}
.contact-list-box > ul > li .social dl dd a b {font-size:18px; line-height:1.4; font-weight:800; margin-right:7px; color:#8c1d22;}
.contact-list-box > ul > li .social dl dd a p {font-size:18px; line-height:1.4; color:#333;}
.contact-list-box > ul > li .link {display:flex; flex-wrap:wrap; align-items:center; margin:35px 0 0;}
.contact-list-box > ul > li .link a {display:flex; flex-wrap:wrap; align-items:center; margin-right:24px;}
.contact-list-box > ul > li .link a:last-of-type {margin:0;}
.contact-list-box > ul > li .link a img {width:38px; margin-right:10px;}
.contact-list-box > ul > li .link a p {font-size:18px; color:#333;}
.contact-list-box > ul > li .map {margin:50px 0 0; position:relative; overflow:hidden; border:1px solid #999;}
.contact-list-box > ul > li .map:after {display:block; content:""; padding-bottom:40%;}
.contact-list-box > ul > li .map iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
@media (max-width:991px){
.contact-list-box > ul > li h2 {font-size:30px;}
.contact-list-box > ul > li h3 {margin:24px 0 0; font-size:20px;}
.contact-list-box > ul > li .info {margin:24px 0 0;}
.contact-list-box > ul > li .info dl {margin:0;}
.contact-list-box > ul > li .info dl dd {width:100%; margin:0 0 10px; font-size:16px;}
.contact-list-box > ul > li .info dl dd:last-of-type {margin:0;}
.contact-list-box > ul > li .info dl dd a {font-size:16px; line-height:1.3; color:#333;}
.contact-list-box > ul > li .info dl dd:before {width:30px !important; background-repeat:no-repeat;}
.contact-list-box > ul > li .info dl dd:nth-of-type(1):before {background-size:20px auto;}
.contact-list-box > ul > li .info dl dd:nth-of-type(2):before {background-size:17px auto;}
.contact-list-box > ul > li .info dl dd:nth-of-type(3):before {background-size:22px auto;}
.contact-list-box > ul > li .info dl dd:nth-of-type(4):before {background-size:26px auto;}
.contact-list-box > ul > li .social {margin:24px 0 0;}
.contact-list-box > ul > li .social dl dd a b {font-size:16px;}
.contact-list-box > ul > li .social dl dd a p {font-size:16px; width:100%; margin:5px 0 0;}
.contact-list-box > ul > li .link {margin:24px 0 0;}
.contact-list-box > ul > li .link a img {width:30px;}
.contact-list-box > ul > li .link a p {font-size:16px;}
.contact-list-box > ul > li .map {margin:24px 0 0;}
.contact-list-box > ul > li .map:after {padding-bottom:100%;}
}

/* abount-main-box */
.abount-main-box {position:relative; height:100%; background:url('../images/bg_about_main.png') no-repeat center / cover; display:flex; flex-wrap:wrap; align-items:center;}
.abount-main-box:after {z-index:20; content:""; position:fixed; right:65px; top:50%; transform:translateY(-50%); width:30px; height:157px; background:url('../images/icon_scroll.png') no-repeat center / cover;}
.abount-main-box .container {width:100%;}
.abount-main-box ul {display:flex; flex-wrap:wrap; gap:70px;}
.abount-main-box ul li {flex:1; min-width:0; display:flex; gap:40px; flex-direction: column;}
/* .abount-main-box ul li .title-box {margin:0 0 40px;}
.abount-main-box ul li .title-box h2 p {padding:2px 0 0;} */
.abount-main-box ul li b {display:block; text-align:center; font-size:20px; font-weight:800; color:#fff;}
.abount-main-box ul li p {margin:10px 0 0; text-align:center; font-size:18px; line-height:1.3; color:#fff;}
.abount-main-box ul li img {display:block; margin:0 auto;}
.abount-main-box ul li:first-of-type img {width:549px;}
.abount-main-box ul li:last-of-type img {width:285px; margin-bottom:40px;}
@media (max-width:991px){
.abount-main-box:after {display:none;}
.abount-main-box ul li {flex:none; width:100%; margin:0 0 50px;}
.abount-main-box ul li:last-of-type {margin:0;}
.abount-main-box ul li .title-box {margin:0 0 20px;}
.abount-main-box ul li b {font-size:16px;}
.abount-main-box ul li p {font-size:14px;}
.abount-main-box ul li:first-of-type img {width:200px; margin-top:20px; margin-bottom:10px;}
.abount-main-box ul li:last-of-type img {width:150px; margin-top:20px; margin-bottom:20px;}
}

/* about-book-box */
.about-book-box {height:100%; background:url('../images/bg_about_book.png') no-repeat center / cover; display:flex; flex-wrap:wrap; align-items:center;}
.about-book-box .container {width:100%;}
.about-book-box .title-box {margin:0 0 40px;justify-content:flex-start;}
.about-book-box img {display:none;}
.about-book-box ul li {margin:0 0 50px;}
.about-book-box ul li:last-of-type {margin:0;}
.about-book-box ul li strong {display:block; font-size:20px; line-height:1.3; margin:0 0 10px; font-weight:800; color:#333;}
.about-book-box ul li p {font-size:18px; line-height:1.3; color:#333; margin:0 0 5px;}
.about-book-box ul li a {display:block; margin:20px 0 0; font-size:16px; font-weight:900; color:#8c1d22;}
@media (max-width:991px){
.about-book-box {margin:80px 0 0; background:none;}
.about-book-box:after {display:block; content:""; width:calc(100% - 40px); height:1px; background:#ccc; margin:40px auto 0;}
.about-book-box .title-box {margin:0 0 24px;}
.about-book-box ul li {margin:0 0 35px;}
.about-book-box ul li strong {font-size:20px; word-break:keep-all;}
.about-book-box ul li p {font-size:16px;}
.about-book-box ul li a {margin:15px 0 0;}
.about-book-box img {display:block; width:calc(100% + 40px); margin:0 -20px;}
}

/* about-person-box */
.about-person-box {margin:80px 0 0; padding:0 20px;}
.about-person-box ul {margin:40px 0 0;}
.about-person-box ul li {border-bottom:1px solid #cbcccc; padding:0 0 30px; margin:0 0 30px;}
.about-person-box ul li:last-of-type {margin:0; padding-bottom:0px;}
.about-person-box ul li > img {width:100%;}
.about-person-box ul li > div div {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:20px 0; border-bottom:1px solid #cbcccc;}
.about-person-box ul li > div div a.more {display:flex; flex-wrap:wrap; align-items:center;}
.about-person-box ul li > div div a.more:after {display:block; content:""; margin:0 0 0 5px; width:9px; height:6px; transform:rotate(180deg); background:url('../images/icon_more_gray.png') no-repeat center / cover;}
.about-person-box ul li > div div a.more strike {font-size:14px; text-decoration:none;}
.about-person-box ul li > div div a.more b {margin-left:5px; font-size:14px; font-weight:800; color:#8c1d22;}
.about-person-box ul li > div div a:not(.more) {width:20px; height:20px; font-size:0; background:url('../images/icon_instagram_color.png') no-repeat center / cover;}
.about-person-box ul li > div dl {margin:30px 0 0;}
.about-person-box ul li > div dl dd {margin:0 0 10px; font-size:14px; line-height:1.3; word-break:keep-all;}
.about-person-box ul li > div dl dd:last-of-type {margin:0;}
.about-person-box ul li.active {border:0; margin:0;}
.about-person-box ul li.active > div div a.more:after {transform:rotate(0deg);}
.about-person-box ul li.active > div dl {display:none;}

/* about-store-box */
.about-store-box {height:100%; background-size:cover; background-position:bottom; padding-bottom: 6rem;}
.about-store-box .container {width:100%;}
.about-store-box img {display:none;}
.about-store-box .title-box {margin:0 0 35px;justify-content:flex-start;}
.about-store-box strong {font-size:23px; font-weight:800; color:#8c1d22; display:flex; flex-wrap:wrap;}
.about-store-box strong small {font-size:16px; font-weight:800; color:#8c1d22; margin-left:5px;}
.about-store-box p {margin:10px 0 0; font-size:18px; color:#333;}
.about-store-box.store01 {background-image:url('../images/bg_about_store_01.png'); display:flex; flex-wrap:wrap; align-items:flex-end; color: #fff;}
.about-store-box.store02 {background-image:url('../images/bg_about_store_02.png'); display:flex; flex-wrap:wrap; align-items:flex-end;}
.about-store-box.store01 strong, .about-store-box.store02 strong {color:#fff;}
.about-store-box.store01 strong small, .about-store-box.store02 strong small {color:#fff;}
.about-store-box.store01 p, .about-store-box.store02 p {color:#fff;}
@media (max-width:991px){
.about-store-box {position:relative;  display:flex; flex-wrap:wrap; align-items:center; background:none !important; padding:0; margin:0 0 80px;}
.about-store-box.store01 {margin:0 0 40px;}
.about-store-box .container {position:relative; width:100%;}
.about-store-box img {display:block; width:calc(100% + 40px); margin:0 -20px;}
.about-store-box .title-box {display:none;}
.about-store-box strong {font-size:16px; margin:15px 0 0;}
.about-store-box strong small {font-size:13px;}
.about-store-box p {font-size:14px; margin:5px 0 0;}
.about-store-box.store01 strong, .about-store-box.store02 strong {color:#8c1d22;}
.about-store-box.store01 strong small, .about-store-box.store02 strong small {color:#8c1d22;}
.about-store-box.store01 p, .about-store-box.store02 p {color:#333;}
}

/* about-online-box */
.about-online-box {background:url('../images/bg_about_store.png') no-repeat center / cover; padding:185px 0 160px;}
.about-online-box .container {width:100%;}
.about-online-box ul {margin:60px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap: 130px;}
/* .about-online-box ul li {margin-right:130px;} */
.about-online-box ul li:last-of-type {margin:0;}
.about-online-box ul li a {display:block;}
.about-online-box ul li a:before {display:block; content:""; margin:0 auto; background-position:center top; background-repeat:no-repeat; width:104px; height:108px;}
.about-online-box ul li a p {font-size:30px; font-weight:900; color:#8c1d22; margin:10px 0 0; text-align:center;}
.about-online-box ul li:nth-of-type(1) a:before {background-image:url('../images/icon_about_online_01.png'); background-size:104px auto;}
.about-online-box ul li:nth-of-type(2) a:before {background-image:url('../images/icon_about_online_02.png'); background-size:104px auto;}
.about-online-box ul li:nth-of-type(3) a:before {background-image:url('../images/icon_about_online_03.png'); background-size:75px auto;}
@media (max-width:991px){
.about-online-box {padding:100px 0; background-position:25% center;}
.about-online-box .container {position:relative; width:100%;}
.about-online-box .title-box h2 {justify-content:center;}
.about-online-box ul {margin:30px 0 0; gap:30px;}
/* .about-online-box ul li {margin-right:30px;} */
.about-online-box ul li a:before {width:60px; height:60px;}
.about-online-box ul li a p {font-size:16px; margin:5px 0 0;}
.about-online-box ul li:nth-of-type(1) a:before {background-size:60px auto;}
.about-online-box ul li:nth-of-type(2) a:before {background-size:60px auto;}
.about-online-box ul li:nth-of-type(3) a:before {background-size:40px auto;}
}