@charset "utf-8";

/* COMMON SETTING */
html, body {
	scroll-padding-top: 180px;
    text-rendering: optimizespeed;
    min-block-size: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-size:16px;
    font-weight: 400;
    line-height: 1.8;
}
a {
    display: block;
}
a[href^="tel:"] {
    pointer-events: none;
}
.sp {
    display: none;
}
button {
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    position: fixed;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 10;
    background: none;
}
button:hover {
    width: 70px;
    height: 70px;
}
.is-active {
    opacity: 1;
    visibility: visible;
}
.underLine {
    background: linear-gradient(transparent 80% , #ffff00 80%);
}
.text--color {
    font-weight: 500;
    color: #0290bc;
}
.text--right {
    text-align: right;
}
.text--center {
    text-align: center;
}
.bold {
    font-weight: 700;
}
.ffnumber {
    font-family: "Noto Sans", sans-serif;
}
.fsx125 {
    font-size: 1.25rem;
    margin-left:0.1em;
    margin-right:0.1em;
}
.fsx15 {
    font-size: 1.5rem;
    margin-left:0.1em;
    margin-right:0.1em;
}
.fsx175 {
    font-size: 1.75rem;
    margin-left:0.1em;
    margin-right:0.1em;
}
.fsx200 {
    font-size: 2rem;
    margin-left:0.1em;
    margin-right:0.1em;
}
.fsx300 {
    font-size: 3rem;
    margin-left:0.1em;
    margin-right:0.1em;
}
.position--center {
    margin:0 auto;
}
.w60 {
    width: 60%;
}
.text--center {
    text-align: center;
}


/* LAYOUT */
.container {
    position:relative;
    display: flex;
    flex-direction:column;
    gap: 5rem;
    margin:0 auto;
    max-width: 1200px;
    padding: 10px 20px;
}
header {
    background: #fff;
    z-index:9999;
    margin:0 auto;
    position: sticky;
    top:0;
    padding-top: 15px;
}
header.active {
    background: rgba(255,255,255);
}
header h1, header h2 {
    margin-bottom: 0;
}
header h1 img {
    width: 360px;
    margin-bottom: 5px;
}
header h2 img {
    width: 200px;
}
header .menu {
    background: #0299c6;
}
header .menu .container {
    padding: 0;
}
header .gnavi {
    display: flex;
    align-items: center;
}
header .items {
    margin-bottom: 0;
}
header .items li {
    list-style: none;
    position: relative;
    height: 100%;
}
header .items .contact {
    float: right;
}
header .items .contact img {
    width: 160px;
    padding-left: 15px;
}
header .items li a {
    color: #fff;
    padding: .75rem 2rem;
    font-weight: 500;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}
header .items li.active a {
    color: #25478f;
}
header .items li.active,
header .items li a:hover {
    background: #ffff00;
    color: #25478f;
}
header .items li a span {
    font-size: .6em;
}
footer {
    background-color: #0290bc;
}
footer .container {
    gap: 1rem;
}
footer .--top {
    justify-content: space-between;
}
footer .--top .logo h1 {
    margin-top: 32px;
    color: #fff;
    font-size: 1.6rem;
}
footer .--top .sitemap--link {
    background: rgb(2, 63, 145);
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    transition: .4s;
}
footer .--top .sitemap--link:hover {
    background: rgb(0, 52, 119);
    transition: .4s;
}
footer .--top .sitemap--link p {
    margin-bottom: 0;
}
footer .--top .sitemap--link p a {
    padding: 20px 40px;
    color: #fff;
    text-decoration: none;
}
footer dl,footer dt,footer dd,footer p {
    color:#fff;
}
footer .--middle,
footer .--bottom {
    justify-content:flex-start;
    flex-wrap:wrap;
}
footer .--bottom {
    justify-content:flex-end;
}
footer .--middle .place {
    max-width: 700px;
    font-size:0.9rem;
    flex-wrap:wrap;
    margin-bottom:0;
}
footer .copyright{
    font-size: .8rem;
    text-align: right;
}
main {
    z-index: 1;
    position: relative;
    padding-bottom: 0;
}


/** ENTRANCE **/
main .main-visual {
    max-width: 1440px;
    padding-bottom: 1.5rem;
    padding: 0;
    position: relative;
    display: inline;
}
main .main-visual .container {
    padding: 0;
}
main .content--area {
    background: #0299c6;
}
main .content--area.main-visual {
    background: none;
}
main .content--area .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}
main .content--area .container .outer {
    padding-left: 60px;
    padding-right: 60px;
}
main .content--area.main-visual .container {
    max-width: 1440px;
    margin:0 auto;
    padding:0;
}
main .container h2 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-top:40px;
    margin-bottom:10px;
    color:#fff;
}
main .container p {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
}
main .container button {
    background: #e85a24;
    border-radius: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 20px;
}
main .container button a {
    display: block;
    padding: 15px 100px;
    color: #fff;
    text-decoration: none;
}
main .container button a:hover {
    opacity: .8;
}
main article .menu-board {
    padding:30px;
}
main .menu-items {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    margin-top: 35px;
}
main .menu-items .item {
    max-width: calc(100% / 2 - 1rem);
    width: 100%;
    border-radius: 16px;
    text-align: center;
    position: relative;
    background: #fff;
    border: 7px solid #ffff00;
    transition: all 0.3s ease;
    min-height: 320px;
    padding: 10px 32px;
}
main .menu-items .item p img {
    width: 100px;
}
main .menu-items .item .mwrit--text {
    color: #000;
    margin-bottom: 0;
    font-weight: 500;
}
main .menu-items .item .mwrit--number {
    font-size: 3.6rem;
    color: #ffff00;
    background-color: #0299c6;
    border-radius: 50px;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    font-family: "Jost", sans-serif;
    font-weight: 900;
}
main .menu-items .item h2 {
    font-size:2.8rem;
    margin-top: 15px;
    margin-bottom: 25px;
    text-align: center;
    color:#000;
    font-weight: 900;
}
main .menu-items .item .menubox p {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1.5;
    font-size: 1.4rem;
    text-align: center;
    color: #0290bc;
}
main .menu-items .item.merit {
    border-color: #284c97;
}
main .menu-items .item.merit h2 {
    color: #284c97;
}
main .menu-items .item.merit:first-child h2 {
    margin-bottom: 15px;
}

