@charset "UTF-8";
/*
Theme Name: gh-renovation
-------------------------------------------------- */

/*  common
------------------------- */
body,html {display: block;overflow-x: hidden;font-size: 16px;}
body {
    position: relative;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    background: #ffffff;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.2em;
    color: #191919;
}

p {margin-bottom: 2em;}
a {color: #191919;text-decoration: none;transition: all 0.4s;}
a:hover,a:focus {color: #5a4a3c;text-decoration: none;}
img {width: auto;max-width: 100%;height: auto;vertical-align: middle;}

ul,ol {margin-bottom: 2em;}
ul.check li {position: relative;padding-left: 1.5em;}
ul.check li::before {content: "";position: absolute;top: 0.5em;left: 0;width: 1em;height: 1em;background: url(./lib/images/icon_check.png);background-size: 100%;}

ul.disc {list-style: disc;margin-left: 1.3em;}

ol {margin-left: 2em;list-style: decimal;}
ol li {}
ol li::before {}

table {width: 100%;}
tr {display: block;margin-bottom: 1.5rem;}
th,td {display: block;text-align: left;}
th {font-weight: 600;color: #839c74;margin-bottom: 0.5em;padding: 0 0.25rem;}
td {font-size: 0.875rem;padding: 0 0.25rem;padding-bottom: 2em;border-bottom: solid 1px #ccc;}
tbody tr:first-child th {padding-top: 1rem;border-top: solid 1px #ccc;}
table.small-tb {}
table.small-tb tr {display: table-row;}
table.small-tb th,table.small-tb td {display: table-cell;font-size: 0.875rem;padding: 5px 0;border: none !important;}
h2, .h2 {font-size: 2rem;font-weight: 600;}
h3, .h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: 1em;}
h4, .h4 {font-size: 1.25rem;font-weight: 600;margin-bottom: 2em;}
h5, .h5 {font-size: 1.125rem;font-weight: 600;}
strong {font-weight: 600;color: #839c74;}
small {display: inline-block;letter-spacing: 0.15em;font-size: 0.75em;}
rt {}
a > img {opacity: 1;transition: opacity .4s;}
a:hover > img {opacity: 0.6;}

a.underline {text-decoration: underline}

.more a {position: relative;line-height: 1;}
.more.more-type01 a {padding-left: 48px;color: #839c74;}
.more.more-type01 a::before,
.more.more-type01 a::after {content: "";position: absolute;bottom: 2px;left: 0;height: 1px;background: #839c74;}
.more.more-type01 a::before {width: 32px;}
.more.more-type01 a::after {bottom: -1px;left: 22px;width: 12px;-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}

.more.more-type02 {}
.more.more-type02 a {font-size: 0.75rem;padding-right: 32px;color: #839c74;}
.more.more-type02 a::before,
.more.more-type02 a::after {content: "";position: absolute;bottom: 2px;right: 0;height: 1px;background: #839c74;}
.more.more-type02 a::before {width: 24px;}
.more.more-type02 a::after {bottom: -3px;right: -1px;width: 7px;-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}

.more.more-type03 {}
.more.more-type03 a {display: block;font-size: 0.875rem;font-family: 'Libre Baskerville', serif;letter-spacing: 0.3em;line-height: 1.56;text-align: center;padding: 1.5em;color: #ffffff;background: #9db681;}
.more.more-type03 a::before,
.more.more-type03 a::after {content: "";position: absolute;top: 50%;right: 1rem;height: 1px;background: #fff;}
.more.more-type03 a::before {width: 24px;}
.more.more-type03 a::after {top: 55%;right: 14px;width: 10px;-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}

.more.more-type04 {}
.more.more-type04 a {display: block;font-size: 0.875rem;font-family: 'Libre Baskerville', serif;letter-spacing: 0.3em;line-height: 1.56;text-align: center;padding: 1.25rem 1.5em;color: #ffffff;background: #9db681;}

.has-image {width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 75%;}
.has-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 101%;
    max-width: none;
    height: auto;
    margin: -1px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.has-image img.height_fit {height: 101%;width: auto;}

.nullBox {display: block;width: 100%;margin-bottom: 32px;padding: 16px;background: #f7f7f7;}
.nullBox p {margin-bottom: 0;}

.row .col-6.col-space:nth-child(odd) {padding-right: 7.5px;}
.row .col-6.col-space:nth-child(even) {padding-left: 7.5px;}

.relative {position: relative;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.font-demibold {font-weight: 600;}
.font-bold {font-weight: bold;}
.font-normal {font-weight: normal;}
.font-small {font-size: 0.875rem !important;}
.font-ssmall {font-size: 0.75rem !important;}
.font-medium {font-size: 1rem !important;}
.font-large {font-size: 1.125rem !important;}
.font-xlarge {font-size: 1.5rem !important;}
.font-en {font-family: 'Libre Baskerville', serif;letter-spacing: 0.3em;}
.font-jp-mincho {font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.font-jp-gothic {font-family: 'Noto Sans JP', sans-serif;}

.color-brown {color: #594a3c;}
.color-green {color: #9db680;}
.color-red {color: #f10;}

.bg-rightbrown {background: #e0d8cf;}
.bg-brown {background: #bbaa9d;}
.bg-brown *,
.bg-brown .more a {color: #ffffff;border-color: #ffffff;}

.youtube-box{position:relative;width:100%;padding-bottom:56.25%;}
.youtube-box iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
.gmap iframe {width: 100%;}

.anker-target {
    padding-top: 56px;
    margin-top: -56px;
}


/*  header
------------------------- */
header {position: fixed;top: 0;left: 0;width: 100%;height: 50px;z-index: 1001;transition: all .6s;background: #fff;}
header.has-bg {background: rgba(0, 0, 0, 0.72);}
header.has-bg.open {background: transparent;}
.header-inner {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;}
.header-inner .logo {background: #ffffff;}

/* logo */
.logo {position: relative;padding: 17px 0;z-index: 1;}
.logo h1 {font-family: 'Libre Baskerville', serif;font-size: 1rem;font-weight: 600;line-height: 1;letter-spacing: 0.3em;}
.logo h1 a {display: inline-block;}
.logo.has-icon {}
.logo.has-icon a {display: flex;justify-content: center;align-items: center;}
.logo.has-icon a img {width: 30px;margin-right: 1rem;}
.logo.has-icon a span {line-height: 1;padding-top: 4px;}

/* drawer */
.mobile-drawer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow-y: auto;width: 100%;height: auto;padding: 1rem;padding-top: 24px;opacity: 0;visibility: hidden;transition: all .4s;background: rgb(255, 255, 255);z-index: 10;}
.mobile-drawer-logo {margin: 0 -1rem;padding-bottom: 8px;}
.mobile-drawer-logo h2 {font-size: 1.5rem;font-weight: normal;}
.mobile-drawer-logo a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;}
.mobile-drawer-logo a img {width: 32px;margin-right: 1rem;}
.mobile-drawer-logo a span {display: block;font-size: 1.25rem;padding-top: 4px;line-height: 1;}
header.open .mobile-drawer {opacity: 1;visibility: visible;}

/* main-nav */
#main-nav {padding-top: 1.5rem;}
#main-nav ul {display: flex;flex-wrap: wrap;}
#main-nav ul li {width: 50%;margin-bottom: 1.5rem;padding: 0 0.5rem;}
#main-nav ul li a {font-size: 0.875rem;display: block;text-align: center;}
#main-nav ul li a small {display: block;margin-top: 4px;}
#main-nav .separate {margin-top: 10px;line-height: 1;display: block;overflow: hidden;}
#main-nav .separate .s-item {
    display: inline-block;
    -webkit-transition: opacity .7s linear ,-webkit-transform .7s cubic-bezier(0,.6,.2,1);
    transition: opacity .7s linear,-webkit-transform .7s cubic-bezier(0,.6,.2,1);
    transition: transform .7s cubic-bezier(0,.6,.2,1),opacity .7s linear;
    transition: transform .7s cubic-bezier(0,.6,.2,1),opacity .7s linear,-webkit-transform .7s cubic-bezier(0,.6,.2,1);
    -webkit-transform: translate3d(0,1.3em,0);
    transform: translate3d(0,1.3em,0);
}
header.open #main-nav .separate .s-item {-webkit-transform: translateZ(0);transform: translateZ(0);}

/* nav-open */
.js-mobile-nav-open,
.js-mobile-nav-open span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.js-mobile-nav-open {position: fixed;top: 0px;right: 0;width: 50px;height: 50px;padding: 17px 0.875rem;transition: right .6s;z-index: 15;/* background: #fff; */}
.js-mobile-nav-open .inner {position: relative;height: 100%;}
.js-mobile-nav-open small {position: absolute;bottom: 1px;left: -3.5px;right: 0;margin: auto;font-size: 0.625rem;text-align: center;line-height: 1;letter-spacing: 0.03em;color: #fff;transform: scale(.8);}
.js-mobile-nav-open span {position: absolute;left: 0;width: 100%;height: 1px;background-color: #000000;}
.js-mobile-nav-open span:nth-of-type(1) {top: 0;}
.js-mobile-nav-open span:nth-of-type(2) {width: 65%;top: 50%;left: auto;right: 0;}
.js-mobile-nav-open span:nth-of-type(3) {width: 80%;left: auto;right: 0;bottom: 0;}

header.open .js-mobile-nav-open span:nth-of-type(1) {width: 100%;-webkit-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
header.open .js-mobile-nav-open span:nth-of-type(2) {opacity: 0;}
header.open .js-mobile-nav-open span:nth-of-type(3) {width: 100%;-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}


/*  main
------------------------- */
main {margin-top: 50px;margin-bottom: 50px;}


/*  aside
------------------------- */
aside {margin-bottom: 3rem;}
aside > .inner {padding: 3rem 0;}
aside.lineup {background: url(./lib/images/aside_bg.jpg);background-size: cover;background-position: 50%;}
.linebox-lineup {position: relative;max-width: 320px;margin: 0 auto;padding: 2rem;background: rgb(255,255,255,0.8);}
.linebox-lineup span {position: absolute;top: -1rem;left: -1rem;}
.linebox-lineup span img {width: 128px;}
.linebox-lineup h4 {font-size: 0.875rem;text-align: center;margin-bottom: 0.5rem;}
.linebox-lineup h3 {font-size: 1.125rem;text-align: center;margin: 0 -2rem 1em;}
.linebox-lineup p {font-size: 0.875rem;}
.linebox-lineup .more {}
.linebox-lineup .more a {padding: 1rem 0;}
.linebox-lineup .more a::before {top: 37px;}
.linebox-lineup .more a::after {top: 41px;}


/*  footer
------------------------- */
footer {margin-bottom: 53px;}
.foot-row > div {margin-bottom: 50px;}

.foot-menu {margin-bottom: 3rem;}
.foot-menu .inner {display: flex;flex-wrap: wrap;padding-top: 40px;border-top: solid 1px #e5e5e5;}
aside + footer .foot-menu .inner {border-top: none;}
.foot-menu .foot-menu-col {width: 50%;padding: 0 0.25rem;}
.foot-menu .foot-menu-col dl {margin-bottom: 1.5rem;}
.foot-menu .foot-menu-col dl dt {font-weight: 600;margin-bottom: 0.25rem;}
.foot-menu .foot-menu-col dl dd {font-size: 0.75rem;font-family: 'Noto Sans JP', sans-serif;margin-bottom: 0.5rem;}
.foot-menu .foot-menu-col dl dd.child {margin-left: 1em;}
.foot-menu .foot-menu-col dl dd::before {content: "- "}
.foot-menu .foot-menu-col dl dd a {}
.foot-menu .foot-menu-col .menu-sns {}
.foot-menu .foot-menu-col .menu-sns ul {display: flex;flex-wrap: wrap;}
.foot-menu .foot-menu-col .menu-sns ul li {width: auto;line-height: 1;margin-right: 1rem;}
.foot-menu .foot-menu-col .menu-sns ul li a {}
.foot-menu .foot-menu-col .menu-sns ul li a img {width: 20px;}
.foot-menu .foot-menu-col:first-child {width: 100%;}
.foot-menu .foot-menu-col:first-child dl {margin-bottom: 1rem;}
.foot-menu .foot-menu-col:last-child {width: 100%;display: flex;flex-wrap: wrap;}
.foot-menu .foot-menu-col:last-child dl {margin-bottom: 0;}
.foot-menu .foot-menu-col:last-child dl dd::before {content: none;}
.foot-menu .foot-menu-col:last-child > * {width: 50%;}

.foot-bottom {padding-top: 3rem;background: #f2f4eb;}
.footer-meta .logo {padding: 0;margin-bottom: 1rem;text-align: center;}
.footer-meta .logo a img {}
.footer-meta p {font-size: 0.75rem;margin-bottom: 0;text-align: center;}
.footer-contact {text-align: center;}
.footer-contact > .inner {}
.footer-contact p {font-size: 0.875rem;font-weight: 600;margin-bottom: 0;}
.footer-contact a {display: block;font-size: 1.5rem;font-weight: 600;}
.footer-contact a span {font-size: 1.125rem;margin-right: 0.5em;}
.footer-contact small {display: block;}

.foot-row .copyright {margin-bottom: 0;padding-bottom: 15px;text-align: center;}
.foot-row .copyright a {display: block;font-size: 0.75rem;color: #737373;}
.foot-row .copyright small {font-size: 0.625rem;letter-spacing: 0.056em;color: #737373;}


/*  cta
------------------------- */
#cta {position: fixed;bottom: -55px;left: 0;width: 100%;background: #5a4a3c;z-index: 100;transition: all 0.6s;}
#cta ul {display: flex;margin-bottom: 0;}
#cta ul li {flex-grow: 1;border-right: solid 1px #fff;}
#cta ul li:last-child {border-right: none;}
#cta ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.056em;
    color: #fff;
    background: #594a3c;
}
#cta ul li a.contact {background: #839c74;}
#cta ul li a.request {background: #a48d76;}
#cta ul li a.kengaku {background: #ccca52;}
#cta ul li a img {width: auto;height: 20px;margin-right: 8px;}
#cta ul li a span {line-height: 1.3;}
#cta.fixed {bottom: 0;}
.cta-none {display: none;}


/*  breadcrumb
------------------------- */
#breadcrumb {padding: 0.5rem 0;}
#breadcrumb ul {display: block;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: right;margin-bottom: 0;color: #ffffff;}
#breadcrumb ul li {display: inline;font-size: 0.75rem;padding: 0 4px;color: #fff;}
#breadcrumb ul li a {color: #fff;}


/*  pagination
------------------------- */
.pagination {display: block;margin-top: 3rem;text-align: center;}
.pagination a.page-numbers,
.pagination span {display: inline-block;padding: 12px 16px;height: 40px;width: 40px;line-height: 1;vertical-align: middle;}
.pagination a.page-numbers {color: #191919;}
.page-numbers.current {color: #fff;border-radius: 5px;background: #9db681;}
.pagination a.next,
.pagination a.prev {font-weight: bold;font-size: 18px;padding: 10px 16px;}


/*  page-common
------------------------- */
section {padding: 2rem 0;}
section.has-bg {margin: 1.5rem 0;padding: 3rem 0;}
section.pb-shift {margin: 0;padding-bottom: 8rem;}
section.bg-top-part {position: relative;}
section.bg-top-part::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 220px;background: #bbaa9d;}

.page-header {padding-bottom: 2rem;}
.page-header > .inner {position: relative;}
.page-header .has-image {padding-bottom: 100%;}
.page-header .page-ttl {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    max-width: none;
    height: auto;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.page-header .page-ttl h2 {position: relative;display: block;font-size: 2rem;padding: 0 1rem;color: #fff;text-shadow: 1px 0 3px rgba(49, 49, 49, 0.2);}
.page-header .page-ttl.hsa-sub-title h2 {line-height: 1.56;}
.page-header .page-ttl h2 span {display: block;font-size: 1rem;}
.page-header .page-ttl.page-ttl-small h2 {font-size: 1.75rem;}
.page-header #breadcrumb {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 10;}

.section-header > .inner {position: relative;}
.section-header .section-header-img {position: relative;width: calc(100% - 2rem);}
.section-header .section-header-img .has-image {padding-bottom: 240px;}
.section-header .section-title {position: relative;padding-right: 1rem;text-align: right;z-index: 10;}

.section-header-shift {margin-top: -6rem;margin-bottom: 3rem;}
.section-header-right .section-header-img {margin-left: auto;}
.section-header-right .section-title {text-align: left;padding-left: 1rem;}

.section-title_type01 {text-align: center;margin-bottom: 2rem;}
.section-title_type01 h3 {font-size: 1.5rem;line-height: 1;}
.section-title_type01 h3 small {display: block;font-size: 0.875rem;margin-top: 10px;line-height: 2;}

.section-title_type02 {}
.section-title_type02 h3 {position: relative;text-align: center;line-height: 1.56;}
.section-title_type02 h3 span {display: inline-block;position: relative;max-width: calc(100% - 2rem);padding: 0 1em;background: #fff;}
.section-title_type02 h3::before {content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #313131;}

.section-title_type03 {}
.section-title_type03 h3 {}
.section-title_type03 h3 span {display: inline-block;font-size: 1rem;}

.section-title_numbering {display: flex;align-items: center;margin-bottom: 2rem;}
.section-title_numbering .number {font-size: 3rem;padding-right: 1rem;line-height: 1;color: #9db680;}
.section-title_numbering h3 {padding-left: 1rem;line-height: 1;margin: 0;border-left: solid 1px #ccc;}
.section-title_numbering h3 span {display: block;font-size: 0.75rem;font-weight: normal;line-height: 1.56;padding-bottom: 0.5rem;color: #808080;}

.action-btn {margin-bottom: 1rem;}
.action-btn a {display: flex;flex-wrap: wrap;align-items: center;padding: 10px;padding-right: 15px;color: #594a3c;border: solid 1px #594a3c;}
.action-btn a img {width: 72px;}
.action-btn a p {width: calc(100% - 100px);margin-bottom: 0;font-weight: 600;line-height: 1;text-align: center;}
.action-btn a p span {display: block;font-size: 0.687rem;font-weight: normal;padding-top: 1em;letter-spacing: 0.056em;}
.action-btn a > span {position: relative;width: 28px;height: 1px;background: #5a4a3c;}
.action-btn a > span::before {content: "";position: absolute;top: 5px;right: -1px;width: 8px;height: 1px;background: #5a4a3c;-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}

.item-plan > .inner {position: relative;}
.item-plan .has-image {padding-bottom: 362px;}
.item-plan__txt {position: absolute;top: 50%;left: 50%;width: 100%;max-width: none;height: auto;padding: 0 1rem;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 1;}
.item-plan__txt > .inner {padding: 3rem 0;background: rgba(255, 255, 255, 0.7);}
.item-plan__txt h3 {line-height: 1.56;margin-bottom: 0;text-align: center;}
.item-plan__txt h3 > span {position: relative;display: block;font-size: 0.687rem;font-weight: normal;padding-top: 1em;letter-spacing: 0.056em;}
.item-plan__txt h3 > span > small {position: relative;padding-right: 24px;line-height: 1;}
.item-plan__txt h3 > span > small > span {position: absolute;bottom: 1px;right: 0;width: 18px;height: 1px;background: #5a4a3c;}
.item-plan__txt h3 span > small > span::before {content: "";position: absolute;top: 6px;right: -1px;width: 5px;height: 1px;background: #5a4a3c;-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
.item-plan__txt > .inner > span {display: none;}

.icon-date,
.icon-location {position: relative;color: #808080;font-size: 0.75rem !important;margin-bottom: 0 !important;padding-left: 2em;}
.icon-date::before,
.icon-location::before {content: "";position: absolute;top: 6px;left: 0;display: inline-block;height: 14px;width: 14px;background-size: contain;background-repeat: no-repeat;background-position: 50%;}
.icon-date::before {background-image: url(./lib/images/icon_clock.svg);}
.icon-location::before {background-image: url(./lib/images/icon_location.svg);}

.category {line-height: 1;margin-top: 1rem;}
.category a {display: inline-block;font-size: 0.75rem;line-height: 1;padding: 0.5em 1em;border-radius: 1000px;color: #fff;background: #a48d76;}

.tags {padding-top: 0.5rem;}
.tags a {display: inline-block;font-size: 0.75rem;line-height: 1;margin-bottom: 0.5rem;padding: 0.5em 1em;border-radius: 100px;color: #808080;background: #f2f4eb;}

.author {display: flex;align-items: center;}
.author img {width: 40px;height: 40px;border-radius: 50%;}
.author p {font-size: 0.875rem;margin: 0 !important;padding-left: 0.5rem;line-height: 1;}

.parallax-cover {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
.parallax-cover #parallax-item {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-size: cover;}

.swiper-container {padding-bottom: 40px;}
.swiper-pagination {bottom: 0px;}
.swiper-pagination-bullet {width: 10px;height: 10px;}
.swiper-pagination-bullet-active {background: #313131;}

.break-grid {margin: 0 -15px;}
.grid-base {width: calc(100% - 2rem);}
.grid-sub {width: calc(100% - 2rem);margin-top: 2rem;margin-left: auto;padding-right: 1rem;}

.bg-light {padding: 2rem 1rem;background: #f1f4eb;}

.border-box {padding: 1.125rem;border-top: solid 1px #5a4a3c;border-bottom: solid 1px #5a4a3c;}
.border-box h3 {font-size: 1.125rem;margin-bottom: 0;}

h4.sub-title {position: relative;padding-bottom: 0.5em;padding-top: 1em;margin-bottom: 1.5em;}
h4.sub-title:before,
h4.sub-title:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #e8e8e8;}
h4.sub-title:before {}
h4.sub-title:after {width: 33%;background: #9db680;}

.form {margin-bottom: 1rem;}


/*  media
------------------------- */
.item-box {margin-bottom: 3rem;}
.item-box .item-img {margin-bottom: 1.25rem;}
.item-box .item-img .has-image {padding-bottom: 75%;}
.item-box .has-image.has-image-small {padding-bottom: 48%;}
.item-box .item-content {padding-left: 0.25rem;padding-right: 0.25rem;}
.item-box .item-content h3 {font-size: 1.875rem;margin-bottom: 0.5em;}
.item-box .item-content h4 {font-size: 1rem;font-weight: 600;line-height: 1.875;margin-bottom: 1rem;}
.item-box .item-content p {font-size: 0.875rem;margin-bottom: 1.5rem;}
.item-box span.new {display: inline-block;font-size: 0.625rem;line-height: 1;letter-spacing: 0.1em;margin-left: 1em;padding: 3px 6px;color: #fff;border-radius: 2px;background: #d03541;}

.item-box.event-box .item-head {display: flex;margin-bottom: 0.5rem;}
.item-box.event-box .item-head .item-img {width: 120px;margin-bottom: 0;}
.item-box.event-box .item-head .item-img .has-image {border: solid 1px #ccc;}
.item-box.event-box .item-head h4 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;font-size: 0.875rem;line-height: 1.7;padding-left: 1.25em;margin-bottom: 0;letter-spacing: 0.1em;}
.item-box.event-box .item-content {letter-spacing: 0.1em;}

.item-box.event-list:last-child {margin-bottom: 0;}
.item-box.event-list .item-img {border: solid 1px #bfbfbf;}
.item-box.event-list .item-img .has-image {}
.item-box.event-list .item-img .has-image img {}
.item-box.event-list .item-content {}
.item-box.event-list .item-content h4 {}
.item-box.event-list .item-content p {}
.item-box.event-list .item-content .category a {margin-right: 1em;}

.item-box.work-box .item-img {margin-bottom: 1rem;}
.item-box.work-box .item-content h4 {font-size: 1rem;margin-bottom: 0.5rem;}
.item-box.work-box .item-content p {position: relative;color: #808080;font-size: 0.75rem !important;margin-bottom: 0 !important;}
.item-box.work-box .item-content .location {font-size: 0.75rem;margin-bottom: 0.25rem;}

.item-box.news-list {margin-bottom: 3rem;}
.item-box.news-list ul li {font-size: 0.875rem;padding: 1em 0.25rem;border-top: solid 1px #e5e5e5;}
.item-box.news-list ul li:last-child {border-bottom: solid 1px #e5e5e5;}
.item-box.news-list ul li a {display: flex;flex-wrap: wrap;align-items: center;}
.item-box.news-list ul li a h4 {width: 100%;font-size: 0.875rem;font-weight: normal;margin-bottom: 0;}
.item-box.news-list ul li a span.date {display: inline-block;letter-spacing: 0.15em;padding-left: 2px;font-size: 0.75rem;color: #808080;}

.item-box.blog-box {margin-bottom: 4rem;}
.item-box.blog-box .item-img {position: relative;margin-bottom: 0.5rem;padding-top: 0.5rem;}
.item-box.blog-box .item-img .blog-date {position: absolute;top: 0;left: 0.75rem;display: flex;align-items: center;min-height: 90px;letter-spacing: 0.2em;color: #fff;background: #333;z-index: 10;}
.item-box.blog-box .item-img .blog-date > .inner {padding: 10px;}
.item-box.blog-box .item-img .blog-date span.d {display: block;font-size: 1.5rem;font-weight: 600;line-height: 1;margin-bottom: 0.75rem;text-align: center;}
.item-box.blog-box .item-img .blog-date span.y-m {display: block;font-size: 0.75rem;font-weight: 600;line-height: 1;}
.item-box.blog-box .item-content h4 {font-size: 0.875rem;font-weight: normal;/* color: #737373; */}
.item-box.blog-box .item-content span.new {position: relative;top: -1px;margin-left: 0;margin-right: 0.25rem;}
.archive-cover .item-box.blog-box:last-child {margin-bottom: 0;}

/*  page-front
------------------------- */
.page-header.page-header-front {padding-top: 0;padding-bottom: 4rem;}
.page-header.page-header-front > .inner {}
.page-header.page-header-front .main-copy {position: absolute;bottom: -2rem;left: 1rem;z-index: 1000;}
.page-header.page-header-front .main-copy > .inner {}
.page-header.page-header-front .main-copy h2 {font-weight: normal;line-height: 1;}
.page-header.page-header-front .main-copy h2 span {display: inline-block;margin-bottom: 0.75rem;padding: 12px 16px 12px 24px;background: rgba(255, 255, 255, 0.7);}
.page-header.page-header-front .main-copy h2 span:last-child {margin-bottom: 0;}
.page-header.page-header-front #main-visual {}
.page-header.page-header-front #main-visual .swiper-container {padding-bottom: 0}
.page-header.page-header-front #main-visual .has-image {padding-bottom: 125%;}

/* lifebox */
.lifebox {}
.lifebox .lifebox-img {position: relative;margin-bottom: calc(59px + 2rem);}
.lifebox .lifebox-title {position: absolute;background: #839c74;margin-top: -1.5rem;padding: 1.25rem 1rem;}
.lifebox .lifebox-title h3 {font-size: 1.125rem;color: #fff;margin-bottom: 0;line-height: 1;}
.lifebox .lifebox-title h3 span {display: block;font-size: 0.75rem;font-weight: normal;margin-bottom: 1em;}

/*2021.12.27 lifebox 修正*/
.scroll-x {-ms-overflow-style: none; scrollbar-width: none;}
.scroll-x::-webkit-scrollbar {display:none;}
.lineup-text{margin-top:2em;}
.lineup-text p{margin-bottom:0;}
.lineup-description{margin-top:1.2em;}
.price-flex{display:flex;}
.price-column{display:flex; flex-direction:column; text-align:center; margin-left:0.5em;}
#content-second{place-self:flex-end;}
#content-second,#content-third{margin-top:5em;} 
.red-tag{width:170px; margin:0em auto 3em; padding:0rem 1rem; color:#fff; background-color:#E0624E; font-size:15px; line-height:normal;}
.product-text{margin:auto;}
.product-text p{margin-bottom:1em;}
.product-contents{display:flex; justify-content:space-between; flex-wrap:wrap; text-align:center; margin-top:2.5em;}
.product-contents:after{content:""; width:30%; height:0;}
.product-cont-image{max-width:210px;}
.product-content p{margin-bottom:0.5em; margin-top:1em; letter-spacing:normal;}
.equipment_specification_title{margin-top:4.5em; margin-bottom:2.8em;}
#equipment_specification:after{content:""; width: 30%;　height:0;}
#equipment_specification p{margin-top:0.5em; font-size:14px;} 
#equipment_specification .product-content{width: calc(14% - 13px); margin-bottom:2em;}
#lineup_sp{display:none;}
.os-resize-observer-item-final{width:0 !important; height:0 !important;}

.os-scrollbar-handle{height: 15px;background-color: #93B67F;}
.os-viewport-native-scrollbars-overlaid{-ms-overflow-style: none;scrollbar-width: none;}
.os-viewport-native-scrollbars-overlaid::-webkit-scrollbar {display:none;}
.os-scrollbar-track::before{content: ""; display: block;  width: 100%; height:3px; background: #DEDEDE; margin-bottom: -0.55em;}
.os-content-glue{height:0 !important;}
.os-content-arrange,.os-scrollbar-vertical{display:none;}

/* works */
section.works > .inner {position: relative;}
.works-contents {position: absolute;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;z-index: 100;}
.works-contents > .inner {position: relative;width: 205px;padding: 2rem;padding-top: 0.5rem;margin: 0 auto;margin-top: 29px;background: rgba(255, 255, 255, 0.8);}
.works-contents > .inner::before {content: "";position: absolute;bottom: 100%;left: -6px;width: 216px;height: 29px;background: url(./lib/images/front/works_roof.png);background-size: 100%;}
.works-contents .section-title {}
.works-contents .section-title h3 {text-align: center;line-height: 1.73;}
.works-contents .section-title h3 small {font-size: 1rem;display: block;}
.works-contents .section-title div.arrow {text-align: center;line-height: 1;}
.works-contents .section-title div.arrow span {position: relative;display: inline-block;width: 48px;height: 1px;background: #000000;}
.works-contents .section-title div.arrow span::after {content: "";position: absolute;bottom: -1px;right: -2px;width: 16px;height: 1px;-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);background: #000000;}
#works-slider {}
#works-slider .swiper-wrapper {transition-timing-function:linear;}
#works-slider .swiper-container {padding-bottom: 0;}
#works-slider .has-image {padding-bottom: 125%;}

/* news */
.news-title.has-link {display: flex;justify-content: space-between;margin-bottom: 0.5rem;}
.news-title h3 {font-size: 1.5rem;line-height: 1;margin-bottom: 0;}
#bnr-slider .swiper-slide a {display: block;}

/* sns */
.sns-bnr {margin-bottom: 1rem;}
.sns-bnr + .sns-bnr {margin-bottom: 0;}
.sns-bnr a {display: block;}
.sns-bnr a img {}


/*  page-concept
------------------------- */
.break-grid-concept {margin: 0;}
.break-grid-concept > .inner {position: relative;}
.break-grid-concept .break-concept-title {position: absolute;right: 1.5rem;font-size: 1.125rem;writing-mode: vertical-rl;text-orientation: upright;margin: 0;padding: 1rem 0.5rem;background: rgba(255, 255, 255, 0.7);z-index: 10;}
.break-grid-concept .grid-left {position: relative;width: 100%;margin-bottom: 3rem;padding: 0 0.5rem;}
.break-grid-concept .grid-left img {border: solid 1px #fff;}
.break-grid-concept .grid-left img.break-concept-img01 {width: 73%;}
.break-grid-concept .grid-left img.break-concept-img02 {position: relative;width: 87%;display: block;margin-top: -5rem;margin-left: auto;}
.break-grid-concept .grid-right {width: 100%;margin-top: 0;padding: 0;}


/*  page-flow
------------------------- */
.flow-cover {}
.flow-cover .flow-item {position: relative;display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 6rem;margin-bottom: 1.5rem;}
.flow-cover .flow-item::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 5rem;background: url(./lib/images/flow/footprints.jpg) center center no-repeat;background-size: 128px auto;}
.flow-item .flow-title {position: relative;width: 136px;padding-top: 2.5rem;}
.flow-item .flow-title .flow-step {position: absolute;top: 0rem;right: -1rem;display: flex;justify-content: center;align-items: center;width: 88px;height: 88px;border-radius: 50%;background: #333;}
.flow-item .flow-title .flow-step h3 {font-size: 0.875rem;font-weight: normal;line-height: 1;margin-bottom: 6px;margin-left: 3px;text-align: center;color: #fff;}
.flow-item .flow-title .flow-step h3 span {display: block;padding-bottom: 0.5rem;letter-spacing: 0.1em;}
.flow-item .flow-title .flow-step h3 small {display: block;padding-top: 0.25rem;}
.flow-item .flow-title .flow-img {}
.flow-item .flow-title .flow-img img {border-radius: 50%;}
.flow-item .flow-text {width: calc(100% - 136px);padding-left: 2rem;}
.flow-item .flow-text p {font-size: 0.875rem;margin-bottom: 0;}
.flow-item .has-illust img {}
.flow-item .has-illust.has-illust-right img {display: block;margin-left: auto;}
.flow-item .has-illust.has-illust-center img {display: block;margin: auto;}

.flow-cover .flow-item:nth-child(even) {}
.flow-cover .flow-item:nth-child(even)::after {-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.flow-cover .flow-item:nth-child(even) .flow-title {order: 2;}
.flow-cover .flow-item:nth-child(even) .flow-title .flow-step {right: auto;left: -1rem;}
.flow-cover .flow-item:nth-child(even) .flow-text {order: 1;padding: 0;padding-right: 2rem;}

.flow-cover .flow-item.flow-item-finish {padding-bottom: 0;}
.flow-cover .flow-item.flow-item-finish::after {content: none;}
.flow-item.flow-item-finish .flow-title {position: relative;display: flex;flex-wrap: wrap;width: auto;padding-top: 0;z-index: 1;}
.flow-item.flow-item-finish .flow-title .flow-step {position: relative;top: 0.5rem;right: auto;left: 1rem;}
.flow-item.flow-item-finish .flow-img {position: relative;width: 100%;}
.flow-item.flow-item-finish .flow-img .flow-item-illust {position: absolute;right: 0.5rem;bottom: -2rem;width: 120px;}
.flow-item.flow-item-finish .flow-text {width: calc(100% - 88px);padding-top: 1rem;}


/*  page-lineup
------------------------- */
.price {}
.price p {margin-bottom: 0;font-size: 1.25rem;}
.price h4 {display: flex;align-items: center;font-size: 2.5rem;font-weight: normal;line-height: 1;margin-bottom: 0;}
.price h4 span {display: inline-block;font-size: 1rem;text-align: center;line-height: 1;padding-left: 0.5em;}
.price h4 span small {display: block;font-size: 0.75rem;padding-bottom: 0.25em;}

.grule {}
.grule .rule-info {display: flex;flex-wrap: wrap;margin: 0 -0.5rem;}
.grule .rule-info span {display: inline-block;width: 50%;padding: 0 0.5rem;margin-bottom: 1rem;}
.grule .rule-info span img {}

.lineup-gallery {display: flex;flex-wrap: wrap;}
.lineup-gallery .gallery-item {width: 50%;}
.lineup-gallery .gallery-item:nth-child(5) {width: 100%;}
.lineup-gallery .gallery-item a {}
.lineup-gallery .gallery-item a img {}

.size-cover-bg {padding: 1rem;background: #f1f4eb;}
h3.size-title {display: flex;font-size: 1.25rem;padding-bottom: 0.25em;border-bottom: solid 1px #808080;}
h3.size-title span {margin-left: auto;}
ul.size-list {display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: 3rem;}
ul.size-list li {width: 100%;padding: 0 1rem;margin-bottom: 2.5rem;text-align: center;}
/*ul.size-list li:nth-child(odd) {padding-right: 0.5rem;}
ul.size-list li:nth-child(even) {padding-left: 0.5rem;}*/
ul.size-list li img {}
ul.size-list.size-list-grid-info {}
ul.size-list.size-list-grid-info li {display: flex;align-items: flex-start;width: auto;padding: 0 1rem;}
ul.size-list.size-list-grid-info li span {display: inline-block;line-height: 1;margin-right: 0.25rem;}
ul.size-list.size-list-grid-info li img {width: 18px;}
ul.size-list.size-list-grid-info li:nth-child(3) img {width: 36px;}


/*  page-g-price
------------------------- */
.has-catch-check {position: relative;padding: 2rem 1rem;}
.has-catch-check > span {position: absolute;top: -1rem;left: -0.5rem;}
.has-catch-check > span img {width: 80px;}
.gprice-info {display: flex;flex-wrap: wrap;margin: 0 -1rem;}
.gprice-info > div {width: 50%;padding: 0 1rem 1rem;}
.gprice-info > div:nth-child(odd) {padding-right: 0.5rem;}
.gprice-info > div:nth-child(even) {padding-left: 0.5rem;}
.gprice-info span {position: relative;display: block;}
.gprice-info > div span::before,
.gprice-info > div span::after {width: 22px;height: 22px;background: url(./lib/images/icon_plus.png);background-size: 100%;z-index: 1;}
.gprice-info > div:first-child span::before,
.gprice-info > div:first-child span::after,
.gprice-info > div:last-child span::before,
.gprice-info > div:last-child span::after {content: "";position: absolute;}
.gprice-info > div:first-child span::before {top: calc(50% - 11px);right: -19px;}
.gprice-info > div:first-child span::after {bottom: -20px;left: calc(50% - 11px);}
.gprice-info > div:last-child span::before {top: -19px;left: calc(50% - 11px);}
.gprice-info > div:last-child span::after {top: calc(50% - 11px);left: -19px;}
.gprice-info span img {}

.gprice-facility {display: flex;flex-wrap: wrap;margin: 0 -1rem 2rem;}
.gprice-facility .facility-item {width: 50%;padding: 0 1rem;margin-bottom: 1rem;text-align: center;}
.gprice-facility .facility-item:nth-child(odd) {padding-right: 0.5rem;}
.gprice-facility .facility-item:nth-child(even) {padding-left: 0.5rem;}
.gprice-facility .facility-item img {margin-bottom: 0.5rem;}
.gprice-facility .facility-item h5 {text-align: center;font-size: 0.875rem;line-height: 1.56;}
.gprice-facility .facility-item h5 span {display: block;font-size: 0.75rem;}


/*  page-modelhouse
------------------------- */
.page-header.modelhouse {}
.page-header.modelhouse .inner {}
.page-header.modelhouse .inner .main-visual {}
.page-header.modelhouse .inner .main-visual .has-image {padding: 0;height: auto;}
.page-header.modelhouse .inner .main-visual .has-image img {position: relative;top: 0;left: 0;width: 100%;transform: inherit;}
.page-header.modelhouse .inner .page-ttl.hsa-sub-title {}
.page-header.modelhouse .inner .page-ttl.hsa-sub-title h2 {text-indent: -9999px;}

.marker {font-weight: bold;padding-bottom: 0.25em;background: linear-gradient(transparent 60%, #FFF59D 50%);}

.model-house-place,
.model-house-benefits {position: relative;font-size: 1.125rem;margin-bottom: 0.5em;padding-left: 1.75em;}
.model-house-place::before,
.model-house-benefits::before {content: "";position: absolute;top: 9px;left: 0;display: inline-block;height: 18px;width: 18px;background-size: contain;background-repeat: no-repeat;background-position: 50%;}
.model-house-place::before {background-image: url(./lib/images/icon_location.svg);}
.model-house-benefits::before {background-image: url(./lib/images/icon_gift.png);}

#modelhouse-slider {}
#modelhouse-slider .swiper-wrapper {}
#modelhouse-slider .swiper-slide {}
#modelhouse-slider .swiper-slide div.has-image {padding-bottom: 70%;background: #f7f7f7;}
#modelhouse-slider .swiper-slide div.has-image img {width: 100%;height: auto;}

.item-box.modelhouse-material-box {}
.item-box.modelhouse-material-box .item-img {position: relative;}
.item-box.modelhouse-material-box .item-img h4 {position: absolute;bottom: 0;left: 0;margin: 0;font-size: 1.125rem;padding: 0.5rem 0;width: 100%;text-align: center;color: #fff;background: rgb(0 0 0 / 70%);}
.item-box.modelhouse-material-box .item-content {}
.item-box.modelhouse-material-box .item-content h4 {text-align: center;}
.item-box.modelhouse-material-box .item-content h4 a {color: #839c74;text-decoration: underline;}
.item-box.modelhouse-material-box .item-content p {}

.item-box.modelhouse-furniture {margin-bottom: 3rem;}
.item-box.modelhouse-furniture .item-img {margin-bottom: 0.5rem;}
.item-box.modelhouse-furniture .item-content {}
.item-box.modelhouse-furniture .item-content h4 {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.56;
}

/*2022.02.22 モデルハウス修正*/
.model-house-text{text-align:center;}
.text-decoration_1{font-size:25px; position:relative; margin-bottom:0.5em;}
.text-decoration_1::after{content:"";display:inline-block;left:50%; bottom:0px; transform:translatex(-50%); background-image:url("./lib/images/modelhouse/text-decoration.png"); background-size:contain; position:absolute; background-repeat:no-repeat; background-position:center; width:100%; height:29px;}
.model-house-text p{font-size:21px;}
.bg-border_1{color:#339999; position:relative; text-shadow: 0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff; font-size:57px;margin-bottom:0.5em;}

.bg-border_1::after{content:"";display:inline-block;width:75%; height:30px; left:50%; bottom:15px; transform:translatex(-50%); background-image:url("./lib/images/modelhouse/bg-border_2.png"); background-size:contain; position:absolute; z-index:-1;background-repeat: no-repeat;}

.c-yellow{color:#FFF23F; border-color:#FFF23F;}
.proposal{text-align:right; font-size:13px; margin-bottom:100px;}
.proposal p{margin-top:10px;}
.bg-img_1{background-image:url("./lib/images/modelhouse/bg-img.jpg");background-position:center; margin: 0 calc(50% - 50vw);width: 100vw;}
.bg-img_1-inner{color:#fff; padding-bottom:40px;}
.bg-img_1-inner-caption{text-align:center;font-size:33px;margin-bottom:50px;}
.bg-img_1-inner-caption img:nth-last-child(1){display:none;}
.bg-img_1-inner-detail p:nth-child(1){font-size:23px;}
.bg-img_1-inner-detail p{margin-bottom:0; display:inline-block; font-size:20px;}
.bg-img_1-inner-detail-border{border-bottom:1.5px solid #fff; margin:30px 0;}
.bg-img_1-inner-detail-caption{border:1px solid #FFF23F;padding:5px 10px;}
.campaign-period{display:flex; justify-content:center; margin-top:30px;}
.campaign-period img{max-width:260px; object-fit:contain;margin-right:10px;}
.campaign-period p{font-size:31px;font-weight:bold; }


/*  page-works
------------------------- */
.page-archive-works {}
.page-archive-works .item-box.work-box:last-child {margin-bottom: 0;}


/*  page-qa
------------------------- */
dl.qa {margin-bottom: 3rem;}
dl.qa dt,
dl.qa dd {position: relative;font-size: 1rem;padding-left: 40px;margin-bottom: 1rem;}
dl.qa dt::before,
dl.qa dd::before {content: "";position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;font-size: 1rem;font-weight: normal;padding-left: 4px;padding-bottom: 2px;width: 28px;height: 28px;color: #fff;background: #a48d76;border-radius: 50%;}
dl.qa dt {margin-top: 2rem;font-weight: 600;cursor: pointer;transition: color 0.4s;}
dl.qa dt:hover {color: #5a4a3c;}
dl.qa dt::before {content: "Q";top: 2px;}
dl.qa dd {display: none;font-size: 0.875rem;margin-bottom: 3rem;}
dl.qa dd::before {content: "A";background: #9db680;}


/*  page-staff
------------------------- */
.staff-box {margin-bottom: 4rem;}
.staff-box h4.marker {font-size: 1rem;margin-bottom: 1em;}
.staff-box h4.marker span {position: relative;background: linear-gradient(transparent 70%, #e5efd2 0%);display: inline;padding: 0 2px 3px;}
.staff-box .staff-info {}
.staff-box .staff-info p {font-size: 0.75rem;margin-bottom: 0.5rem;}
.staff-box .staff-info h4 {display: flex;flex-wrap: wrap;line-height: 1;align-items: flex-end;margin-bottom: 1.5em;}
.staff-box .staff-info h4 span {font-size: 0.75rem;font-weight: normal;padding-left: 1em;color: #808080;}
.staff-box .staff-info ul {margin-bottom: 1em;}
.staff-box .staff-info li {font-size: 0.75rem;margin-bottom: 0;}
.staff-box .staff-info li span {}
.staff-box .staff-info li strong {}
.staff-box .staff-message {padding: 1rem;}
.staff-box .staff-message > .inner {position: relative;padding: 1.5rem;}
.staff-box .staff-message p {font-size: 0.875rem;margin: 0;}
.staff-box .staff-message span.corner {position: absolute;width: 24px;height: 24px;border-style: solid;border-color: #a48d76;}
.staff-box .staff-message span.corner:nth-child(1) {top: 0;left: 0;border-top-width: 3px;border-left-width: 3px;}
.staff-box .staff-message span.corner:nth-child(2) {top: 0;right: 0;border-top-width: 3px;border-right-width: 3px;}
.staff-box .staff-message span.corner:nth-child(3) {bottom: 0;left: 0;border-bottom-width: 3px;border-left-width: 3px;}
.staff-box .staff-message span.corner:nth-child(4) {bottom: 0;right: 0;border-bottom-width: 3px;border-right-width: 3px;}


/*  page-download
------------------------- */
.dl-list {padding: 3rem 1rem;border-top: solid 1px #000;}
.dl-list:last-child {border-bottom: solid 1px #000;}
.dl-list .dl-item {margin-bottom: 3rem;}
.dl-list .dl-item:last-child {margin-bottom: 0;}
.dl-list .dl-item .dl-text {}
.dl-list .dl-item h5 {text-align: center;}
.dl-list .dl-item .dl-text p {text-align: center;margin-bottom: 1rem;}
.dl-list .dl-item .dl-text ul {margin-bottom: 0;}
.dl-list .dl-item .dl-text ul li {text-align: center;margin-bottom: 1rem;}
.dl-list .dl-item .dl-btn {}
.dl-list .dl-item .dl-btn > div {}
.dl-list .dl-item .dl-btn > div a {}


/*  single-common
------------------------- */
article {padding: 1.5rem 0;}
.post-header {margin-bottom: 2rem;}
.post-header h2 {font-size: 1.5rem;margin-bottom: 0.25em;}
.post-header > p {font-size: 0.875rem;}
.post-header .category a {margin-right: 1em;}
.post-content {margin-bottom: 3rem;}

/* table.table-reserve {}
table.table-reserve tr.table-head {display: none !important;}
table.table-reserve tr {display: block !important;}
table.table-reserve tr th {}
table.table-reserve tr td {display: flex;justify-content: space-between;border-top: none;padding-right: 2rem !important;}
table.table-reserve tr td:first-child {display: block;color: #fff;background: #839c74;border-top: solid 1px #e8e8e8;}
table.table-reserve tr td::before {content: attr(data-label);display: inline-block;font-size: 0.875rem;}
table.table-reserve tr td:first-child::before {content: none;} */


.pagination-single {margin-bottom: 1.5rem;}
.pagination-single h2 {display: none;}
.pagination-single .nav-links {}
.pagination-single .nav-links > div {width: 100%;margin-bottom: 1.5rem;}
.pagination-single .nav-links a {position: relative;display: block;font-size: 0.875rem;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pagination-single .nav-links a::before,
.pagination-single .nav-links a::after {content: "";position: absolute;top: 15px;right: 0;height: 1px;background: #191919;}
.pagination-single .nav-links .nav-previous {}
.pagination-single .nav-links .nav-next {text-align: right;}
.pagination-single .nav-links .nav-previous a {padding-left: 2.5rem;}
.pagination-single .nav-links .nav-next a {padding-right: 2.5rem;}
.pagination-single .nav-links .nav-previous a::before {width: 24px;right: auto;left: 0;}
.pagination-single .nav-links .nav-previous a::after {top: 11px;right: auto;left: -1px;width: 10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.pagination-single .nav-links .nav-next a::before {width: 24px;}
.pagination-single .nav-links .nav-next a::after {top: 11px;right: -1px;width: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}


/*  single-news
------------------------- */
.post-header-news h2 {margin-bottom: 0;}
.post-header-news p.date {font-size: 0.75rem;}


/*  single-works
------------------------- */
.single-works {position: relative;}
.single-works #breadcrumb {position: absolute;width: 100%;z-index: 1;}
.single-works #breadcrumb::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(49,49,49,1) 0%, rgba(49,49,49,0) 100%);
    background: -webkit-linear-gradient(top, rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);
    background: linear-gradient(to bottom, rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80313131', endColorstr='#00313131',GradientType=0 );
    opacity: 0.5;
}
.single-works #breadcrumb > div {position: relative;}
.single-works article {padding: 0;}
.single-works .works-gallery {}
.single-works .works-gallery .gallery-item {border-bottom: solid 2px #ffffff;}
.single-works .works-gallery .gallery-item a {}
.single-works .works-gallery .gallery-item a img {width: 100%;height: auto;}
.single-works #boxer-overlay {z-index: 1001;}
.single-works #boxer {z-index: 1002;padding: 0;}
.single-works #boxer .boxer-meta {padding-top: 5px;}
.single-works #boxer .boxer-close {width: 40px;height: 40px;top: -15px;right: -15px;}
.single-works #boxer .boxer-close:before {left: 5px;top: 5px;font-size: 32px;}
.single-works #boxer .boxer-control.next:before,
.single-works #boxer .boxer-control.previous:before {border: none;font-size: 32px;width: 40px;height: 40px;margin: 0;padding: 4px 14px;line-height: 1;}
.single-works #boxer .boxer-control.next,
.single-works #boxer .boxer-control.previous {overflow: visible;text-indent: 0;}
.single-works #boxer .boxer-control.next:before {font-family: FontAwesome;content: "\f105";left: auto;right: -2px;}
.single-works #boxer .boxer-control.previous:before {font-family: FontAwesome;content: "\f104";left: -1px;}
.single-works #boxer .boxer-position {padding-top: 0;padding-bottom: 5px;}


/*  single-event
------------------------- */
.event-contents {display: flex;flex-wrap: wrap;}
.event-contents .event-info {width: 100%;order: 2;}
.event-contents .event-info dl dt {position: relative;font-size: 1.125rem;font-weight: 600;padding-left: 1.5em;margin-bottom: 0.5rem;}
.event-contents .event-info dl dt.event-date::before {background-image: url(./lib/images/icon_clock.svg);}
.event-contents .event-info dl dt.event-location::before {background-image: url(./lib/images/icon_location.svg);}
.event-contents .event-info dl dd {margin-bottom: 1rem;}
.event-contents .event-thumbnail {width: 100%;order: 1;margin-bottom: 1rem;}
.event-qa {}
.event-qa dl dt {position: relative;font-size: 1rem;font-weight: 600;margin-bottom: 0.5rem;padding-left: 1.5em;}
.event-qa dl dt::before {content: "Q.";position: absolute;top: 0;left: 0;}
.event-qa dl dd {font-size: 0.875rem;padding-left: 1.5em;margin-bottom: 2rem;}


/*  single-works
------------------------- */
.post-header-blog {}
.post-header-blog > p {margin-bottom: 1rem;}
.post-header-blog .author img {width: 48px;height: 48px;}


/*  404
------------------------- */
.page-header.e404 {}
.page-header.e404 > .inner {background: #ccc;}
.page-header.e404 > .inner::before {content: none;}
.page-header.e404 .page-ttl {position: relative;top: 0;left: 0;width: 100%;padding: 5rem 0;max-width: none;height: auto;-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);}
.page-header.e404 .page-ttl h2 {text-align: center;font-size: 1.5rem;}
.page-header.e404 .page-ttl h2 span {}


@media screen and (min-width: 768px) {
    .page-header.page-header-front #main-visual .has-image {padding-bottom: calc(100vh - 90px);}
    .page-header.page-header-front #main-visual .has-image img {width: auto;height: 101%;}
}


@media screen and (min-width: 992px) {


    /*  common
    ------------------------- */
    p {}
    h3, .h3 {font-size: 2.25rem;line-height: 1.73;}
    tr {display: table-row;}
    th,td {display: table-cell;font-size: 1rem;padding: 1.5rem 0;}
    th {border-top: solid 1px #9db681 !important;border-bottom: solid 1px #9db681;border-right: solid 8px #fff;}
    tbody tr:first-child th {padding-top: 1.5rem;}
    tbody tr:first-child td {border-top: solid 1px #ccc;}
    small {font-size: 0.875rem;}
    .more a {font-weight: 600;}
    .row .col-6.col-space:nth-child(odd) {padding-right: 15px;}
    .row .col-6.col-space:nth-child(even) {padding-left: 15px;}

    .col-space-lg-small {margin-right: -0.25rem;margin-left: -0.25rem;}
    .col-space-lg-small > .col-space {padding: 0 0.25rem !important;}

    .col-space-lg-wide {margin-right: -2rem;margin-left: -2rem;}
    .col-space-lg-wide > .col-space {padding: 0 2rem !important;}

    .more.more-type01 a {padding-left: 67px;}
    .more.more-type01 a::before,
    .more.more-type01 a::after {}
    .more.more-type01 a::before {width: 51px;}
    .more.more-type01 a::after {width: 15px;bottom: 0px;left: 38px;}

    .more.more-type02 {}
    .more.more-type02 a {padding-right: 48px;}
    .more.more-type02 a::before,
    .more.more-type02 a::after {}
    .more.more-type02 a::before {width: 35px;}
    .more.more-type02 a::after {width: 10px;right: -2px;bottom: -1px;}

    .more.more-type03 {}
    .more.more-type03 a {font-size: 1rem;}
    .more.more-type03 a::before,
    .more.more-type03 a::after {top: 41px;right: 2rem;}
    .more.more-type03 a::before {}
    .more.more-type03 a::after {top: 44px;right: calc(2rem - 1px);}

    .text-lg-left {text-align: left !important;}
    .text-lg-center {text-align: center !important;}
    .text-lg-right {text-align: right !important;}

    .font-lg-small {font-size: 0.875rem !important;}
    .font-lg-ssmall {font-size: 0.75rem !important;}
    .font-lg-normal {font-size: 1rem !important;}
    .font-lg-large {font-size: 1.125rem !important;}
    .font-lg-xlarge {font-size: 1.5rem !important;}
    .font-lg-xxlarge {font-size: 1.875rem !important;}

    .mb-lg-5 {margin-bottom: 3rem!important;}
    .mb-lg-6 {margin-bottom: 3.5rem!important;}
    .mb-lg-7 {margin-bottom: 4rem!important;}
    .mb-lg-8 {margin-bottom: 4.5rem!important;}
    .mb-lg-9 {margin-bottom: 5rem!important;}
    .mb-lg-10 {margin-bottom: 8rem!important;}

    table.tbw-lg-10 tr th {width: 10em;}
    table.tbw-lg-13 tr th {width: 13em;}
    table.tbw-lg-15 tr th {width: 15em;}

    .border-box {padding: 1.5rem 0;}
    .border-box h3 {}

    .anker-target {padding-top: 72px;margin-top: -72px;}



    /*  header
    ------------------------- */
    header {position: fixed;height: auto;}
    .header-inner {align-items: center;}
    .header-inner .logo {padding: 32px 0;}
    .header-inner .logo h1 {font-size: 1.625rem;}

    /* logo */
    .logo,
    .logo * {/* transition: all .4s; */}
    .logo img {width: 160px;}

    /* drawer */
    .mobile-drawer.nav-cover {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        overflow: hidden;
        width: auto;
        margin-left: auto;
        padding: 0;
        visibility: visible;
        opacity: 1;
    }
    .mobile-drawer-logo {display: none;}

    /* main-nav */
    #main-nav {padding: 0;}
    #main-nav ul {margin: 0;}
    #main-nav ul li {width: auto;margin-bottom: 0;padding: 0 1.25rem;}
    #main-nav ul li a {font-size: 1rem;}
    #main-nav ul li a small {font-size: 0.625rem;line-height: 1;font-family: 'Noto Sans JP', sans-serif;margin-top: 10px;color: #a6a6a6;}
    #main-nav ul li a img {display: none;}
    #main-nav .separate {margin: 0;}
    #main-nav .separate .s-item {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

    /* nav-open */
    .js-mobile-nav-open {display: none;}

    /* smalled */
    header.smalled .logo {padding: 24px 0;}
    header.smalled .header-inner .logo h1 {font-size: 1.25rem;}
    header.smalled #main-nav ul li a {font-size: 0.875rem;}


    /*  main
    ------------------------- */
    main {margin-top: 90px;margin-bottom: 64px;}


    /*  aside
    ------------------------- */
    aside {margin-bottom: 1rem;}
    aside .inner {display: flex;flex-wrap: wrap;align-items: center;padding: 9rem 0;}
    aside .inner > div {width: 100%;max-width: 728px;padding: 6rem 8rem 5rem;}
    .linebox-lineup span img {width: 234px;}
    .linebox-lineup h4 {font-size: 1.25rem;}
    .linebox-lineup h3 {font-size: 2.25rem;}
    .linebox-lineup p {font-size: 1rem;}
    .linebox-lineup .more {}
    .linebox-lineup .more a {padding: 1.5rem 0;}
    .linebox-lineup .more a::before {}
    .linebox-lineup .more a::after {}


    /*  footer
    ------------------------- */
    footer {margin-bottom: 0;}
    .foot-row {display: flex;}
    .foot-menu {order: 2;margin-left: auto;}
    .foot-menu .inner {flex-wrap: unset;justify-content: space-between;padding-top: 64px;}
    .foot-menu .foot-menu-col {width: auto;}
    .foot-menu .foot-menu-col:first-child,
    .foot-menu .foot-menu-col:last-child {width: auto;display: block;}
    .foot-menu .foot-menu-col dl {margin-bottom: 2rem;}
    .foot-menu .foot-menu-col dl dt {margin-bottom: 0.5rem;}
    .foot-menu ul {display: block;width: 10rem;margin-right: 2rem;}
    .foot-menu ul li {width: 100%;}
    .foot-menu .foot-menu-col:last-child > * {width: 100%;}
    .foot-menu .foot-menu-col:last-child dl {margin-bottom: 1.5rem;}
    .foot-bottom {padding-bottom: 3rem;}
    .foot-row > div {}
    .footer-meta {order: 1;}
    .footer-meta .logo {margin-bottom: 2rem;}
    .footer-meta .logo a {justify-content: unset;font-size: 1.5rem;font-weight: 600;line-height: 1;letter-spacing: 0.3em;}
    .footer-meta .logo a img {}
    .footer-meta .logo a span {}
    .footer-meta p {text-align: left;}
    .footer-contact {order: 2;margin-left: auto;text-align: right;}
    .footer-contact a {font-size: 1.875rem;}
    .foot-row .copyright {order: 1;line-height: 1;padding-bottom: 0;text-align: left;}
    .foot-row .copyright a {margin-bottom: 0.5em;}


    /*  cta
    ------------------------- */
    #cta {top: 88px;bottom: auto !important;right: -2px;left: auto;width: auto;background: none;transition: all 0.6s;}
    #cta.smalled {top: 64px;}
    #cta ul {display: block;}
    #cta ul li {width: 54px;border-right: none;margin-top: 2px;}
    #cta ul li a {writing-mode: vertical-rl;letter-spacing: 0.3em;padding: 1rem;font-size: 0.888rem;}
    #cta ul li a img {width: 20px;height: auto;margin: 0;margin-bottom: 8px;}
    .cta-none {display: block;}


    /*  media
    ------------------------- */
    .archive-cover {display: flex;flex-wrap: wrap;margin: 0 -1rem;margin-bottom: 3rem;}
    .item-box {margin-bottom: 5rem;}
    .item-box .item-content h4 {margin-bottom: 1rem;}
    .item-box .item-content p {font-size: 1rem;}
    .item-box .item-content .event-date,
    .item-box .item-content .event-date::before,
    .item-box .item-content .event-location::before {top: 8px;}

    .item-box.event-box {width: 33.333%;margin-bottom: 0;padding: 0 1rem;}
    .item-box.event-box .item-head {display: block;}
    .item-box.event-box .item-head .item-img {width: 100%;margin-bottom: 1.25rem;}
    .item-box.event-box .item-head .item-img .has-image {padding-bottom: 65%;}
    .item-box.event-box .item-head h4 {font-size: 1rem;line-height: 1.875;padding: 0;}
    .item-box.event-box .item-content {}

    .page-archive-works .item-box.work-box {width: 33.333%;}
    .item-box.work-box {width: 50%;padding: 0 1rem;}
    .item-box.work-box .item-content {padding: 0;}
    .item-box.work-box .item-content p {}
    .item-box.work-box .item-content .works-tags {padding-top: 0;}
    .item-box.work-box .item-content .works-tags a {margin-bottom: 0.25rem;font-size: 0.75rem;}

    .item-box.news-list ul li {font-size: 1rem;padding: 1.25rem 0;}
    .item-box.news-list ul li a {}
    .item-box.news-list ul li a h4 {margin-top: 0.5rem;font-size: 1rem;}
    .item-box.news-list ul li a span.date {font-size: 0.875rem;line-height: 1;}

    .item-box.event-list {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;}
    .item-box.event-list .item-img {width: 45%;}
    .item-box.event-list .item-img .has-image {}
    .item-box.event-list .item-img .has-image img {}
    .item-box.event-list .item-content {width: 50%;}
    .item-box.event-list .item-content h4 {font-size: 1.25rem;}
    .item-box.event-list .item-content p {font-size: 1rem !important;}
    .item-box.event-list .item-content p.icon-date::before,
    .item-box.event-list .item-content p.icon-location::before {width: 16px;height: 16px;top: 10px;}

    .item-box.blog-box {width: 33.333%;padding: 0 1rem;/* margin-bottom: 0; */}
    .item-box.blog-box .item-img {margin-bottom: 1rem;}
    .item-box.blog-box .item-img .blog-date {}
    .item-box.blog-box .item-img .blog-date > .inner {}
    .item-box.blog-box .item-img .blog-date span.d {}
    .item-box.blog-box .item-img .blog-date span.y-m {}
    .item-box.blog-box .item-content h4 {}

    .item-box-type02 {display: flex;flex-wrap: wrap;}
    .item-box-type02 .item-img {width: 150px;margin-bottom: 0;}
    .item-box-type02 .item-img .has-image {padding-bottom: 100%;}
    .item-box-type02 .item-content {width: calc(100% - 150px);padding-left: 2rem;}
    .item-box-type02 .item-content p {font-size: 1rem;}


    /*  page-common
    ------------------------- */
    section {padding: 64px 0;}
    section.has-bg {margin: 75px 0;padding: 150px 0;}
    section.pb-shift {padding-bottom: 250px;margin: 0;}
    section.bg-top-part {margin-top: 75px;padding-top: 85px;}

    .page-header {}
    .page-header .has-image {padding-bottom: 550px;}
    .page-header .page-ttl {left: calc((100vw - 960px) / 2);}
    .page-header .page-ttl h2 {font-size: 3rem;padding: 0;}
    .page-header .page-ttl.hsa-sub-title h2 {}
    .page-header .page-ttl h2 span {}
    .page-header .page-ttl.page-ttl-small h2 {font-size: 3rem;}
    .page-header #breadcrumb {}

    .section-header .section-header-img {width: calc(100vw - (100vw - 960px) / 2);}
    .section-header .section-header-img .has-image {padding-bottom: 590px;}
    .section-header .section-title {padding-right: calc((100vw - 960px) / 4);}
    .section-header-shift {margin-top: -250px;margin-bottom: 100px;}
    .section-header-right .section-title {padding-left: calc((100vw - 960px) / 4);padding-right: 0;}

    .section-title_type01 {text-align: left;margin-bottom: 3.5rem;}
    .section-title_type01 h3 {font-size: 1.875rem;display: flex;align-items: center;}
    .section-title_type01 h3 span {}
    .section-title_type01 h3 small {display: inline-block;line-height: 1;margin: 0;padding-left: 3rem;}

    .section-title_type02 {margin-bottom: 4rem;}
    .section-title_type02 h3 {font-size: 1.875rem;}
    .section-title_type02 h3 small {font-size: 1rem;}

    .section-title_type03 h3 {font-size: 2.25rem;line-height: 2.2;}
    .section-title_type03 h3 span {font-size: 1.25rem;}

    .section-title_numbering {}
    .section-title_numbering .number {font-size: 5rem;padding-right: 2rem;}
    .section-title_numbering h3 {padding-left: 2rem;}
    .section-title_numbering h3 span {font-size: 0.875rem;}

    h3.sub-title-size {font-size: 1.875rem;}
    h3.has-ruby {line-height: 2.1;}

    h4.sub-title {font-size: 1.5rem;}
    h4.sub-title:before,
    h4.sub-title:after {}
    h4.sub-title:before {}
    h4.sub-title:after {max-width: 4em;}

    section.action {padding: 2.5rem 0;}
    .action-btn {margin-bottom: 0;}
    .action-btn a img {width: 97px;}
    .action-btn a p {width: calc(100% - 135px);font-size: 1.333rem;}
    .action-btn a > span {width: 35px;}
    .action-btn a > span::before {width: 10px;top: 4px;right: -1px;}

    .item-plan__txt {width: 66.666667%;padding: 0;}

    .parallax-cover {padding-bottom: 728px;}
    .parallax-cover.parallax-cover-450 {padding-bottom: 450px;}

    .section-break-img {}
    .section-break-img .has-image {padding-bottom: 450px;}

    .break-grid {position: relative;}
    .break-grid > .inner {display: flex;flex-wrap: wrap;align-items: center;}
    .grid-base {width: 50%;max-height: 750px;overflow: hidden;}
    .grid-base img {width: 100%;}
    .grid-sub {width: 50%;padding-right: calc((100vw - 960px) / 2);}
    .grid-sub h4 {font-size: 1.5rem;margin-bottom: 2em;}
    .grid-sub p {}


    /*  page-front
    ------------------------- */
    .page-header.page-header-front {padding-bottom: 0;}
    .page-header.page-header-front .main-copy {
        top: 50%;
        bottom: auto;
        right: calc((100vw - 960px) / 2);
        left: auto;
        order: 1;
        -webkit-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
        transform: translate(0%,-50%);
    }
    .page-header.page-header-front .main-copy h2 {font-size: 2.5rem;}
    .page-header.page-header-front .main-copy h2 span {margin-bottom: 1rem;padding: 16px 32px 16px 40px;}
    .page-header.page-header-front #main-visual {max-height: calc(100vh - 92px);order: 2;margin: 0;overflow: hidden;}
    section.news {padding-bottom: 0;}

    /* concept */
    .concept {}
    .concept .grid-sub h3 {margin-left: -1rem;}
    .concept .grid-sub p {padding-left: 3rem;}
    .concept .grid-sub .more {margin-left: -1rem;}

    /* lifebox */
    .lifebox {}
    .lifebox .lifebox-img {margin-bottom: calc(114px + 64px);}
    .lifebox .lifebox-title {padding-left: calc((100vw - 960px) / 2);padding: 3rem 10rem;margin-top: -60px;}
    .lifebox .lifebox-title h3 {font-size: 1.875rem;}
    .lifebox .lifebox-title h3 span {font-size: 1.5rem;}

    /* works */
    section.works > .inner {}
    .works-contents {}
    .works-contents > .inner {width: auto;padding: 40px 50px;padding-top: 30px;margin-top: 32px;}
    .works-contents > .inner::before {width: 242px;height: 32px;}
    .works-contents .section-title {}
    .works-contents .section-title h3 {font-size: 1.5rem;margin-bottom: 0.75em;}
    .works-contents .section-title h3 small {}
    .works-contents .section-title div.arrow {}
    .works-contents .section-title div.arrow span {}
    .works-contents .section-title div.arrow span::after {}
    #works-slider {}
    #works-slider .has-image {padding-bottom: 350px;}

    /* news */
    .news-title h3 {font-size: 1.875rem;}
    .news-title.has-link {margin-bottom: 1rem;}

    #bnr-slider .swiper-container {padding-bottom: 15px;}
    #bnr-slider .swiper-pagination-bullet {margin: 0 6px;}
    #bnr-slider .swiper-slide {margin-bottom: 2rem;}


    /*  page-concept
    ------------------------- */
    .break-grid-concept {}
    .break-grid-concept > .inner {}
    .break-grid-concept .break-concept-title {display: none;}
    .break-grid-concept .grid-left {width: 50%;margin: 0;padding: 0;}
    .break-grid-concept .grid-left img {}
    .break-grid-concept .grid-left img.break-concept-img01 {}
    .break-grid-concept .grid-left img.break-concept-img02 {margin-top: -8rem;}
    .break-grid-concept .grid-right {width: 50%;padding-left: 3rem;}


    /*  page-plan
    ------------------------- */
    .plan-table {display: flex;flex-wrap: wrap;}
    .plan-table .table-column {flex: 2;margin-bottom: 1rem;padding: 0 5px;}
    .plan-table .table-head > div p.data-label,
    .plan-table .table-body > div p.data-label {display: none;}
    .plan-table .table-head > div {padding: 2rem 1rem;padding-bottom: calc(2rem + 10px);}
    .plan-table .table-head > div::before,
    .plan-table .table-head > div > span {margin-bottom: 2em;}
    .plan-table .table-head > div h5 {font-size: 1.5rem;margin: auto;}
    .plan-table .table-body > div {justify-content: center;padding-left: 1rem;padding-right: 1rem;}
    .plan-table .table-body > div p {margin: 0;font-size: 1rem;}

    .plan-table .table-column:first-child {display: block;flex: 1;}
    .plan-table .table-column:first-child .table-head > div:nth-child(1) {height: 155px;}
    .plan-table .table-column:first-child .table-head > div:nth-child(2) {height: 126px;}
    .plan-table .table-column:first-child .table-body > div {justify-content: left;}


    /*  page-flow
    ------------------------- */
    .flow-cover {}
    .flow-cover .flow-item {}
    .flow-cover .flow-item::after {bottom: -1rem;height: 85px;background-size: 160px auto;background-position: 40%;}
    .flow-item .flow-title {width: 300px;}
    .flow-item .flow-title .flow-step {right: -60px;width: 150px;height: 150px;}
    .flow-item .flow-title .flow-step h3 {font-size: 1.125rem;}
    .flow-item .flow-title .flow-step h3 span {padding-bottom: 0.75rem;}
    .flow-item .flow-title .flow-step h3 small {}
    .flow-item .flow-title .flow-img {}
    .flow-item .flow-title .flow-img img {}
    .flow-item .flow-text {width: calc(100% - 300px);padding-left: 6rem;}
    .flow-item .flow-text p {font-size: 1rem;}

    .flow-cover .flow-item:nth-child(even) {}
    .flow-cover .flow-item:nth-child(even)::after {}
    .flow-cover .flow-item:nth-child(even) .flow-title {}
    .flow-cover .flow-item:nth-child(even) .flow-title .flow-step {left: -60px;}
    .flow-cover .flow-item:nth-child(even) .flow-text {padding-right: 6rem;}

    .flow-cover .flow-item.flow-item-finish {}
    .flow-cover .flow-item.flow-item-finish::after {}
    .flow-item.flow-item-finish .flow-title {width: 100%;align-items: center;}
    .flow-item.flow-item-finish .flow-title .flow-step {top: 1.5rem;}
    .flow-item.flow-item-finish .flow-img {}
    .flow-item.flow-item-finish .flow-img .flow-item-illust {width: auto;}
    .flow-item.flow-item-finish .flow-text {width: calc(100% - 300px);padding-top: 2rem;padding-left: 4rem;}


    /*  page-lineup
    ------------------------- */
    .price {}
    .price p {font-size: 1.5rem;}
    .price h4 {font-size: 3rem;}
    .price h4 span {}
    .price h4 span small {}

    .grule {position: relative;}
    .grule .rule-info {position: absolute;top: 1rem;left: 1rem;display: block;}
    .grule .rule-info span {display: block;width: auto;margin-bottom: 0.5rem;}
    .grule .rule-info span img {max-width: 184px;}

    .lineup-gallery {}
    .lineup-gallery .gallery-item {width: 33.333%;}
    .lineup-gallery .gallery-item:nth-child(5) {width: 33.333%;}
    .lineup-gallery .gallery-item a {}
    .lineup-gallery .gallery-item a img {}

    .size-cover-bg {padding: 5rem 0;}
    h3.size-title {font-size: 1.5rem;padding-bottom: 0.5em;}
    h3.size-title span {}
    ul.size-list {margin: 0 -1.5rem;margin-bottom: 5rem;}
    ul.size-list li {width: auto;padding: 0 1.5rem !important;}
    ul.size-list li:nth-child(odd) {padding: 0 1rem;}
    ul.size-list li:nth-child(even) {}
    ul.size-list li img {}
    ul.size-list.size-list-grid-info li {display: flex;align-items: flex-start;}


    /*  page-g-price
    ------------------------- */
    .has-catch-check {padding: 2rem;}
    .gprice-info {margin: 0 -0.5rem;}
    .gprice-info > div {width: 25%;padding: 0 0.5rem !important;}
    .gprice-info > div span::before {content: "";position: absolute;top: calc(50% - 11px) !important;right: -19px !important;}
    .gprice-info > div span::after {content: none !important;}
    .gprice-info > div:last-child span::before {content: none !important;}

    .gprice-facility {}
    .gprice-facility .facility-item {width: 25%;padding: 0 1rem !important;margin-bottom: 2rem;text-align: center;}
    .gprice-facility .facility-item:nth-child(odd) {}
    .gprice-facility .facility-item:nth-child(even) {}
    .gprice-facility .facility-item img {margin-bottom: 1rem;}
    .gprice-facility .facility-item h5 {}
    .gprice-facility .facility-item h5 span {}


    /*  page-modelhouse
    ------------------------- */
    .model-house-place,
    .model-house-benefits {font-size: 1.25rem;}
    .model-house-place::before,
    .model-house-benefits::before {height: 23px;width: 23px;}
    .model-house-place::before {}
    .model-house-benefits::before {}

    #modelhouse-slider {}
    #modelhouse-slider .swiper-wrapper {}
    #modelhouse-slider .swiper-slide {}
    #modelhouse-slider .swiper-slide div.has-image {padding-bottom: 517px;}
    #modelhouse-slider .swiper-slide div.has-image img {height: 100%;width: auto;}

    .item-box.modelhouse-material-box {}
    .item-box.modelhouse-material-box .item-img {}
    .item-box.modelhouse-material-box .item-img h4 {}
    .item-box.modelhouse-material-box .item-content {}
    .item-box.modelhouse-material-box .item-content h4 {}
    .item-box.modelhouse-material-box .item-content p {}


    /*  page-qa
    ------------------------- */
    dl.qa {}
    dl.qa dt,
    dl.qa dd {padding-left: 53px;margin-bottom: 1.5rem;}
    dl.qa dt::before,
    dl.qa dd::before {width: 37px;height: 37px;font-size: 1.125rem;padding-bottom: 4px;padding-left: 4px;}
    dl.qa dt {font-size: 1.25rem;}
    dl.qa dt:hover {}
    dl.qa dt::before {}
    dl.qa dd {font-size: 1rem;margin-bottom: 3rem;}
    dl.qa dd::before {}


    /*  page-staff
    ------------------------- */
    .staff-box {margin-bottom: 7rem;}
    .staff-box h4.marker {font-size: 1.125rem;}
    .staff-box h4.marker span {}
    .staff-box .staff-info {}
    .staff-box .staff-info p {}
    .staff-box .staff-info h4 {}
    .staff-box .staff-info h4 span {}
    .staff-box .staff-info ul {margin-bottom: 0;}
    .staff-box .staff-info li {font-size: 0.75rem;}
    .staff-box .staff-info li span {}
    .staff-box .staff-info li strong {}
    .staff-box .staff-message {padding: 0;padding-top: 2rem;}
    .staff-box .staff-message > .inner {padding: 1.5rem;}
    .staff-box .staff-message p {}
    .staff-box .staff-message span.corner {}
    .staff-box .staff-message span.corner:nth-child(1) {}
    .staff-box .staff-message span.corner:nth-child(2) {}
    .staff-box .staff-message span.corner:nth-child(3) {}
    .staff-box .staff-message span.corner:nth-child(4) {}


    /*  page-download
    ------------------------- */
    .dl-list {}
    .dl-list:last-child {}
    .dl-list .dl-item {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .dl-list .dl-item:last-child {}
    .dl-list .dl-item .dl-text {}
    .dl-list .dl-item h5 {font-size: 1.5rem;}
    .dl-list .dl-item .dl-text p {}
    .dl-list .dl-item .dl-text ul {list-style: disc;margin-left: 1.56em;}
    .dl-list .dl-item .dl-text ul li {text-align: left;}
    .dl-list .dl-item .dl-btn {width: 350px;}
    .dl-list .dl-item .dl-btn > div {}
    .dl-list .dl-item .dl-btn > div a {}


    /*  single-common
    ------------------------- */
    article {padding: 75px 0;}
    .single-wrap {width: 83.333333%;margin: 0 auto;}
    .post-header {margin-bottom: 75px;}
    .post-header h2 {font-size: 2.25rem;margin-bottom: 4.5rem;}
    .post-content {margin-bottom: 150px;}

    /* table.table-reserve {}
    table.table-reserve tr.table-head {display: table-row !important;}
    table.table-reserve tr {display: table-row !important;}
    table.table-reserve tr th {}
    table.table-reserve tr td {display: table-cell;padding-right: 1rem !important;}
    table.table-reserve tr td:first-child {display: table-cell;color: inherit;background: none;}
    table.table-reserve tr td::before {content: none;}
    table.table-reserve tr td:first-child::before {} */

    .pagination-single {}
    .pagination-single h2 {}
    .pagination-single .nav-links {display: flex;flex-wrap: wrap;}
    .pagination-single .nav-links > div {width: 50%;padding: 0.25rem 0;margin-bottom: 0;}
    .pagination-single .nav-links a {font-size: 1rem;}
    .pagination-single .nav-links a::before,
    .pagination-single .nav-links a::after {}
    .pagination-single .nav-links .nav-previous {border-right: solid 1px #808080;}
    .pagination-single .nav-links .nav-next {}
    .pagination-single .nav-links .nav-previous a {padding: 0 2rem 0 4rem;}
    .pagination-single .nav-links .nav-next a {padding: 0 4rem 0 2rem;}
    .pagination-single .nav-links .nav-previous a::before {}
    .pagination-single .nav-links .nav-previous a::after {}
    .pagination-single .nav-links .nav-next a::before {}
    .pagination-single .nav-links .nav-next a::after {}


    /*  single-news
    ------------------------- */
    .post-header-news h2 {margin-bottom: 0;}
    .post-header-news p.date {font-size: 0.875rem;}


    /*  single-works
    ------------------------- */
    .single-works {}
    .single-works .post-content {margin-bottom: 50px;}
    .single-works #breadcrumb {}
    .single-works #breadcrumb::before {}
    .single-works #breadcrumb > div {}
    .single-works article {}
    .single-works .works-gallery {}
    .single-works .works-gallery > .inner {display: flex;flex-wrap: wrap;}
    .single-works .works-gallery .gallery-item {width: 33.333%;border: solid 1px #ffffff;}
    .single-works .works-gallery .gallery-item a {}
    .single-works .works-gallery .gallery-item a img {}


    /*  single-event
    ------------------------- */
    .post-header.post-header-event {}
    .post-header.post-header-event h2 {margin-bottom: 1rem;line-height: 1.73;}
    .post-header.post-header-event .icon-date,
    .post-header.post-header-event .icon-location {font-size: 1rem !important;}
    .post-header.post-header-event .icon-date::before,
    .post-header.post-header-event .icon-location::before {width: 16px;height: 16px;top: 10px;}
    .event-contents .event-info {width: 50%;order: 1;}
    .event-contents .event-info dl dt {font-size: 1.5rem;}
    .event-contents .event-info dl dt::before {height: 24px;width: 24px;top: 11px;}
    .event-contents .event-info dl dd {font-size: 1.25rem;}
    .event-contents .event-thumbnail {width: 50%;order: 2;margin: 0;}
    .post-content.post-content-event {margin-bottom: 0;}
    .event-qa {margin-bottom: 0;}
    .event-qa dl dt {font-size: 1.5rem;margin-bottom: 0.5em;}
    .event-qa dl dd {font-size: 1.125rem;padding-left: 2em;margin-bottom: 3em;}


}

@media screen and (min-width: 1200px) {
    .section-header .section-header-img {width: calc(100vw - (100vw - 1110px) / 2);}
    .section-header .section-title {padding-right: calc((100vw - 1110px) / 4);}
    .section-header-right .section-title {padding-left: calc((100vw - 1110px) / 4);padding-right: 0;}

    .page-header.page-header-front .main-copy {right: calc((100vw - 1110px) / 2);}
    .grid-sub {padding-right: calc((100vw - 1110px) / 2);}
    .lifebox .lifebox-title {padding-left: calc((100vw - 1110px) / 2);}
    .page-header .page-ttl {left: calc((100vw - 1110px) / 2);}


    /*  page-flow
    ------------------------- */
    .flow-cover .flow-item::after {height: 106px;background-size: 200px auto;}

}


@media screen and (min-width: 1200px) {
    .page-header.page-header-front #main-visual .has-image img {width: 101%;height: auto;}
}



/*  20210315 add kawamura
    event_post style
------------------------- */
.pr-3 {
    padding-right: 3rem;
}

.e_box {
    padding: 2em;
    border-top: 1px solid #9db681;
    border-bottom: 1px solid #9db681;
}

.e_box p {
    margin: 1em;
}

.table-reserve th,
.table-reserve td {
    text-align: center;
}

.marker_yellow {
    background: linear-gradient(transparent 65%, rgba(204, 202, 82, 50%) 50%);
}

.h3_marker {
    position: relative;
    padding: 1rem 2rem calc(1rem + 10px);
    background: #eff3eb;
    }

    .h3_marker:before {
    position: absolute;
    top: -7px;
    left: -7px;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px solid #5f5f5f;
    }


.table-reserve tr {display: table-row;}
.table-reserve th,.table-reserve td {display: table-cell;font-size: 1rem;padding: 1.5rem 0;}
.table-reserve th {border-top: solid 1px #9db681 !important;border-bottom: solid 1px #9db681;}

.table-scroll {width: 100%;}

/* 
@media screen and (max-width: 600px) {
    .table-reserve th:nth-child(even),
    .table-reserve td:nth-child(even) {
        background-color: #f7f7f7;
    } 
}*/

@media screen and (max-width: 600px) {
	.table-reserve {
		display: block;
		margin-bottom: 0 !important;
	}
}
@media screen and (max-width: 600px) {
	.table-scroll {
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: 8px;
	}
	.table-scroll table{
		display: inline-block;
	}	
	.table-scroll table tr td {
		margin-right: 10px;
	}
}


/*  20210524 add izumori
    table-type02 style
------------------------- */
.table-type02 tr {display: table-row;}
.table-type02 th,
.table-type02 td {display: table-cell;text-align: center;border: solid 1px #ccc;font-size: 1rem;padding: 1rem 0.5rem !important;}
.table-type02 th {color: #fff;background: #839c74;}

@media screen and (max-width: 600px) {
	.modelhousemap_sp {
		width: 350px;
	}
	.modelhousemap_sp iframe {
		width: 100%;
	}
}

/* モデルハウスの金額の切り替え */
.modelhouse_price_sp img {
	display: none;
}
@media screen and (max-width: 600px) {
	.modelhouse_price_pc img {
		display: none;
	}
	.modelhouse_price_sp img {
	display: block;
}
}

/*2021.12.23 lifebox修正*/

@media screen and (max-width: 1200px){
	.product-content{width:18%;}
	#equipment_specification p{
		font-size:13px;
	}
}

@media screen and (min-width: 992px){
	.os-scrollbar{display:none;}
}

@media screen and (max-width: 992px){
	.lineup{width:100vw;}
	.product-content{width:30%; margin-bottom: 2em;}
	#content-second,#content-third{margin-top:3em;} 
	.red-tag{margin-bottom:3em;}
	#equipment_specification .product-content{width:calc(30% - 0em);}
	#equipment_specification p {font-size:0.9rem;}
	.os-scrollbar{margin-top:0.5em;}


@media screen and (max-width: 768px){
	.product-cont-title{font-size:0.9rem;}
	#lineup_pc{display:none}
	#lineup_sp{display:block; text-align:center;}
}

@media screen and (max-width:600px){
	.lineup{width:130vw;}
	.lineup-text p{font-size:3vw;}
	#content-second,#content-third{margin-top:5vw;} 
	.product-content{width:30%;}
	.product-cont-image{max-width:unset;}
	.product-content p{font-size:2.5vw;}
	#equipment_specification .product-content{width:30%;}
	#equipment_specification:after{width:30%;}
	#equipment_specification p{font-size:2.5vw;}
	.os-scrollbar-handle{height:10px;}
	.os-scrollbar-track::before{margin-bottom:-0.45em;}
}
}

/*2022.02.22 モデルハウス修正*/
@media screen and (max-width: 1200px){
	.bg-border_1::after{
		width:85%;
	}
}
@media screen and (max-width:992px){
	.bg-border_1{font-size:48px;}
	.bg-border_1::after{width:100%;}
	.model-house-text p{font-size:18px;}
	.text-decoration_1::after {height:25px;}

}
@media screen and (max-width: 768px){
	.bg-img_1{background-position:0 6%;}
	.bg-border_1{font-size:35px;}
	.model-house-text p{font-size:13px;}
	.text-decoration_1::after {height:19px;}
	.bg-border_1::after{height:18px;}
	.proposal p{font-size:11px;}
	.bg-img_1-inner-detail p:nth-child(1) {font-size:23px;}
	.bg-img_1-inner-detail p {font-size:20px;}
	.campaign-period{flex-direction:column;align-items: center;}
	.campaign-period p{font-size:30px;}
	.bg-img_1-inner-caption img:nth-child(1){display:none;}
	.bg-img_1-inner-caption img:nth-last-child(1){display:block; margin-top:20px;}
	.proposal{margin-bottom:0;}

}
@media screen and (max-width:576px){
	.page-header.modelhouse {padding-bottom:0;}
	.bg-img_1{background-position:0 5%}
	.model-house-text p{font-size:2.3vw;}
	.text-decoration_1::after{height:85%;}
	.bg-border_1{font-size:6vw;}
	.bg-border_1::after{height:3vw; bottom:2.5vw;}
	.proposal p{font-size:2vw;}
	.bg-img_1-inner-caption{margin-bottom:7vw;}
	.bg-img_1-inner-detail p:nth-child(1){font-size:3.3vw;}
	.bg-img_1-inner-detail p{font-size:3vw;}
	.campaign-period img {width:50%; margin-right:0;margin-bottom:1vw;}
	.campaign-period p{font-size:4.5vw;}

	
}


/*202204_ブログページ改修*/

.blog_banner_area{
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.blog_banner{
    width: 100%;

}

.banner_right{
    text-align: right;
}

.blog_banner img{
    width: 95%;

}
@media screen and (max-width: 992px) {
    .blog_banner_area{
        display: block;
        margin-top: 5.5vw;;
    }
    .blog_banner img{
        width: 100%;
        margin-bottom: 5.5vw;
    
    }
    
}

.blogtabs{
    height: 4em;
    margin-top: 2em;
}

.blogtabs ul{
    width: 100%;
    height: 100%;
    display: flex;
}

.blogtabs li{
    width: 40%;
    text-align: center;
    border-bottom: #A38D76 2px solid;
    border-top: #ffffff 5px solid;
}
.blogtabs li p{
    
    line-height: 4em;
}

.active{
    border-top: #A38D76 2px solid!important;
    border-bottom: 0px!important;
    border-left: #A38D76 2px solid;
    border-right: #A38D76 2px solid;
}
.active p{
    border-top: #839C74 5px solid!important;
}

.space_side{
    width: 5%!important;
}
.space_center{
    width: 10%!important;
}




.label a:hover{
    outline: none!important;
}

.tag_author{
    display: flex;
    justify-content: space-between;
}

.cat_tag_staff p{
    margin: 0!important;
    line-height: 1;
    letter-spacing: 0;
}

.cat_tag_staff{
    display: flex;
    color: #fff;
    padding: 0 1rem;
    background: #333;
    border:#333 1px solid;
    align-items: center;
    min-height: 40px;
}

.cat_tag_home{
    display: flex;
    color: #000;
    padding: 0 1rem;
    background: #fff;
    border:#000 1px solid;
    align-items: center;
    height: 40px;
}

.cat_tag_home p{
    margin: 0!important;
    line-height: 1;
    letter-spacing: 0;
}

.item-box.blog-box .item-img .blog-date-home span.update {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.75rem;
    text-align: right;
    margin-right: 0.4rem;
}

.item-box.blog-box .item-img .blog-date-home span.y-m-d {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    text-align: right;
    margin-bottom: 0.75rem;
    margin-right: 0.2rem;
}

.item-box.blog-box .item-img .blog-date-home {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: end;
    min-height: 90px;
    letter-spacing: 0.2em;color: #fff;
    /*background: #333;*/
    z-index: 10;
    width: 42.7%;
    height: 44.3%;
}

@media all and (-ms-high-contrast:none) {
    .item-box.blog-box .item-img .blog-date-home {
        height: 50px;
        min-height: 50px;
    }
}

_::-webkit-full-page-media, _:future, :root .item-box.blog-box .item-img .blog-date-home {
	height: 50px;
    min-height: 50px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .item-box.blog-box .item-img .blog-date-home {
		height: 50px;
        min-height: 50px;
}
}


.item-box.blog-box .item-img .blog-date-home .inner{
    width: 100%;
}

.item-box.blog-box .item-img .has-image-home:after{
    content:"";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 118.3px 147.5px;
    border-color: transparent transparent #333333 transparent;
}



.only-sp{
    display: none;
}

@media screen and (max-width:768px){
    .only-sp{
        display: block;
    }

    .blogtabs li p{
        font-size: 0.8rem;
    }

    #tab2 p{
        padding-top: 1em;
        line-height: 1.5em;
    }

    #tab3 p{
        padding-top: 1em;
        line-height: 1.5em;
    }
}

.profilebox{
    position: relative;
    border: 2px #000 solid;
}

.profilebox_inner{
    display: flex;
 
}

.about_author{
    width: 30%;
    margin: 0 auto;
    background-color: #fff;
    position: absolute;
    left: 35%;
    top: -2rem;
}

.about_author_en{
    margin: 0;
    letter-spacing: 0.5rem;
    line-height: 1.2;
    font-size: 1.8rem;
    text-align: center;
}

.about_author_ja{
    text-align: center;
    margin: 0;
}

.prolilebox_left{
    position: relative;
    width: 10%;
    display:flex;
    border-right: 2px #000 solid;
    align-items: center;
    padding: 1rem;
}


@media screen and (min-width: 768px) {
    .prolilebox_left{
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
}
.prolilebox_left p{
    margin: 0;
    height: 100%;
    text-align: center;
    font-weight: bold;
}

.profilebox_left{
      width: 35%;
      padding: 4rem 1rem 1rem 1rem;
      display: flex;
      align-items: center;
}

.profilebox_right{
    width: 65%;
    padding: 4rem 1rem 1rem 0;
}

.author_img{
    text-align: center;
}

.author_img img{
    width: 40%;

}

.author_name{
    text-align: center;
    font-weight: bold;
}

.author_name p{
    margin:0;
    font-size:1.5rem;
}

.author_position{
    text-align: center;
    font-size: 1rem;
}

.author_position p{
    margin: 0;
}

.author_message{
    margin: 1rem 1rem 1rem 0;
}

.author_button{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
    text-align: center;
    width: 60%;
    height: 3rem;
    background-color: #9db681;   
}

.author_button p{
    margin: 0;
    width: 100%;
    font-weight: bold;
    color: #fff;
}

.tag-title{
    margin-top: 4rem;
}

.title_avt{
    height: 7rem;
    width: 7rem;
}

@media screen and (max-width: 1200px) {
    .author_button p{
        font-size: 0.8rem;
    }

    .about_author{
        width: 40%;
        left: 30%;
    }
}

@media screen and (max-width: 992px){
    .profilebox{
        margin-top: 6rem;
    }
}

@media screen and (max-width: 768px) {
    .profilebox_inner{
        display: block;
    }

    .about_author{
        width: 50%;
        left: 25%;
    }
    .profilebox_left{
        width: 100%;
 
    }

    .prolilebox_left p{
        font-size: 1.2rem;
    }

    .profilebox_left_inner{
        width: 100%;
    }

    .author_name{
        font-size: 1.2rem;
    }

    .author_position{
        font-size: 1rem;
    }

    .profilebox_right{
        width: 100%;
        padding: 1rem;
    }

    .author_img img{
        width: 50%;
    }

    .author_message{
        margin: 1rem 1rem 4rem 1rem;
    }

    .author_button{
        width: 80%;
        margin: 0 auto 3rem;
    }
}

.title_newline{
    display: none;
}

@media screen and (max-width: 576px){
    .about_author{
        width: 80%;
        left: 10%;
    }
    .about_author_ja{
        font-size: 0.8rem;
    }
    .about_author_en{
        font-size: 1.6rem;
    }

    .author_button a{
        font-size: 0.8rem;
    }
    .author_button{
        width: 90%;
        margin: 0 auto 3rem;
    }
    .author_message{
        margin: 0.5rem 0.5rem 4rem 0.5rem;
    }
    .title_avt{
        height: 7rem;
        width: 7rem;
    }

    .title_newline{
        display: block;
    }
    
}