main .container .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
main .container h3.tenant,
main .container h3.owner {
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 25px 150px;
    background: #fff;
    margin: 0 auto;
}
main .container h3.tenant {
    background: #ffff00;
    margin-top: 50px;
}
main .container h3.owner {
    margin-top: 100px;
}
main .container .inner h3.owner + .item--list {
    margin-top: 40px;
    padding: 55px;
    border: 7px solid #ffff00;
    border-radius: 16px;
    background: #fff;
}
main .container .inner h3.owner + .item--list ul {
    list-style: none;
    margin: 0;
}
main .container .inner h3.owner + .item--list ul li {
    line-height: 1.75;
    font-size: 1.5rem;
    margin-bottom: .75rem;
    margin-left: 2.25rem;
    text-indent: -2.75rem;
}
main .container .inner h3.owner + .item--list ul li:last-child {
    margin-bottom: 0;
}
main .container .inner h3.owner + .item--list ul li::before {
    content: "■";
    color: #0290bc;
    font-size: 1.5rem;
    margin-right: 20px;
}
main .service .body-copy {
    margin-top: 70px;
    margin-bottom: 70px;
    margin-left: 20px;
    position: relative;
}
main .service .body-copy h2 {
    margin-top:0;
}


/** CONTENT--COMMON--SETTING **/
span.yellow {
    color: #ffff00;
}

main.--index {
    margin-top: 0;
    background: #c1dfeb;
    color:#000;
}
main.--index .container {
    padding: 55px 65px;
}
main.--index .header {
    padding: 0;
}
main.--index .header .outer {
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 1000;
}

main.--index .header .outer .item {
    margin-bottom: -60px;
}

main.--index .header .outer .item::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 5px;
    height: 50%;
    background: #ff0000;
}
main.--index .header .outer .item h2 {
    letter-spacing: .2em;
    font-size: 1.9rem;
}
main.--index .header .outer .item .bg-black {
    margin-top: 20px;
    padding: 10px 70px 12px;
}
main.--index .header .outer .item .bg-black p {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}
main .disclosure--area,
main.subpage .disclosure--area.disclosure--area {
    background: #eee;
    padding-top: 30px;
    padding-bottom: 30px;
}
main .disclosure--area .container {
    gap: 1.5rem;
}
main .disclosure--area h2 {
    text-align: center;
    color: #284c97;
    font-size: 1.9rem;
    margin-top: 0;
}
main .disclosure--area .disclosure--items .menu-items {
    list-style: none;
    margin-top: 0;
    padding-left: 0;
}
main .disclosure--area .disclosure--items .menu-items li {
    background: rgb(2, 144, 188 ,1);
    width: calc(100% / 2 - 1rem);
    text-align: center;
    font-size: 1.12rem;
    border-radius: 8px;
    transition: .4s;
}
main .disclosure--area .disclosure--items .menu-items li:hover {
    background: rgb(2, 120, 156);
    transition: .4s;
}
main .disclosure--area .disclosure--items .menu-items li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 15px;
}


/*** CONTENT -- SUB ***/
.content .outer {
    margin-bottom: 60px;
}
.outer .title {
    margin-bottom: 30px;
}
.outer .title h2 {
    font-size: 1.5rem;
    position: relative;
    padding-left: 50px;
}
.outer .content h3 {
    font-size: 1.6rem;
    line-height: 1.6em;
    margin-bottom: 20px;
}
.outer .content p.right {
    text-align: right;
}
.outer .content .bold {
    font-weight: 700;
}
.outer .content .itemBox h3 {
    color:#187fff;
    font-size: 1.3rem;
    border-radius: 8px;
}


/*** SUBPAGE ***/
main.subpage .content--area {
    background: #fff;
}
main.subpage h2,
main.subpage .container p.en {
    font-family: "Noto Serif JP", serif;
    color: #007bc7;
    font-weight: 600;
}
main.subpage .disclosure--area h2 {
    font-family: "Noto Sans JP", sans-serif;
}
main.subpage .container {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
}
main.subpage .container p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
}
main.subpage .container p.en {
    font-size: 1.3rem;
}
main.subpage h3 {
    background: #007bc7;
    color: #fff;
    padding: 20px 40px;
    font-size: 1.5rem;
    border-radius: 50px;
}
main.subpage h4 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
}
main.subpage h5 {
    color: #000;
    font-size: 1.2rem;
}
main.subpage .container p {
    color: #000;
    font-size: 1rem;
}
main.subpage .container h4 {
    margin-top: 20px;
}
main.subpage .content--area .container .inner {
    border-left: 1px solid #000;
    padding-left: 30px;
    margin-top: 35px;
    margin-left: 220px;
}
main.subpage .content--area .container .outer {
    padding: 0;
}
main.subpage .content--header--area .pagetitle {
    background: linear-gradient(to top right, #e0f2f7, #a0d1e4);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    width: 100%;
    min-height: 270px;
    padding: 50px;
    margin-bottom: 35px;
    justify-content: center;
    flex-direction: column;
}
main.subpage .content--header--area .pagetitle h2,
main.subpage .content--header--area .pagetitle p {
    margin: 0;
}
main.subpage .inner {
    margin-bottom: 45px;
}
main.subpage .content--header--area .inner {
    margin-bottom: 0;
}


main.subpage .item-box .bg-gray {
    background: #f5f5f5;
}
main.subpage .item-box .box {
    margin-bottom: 25px;
    border-radius: 16px;
    padding: 30px 35px;
    gap: 35px;
}
main.subpage .item-box .box:first-child {
    margin-top: 20px;
}
main.subpage .item-box .box h5,
main.subpage .item-box .box p {
    margin: 0;
}
main.subpage .item-box .box .box-left h5,
main.subpage .item-box .box .box-left p {
    text-align: center;
}
main.subpage .item-box .box .box-left p {
    font-size: 3rem;
    color: #fff100;
    font-family: "Jost", sans-serif;
    background: #0299c6;
    width: 70px;
    height: 70px;
    line-height: 1.45;
    margin-top: 10px;
}
main.subpage .item-box .box .box-right {
    justify-content: center;
}
main.subpage .item-box .greenbond h4 {
    margin-top: 0;
    text-align: center;
}

/** TABLE **/
.table-responsive {
    overflow: hidden;
}
.inner table {
    margin: 0;
    width: 100%;
}
.inner table th,
.inner table td {
    font-weight: 400;
    padding: 10px;
}
.inner .greenbond table th {
    text-align: center;
}
.inner table.business {
    position: relative;
    color: #000;
    border: 1px solid #25478f;
    margin-bottom: 35px;
}
.inner table.business thead th {
    background: #ffff00;
    border-bottom: 1px solid #25478f;
    border-right: 1px solid #25478f;
    padding: 10px 15px;
    text-align: center;
}
.inner table.business thead th:first-child {
    width: 20%;
}
.inner table.business tbody th {
    background: #ffffd7;
    text-align: center;
}
.inner table.business tbody th,
.inner table.business tbody td {
    border-bottom: 1px solid #25478f;
    border-right: 1px solid #25478f;
    padding: 10px 15px;
}
.inner table.business tbody tr:last-child th,
.inner table.business tbody tr:last-child td {
    border-bottom: 0;
}
.inner table.business::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 200px;
    height: 200px;
    background-image: url(../img/subpage/img--business--after--1.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -50px;
    right: -50px;
}
.inner .business.plan--list thead th {
    padding: 25px 0;
}
.inner table.business.plan--list::after {
    background-image: none;
}
.inner .business.plan--list,
.inner .business.plan--list th,
.inner .business.plan--list td {
    border-color: #999;
}
.inner .business.plan--list th {
    background: #f5f9fa;
    font-weight: 500;
}
.inner .business.plan--list tr:last-child td {
    border-bottom: none;
}
.inner .business.plan--list th.basic {
    background: #ffeece;
    color: #444;
    font-weight: 700;
}
.inner .business.plan--list th.lump {
    background: #ffa800;
    color: #fff;
    font-weight: 700;
}
.inner .business.plan--list th.initial {
    background: #ff5400;
    color: #fff;
    font-weight: 700;
}
.inner .business.plan--list th,
.inner .business.plan--list td {
    color: #000;
}
.inner .business.plan--list .ffnumber {
    color:#dd3c34;
}

/** OL LI / UL LI **/
.inner ol {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.inner ol li {
    padding: 10px;
}
.inner .docnumber {
    margin-bottom: 15px;
    padding-left: 30px;
}
.inner .docnumber > li {
    position: relative;
    line-height: 1.5;
    margin-top: 10px;
    list-style: none;
    list-style-position: inside;
    counter-increment: docnumber;
}
.inner .docnumber > li:before {
    position: absolute;
    left: -2.5em;
    top: 0;
    content: "（"counter(docnumber)"）";
}
.disclosure .inner ul li {
    line-height: 1.75;
}
.disclosure .inner .docnumber ul li,
.plan--list ul li {
    list-style: disc;
    line-height: 1.75;
}
.disclosure .inner .nomargin {
    margin-bottom: 0;
}
.plan--list ul {
    padding-left: 1.5rem;
}


.inner .link .menu-items {
    margin-top: 15px;
    list-style: none;
    padding: 0;
    gap: 2.8rem;
}
.inner .bottom.link .menu-items {
    margin-top: 70px;
    margin-bottom: 70px;
}
.inner .service--intro--area p {
    margin-bottom: 0;
}
.inner .link .menu-items li {
    font-size: 1.38rem;
    font-weight: 700;
    text-align: center;
    width: calc(100% / 3 - 2rem);
    background: #ffff00;
    border-radius: 12px;
    position: relative;
}
.inner .link .menu-items li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 18px;
    padding-bottom: 18px;
    text-decoration: none;
    color: #023f91;
}
.inner .link .menu-items li a::after {
    position: absolute;
    content: url(../img/common/img--button--after.svg);
    right: 26px;
    width: 25px;
    height: 25px;
    transition: .4s;
}
.inner .link .menu-items li a:hover::after {
    right: 15px;
    transition: .4s;
}
.outer.merit .inner h2.title,
.service .inner.service h2.title {
    margin:0 auto;
}
.outer.merit .inner h2 {
    max-width: 889px;
    line-height: 1.25;
}
.service .inner.service h2 {
    max-width: 671px;
}
.service--intro--area {
    background: #fff;
    border: 7px solid #ffff00;
    border-radius: 16px;
    padding: 45px;
    margin-top: 45px;
    align-items: center;
}
.service--intro--area h3 {
    text-align: center;
    font-size: 1.81rem;
    line-height: 1.75;
    letter-spacing: 0.075em;
}
.sitemap .inner .item-box.inline {
    margin: 0;
    padding: 0;
}
.sitemap .inner .item-box.inline .box {
    list-style: none;
    font-size: 1.25rem;
    padding: 0;
    border: 1px solid #f5f5f5;
}
.sitemap .inner .item-box.inline .box.bg-gray a {
    color: #000;
    text-decoration: none;
    padding: 30px 35px;
    transition: .4s;
}

/* smartphone - setting */
@media (width < 600px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    h2 {
        font-size: 1.4rem!important;
    }
    h3 {
        font-size: 1.25rem!important;
    }
    p {
        font-size: 1rem;
    }
    header {
        background: none;
    }
    header.active {
        backdrop-filter: none;
        background: rgba(255,255,255);
    }
    button.menuBtn + nav {
        opacity: 0;
    }
    button.menuBtn.active + nav {
        opacity: 1;
    }
    button.js-backToTop {
        width: 40px;
        height: 40px;
    }
    .gnavi #g-nav.panelactive {
        position:fixed;
        z-index: 999;
	    top: 0;
	    width:100%;
        height: 100vh;
    }
    .circle-bg {
        position: fixed;
	    z-index:3;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        backdrop-filter: blur(10px);
	    transform: scale(0);
	    right:-50px;
        top:-50px;
        transition: all .6s;
    }
    .circle-bg.circleactive {
	    transform: scale(50);
    }
    .gnavi #g-nav-list {
        display: none;
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .gnavi #g-nav.panelactive #g-nav-list {
        display: block;
    }
    /* navigation menu */
    .gnavi #g-nav ul {
	    opacity: 0;
        position: absolute;
        z-index: 9999;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .d-flex {
        display: flex;
        flex-direction: column;
    }
    .gnavi #g-nav.panelactive ul {
        opacity: 1;
        padding-left: 0;
    }
    .gnavi #g-nav.panelactive ul li {
        animation-name: gnaviAnime;
        animation-duration: 1s;
        animation-delay: .2s;
        animation-fill-mode: forwards;
        opacity:0;
        font-size: 1.4rem;
        margin-bottom: 1.8rem;
    }
    .gnavi #g-nav.panelactive ul li a {
        padding: 0;
    }
    @keyframes gnaviAnime {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .openbtn {
    	position:fixed;
	    top: 6px;
	    right: 10px;
	    z-index: 9999;
	    cursor: pointer;
        width: 50px;
        height:50px;
    }
    .openbtn span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        right: 14px;
        height: 3px;
	    background-color: #007bc7;
  	    width: 45%;
    }
    .home .openbtn span {
	    background-color: #0290bc;
    }
    .openbtn span:nth-of-type(1) {
	    top:15px;	
    }
    .openbtn span:nth-of-type(2) {
    	top:23px;
    }
    .openbtn span:nth-of-type(3) {
    	top:31px;
    }
    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        right: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
    }
    .openbtn.active span {
        background-color: #fff;
    }
    .openbtn.active span:nth-of-type(2) {
    	opacity: 0;
    }
    .openbtn.active span:nth-of-type(3){
        top: 30px;
        right: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
    }
    header {
        padding: 5px 0;
        background: rgba(255,255,255);
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    header .container {
        padding: 0px;
    }
    header h1 {
        margin-bottom: 0;
    }
    header h1 img {
        max-width: 300px;
        margin-top: 7px;
        margin-bottom: 7px;
        margin-left: 5px;
    }
      header h2 {
        display: none;
      }
    header .items .contact img {
        width: 100%;
        padding: 0;
        margin-top: 1rem;
    }
    /*** footer ***/
    footer .--top .logo {
        order: 2;
    }
    footer .--top .sitemap--link {
        order: 1;
    }
    footer .--top .sitemap--link p a {
        padding: 10px 20px;
    }
    
    main.--index .container {
        padding: 25px 30px;
    }
    main .menu-items {
        flex-direction: column;
        position: relative;
    }
    main .menu-items .item {
        width: 100%;
        max-width: 100%;
    }
    main .main-copy {
        left: 25%;
        right: 0;
        text-align: center;
        padding: 3.75rem 3rem 0;
    }
    main .container h2 {
        font-size: 1.6rem;
        text-align: left;
    }
    .--index .outer .inner h2 {
        font-size: 1.8rem;
        padding-left: 50px;
        line-height: 1.5;
    }
    .outer .content h3 {
        font-size: 1.3rem;
    }
    .outer .content {
        width: 100%;
        margin-left: 0;
        padding-left: 35px;
    }
    .outer .content .list-style-none {
        padding-left: 1rem;
    }
    main.--index .header .outer .item::before {
        height: 15%;
    }
    main .content--area .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    main .content--area .container .outer {
        padding: 10px;
    }
    main.--index .header .outer .item {
        margin-bottom: 0;
    }
    .link.item--list ul li {
        width: 100%!important;
    }
    main .content--area .service .d-flex.justify-content-center {
        align-items: center;
    }
    main .content--area .service .d-flex.justify-content-center .img-box img {
        width: 60%;
        margin: 0 auto;
    }
    main .service .body-copy {
        margin: 10px;
    }
    .service--intro--area {
        padding: 20px 25px;
        margin-top: 20px;
    }
    .service--intro--area h3 {
        line-height: 1.5;
        font-size: 1.2rem;
        letter-spacing: 0.03em;
    }
    .inner .link .menu-items li {
        font-size: 1rem;
        font-weight: 500;
    }
    .inner .link .menu-items li a::after {
        width: 18px;
        height: 18px;
        right: 14px;
    }
    .inner .link .menu-items li a {
        padding-right: 40px;
        padding-left: 20px;
    }
    main .container h3.tenant,
    main .container h3.owner {
        display: block;
        padding: 12px 45px 15px 45px;
    }
    .service--intro--area h3 {
        font-size: 1rem;
        line-height: 1.75;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    main .container h3.tenant {
        margin-top: 20px;
    }
    main .menu-items {
        margin-top: 20px;
    }
    main .menu-items .item .mwrit--number {
        font-size: 3.8rem;
    }
    .outer.merit .inner h2 {
        max-width: 100%;
        font-size: 2rem!important;
        margin-bottom: 15px;
    }
    main .menu-items .item {
        padding: 10px 20px;
        min-height: auto;
    }
    main .menu-items .item .menubox p {
        font-size: 1.2rem;
    }
    main .container .inner h3.owner + .item--list {
        padding: 30px;
    }
    main .container .inner h3.owner + .item--list ul {
        padding-left: 0;
    }
    main .container .inner h3.owner + .item--list ul li,
    main .container .inner h3.owner + .item--list ul li::before {
        font-size: 1.2rem;
    }
    main .container .inner h3.owner + .item--list ul li {
        margin-left: 1.25rem;
        text-indent: -1.75rem;
   }
    main .container .inner h3.owner + .item--list ul li::before {
        margin-right: 10px;
    }
    .inner .bottom.link .menu-items {
        margin-top: 30px;
        gap: 15px;
    }

    /*** subpage commons ***/
    .disclosure--area .container h2 {
        text-align: center;
    }
    main .disclosure--area .disclosure--items .menu-items {
        padding-left: 0;
        gap: 15px;
    }
    main .disclosure--area .disclosure--items .menu-items li {
        font-size: 1rem;
        width: 100%;
    }
    /*** subpage ***/
    main.subpage .content--area .container .inner {
        margin-top: 20px;
        margin-left: 10px;
        padding-left: 20px;
    }
    main.subpage .item-box .box {
        padding:  20px 25px;
        gap: 25px;
    }
    main.subpage .item-box .box {
        flex-direction: row;
    }
    main.subpage .item-box .box .box-right {
        gap: 5px;
    }
    main.subpage .item-box .box .box-right h5 {
        line-height: 1.5;
    }
    main.subpage .container h4 {
        line-height: 1.75;
    }
    .inner table td:last-child {
        width: 100%;
    }
    .inner table th,.inner table td {
        display: block;
        width: 100%;
    }
    .inner table th,
    .inner .greenbond table th {
        font-weight: 700;
        padding-bottom: 0;
    }
    main.subpage .item-box .greenbond h4 {
        text-align: left;
    }
    .inner .greenbond table th,
    .inner .greenbond table td {
        text-align: left;
    }
    .inner table td,
    .inner .greenbond table td {
        padding-top: 0;
    }
    .business table.business thead tr:first-child th {
        display: none;
    }
    .business table.business tbody th, 
    .business table.business tbody td {
        text-align: left;
        border-right: none;
    }
    .business table.business tbody tr:last-child td {
        border-bottom: none;
    }
    .business table.business tbody tr:last-child th {
        border-bottom: 1px solid #25478f;
    }
    .inner table.business::after {
        content: none;
    }
    .inner .telno {
        background: #f5f9fa;
        padding: 16px;
        border-radius: 16px;
        box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    }
    .inner .telno .ffnumber {
        color: #dd3c34;
    }
    .business table.business.plan--list thead tr:first-child th,
    .business .inner table.plan--list th,
    .business .inner table.plan--list td {
        display: table-cell;
    }
    .business table.business.plan--list tbody th,
    .business table.business.plan--list tbody td {
        border-right: 1px solid #999;
    }
    .business table.business.plan--list tbody th {
        text-align: center;
    }
    .business table.business.plan--list tbody tr.vat th {
        vertical-align: top;
    }
    main.subpage .content--header--area .pagetitle {
        width: 100%;
        background: linear-gradient(to top right, #e0f2f7, #a8dadc);
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        padding: 25px;
        margin-bottom: 15px;
        min-height: 125px;
    }
    main.subpage .container p.en {
        font-size: 1rem;
    }
    main.subpage .content--header--area .container {
        padding-left: 10px;
        padding-right: 10px;
    }
	.table-responsive {
    	overflow-x: auto;
	}
}