:root {
    --blue: #004587;
    --blue2:#004587;
    --red:#e60012;
}

header .logo {
    flex-shrink: 0;
}

header .logo img {
    width: 200px;
    height: auto;
}

header .main-menu {
    margin-left: 2em;
    flex: 1 1 0%;
}

header .main-menu ul {
    display: flex;
    align-items: center;
    gap: 1.5em;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

header .main-menu ul li a {
    display: block;
    text-decoration: none;
    color: rgb(0 0 0);
    font-weight: 600;
    font-size: var(--fs-4);
}

header .nav-menu {
    position: fixed;
    top: 1em;
    right: 2em;
    z-index: 1000;
}

header .nav-menu ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

header .nav-menu ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: rgb(51, 51, 51);
    font-size: 0.9em;
}

header .main-menu ul li {
    position: relative;
}

header .main-menu ul li .submenu {
    position: absolute;
    top: 2em;
    left: 0px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s;
    min-width: 200px;
    z-index: 500;
    gap: 0px;
    border-radius: 10px;
}

header .main-menu ul li .submenu li a {
    display: block;
    padding: 0.75em 1em;
    color: rgb(51, 51, 51);
    text-decoration: none;
    white-space: nowrap;
    font-size: var(--fs-3);
    transition: color 0.3s, background 0.3s;
}

header .main-menu ul li:hover .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

header .main-menu ul li .submenu li a:hover {
    color: white;
    background: var(--blue);
}

header .nav-menu {
    position: fixed;
    top: 1em;
    right: 2em;
    transform: none;
    z-index: 1000;
    padding: 0.5em;
}

header .nav-menu ul {
    flex-direction: column;
}

header .nav-menu ul li {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004587;
    margin-bottom: 0.5em;
    box-shadow: 1px 1px 4px 0px #001f3d;
}

header .nav-menu ul li:first-child {
    border-left: none;
}

header .nav-menu ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: rgb(255, 255, 255);
}

header .nav-menu ul li a i {
    font-size: 1.5em;
    margin-bottom: 0.2em;
}

header .nav-menu ul li a span {
    white-space: nowrap;
}

header .nav-menu ul li a .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s, box-shadow 0.3s;
    will-change: transform;
}

header .nav-menu ul li a .inner i {
    font-size: 1.5em;
    margin-bottom: 0.2em;
}

header .nav-menu ul li a .inner span {
    font-size: var(--fs-2);
    white-space: nowrap;
}

header .nav-menu ul li a:hover .inner {
    transform: translateY(-4px);
}

header .nav-menu ul li.hamburger a i {
    font-size: 1.5em;
}

#hamburger-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(4, 43, 82, 0.9);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.4s;
    z-index: 9999;
    /* padding: 2em; */
}

#hamburger-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

#hamburger-menu .hamburger-menu-inner {
    margin: 0px auto;
}

#hamburger-menu .close-btn {
    position: absolute;
    top: 1em;
    right: 1em;
    background: none;
    border: none;
    font-size: 2em;
    cursor: pointer;
}

#hamburger-menu .hamburger-nav ul {
    list-style: none;
    padding: 2em 0px 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 1em;
    align-items: center;
}

#hamburger-menu .hamburger-nav ul li a {
    font-size: var(--fs-5);
    text-decoration: none;
    color: rgb(51, 51, 51);
    font-weight: bold;
}

header .header-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 1em 2em;
    position: relative;
    margin: 0px 0px 3rem;
}

#hamburger-menu .hamburger-nav .inne_scroll {
    overflow-y: auto;
    max-height: 100vh;
}

.no-scroll {
    width: 100%;
    overflow: hidden !important;
    height: 100% !important;
    position: fixed !important;
}

#hamburger-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #004587de;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    pointer-events: none;
}

#hamburger-menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

div#hamburger-menu.hamburger-menu {overflow-y: hidden;}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner {
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner button.close-btn {
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner button.close-btn i.fa-solid.fa-xmark {
    color: rgb(255, 255, 255);
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav {}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav a {margin: 2em 0 0 2em;display: block;}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav a img {
    width: 11%;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    max-width: 1200px;
    margin: 0px auto;
    width: 80%;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner a.mnc.news {
    text-align: left;
    display: block;
    width: 100%;
    font-size: var(--fs-9);
    margin: 3rem 0px 0px;
}
div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner a.mnc.news2{
    margin-top: 0.1em !important;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 7%;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 dl {
    width: 19%;
    margin: 0px 0px 2em;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 dl dt.mnc {
    font-size: var(--fs-6);
    border-bottom: 1px solid;
    margin: 0px 0px 0.5em;
    padding: 0.5em 0px;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 dl dd {
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 dl dd a {
    font-size: var(--fs-4);
    display: block;
    margin: 0px 0px 0.5em;
    padding: 0.1em 0.75em;
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
    border-radius: 120px;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul {
    display: flex;
    gap: 1em;
    list-style: none;
    padding: 1em 0px;
    flex-flow: wrap;
    place-content: space-between flex-start;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul li {
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3em;
    aspect-ratio: 1 / 1;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 1.5em;
    transition: background 0.3s;
    text-decoration: none;
    margin: 0;
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul li a i {
    color: rgb(255, 255, 255);
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul li a i.fa-brands.fa-youtube {
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul li a i.fa-brands.fa-line {
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul li a i.fa-brands.fa-facebook-f {
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul li a i.fa-brands.fa-tiktok {
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 ul li a:hover {
    background-color: rgba(255, 255, 255, 0.4);
    transform: scale(1.1);
}

div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner div.inner2 dl dd a:hover, div#hamburger-menu.hamburger-menu div.hamburger-menu-inner nav.hamburger-nav div.inner a.mnc.news:hover {
    color: rgb(179, 179, 179);
}

section.top01 {
    background: url("../images/top01_bg.webp") left top / 100% no-repeat;
}

section.top01 div.wrap {
    position: relative;
}

section.top01 div.inner {
    display: flex;
}

section.top01 div.inner div.image01 {
    width: 30%;
    /* padding: 0px 0px 0px 3%; */
}

section.top01 div.inner div.image01 img {
}

section.top01 div.inner div.text01 {
    color: rgb(255, 255, 255);
    padding: 8vw 0px 0px 6vw;
}

section.top01 div.inner div.text01 img {
    width: 15%;
}

section.top01 div.inner div.text01 h2 {
    font-size: var(--fs-9);
    font-weight: 300;
}
section.top01 div.inner div.text01 h2 br.sp{display:none;}

section.top01 div.inner div.text01 h2 span {
    font-size: var(--fs-12);
}

section.top01 div.inner div.image02 {
    width: 22vw;
    /* padding: 0px 0px 0px 2%; */
    position: absolute;
    right: 19rem;
    top: -3vw;
}

section.top01 div.inner div.image02 img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4/3;
}

section.top01 div.image03 {
}

section.top01 div.image03 img {
    position: absolute;
    width: 15%;
    right: 0rem;
    /* bottom: -2rem; */
    /* height: 24rem; */
    object-fit: cover;
    aspect-ratio: 3 / 4;
}

section.top01 p.montserrat {
    position: absolute;
    left: 16rem;
    bottom: 0px;
    color: rgb(161, 161, 162);
    font-size: 4.5vw;
    font-weight: 100;
    white-space: nowrap;
}

section.top01 div.top_news {
    background: rgb(255, 255, 255);
    width: 80%;
    max-width: 1500px;
    margin: 3rem auto 0px;
    box-shadow: rgb(65, 65, 65) 2px 1px 20px 0px;
    padding: 5rem;
    position: relative;
    z-index: 3;
}

section.top01 div.top_news div.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.top01 div.top_news div.title h3.montserrat {
    font-size: var(--fs-10);
    font-weight: 600;
    color: rgb(0, 69, 135);
}

section.top01 div.top_news div.title a {
    background: rgb(88, 88, 88);
    color: rgb(255, 255, 255);
    font-size: var(--fs-5);
    padding: 0.4rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.top01 div.top_news div.title a i.fa-solid.fa-circle-arrow-right {
    padding: 0px 0px 0px 1.5rem;
    font-size: var(--fs-3);
}

section.top01 div.top_news a {
    display: block;
    border-bottom: 1px solid rgb(179, 179, 179);
    padding: 2rem;
    font-size: var(--fs-4);
    color: rgb(0, 0, 0);
}

section.top01 div.top_news a dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.top01 div.top_news a dl dt {
    display: flex;
}

section.top01 div.top_news a dl dt span {
    font-weight: 600;
    margin: 0px 1.5rem 0px 0px;
}

section.top01 div.top_news a dl dt p {padding: 0 1rem 0 0;}

section.top01 div.top_news a dl dd.news_title {
}

section.top01 div.top_news a dl dd.icon {
}

section.top01 div.top_news a dl dd.icon i.fa-solid.fa-angles-right {
    color: rgb(169, 169, 169);
}

section.top01 div.top_news a:hover {
    background-color: rgb(224, 224, 224);
    transition: background-color 0.3s, color 0.3s;
}

section.top01 div.top_news div.title a:hover {
    background-color: #004587;
    color: rgb(255, 255, 255);
    transition: 0.5s;
}













section.top01 div.image03 {
  position: absolute;
  width: 15vw;
  right: 6rem;
  bottom: -7rem;
  height: auto; /* ← 念のため指定 */
}

section.top01 div.image03 .slick-slider {
  display: block;
  height: auto !important;
}

section.top01 div.image03 .slick-list {
  height: auto !important;
  overflow: visible;
}

section.top01 div.image03 .slick-track {
  display: flex !important;
  height: auto !important;
}

section.top01 div.image03 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 3 / 4;
  display: block;
}




























.fx-flare {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px) scale(0.98);
    filter: blur(4px) brightness(0.8);
    transition: opacity 0.8s, transform 0.8s, filter 0.8s;
}

.fx-flare.animate {
    opacity: 1;
    transform: translateY(0px) scale(1);
    filter: blur(0px) brightness(1);
}

section.top02 {
}

section.top02 dl {
    display: flex;
    background: url("../images/top02_bg.webp") right top / 50% no-repeat;
    justify-content: space-between;
    width: 90%;
    margin-left: auto;
    padding: 7rem 0px;
}

section.top02 dl dt {
    position: relative;
}
section.top02 dl dt img{
    display:none;
}

section.top02 dl dt p.mnc {
    font-size: var(--fs-20);
    color: rgb(0, 0, 0);
    line-height: 1.2;
}

section.top02 dl dt h3 {
    color: rgb(0, 59, 121);
}

section.top02 dl dt h4.mnc {
    font-size: var(--fs-8);
    margin: 0.5rem 0px;
}

section.top02 dl dt p {
    font-size: var(--fs-5);
    line-height: 2;
}








section.top02 dl dd {
    width: 50%;
}

section.top02 dl dd img {
    width: 100%;
    height: 35rem;
    object-fit: cover;
}

section.top02 dl.reverse {
    flex-direction: row-reverse;
    margin-left: 0px;
    margin-right: auto;
    background: url("../images/top03_bg.webp") left top no-repeat;
    justify-content: flex-end;
    padding: 0px;
    background-size: 50vw;
}

section.top02 dl.reverse dt {
    padding: 8rem 0px 0px 10rem;
    width: 50%;
}

section.top02 dl.reverse dt p.mnc {
}

section.top02 dl.reverse dt h3 {
}

section.top02 dl.reverse dt iframe {
    width: 100%;
    border-radius: 20px;
    margin: 1rem 0px;
    aspect-ratio: 16 / 9;
}

section.top02 dl.reverse dt a {
}

section.top02 dl.reverse dt img {
}

section.top02 dl.reverse dd {
}

section.top02 dl.reverse dd img {
    width: auto;
    height: auto;
    padding: 0px 0px 0px 5rem;
}

section.top02 dl dt a {
    background: var(--blue);
    color: rgb(255, 255, 255);
    padding: 1rem 4rem;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0px;
    text-decoration: none;
    font-size: 1.2rem;
}

section.top02 dl dt a::after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background: rgb(255, 255, 255);
    transition: width 0.3s;
}

section.top02 dl dt a:hover::after {
    width: 100px;
}

section.top03 {
    background: url("../images/top04_bg.webp") center top / cover no-repeat;
    margin: 7rem 0px 0px;
    padding: 7rem 10%;
    text-align: center;
    color: rgb(255, 255, 255);
}

section.top03 h3.mnc {
    font-size: var(--fs-14);
}

section.top03 h4 {
    font-size: var(--fs-10);
    font-weight: 200;
    margin: 1rem 0px;
}

section.top03 p {
    font-size: var(--fs-6);
    line-height: 2;
}

section.top03 iframe {
    width: 80%;
    border-radius: 20px;
    margin: 4rem 0px;
    aspect-ratio: 16 / 9;
    display: block;
    margin: 0 auto;
}

section.top03 a.mnc {
    display: inline-block;
    background: rgb(47, 47, 47);
    padding: 0.5em 5rem;
    font-size: var(--fs-6);
    margin: 1rem 0px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: background 0.3s, transform 0.3s;
}

section.top03 a.mnc:hover {
    background: rgb(68, 68, 68);
    transform: translateY(-0.2em);
}

footer {
}

footer div.fotter_wrap {
    display: flex;
}

footer div.fotter_wrap div.footer01 {
    background: rgb(59, 59, 59);
    width: 65%;
    padding: 5rem 10%;
    color: rgb(255, 255, 255);
}

footer div.fotter_wrap div.footer01 div.info {
}

footer div.fotter_wrap div.footer01 div.info img {
    width: 30%;
    margin: 0px 0px 1rem;
}

footer div.fotter_wrap div.footer01 div.info h3 {
    color: rgb(255, 255, 255);
    font-size: var(--fs-8);
}

footer div.fotter_wrap div.footer01 div.info h4 {
    color: rgb(255, 255, 255);
    font-size: var(--fs-5);
    margin: 1rem 0px 0px;
}

footer div.fotter_wrap div.footer01 div.info p {
    font-size: var(--fs-5);
}

footer div.fotter_wrap div.footer01 div.info a {
    font-size: var(--fs-10);
    font-weight: 700;
}

footer div.fotter_wrap div.footer01 div.banner {
    display: flex;
    margin: 2rem 0px;
    flex-wrap: wrap;
}

footer div.fotter_wrap div.footer01 div.banner a {
    margin: 0px 1rem 0px 0px;
    width: 30%;
}

footer div.fotter_wrap div.footer01 div.banner a img {
    background: rgb(255, 255, 255);
    padding: 1rem 2rem;
    border-radius: 10px;
    margin: 0px 0px 0.5rem;
    border: 3px solid rgb(255, 255, 255);
    transition: 0.5s;
}

footer div.fotter_wrap div.footer01 div.banner a p {
}

footer div.fotter_wrap div.footer01 div.banner a p i.fa-solid.fa-arrow-up-right-from-square {
    margin: 0px 0px 0px 0.5rem;
}

footer div.fotter_wrap div.footer01 div.btn {
}

footer div.fotter_wrap div.footer01 div.btn ul {
    display: flex;
    justify-content: space-between;
}

footer div.fotter_wrap div.footer01 div.btn ul li {
    width: 49%;
}

footer div.fotter_wrap div.footer01 div.btn ul li a {
    background: rgb(103, 103, 103);
    border-radius: 10px;
    padding: 1rem;
    display: block;
    margin: 0;
    text-align: center;
    font-size: var(--fs-5);
}

footer div.fotter_wrap div.footer01 div.btn ul li a i {
    margin: 0px 0.5rem 0px 0px;
}

footer div.fotter_wrap div.footer01 div.btn ul li a.member {
    background: rgb(0, 69, 135);
}

footer div.fotter_wrap div.footer01 div.btn ul li p {
    margin: 0.5rem 1rem 0px 0px;
}

footer div.fotter_wrap div.footer01 div.btn ul li a i.fa-solid.fa-address-card {
}

footer div.fotter_wrap div.footer02 {
    background: var(--blue);
    width: 35%;
    padding: 10vw 0px;
}

footer div.fotter_wrap div.footer02 h3 {
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: var(--fs-6);
    margin: 0px 0px 1rem;
}

footer div.fotter_wrap div.footer02 h3 img {
    width: 11vw;
    display: inline;
    margin: 0px 0.5rem 0px 0px;
}

footer div.fotter_wrap div.footer02 ul {
    margin: 0px auto;
    display: flex;
    justify-content: center;
}

footer div.fotter_wrap div.footer02 ul li {
    width: 19vw;
}

footer div.fotter_wrap div.footer02 ul li a {
    display: block;
    margin: 1rem 0px;
}

footer div.fotter_wrap div.footer02 ul li a img {
    background: rgb(255, 255, 255);
    padding: 1rem 3rem;
    border-radius: 300px;
    width: 74%;
    min-width: 228px;
}

footer div.fotter_wrap div.footer02 ul li a img.YouTube {
}

footer div.fotter_wrap div.footer02 ul li a img.LINE {
}

footer div.fotter_wrap div.footer02 ul li a img.facebook {
}

footer div.fotter_wrap div.footer02 ul li a img.tiktok {
}

footer div.footer03 {
}

footer div.footer03 p {
    text-align: center;
    display: block;
    padding: 2rem 0px 1rem 0;
}

footer div.footer03 p a {
}

footer div.footer03 span {
    display: block;
    font-size: var(--fs-2);
    margin: 0 0 1rem 0px;
    color: gray;
    text-align: center;
}

footer div.fotter_wrap div.footer01 div.banner a:hover img {
    border: 3px solid rgb(139, 139, 139);
    transition: 0.5s;
}

footer div.fotter_wrap div.footer01 div.btn ul li a:hover {
    background: rgb(31, 31, 31);
}

footer div.fotter_wrap div.footer01 div.btn ul li a.member:hover {
    background: rgb(0, 20, 39);
}

footer div.fotter_wrap div.footer02 ul li a img {
    transition: transform 0.3s;
    margin: 0 auto;
}

footer div.fotter_wrap div.footer02 ul li a:hover img {
    transform: translateY(-5px);
}




section.h2 {background: url(../images/h2_bg.webp) no-repeat left;padding: 7vw 10vw 7vw 10vw;margin: -3vw 0 0 0;background-size: contain;max-width: 840px;}
section.h2 p {color: #fff;height: fit-content;}
section.h2 h2 { color: #fff;
}
section.h2 span {color: #ffffff85;
}
section.company01 {}
section.company01 dl {display: flex;width: 80%;max-width: 1400px;margin: 0 auto;}
section.company01 dl dt {width: 50%;padding: 0 5% 0 0;}
section.company01 dl dt h3 {font-size: var(--fs-9);color: #004587;}
section.company01 dl dt p {font-size: var(--fs-5);margin: 1rem 0 0 0;line-height: 2;}
section.company01 dl dd {
}
section.company01 dl dd img.pc {
}
section.company01 dl dd img.sp {display: none;}
section.company02 {background: #d4dfe9;margin: 3rem 0 0 0;padding: 5rem 0;color: #fff;}
section.company02 .wrap{
    width: 80%;
    max-width: 1500px;
    margin: 0 auto;
}
section.company02 h3.mnc {font-size: var(--fs-9);text-align: center;color: var(--blue);}
section.company02 span.montserrat {color: #3939398a;text-align: center;display: block;margin: 1rem 0 2rem 0;}
section.company02 p {width: 80%;margin: 1rem auto;font-size: var(--fs-5);line-height: 2;font-weight: 600;color: var(--blue);}
section.company02 h4 {background: var(--blue);border-radius: 7px;text-align: center;font-size: var(--fs-5);padding: 1rem;margin: 0 auto 2rem auto;width: 80%;}
section.company02 img.pc {display: block;margin: 0 auto;}
section.company02 img.sp {display: none;}
section.company02 ul {display: flex;justify-content: space-between;margin: 2rem auto 0 auto;width: 80%;}
section.company02 ul li {width: 49%;}
section.company02 ul li p {width: 100%;font-weight: 400;}
section.company03 {background: #bdbdbd;padding: 5rem 0;display: flex;justify-content: center;}
section.company03 a {background: #676767;border-radius: 5px;color: #fff;font-size: var(--fs-5);font-weight: 500;width: 27%;text-align: center;padding: 1rem;margin: 0.5rem;}
section.company03 a:hover {
  background: #7a7a7a;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: background 0.3s, box-shadow 0.3s;
}

/* 全体共通スタイル */
section[class^="company_policy"] {
  padding: 3rem 1rem;
  font-size: 1rem;
  line-height: 1.8;
  color: #333;
  background: none;
  width: 80%;
  margin: 0 auto;
  max-width: 1200px;
}

/* 見出しスタイル（h1・h2禁止なのでh3〜使用） */
section[class^="company_policy"] h3,
section[class^="company_policy"] h4,
section[class^="company_policy"] h5 {
  margin-bottom: 1rem;
  font-weight: bold;
  line-height: 1.4;
  color: #2b2b2b;
}

section[class^="company_policy"] h3 {
  font-size: 1.6rem;
  border-left: 6px solid #333;
  padding-left: 0.75rem;
}

section[class^="company_policy"] h4 {
  font-size: 1.3rem;
  margin-top: 2rem;
  border-bottom: 2px solid #ccc;
  padding-bottom: 0.25rem;
}

section[class^="company_policy"] h5 {
  font-size: 1.1rem;
  margin-top: 1.5rem;
  color: #444;
}

/* テキストブロック */
section[class^="company_policy"] p {
  margin-bottom: 1.5rem;
  font-size: var(--fs-4);
}

/* リスト */
section[class^="company_policy"] ul,
section[class^="company_policy"] ol {
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}

section[class^="company_policy"] ul li,
section[class^="company_policy"] ol li {
  margin-bottom: 0.5rem;
  list-style: auto;
  font-size: var(--fs-4);
}

/* 定義リスト */
section[class^="company_policy"] dl {
  margin-bottom: 1.5rem;
}

section[class^="company_policy"] dt {
  font-weight: bold;
  margin-top: 1rem;
}

section[class^="company_policy"] dd {
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}

/* box内（背景付き） */
section[class^="company_policy"] .box {
  background: #fff;
  border: 1px solid #7b7b7b;
  padding: 2rem 4rem;
  margin: 1.5rem 0;
  border-radius: 4px;
}

/* リンク */
section[class^="company_policy"] a {
  color: #0066cc;
  text-decoration: underline;
}

section[class^="company_policy"] a:hover {
  color: #003366;
}

/* メールや住所などの強調 */
section[class^="company_policy"] strong {
  font-weight: bold;
  color: #000;
  display: inline-block;
  margin-bottom: 0.25rem;
}

/* 最後の備考スタイル調整 */
section[class^="company_policy"] .policy07,
section[class^="company_policy"] .policy09 {
  margin-top: 2rem;
}
section.company_policy01 {
}
section.company_policy01 div.policy01 {
}
section.company_policy01 div.policy01 h3 {
}
section.company_policy01 div.policy01 p {font-weight: 600;}
section.company_policy01 div.policy01 ul {background: #d5d5d5;padding: 2rem 3rem;}
section.company_policy01 div.policy01 ul li {list-style: auto;}
section.company_policy01 div.policy02 {
}
section.company_policy01 div.policy02 h4 {
}
section.company_policy01 div.policy02 p {
}
section.company_policy01 div.policy02 div.box {padding: 1rem 2rem;}
section.company_policy01 div.policy02 div.box h5 {font-size: var(--fs-6);}
section.company_policy01 div.policy02 div.box p {
}
section.company_policy01 div.policy02 div.box p strong {
}
section.company_policy01 div.policy02 div.box ul {
}
section.company_policy01 div.policy02 div.box ul li {
}
section.company_policy01 div.policy03 {
}
section.company_policy01 div.policy03 h4 {
}
section.company_policy01 div.policy03 p {
}
section.company_policy01 div.policy03 dl {font-size: var(--fs-4);}
section.company_policy01 div.policy03 dl dt {
}
section.company_policy01 div.policy03 dl dd {
}
section.company_policy01 div.policy04 {
}
section.company_policy01 div.policy04 h4 {
}
section.company_policy01 div.policy04 p {
}
section.company_policy01 div.policy04 ul {
}
section.company_policy01 div.policy04 ul li {
}
section.company_policy01 div.policy05 {
}
section.company_policy01 div.policy05 h4 {
}
section.company_policy01 div.policy05 p {
}
section.company_policy01 div.policy05 ul {
}
section.company_policy01 div.policy05 ul li {
}
section.company_policy01 div.policy06 {
}
section.company_policy01 div.policy06 h4 {
}
section.company_policy01 div.policy06 p {
}
section.company_policy01 div.policy06 div {border: 1px solid;padding: 1rem 2rem;}
section.company_policy01 div.policy06 div h5 {font-size: var(--fs-6);}
section.company_policy01 div.policy06 div p {
}
section.company_policy01 div.policy06 div p strong {
}
section.company_policy01 div.policy07 {
}
section.company_policy01 div.policy07 h5 {
}
section.company_policy01 div.policy07 p {
}
section.company_policy02 {
}
section.company_policy02 div.policy08 {
}
section.company_policy02 div.policy08 h3 {
}
section.company_policy02 div.policy08 p {
}
section.company_policy02 div.policy09 {
}
section.company_policy02 div.policy09 h4 {
}
section.company_policy02 div.policy09 p {
}
section.company_policy02 div.policy10 {
}
section.company_policy02 div.policy10 h4 {
}
section.company_policy02 div.policy10 p {
}
section.company_policy02 div.policy10 div.box {padding: 1rem 2rem;}
section.company_policy02 div.policy10 div.box h5 {font-size: var(--fs-6);}
section.company_policy02 div.policy10 div.box p {
}
section.company_policy02 div.policy10 div.box a {display: block;}
section.company_policy02 div.policy10 div.box a i.fa-solid.fa-arrow-up-right-from-square {
}
section.company_policy02 div.policy11 {
}
section.company_policy02 div.policy11 h4 {
}
section.company_policy02 div.policy11 p {
}
section.company_policy02 div.policy11 div {
}
section.company_policy02 div.policy11 div ul {
}
section.company_policy02 div.policy11 div ul li {
}





section.estate01 {width: 80%;margin: 0 auto;border-radius: 20px;box-shadow: 5px 6px 6px 0px #00000052;padding: 2rem 4rem;max-width: 1500px;}
section.estate01 h3 {background: var(--blue);border-radius: 8px;color: #fff;text-align: center;padding: 1rem;font-size: var(--fs-8);}
section.estate01 ul {display: flex;justify-content: center;margin: 1rem 0;}
section.estate01 ul li {font-size: var(--fs-7);font-weight: 700;color: #003172;margin: 1rem;}
section.estate01 iframe {width: 100%;border-radius: 10px;}
section.estate02 {width: 80%;margin: 0 auto;max-width: 1500px;}
section.estate02 div.select-wrap {
}
section.estate02 div.select-wrap label {
}

/*============================
#policy-select
============================*/
section.estate02 div.select-wrap select#policy-select {
}
section.estate02 div.select-wrap select#policy-select option {
}
section.estate02 div.estate_wrap {
}
section.estate02 div.estate_wrap ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
section.estate02 div.estate_wrap ul li {width: 49%;margin: 0 0 1rem 0;}
section.estate02 div.estate_wrap ul li img {width: 100%;/* height: 27rem; */object-fit: contain;/* border: 1px solid #c1c1c1; *//* padding: 1rem; */aspect-ratio: 16/9;object-fit: cover;}
section.estate02 div.estate_wrap ul li p {font-size: var(--fs-4);}
section.estate02 div.estate_wrap ul li h4 {font-size: var(--fs-5);}
section.estate02 div.estate_wrap ul li span {font-size: var(--fs-3);color: #225e97;font-weight: 600;}
section.estate02 div.pager {
}
section.estate02 div.pager ul {
}
section.estate02 div.pager ul li.prev {
}
section.estate02 div.pager ul li.prev a {
}
section.estate02 div.pager ul li {
}
section.estate02 div.pager ul li a.current {
}
section.estate02 div.pager ul li a {
}
section.estate02 div.pager ul li.next {
}
section.estate02 div.pager ul li.next a {
}


.select-wrap {
  margin: 2rem 0;
  font-size: 1rem;
  color: #333;
   text-align: right; /* ここがキモ */
}

.select-wrap label {
  margin-right: 1rem;
  font-weight: bold;
}

.select-wrap select {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  color: #333;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23333' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  padding-right: 2.5rem;
}

.select-wrap select:focus {
  border-color: #0066cc;
  outline: none;
}
.pager {
    text-align: center;
    margin: 3rem 0;
}
.pager ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.pager li {
    margin: 0 0.3em;
}
.pager a {
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    font-size: 1rem;
    border-radius: 5px;
    transition: all 0.2s;
}




section.estate_pm01 {
}
section.estate_pm01 dl {width: 90%;margin: 0 0 0 auto;display: flex;}
section.estate_pm01 dl dt {width: 50%;padding: 0 5% 0 0;}
section.estate_pm01 dl dt h3 {color: var(--blue);font-weight: 600;font-size: var(--fs-10);}
section.estate_pm01 dl dt p {font-size: var(--fs-7);color: #2b2b2b;margin: 1rem 0;}
section.estate_pm01 dl dd {width: 61%; /* 任意のサイズ */height: auto;overflow: hidden;clip-path: polygon(0 0, 100% 0, 100% 100%, 22% 100%);}
section.estate_pm01 dl dd img {width: 100%;display: block;height: 29vw;object-fit: cover;}

section.estate_pm01 dl dt h3.mnc::before {
  content: "";
  display: block;
  width: 40%;          /* 線の長さ：お好みで調整 */
  height: 2px;          /* 線の太さ */
  background-color: var(--blue); /* 線の色（黒にしてるけど変更可） */
  margin-bottom: 0.5em; /* h3との間にスペース */
}
section.estate_pm02 {background: #004587;padding: 5rem 0;margin: 5rem 0;}
section.estate_pm02 div {width: 80%;max-width: 1500px;background: url(../images/property_m02.webp) no-repeat top;background-size: cover;margin: 0 auto;padding: 7vw 6% 5vw 37%;line-height: 2;}
section.estate_pm02 div img{display:none;}
section.estate_pm02 div h4 {color: #004587;font-size: var(--fs-5);}
section.estate_pm02 div p {font-size: var(--fs-4);margin: 1rem 0;}
section.estate_pm02 div strong {font-size: var(--fs-5);}
section.estate_pm03,section.estate_pm04 {width: 80%;max-width: 1500px;margin: 0 auto;}
section.estate_pm03 h3,section.estate_pm04 h3 {font-size: var(--fs-7);border-left: 3px solid;padding: 0 0 0 1rem;margin: 0 0 1rem 0;}
section.estate_pm03 p,section.estate_pm04 p {font-size: var(--fs-4);line-height: 2;}
section.estate_pm03 div.wrap {
}
section.estate_pm03 div.wrap ul {display: flex;margin: 3rem 0;flex-wrap: wrap;justify-content: space-between;text-align: center;}
section.estate_pm03 div.wrap ul li {width: 24%;font-size: var(--fs-4);}
section.estate_pm03 div.wrap ul li dl {
}
section.estate_pm03 div.wrap ul li dl dt {background: #004587;color: #fff;border-radius: 10px;padding: 0.7rem 0;}
section.estate_pm03 div.wrap ul li dl dd {border-radius: 10px;padding: 0.7rem 0;border: 1px solid gray;margin: 1rem 0;padding: 0.7rem 2rem;}
section.estate_pm04 {
}
section.estate_pm04 h3 {
}
section.estate_pm04 p {
}
section.estate_pm04 img.pc {display: block;margin: 0 auto;}
section.estate_pm04 ul.sp {display: none;}
section.estate_pm04 ul.sp li {
}
section.estate_pm04 ul.sp li img {
}
section.estate_pm05 {background: #d7d7d7;padding: 5rem 0;text-align: center;margin: 5rem 0 0 0;}
section.estate_pm05 h3 {color: var(--blue2);font-size: var(--fs-7);}
section.estate_pm05 p {font-size: var(--fs-5);margin: 1.5rem 0;}
section.estate_pm05 a {background: var(--blue2);color: #fff;border-radius: 10px;padding: 1.5rem 5rem;font-size: var(--fs-5);display: inline-block;}




section.estate_linup01 {width: 80%;max-width: 1500px;margin: 3rem auto;}
section.estate_linup01 h3 {font-size: var(--fs-8);color: var(--blue2);padding: 0.5rem 0 0.5rem 1.5rem;border-left: 3px solid;}
section.estate_linup01 p {font-size: var(--fs-5);line-height: 2;margin: 1rem 0;}
section.estate_linup01 ul {display: flex;flex-wrap: wrap;gap: 2rem;justify-content: space-between;}
section.estate_linup01 ul li {width: 31%;}
section.estate_linup01 ul li img {border-radius: 10px;object-fit: cover;width: 100%;aspect-ratio: 1/1;}
section.estate_linup01 ul li h4.montserrat {font-size: var(--fs-8);font-weight: 500;margin: 0.5rem 0 0 0;}
section.estate_linup01 ul li p {margin: 0;font-weight: 400;color: #2f2f2f;font-size: var(--fs-4);}
section.estate_linup02 {background: gray;padding: 3rem 0;text-align: center;}
section.estate_linup02 a {
  display: inline-block;
  margin: 0 auto;
  padding: 1rem 5rem;
  text-align: center;
  background: var(--blue2);
  border-radius: 10px;
  color: #fff;
  font-size: var(--fs-5);
  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
}

section.estate_linup02 a:hover {
   /* var(--red) より少し濃い赤に */
   background: #0063c1;
   transform: translateY(-3px); /* ちょっと浮く */
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* 影で立体感 */
}





section.structure_arch01 {margin: 5rem 0 7rem 0;}
section.structure_arch01 dl {display: flex;position: relative;}
section.structure_arch01 dl dt {background: #fff;position: absolute;width: 40%;padding: 3rem;z-index: 2;left: 6vw;box-shadow: 3px 3px 5px #00000087;top: -3rem;}
section.structure_arch01 dl dt h3 {color: var(--blue2);font-size: var(--fs-7);}
section.structure_arch01 dl dt h3 span {font-size: var(--fs-5);}
section.structure_arch01 dl dt h4.mnc {font-size: var(--fs-8);margin: 1rem 0;}
section.structure_arch01 dl dt h4.mnc br{display:none;}
section.structure_arch01 dl dt p {font-size: var(--fs-4);line-height: 2;}
section.structure_arch01 dl dd {width: 80%;margin: 0 0 0 auto;}
.structure_arch01 dd img {
    display: block;
    width: 100%;
    height: 41vw;
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0 100%);
    object-fit: cover;
}
section.structure_arch01.structure_arch02 {
}
section.structure_arch01.structure_arch02 dl {
}
section.structure_arch01.structure_arch02 dl dt {left: unset;right: 6vw;}
section.structure_arch01.structure_arch02 dl dt h3 {
}
section.structure_arch01.structure_arch02 dl dt h3 span {
}
section.structure_arch01.structure_arch02 dl dt h4.mnc {
}
section.structure_arch01.structure_arch02 dl dt p {
}
section.structure_arch01.structure_arch02 dl dd {margin: 0 auto 0 0;}
section.structure_arch01.structure_arch02 dl dd img {clip-path: polygon(0 0%, 85% 0%, 100% 100%, 0 100%);}


section.structure_common {background: #fff;width: 80%;max-width: 1500px;margin: 5rem auto;border-radius: 10px;box-shadow: 4px 4px 6px #00000052;text-align: center;padding: 2rem;}
section.structure_common h4 {font-size: var(--fs-8);color: var(--blue2);}
section.structure_common p {font-size: var(--fs-4);margin: 1rem 0;}
section.structure_common ul {display: flex;justify-content: center;gap: 1rem;text-align: center;width: 100%;margin: 0 auto;}
section.structure_common ul li {width: 40%;}
section.structure_common ul li a {
    background: #717171;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 1rem 2rem;
    font-size: var(--fs-5);
    color: #fff;
    font-weight: 700;
    transition: background 0.3s, opacity 0.3s;
}section.structure_common ul li a i {margin: 0 0.5rem 0 0;}
section.structure_common ul li a i.fa-solid.fa-address-card {
}
section.structure_common ul li p {text-align: left;font-size: var(--fs-3);color: #474747;font-weight: 400;}
section.structure_common ul li a.member{
    background: var(--blue2);
}
section.structure_common ul li a:hover {
    opacity: 0.85;
}

section.structure_common ul li a.member {
    background: var(--blue2);
}

section.structure_common ul li a.member:hover {
    opacity: 0.85;
}


div.spec {
    background: url(../images/spec_bg01.webp) no-repeat,url(../images/spec_bg02.png) no-repeat;
    background-position: top right,bottom left;
    padding: 0 0 3rem 0;
    background-size: 43%,43%;
}
div.spec section.spec01 {width: 80%;max-width: 1500px;margin: 0 auto;padding: 0 33% 0 0;}
div.spec section.spec01 h3.mnc {font-size: var(--fs-10);padding: 0 0 0 2rem;border-left: 3px solid #004587;}
div.spec section.spec01 p {font-size: var(--fs-5);line-height: 2;margin: 1rem 0;}
div.spec section.spec02 {width: 80%;margin: 3rem auto;}
div.spec section.spec02 dl {display: flex;align-items: center;}
div.spec section.spec02 dl dt {width: 55%;}
div.spec section.spec02 dl dt img {width: 100%;aspect-ratio: 1/1;object-fit: cover;}
div.spec section.spec02 dl dd {padding: 3rem;width: 45%;}
div.spec section.spec02 span {color: var(--blue2);font-weight: 600;font-size: var(--fs-10);}
div.spec section.spec02 span span.red {color: var(--red);}
div.spec section.spec02 h4 {font-size: var(--fs-6);color: #454545;margin: 0 0 0.5rem 0;}
div.spec section.spec02 p {font-size: var(--fs-5);}
div.spec section.spec02.reverse {
}
div.spec section.spec02.reverse dl {flex-direction: row-reverse;}
div.spec section.spec02.reverse dl dt {
}
div.spec section.spec02.reverse dl dt img {
}
div.spec section.spec02.reverse dl dd {
}
div.spec section.spec02.reverse dl dd span {
}
div.spec section.spec02.reverse dl dd span span.red {
}
div.spec section.spec02.reverse dl dd h4 {
}
div.spec section.spec02.reverse p {
}
div.spec section.spec02.spec03 {
}
div.spec section.spec02.spec03 ul {display: flex;flex-wrap: wrap;gap: 3%;justify-content: space-between;}
div.spec section.spec02.spec03 ul li {width: 30%;margin: 0 0 3rem 0;}
div.spec section.spec02.spec03 ul li img {object-fit: cover;width: 100%;margin: 0 0 0.5rem 0;aspect-ratio: 1/1;object-fit: cover;}
div.spec section.spec02.spec03 ul li span {font-size: var(--fs-9);}
div.spec section.spec02.spec03 ul li span span.red {
}
div.spec section.spec02.spec03 ul li h4 {
}
div.spec section.spec02.spec03 ul li p {
}
div.spec section.structure_common {margin: 0 auto;}
div.spec section.structure_common h4 {
}
div.spec section.structure_common p {
}
div.spec section.structure_common ul {
}
div.spec section.structure_common ul li {
}
div.spec section.structure_common ul li a {font-size: clamp(12px, 1.1vw, 20px);}
div.spec section.structure_common ul li a i.fa-solid.fa-file-arrow-down {
}
div.spec section.structure_common ul li a.member {
}
div.spec section.structure_common ul li a.member i.fa-solid.fa-address-card {
}
div.spec section.structure_common ul li p {
}





section.buy01 {
}
section.buy01 dl {width: 90%;max-width: 15000px;margin: 3rem 0 3rem auto;display: flex;}
section.buy01 dl dt {padding: 0 5rem 0 0;width: 70%;}
section.buy01 dl dt h3.mnc {font-size: var(--fs-8);}
section.buy01 dl dt h4 {color: var(--blue2);font-size: var(--fs-5);margin: 1rem 0;}
section.buy01 dl dt p {font-size: var(--fs-4);line-height: 2;}
section.buy01 dl dd {width: 30%;}
section.buy01 dl.reverse {margin: 5rem auto 5rem 0;flex-direction: row-reverse;}
section.buy01 dl.reverse dt {padding: 0 0 0 5rem;}
section.buy01 dl.reverse dt h3.mnc {
}
section.buy01 dl.reverse dt h4 {
}
section.buy01 dl.reverse dt p {
}
section.buy01 dl.reverse dd {
}
section.buy01 dl.reverse dd img{
}
section.buy02 {background: #d5d5d5;margin: 5rem 0 0 0;padding: 5rem 15vw;display: flex;justify-content: center;align-items: flex-start;}
section.buy02 div {width: 45%;}
section.buy02 div a.gentei {background: var(--blue2);color: #fff;border-radius: 10px;padding: 1rem 2rem;font-size: var(--fs-5);margin: 0 1rem 1rem 1rem;display: block;text-align: center;}
section.buy02 div a.gentei span {color: #ffe000;}
section.buy02 div span {}
section.buy02 div span a.touroku {background: #4d4d4d;color: #fff;border-radius: 10px;padding: 1rem 2rem;font-size: clamp(12px, 2vw, 15px);margin: 0 1rem;display: inline-block;width: 58%;text-align: center;}
section.buy02 div span p {width: 29%;float: right;font-size: clamp(12px, 2vw, 15px);margin: 0 1rem 0 0;}
section.buy02 a.kaiin {background: var(--red);color: #fff;border-radius: 10px;padding: 1rem 2rem;font-size: var(--fs-5);margin: 0 1rem;width: 45%;text-align: center;}
section.buy02 a.kaiin i {margin: 0 0 0 0.5rem;}
section.buy01 dl dt h3.mnc::first-letter {
  font-size: 150%; /* お好みのサイズに調整 */
  font-weight: bold; /* 任意 */
  line-height: 1;
}


section.column {
}
section.column ul {display: flex;flex-wrap: wrap;width: 80%;margin: 0 auto;max-width: 1500px;gap: 1vw;justify-content: space-between;}
section.column ul li {box-shadow: 3px 3px 9px gray;border-radius: 10px;width: 32%;}
section.column ul li a {position: relative; transition: 0.5s;}
section.column ul li a span.mnc { transition:0.5s; background: var(--blue);border-radius: 0 0 20px 20px;color: #FFF;padding: 0.3rem 1.5rem 0.1rem 1.5rem;position: absolute;top: 0;right: 1rem;font-style: italic;font-size: var(--fs-4);}
section.column ul li a img {aspect-ratio: 3/2;object-fit: cover;}
section.column ul li a div {padding: 1rem;display: flex;align-items: center;}
section.column ul li a div h3 {transition: 0.5s;
}
section.column ul li a div i.fa-solid.fa-square-caret-right {font-size: var(--fs-6);margin: 1rem; transition: 0.5s;}
/* a全体にhoverしたとき */
section.column ul li a:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* ラベル（span.mnc）がふわっと浮く */
section.column ul li a:hover span.mnc {
  background: var(--blue2, #005f9e); /* 代替色指定しておくと安心 */
  transform: scale(1.05);
  transition: all 0.3s ease;
}

/* アイコンにちょっと動きをつける */
section.column ul li a:hover i.fa-square-caret-right {
  color: var(--blue2, #005f9e);
  transform: translateX(4px);
  transition: all 0.3s ease;
}

/* h3に色が変わるか下線つける */
section.column ul li a:hover h3 {
  color: var(--blue2, #005f9e);
  text-decoration: underline;
  transition: all 0.3s ease;
}


.pager {
  text-align: center;
  margin: 2rem 0;
}

.pager ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  gap: 0.4rem;
  flex-wrap: wrap; /* SP対応：折り返し可 */
  justify-content: center;
}

.pager li a,
.pager li span {
  display: block;
  padding: 0.8rem 1rem; /* タップしやすく拡大 */
  border: 1px solid #ccc;
  border-radius: 6px;
  text-decoration: none;
  color: #333;
  font-size: 1rem;
  transition: all 0.2s ease;
  min-width: 2.4rem;
  text-align: center;
}

.pager li a:hover {
  background: var(--blue, #007acc);
  color: #fff;
  border-color: var(--blue, #007acc);
}

.pager li a.active {
  background: var(--blue, #007acc);
  color: #fff;
  pointer-events: none;
  border-color: var(--blue, #007acc);
}

.pager li span.dots {
  border: none;
  color: #999;
  cursor: default;
}



section.column_detail {width: 80%;margin: 0 auto;max-width: 1500px;display: flex;gap: 4%;}
section.column_detail div.main {width: 70%;}
section.column_detail div.main div.article {
}
section.column_detail div.main div.article span.vol {color: var(--blue);font-weight: 600;font-size: var(--fs-6);font-style: italic;font-weight: 400;}
section.column_detail div.main div.article h3 {font-size: var(--fs-10);margin: 0 0 1rem 0;}
section.column_detail div.main div.article p {font-size: var(--fs-5);line-height: 2;margin: 1rem 0;}
section.column_detail div.main div.article h4 {background: #dce5ec;padding: 1.5rem 2rem;font-size: var(--fs-6);color: var(--blue);margin: 1rem 0;border-left: 14px solid;}
section.column_detail div.main div.article img {width: 60%;}
section.column_detail div.main div.article figure {color: #454545;font-size: var(--fs-3);margin: 0 0 1rem 0;}
section.column_detail div.main div.article h5 {color: var(--blue);font-size: var(--fs-7);border: 2px solid;padding: 1rem 2.5rem;margin: 1rem 0;}
section.column_detail div.main div.pager_detail {border-top: 1px solid gray;border-bottom: 1px solid gray;padding: 1rem 0;margin: 3rem 0;}
section.column_detail div.main div.pager_detail ul {display: flex;justify-content: space-between;}
section.column_detail div.main div.pager_detail ul li {width: 50%;border-right: 1px solid;padding: 1rem;}
section.column_detail div.main div.pager_detail ul li a {display: flex;
  transition: color 0.3s ease;}
section.column_detail div.main div.pager_detail ul li a img {
  aspect-ratio: 1/1;
  width: 20%;
  object-fit: cover;
  margin: 0 1rem 0 0;
  transition: 0.5s;
  }
section.column_detail div.main div.pager_detail ul li a div {
}
section.column_detail div.main div.pager_detail ul li a div h3 {margin: 0 0 0.5rem 0;
  transition: color 0.3s ease;}
section.column_detail div.main div.pager_detail ul li a div p {color: var(--blue2);font-weight: 700;
  transition: color 0.3s ease;}
section.column_detail div.main div.pager_detail ul li a div p i.fa-solid.fa-angles-left {
}
section.column_detail div.main div.pager_detail ul li.reverse {border: none;}
section.column_detail div.main div.pager_detail ul li.reverse a {flex-direction: row-reverse;
  transition: color 0.3s ease;}
section.column_detail div.main div.pager_detail ul li.reverse a img {
  margin: 0 0 0 1rem;
  /* transition: color 0.3s ease; */
  }
section.column_detail div.main div.pager_detail ul li.reverse a div {
  transition: color 0.3s ease;
}
section.column_detail div.main div.pager_detail ul li.reverse a div h3 {text-align: right;
  transition: color 0.3s ease;}
section.column_detail div.main div.pager_detail ul li.reverse a div p {text-align: right;
  transition: color 0.3s ease;}
section.column_detail div.main div.pager_detail ul li.reverse a div p i.fa-solid.fa-angles-left {
  transition: color 0.3s ease;
}
section.column_detail div.sub {width: 25%;}
section.column_detail div.sub h3 {color: var(--blue2);font-size: var(--fs-5);margin: 1rem 0;}
section.column_detail div.sub h3 i.fa-solid.fa-caret-right {margin: 0 0.5rem 0 0;}
section.column_detail div.sub a {display: block;margin: 2rem 0;
  transition: all 0.3s ease;}
section.column_detail div.sub a dl {display: flex;
  transition: all 0.3s ease;}
section.column_detail div.sub a dl dt {width: 20%;
  transition: all 0.3s ease;}
section.column_detail div.sub a dl dt img {aspect-ratio: 1/1;object-fit: cover;
  transition: all 0.3s ease;}
section.column_detail div.sub a dl dd {width: 80%;padding: 0 0 0 5%;
  transition: all 0.3s ease;}
section.column_detail div.sub a dl dd span.vol {color: var(--blue);font-weight: 500;font-style: italic;
  transition: all 0.3s ease;}
section.column_detail div.sub a dl dd p {font-weight: 600;
  transition: all 0.3s ease;}

/* a全体にホバーでふわっと浮かせる */
section.column_detail div.sub a:hover {
  background: #f5faff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

/* 画像を少しズーム（インパクト重視） */
section.column_detail div.sub a:hover dl dt img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/* 見出し文字に色をつける */
section.column_detail div.sub a:hover dl dd p {
  color: var(--blue, #007acc);
  transition: color 0.3s ease;
}

/* .vol にも軽く演出（斜体＋色ついてるので抑えめ） */
section.column_detail div.sub a:hover dl dd span.vol {
  text-decoration: underline dotted;
  transition: all 0.3s ease;
}

/* a全体：hoverで背景と影（クリックできそう感） */
section.column_detail div.main div.pager_detail ul li a:hover {
  background: #f4faff;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

/* 画像がふわっとズーム */
section.column_detail div.main div.pager_detail ul li a:hover img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/* h3タイトルに色変化 */
section.column_detail div.main div.pager_detail ul li a:hover div h3 {
  color: var(--blue, #007acc);
  transition: color 0.3s ease;
}

/* p全体に少し動き */
section.column_detail div.main div.pager_detail ul li a:hover div p {
  text-decoration: underline;
  transition: all 0.3s ease;
}

/* アイコンだけさらに動かす */
section.column_detail div.main div.pager_detail ul li a:hover div p i.fa-angles-left {
  transform: translateX(-4px);
  transition: transform 0.3s ease;
}






section.news.news_list {width: 80%;max-width: 1500px;margin: 0 auto;display: flex;justify-content: space-between;}
section.news.news_list div.main {width: 75%;}
section.news.news_list div.main div.article {display: flex;gap: 3%;flex-wrap: wrap;}
section.news.news_list div.main div.article a {width: 31%;display: block;margin: 0 0 2rem 0;}
section.news.news_list div.main div.article a img {border-radius: 10px;width: 100%;aspect-ratio: 4/3;object-fit: cover;border: 1px solid #cdcdcd;}
section.news.news_list div.main div.article a span {font-size: var(--fs-3);color: #7f7f7f;}
section.news.news_list div.main div.article a h3.mnc {font-size: var(--fs-4);}
section.news.news_list div.main div.article a:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

section.news.news_list div.main div.article a:hover img {
  border-color: #999;
  filter: brightness(1.05);
  transition: all 0.3s ease;
}

section.news.news_list div.main div.article a:hover h3.mnc {
  color: #042b52;
  transition: color 0.3s ease;
}

section.news.news_list div.main div.article a:hover span {
  color: #555;
}

section.news.news_list div.main nav.pager {
}
section.news.news_list div.main nav.pager ul {
}
section.news.news_list div.main nav.pager ul li {
}
section.news.news_list div.main nav.pager ul li a.prev {
}
section.news.news_list div.main nav.pager ul li a.active {
}
section.news.news_list div.main nav.pager ul li a {
}
section.news.news_list div.main nav.pager ul li span.dots {
}
section.news.news_list div.main nav.pager ul li a.next {
}
section.news.news_list div.sub {width: 20%;margin: 0 0 3rem 0;}
section.news.news_list div.sub form.search-box {margin: 0 0 3rem 0;}
section.news.news_list div.sub form.search-box button {
}
section.news.news_list div.sub div.block {margin: 3rem 0 0 0;}
section.news.news_list div.sub div.block h3 {font-size: var(--fs-6);color: var(--blue);margin: 0 0 1rem 0;}
section.news.news_list div.sub div.block ul.latest {
}
section.news.news_list div.sub div.block ul.latest li {margin: 0 0 1rem 0;}
section.news.news_list div.sub div.block ul.latest li a {
}
section.news.news_list div.sub div.block ul.latest li a span {font-size: var(--fs-3);color: gray;}
section.news.news_list div.sub div.block ul.latest li a h4 {font-size: var(--fs-4);color: #434343;}
section.news.news_list div.sub div.block ul.tag {
}
section.news.news_list div.sub div.block ul.tag li {display: inline-block;margin: 0.1rem;}
section.news.news_list div.sub div.block ul.tag li a {padding: 0.2rem 1rem;display: inline-block;border-radius: 50px;border: 1px solid gray;color: #353535;}
section.news.news_list div.sub div.block ul.latest li a {
  display: block;
  padding: 0.5rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}

section.news.news_list div.sub div.block ul.latest li a:hover {
  background-color: #f5f5f5;
  transform: translateY(-1px);
}

section.news.news_list div.sub div.block ul.latest li a:hover h4 {
  color: #007BFF;
  transition: color 0.2s ease;
}

section.news.news_list div.sub div.block ul.latest li a:hover span {
  color: #666;
}


section.news.news_list div.sub div.block ul.tag li a:hover {
  background-color: #353535;
  color: #fff;
  border-color: #353535;
  transition: all 0.2s ease;
}



.search-box {
  display: flex;
  width: 100%;
}

.search-box input[type="text"] {
  flex: 1;
  padding: 8px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 4px 0 0 4px;
  outline: none;
  width: 100%;
}

.search-box button {
  padding: 8px 16px;
  font-size: 16px;
  border: 1px solid #ccc;
  background-color: var(--blue);
  color: white;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  white-space: nowrap;
}

.search-box button:hover {
  background-color: var(--blue2);
}



section.news.news_list.news_detail {
}
section.news.news_list.news_detail div.main {
}
section.news.news_list.news_detail div.main div.article_detail {
}
section.news.news_list.news_detail div.main div.article_detail h3 {color: var(--blue);font-size: var(--fs-8);}
section.news.news_list.news_detail div.main div.article_detail span.date {margin: 0.2rem 0 1rem 0;display: block;font-size: var(--fs-3);color: gray;}
section.news.news_list.news_detail div.main div.article_detail p {margin: 1rem 0;font-size: var(--fs-4);line-height: 2;}
section.news.news_list.news_detail div.main div.article_detail h4 {background: var(--blue);border-radius: 10px;padding: 1rem 2rem;color: #fff;font-size: var(--fs-5);font-weight: 500;}
section.news.news_list.news_detail div.main div.article_detail h5 {color: var(--blue);font-size: var(--fs-5);border-left: 5px solid;padding: 1rem 1.5rem;}
section.news.news_list.news_detail div.main div.article_detail img {width: 60%;margin: 1rem 0;}
section.news.news_list.news_detail div.main div.page {width: 100%;margin: 3rem 0;}
section.news.news_list.news_detail div.main div.page ul {display: flex;}
section.news.news_list.news_detail div.main div.page ul li {width: 50%;}
section.news.news_list.news_detail div.main div.page ul li dl {display: flex;justify-content: space-between;}
section.news.news_list.news_detail div.main div.page ul li dl dt {width: 20%;}
section.news.news_list.news_detail div.main div.page ul li dl dt img {border: 1px solid #b7b7b7;width: 100%;aspect-ratio: 1/1;object-fit: cover;border-radius: 10px;transition: 0.5s;}
section.news.news_list.news_detail div.main div.page ul li dl dd {width: 75%;}
section.news.news_list.news_detail div.main div.page ul li dl dd i {font-size: var(--fs-13);color: #c3c3c3;transition: 0.5s;}
section.news.news_list.news_detail div.main div.page ul li dl dd h3 {
}
section.news.news_list.news_detail div.main div.page ul li.reverse {margin-left: auto;}
section.news.news_list.news_detail div.main div.page ul li.reverse dl {flex-direction: row-reverse;}
section.news.news_list.news_detail div.main div.page ul li.reverse dl dt {
}
section.news.news_list.news_detail div.main div.page ul li.reverse dl dt img {
}
section.news.news_list.news_detail div.main div.page ul li.reverse dl dd {text-align: right;}
section.news.news_list.news_detail div.main div.page ul li.reverse dl dd i.fa-solid.fa-arrow-right {
}
section.news.news_list.news_detail div.main div.page ul li.reverse dl dd h3 {
}

/* ===== 通常・共通hover ===== */
section.news.news_list.news_detail div.main div.page ul li dl:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

/* 画像 hover */
section.news.news_list.news_detail div.main div.page ul li dl:hover dt img {
  transform: scale(1.03);
  transition: transform 0.3s ease;
  border-color: #999;
}

/* アイコン hover */
section.news.news_list.news_detail div.main div.page ul li dl:hover dd i {
  color: var(--blue2);
  transform: translateX(-4px);
  transition: all 0.3s ease;
}

/* 見出し hover */
section.news.news_list.news_detail div.main div.page ul li dl:hover dd h3 {
  color: var(--blue2);
  transition: color 0.3s ease;
}

/* ===== reverseパターン個別対応（アイコンだけ反対に動く） ===== */
section.news.news_list.news_detail div.main div.page ul li.reverse dl:hover dd i.fa-solid.fa-arrow-right {
  transform: translateX(4px); /* ←右に動く */
  color: var(--blue2);
}

section.company04 {
}
section.company04 dl {width: 90%;margin: 3rem auto;display: flex;}
section.company04 dl dt {background: url(../images/company_tx_bg01.webp) no-repeat;color: #000;padding: 7rem;width: 60%;background-size: 100% 100%;}
section.company04 dl dt h4.mnc {
    font-size: var(--fs-9);
    margin: 0 0 1rem 0;
    line-height: 1.5;
}
section.company04 dl dt p.mnc {font-size: var(--fs-6);line-height: 2;}
section.company04 dl dd {width: 40%;padding: 0 0 0 3%;}
section.company04 dl dd img {}
section.company04 dl.reverse {flex-direction: row-reverse;}
section.company04 dl.reverse dt {background: url(../images/company_tx_bg02.webp) no-repeat;background-size: 100% 100%;}
section.company04 dl.reverse dt h4.mnc {
}
section.company04 dl.reverse dt p.mnc {
}
section.company04 dl.reverse dd {padding: 0 3% 0 0;}
section.company04 dl.reverse dd img {
}



section.company_info01,section.company_info02 {width: 80%;max-width: 1500px;margin: 0 auto;}
section.company_info01 div.h3 {
}
section.company_info01 div.h3 p.mnc,section.company_info02 div.h3 p.mnc {font-size: var(--fs-15);line-height: 1;}
section.company_info01 div.h3 h3 {color: var(--blue);}
section.company_info01 div.tables {display: flex;gap: 6%;}
section.company_info01 div.tables table {margin: 1rem 0;width: 47%;}
section.company_info01 div.tables table tbody {
}
section.company_info01 div.tables table tbody tr {
}
section.company_info01 div.tables table tbody tr th {text-align: left;color: var(--blue2);white-space: nowrap;}
section.company_info01 div.tables table tbody tr td,section.company_info01 div.tables table tbody tr th {padding: 1rem;font-size: var(--fs-5);}
section.company_info01 iframe {width: 100%;margin: 2rem 0;}
section.company_info02 {
}
section.company_info02 div.h3 {
}
section.company_info02 div.h3 p.mnc {
}
section.company_info02 div.h3 h3 {color: var(--blue);}
section.company_info02 p {font-size: var(--fs-5);margin: 1rem 0;}
section.company_info02 table {margin: 0 0 5rem 0;width: 100%;}
section.company_info02 table tbody {
}
section.company_info02 table tbody tr {
}
section.company_info02 table tbody tr th {white-space: nowrap;}
section.company_info02 table tbody tr td,section.company_info02 table tbody tr th {padding: 1rem;text-align: left;font-size: var(--fs-4);}
section.company_info02 table tbody tr:nth-child(odd) {
  background-color: #eeeeee;
}

section.company_info02 table tbody tr:nth-child(even) {
  background-color: #ffffff;
}



section.Structure {
  background: none;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  background-size: 28%;
}
section.Structure div{
    color: #000;
    width: 41%;
}
section.Structure h3.mnc {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: center;
  margin: 0 auto;
  font-size: var(--fs-10);
}
section.Structure h4.mnc {text-align: center;margin: 3rem 0 1rem 0;font-size: var(--fs-8);}
section.Structure p {font-size: var(--fs-5);line-height: 2;width: 43%;margin: 0 auto;}
section.Structure ul {display: flex;justify-content: center;margin: 3rem 0;width: 50%;margin: 3rem auto;}
section.Structure ul li {width: 48%;margin: 0 1%;}
section.Structure ul li a {background: red;color: #fff;border-radius: 10px;width: 100%;display: block;text-align: center;padding: 1rem 0;font-size: var(--fs-5);}
section.Structure ul li a.kouozu {background: var(--blue2);}
section.column_detail div.main div.article div.intro{border: 1px solid gray;padding: 1rem 2rem;}
section.column_detail div.main div.article div.intro p{
    font-size: var(--fs-4);
}

footer div.fotter_wrap div.footer01 div.banner a.big{
    width: 30%;
    display: block;
    margin: 0 21vw 1rem 0;
}


footer div.fotter_wrap div.footer01 div.info dl{
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0;
}
footer div.fotter_wrap div.footer01 div.info dt{font-weight: 900;}
footer div.fotter_wrap div.footer01 div.info dd{
}





nav.main-menu ul li ul.submenu li.tin a {font-weight: normal;color: gray;}

nav.main-menu ul li ul.submenu li a.kaiin {color: var(--blue);}
nav.main-menu ul li ul.submenu li a.kaiin:hover,nav.main-menu ul li ul.submenu li.tin a:hover{ color: #fff;}

nav.main-menu ul li ul.submenu li a.kaiin:hover{ background: var(--blue);}
.submenu li:first-child a,.submenu li:first-child a:hover {
  border-radius: 10px 0 0 10px;
}

.submenu li:last-child a,.submenu li:last-child a:hover {
  border-radius: 0 10px 10px 0;
}


nav.hamburger-nav div.inne_scroll div.inner div.inner2 dl dd a i.fa-solid.fa-lock {margin: 0 0.2em 0 0;}
nav.hamburger-nav div.inne_scroll div.inner div.inner2 dl dd a i.fa-solid.fa-up-right-from-square {margin: 0 0 0 0.8em;}



section.ryugikakushin01 {text-align: center;}
section.ryugikakushin01 h3.montserrat {color: var(--blue);font-size: var(--fs-12);font-weight: 600;}
section.ryugikakushin01 span {color: #7d7d7d;font-size: var(--fs-6);font-weight: 700;margin: 0 0 2rem 0;display: block;}
section.ryugikakushin01 p {font-size: var(--fs-5);line-height: 1.8;color: #272727;}
section.ryugikakushin02 {background: var(--blue);margin: 5rem 0 0 0;padding: 5rem 10%;}
section.ryugikakushin02 dl {background: #fff;border-radius: 20px;padding: 4rem 5rem;display: flex;justify-content: space-between;}

section.ryugikakushin02 dl {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}

section.ryugikakushin02 dl dt {
  width: 49%;
  display: flex;
  justify-content: end;
  align-items: stretch;
}
.mnc-wrapper {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 1rem;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 28vw; /* ←伸びすぎ防止 */
  max-width: 100%; /* 親からはみ出さない */
  box-sizing: border-box;
  padding-left: 1em; /* ←左折り返し余白を確保 */
}

.mnc-wrapper p {
  margin: 0;
  padding: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  font-size: clamp(20px, 1.3vw, 100px);
  line-height: 1.8;
}



section.ryugikakushin02 dl dt p.name.mnc {text-align: right;width: unset;margin: 0 1em 0 0;}
section.ryugikakushin02 dl dd {width: 46%;}
section.ryugikakushin02 dl dd img {
}
section.ryugikakushin03 {background: url(../images/ryugikakushin02_bg.webp) no-repeat;background-size: cover;padding: 6rem;}
section.ryugikakushin03 dl {
}
section.ryugikakushin03 dl dt {display: flex;align-items: center;justify-content: center;}
section.ryugikakushin03 dl dt a.yomu {padding: 2rem 3rem;text-align: center;background: #004587;display: inline-block;border-radius: 10px;box-shadow: 1px 1px 7px #000000bf;color: #fff;font-weight: 700;font-size: var(--fs-8);}
section.ryugikakushin03 dl dt a.yomu span{
    font-size: var(--fs-5);
    font-weight: 400;
}
section.ryugikakushin03 dl dt a.yomu i{
    display: block;
}
section.ryugikakushin03 dl dd {display: flex;flex-wrap: wrap;justify-content: center;text-align: center;}
section.ryugikakushin03 dl dd a.touroku {background: #fff;border-radius: 10px;padding: 1rem 15rem;display: inline-block;font-size: var(--fs-5);color: #fff;background: var(--red);font-weight: 600;margin: 2rem 0 0.5rem 0;box-shadow: 1px 1px 7px #000000bf;}
section.ryugikakushin03 dl dd p {color: #fff;width: 100%;font-size: var(--fs-4);}

/* a.yomu の hover */
section.ryugikakushin03 dl dt a.yomu:hover {
    box-shadow: 2px 2px 10px #000000cc;
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* a.touroku の hover */
section.ryugikakushin03 dl dd a.touroku:hover {
    box-shadow: 2px 2px 10px #000000cc;
    transform: translateY(-2px);
    transition: all 0.3s ease;
}


section.ryugikakushin04 {
}
section.ryugikakushin04 dl {display: flex;justify-content: space-between;align-items: center;}
section.ryugikakushin04 dl dt {padding: 10rem 5% 10rem 10%;}
section.ryugikakushin04 dl dt span {font-size: var(--fs-8);font-weight: 600;color: var(--blue);}
section.ryugikakushin04 dl dt h3.mnc {font-size: clamp(15px,13vw,40px);}
section.ryugikakushin04 dl dt p {line-height: 2;font-size: var(--fs-5);margin: 1rem 0;}
section.ryugikakushin04 dl dt a {background: var(--red);color: #fff;padding: 1rem 2rem;border-radius: 10px;display: flex;width: 50%;margin: 1rem 0;align-items: center;justify-content: space-between;min-width: 350px;}
section.ryugikakushin04 dl dt a span {
    color: #fff;
    font-size: var(--fs-4);
}
section.ryugikakushin04 dl dt a.koramu {background: var(--blue);}
section.ryugikakushin04 dl dt a.koramu span {
}

section.ryugikakushin04 dl dd {
  overflow: visible;
  position: relative;
}

section.ryugikakushin04 dl dd img {
  height: auto;
  display: block;
  width: 100%;
  clip-path: polygon(
    100px 0px,      /* 左上 → 右に40pxずらす */
    100% 0px,      /* 右上 */
    100% 100%,     /* 右下 */
    0% 100%        /* 左下 */
  );
  transition: clip-path 0.3s ease;
}

/* 【追記】section.ryugikakushin04 dl dt a のhover時の背景色・文字色変更 */
section.ryugikakushin04 dl dt a:hover {
  background: #efc9cc;
  color: var(--red);
}

section.ryugikakushin04 dl dt a:hover span {
  color: var(--red);
}

/* 【追記】section.ryugikakushin04 dl dt a.koramu のhover時 */
section.ryugikakushin04 dl dt a.koramu:hover {
  background: #adc7df;
  color: var(--blue);
}

section.ryugikakushin04 dl dt a.koramu:hover span {
  color: var(--blue);
}
section.ryugikakushin04 dl dt a.koramu span i{margin: 0 0.5rem 0 0;}

section.Structure div img.image01.pc {
  position: absolute;
  left: 0;
  top: 3vw;
  width: 24%;
}

section.Structure div img.image02.pc {
  position: absolute;
  right: 0;
  top: -12vw;
  width: 24%;
}

section.Structure div img.sp{
  display: none;
}

section.Structure div{
    width: 100%;
    position: relative;
    padding: 0 0 2vw 0;
}




section.sitemap {
}
section.sitemap div.inner {width: 80%;margin: 2rem auto;max-width: 1500px;}
section.sitemap div.inner a.mnc.news {font-size: var(--fs-8);margin: 0 0 1em 0;display: block;}
section.sitemap div.inner div.inner2 {display: flex;flex-wrap: wrap;gap: 2%;}
section.sitemap div.inner div.inner2 dl {width: 23%;margin-bottom: 2rem;}
section.sitemap div.inner div.inner2 dl dt.mnc {font-size: var(--fs-7);border-bottom: 1px solid;margin: 0 0 0.5em 0;}
section.sitemap div.inner div.inner2 dl dd {
}
section.sitemap div.inner div.inner2 dl dd a {font-size: var(--fs-4);margin: 0.5em 0;display: block;}
section.sitemap div.inner div.inner2 dl dd a i.fa-solid.fa-lock {margin: 0 0.2em 0 0;color: #dbaa4b;}
section.sitemap div.inner div.inner2 dl dd a i.fa-solid.fa-up-right-from-square {margin: 0 0 0 0.3em;color: gray;}
section.sitemap div.inner div.inner2 ul {width: 100%;display: flex;}
section.sitemap div.inner div.inner2 ul li {margin: 0 1rem 0 0;}
section.sitemap div.inner div.inner2 ul li a {
}
section.sitemap div.inner div.inner2 ul li a i {background: #cfcfcf;border-radius: 50%;padding: 1em;font-size: var(--fs-5);color: #635f5f;}
section.sitemap div.inner div.inner2 ul li a i.fa-brands.fa-youtube {
}
section.sitemap div.inner div.inner2 ul li a i.fa-brands.fa-line {
}
section.sitemap div.inner div.inner2 ul li a i.fa-brands.fa-facebook-f {
}
section.sitemap div.inner div.inner2 ul li a i.fa-brands.fa-tiktok {
}

section.only ul.bukken{
    display: flex;
    justify-content: center;
    margin: 1em 0 0 0;
}
section.only ul.bukken li{
    font-weight: 700;
    font-size: var(--fs-5);
}
section.only ul.bukken li a{
    color: #004587;
    background: #dd1717;
    border-radius: 10px;
    padding: 0.5em 1em;
    color: #fff;
    display: block;
    margin: 0 0.5em;
}
section.only ul.bukken li i{
    margin:0 0.5em 0 0;
}
section.only {width: 80%;background: #dddddd;border-radius: 10px;margin: 0 auto;max-width: 1500px;text-align: center;padding: 1.5em;}
section.only i.fa-solid.fa-lock {font-size: var(--fs-8);color: #dbaa4b;}
section.only h3 {font-size: var(--fs-8);}
section.only ul.content {display: flex;justify-content: center;}
section.only ul.content li {margin: 1em;font-size: var(--fs-5);}
section.only ul.content li a {display: block;background: #004587;border-radius: 10px;padding: 0.5em 2em;color: #fff;}
section.only ul.book {display: flex;justify-content: center;}
section.only ul.book li {
}
section.only ul.book li a {
}section.only h4{
    font-size: var(--fs-6);
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin: 1em 0 0 0;
}

section.only h4::before,
section.only h4::after {
  content: "-";
  margin: 0 0.5em; /* 文字との間隔調整 */
}


section.top01 {
}
section.top01 div.wrap {
}
section.top01 div.wrap div.inner {
}
section.top01 div.wrap div.inner div.image01.xfade.xfade-1 {
}
section.top01 div.wrap div.inner div.image01.xfade.xfade-1 figure {
}
section.top01 div.wrap div.inner div.image01.xfade.xfade-1 figure img {
}
section.top01 div.wrap div.inner div.text01 {
}
section.top01 div.wrap div.inner div.text01 img {
}
section.top01 div.wrap div.inner div.text01 h2.mnc.fx-flare {width: 73vw;}
section.top01 div.wrap div.inner div.text01 h2.mnc.fx-flare span {
}
section.top01 div.wrap div.inner div.image02.xfade.xfade-2 {
}
section.top01 div.wrap div.inner div.image02.xfade.xfade-2 figure {
}
section.top01 div.wrap div.inner div.image02.xfade.xfade-2 figure img {
}
section.top01 div.wrap div.image03.xfade.xfade-3 {
}
section.top01 div.wrap div.image03.xfade.xfade-3 figure {
}
section.top01 div.wrap div.image03.xfade.xfade-3 figure img {
}
section.top01 div.wrap p.montserrat {z-index: 5;}
section.top01 div.top_news.fade-up {
}
section.top01 div.top_news.fade-up div.title {
}
section.top01 div.top_news.fade-up div.title h3.montserrat {
}
section.top01 div.top_news.fade-up div.title a {
}
section.top01 div.top_news.fade-up div.title a i.fa-solid.fa-circle-arrow-right {
}
section.top01 div.top_news.fade-up a {
}
section.top01 div.top_news.fade-up a dl {
}
section.top01 div.top_news.fade-up a dl dt.montserrat {
}
section.top01 div.top_news.fade-up a dl dt.montserrat span {
}
section.top01 div.top_news.fade-up a dl dt.montserrat p.news_title {
}
section.top01 div.top_news.fade-up a dl dd.icon {
}
section.top01 div.top_news.fade-up a dl dd.icon i.fa-solid.fa-angles-right {
}




/* =========================
   TOP FV（slick無し・CSSのみ）
   ========================= */

/* レイアウトの基準枠 */
.top01 .wrap { position: relative; }

/* 画像コンテナは絶対配置（テキストと重ねやすい） */
.top01 .image01,
.top01 .image02,
.top01 .image03 {
  position: absolute;
  overflow: hidden;  /* はみ出し防止 */
  z-index: 2;        /* 必要なら上下関係を調整 */
}

/* ---- サイズ管理（全部ここで調整できます） ---- */
:root{
  /* デスクトップ基準の幅（clamp: 最小, 推奨, 最大） */
  --img1-w: clamp(240px, 30vw, 460px);
  --img2-w: clamp(220px, 23vw, 420px);
  --img3-w: clamp(140px, 15vw, 320px);

  /* 02の右オフセット */
  --img2-right: 21rem;
}

/* 位置・形（アスペクト比） */
.top01 .image01{ left: 3%;  top: 0;   width: var(--img1-w); aspect-ratio: 16 / 9; }
.top01 .image02{ right: var(--img2-right); top: 0; width: var(--img2-w); aspect-ratio: 4 / 3; }
.top01 .image03{right: 0;bottom: -2rem;width: var(--img3-w);aspect-ratio: 3 / 4;}

/* 画像は親にフィット（見切らせたくないなら contain、枠いっぱいなら cover） */
.top01 .xfade img{
  width: 100%; height: 100%;
  object-fit: cover;   /* ←切れても良いなら cover / 全部見せたいなら contain に変更 */
  display: block;
}

/* =========================
   クロスフェード本体
   ========================= */
.top01 .xfade{ position: relative; }

/* 全フレームを重ねて、opacityで切替 */
.top01 .xfade figure{
  position: absolute; inset: 0;
  margin: 0;
  opacity: 0;
  will-change: opacity;
  animation: xfade-key var(--dur, 15s) linear infinite;
}

/* フェードのキー：5s表示→切替（3枚想定） */
@keyframes xfade-key{
  0%   { opacity: 0; }
  5%   { opacity: 1; }   /* IN */
  33%  { opacity: 1; }   /* 表示維持 */
  38%  { opacity: 0; }   /* OUT */
  100% { opacity: 0; }
}

/* 1枚目/2枚目/3枚目にステップ＋位相（phase）を加算 */
.top01 .xfade figure:nth-child(1){animation-delay: calc(var(--phase, 0s) + 0s);}
.top01 .xfade figure:nth-child(2){ animation-delay: calc(var(--phase, 0s) + var(--step, 5s)); }
.top01 .xfade figure:nth-child(3){ animation-delay: calc(var(--phase, 0s) + (var(--step, 5s) * 2)); }

/* スライダーごとに周期（dur）と滞在時間（step）、開始位相（phase）を設定
   ※ 負のdelayで“初期からズレる” */
.xfade-1{ --dur: 15s;  --step: 5s;   --phase: 0s;   }   /* 5秒間隔：基準 */
.xfade-2{ --dur: 19.5s;--step: 6.5s; --phase: -2s; }   /* 2秒進めて開始 */
.xfade-3{ --dur: 24s;  --step: 8s;   --phase: -4s; }   /* 4秒進めて開始 */

/* 動きを減らす設定のユーザーには静止画で配慮 */
@media (prefers-reduced-motion: reduce){
  .top01 .xfade figure{ animation: none; opacity: 1; }
  .top01 .xfade figure:not(:first-child){ display: none; }
}

/* =========================
   レスポンシブ微調整
   ========================= */
@media (max-width: 1024px){
  :root{
    --img1-w: 36vw;
    --img2-w: 30vw;
    --img3-w: 22vw;
    --img2-right: 10rem;
  }
  .top01 .image03{ bottom: -1rem; }
}
@media (max-width: 768px){
  :root{
    --img1-w: 46vw;
    --img2-w: 38vw;
    --img3-w: 28vw;
    --img2-right: 2rem;
  }
  /* 必要に応じて比率も変えたいとき
  .top01 .image01{ aspect-ratio: 4 / 3; }
  */
}

/* =========================
   テキストが埋もれる場合の保険
   ========================= */
.top01 .text01{ position: relative; z-index: 3; }


/* 1 は縦画像：親ボックスを 2:3 にする */
.top01 .image01{
  /* 位置・幅はそのまま。比率だけ修正 */
  aspect-ratio: 2 / 3;     /* ← 1024x1536 に一致 */
}

/* 切らずに全部見せたいなら contain にする */
.top01 .xfade img{
  width: 100%;
  height: 100%;
  object-fit: contain;      /* ← ここを contain に。枠いっぱいなら cover */
  display: block;
}
/* 1は1024×1536 → 2:3 */
.top01 .image01 {
  aspect-ratio: 2 / 3;
}

/* 3は500×724 → 125:181 */
.top01 .image03 {
  aspect-ratio: 125 / 181;
}

/* 画像自体は親にフィットさせる */
.top01 .xfade img {
  width: 100%;
  height: 100%;
  object-fit: contain;  /* ←全部見せたいなら contain, トリミングして良いなら cover */
  display: block;
}



/* 20250828 */


/* 画像群は常に最背面 */
.top01 .image01,
.top01 .image02,
.top01 .image03 {
  z-index: 1; /* 2 → 1に明示ダウン */
}

/* 見出しブロックを前面に固定 */
.top01 .text01 {
  position: relative;   /* ← z-indexを効かせる */
  z-index: 10;          /* 画像より前 */
}

/* 英文キャッチも前面に固定（今はz-indexが無効状態）*/
.top01 .wrap > p.montserrat {
  position: relative;   /* ← 必須！ */
  z-index: 11;          /* 見出しよりさらに前でもOK */
}

/* 万一のSafari積層バグ対策：ラップで積層文脈を分離 */
.top01 .wrap {
  position: relative;
  isolation: isolate;   /* ← Safariで前後が暴れるのを抑える */
}

/* クリック妨害を防ぐなら */
.top01 .image01,
.top01 .image02,
.top01 .image03 {
  pointer-events: none; /* 画像でクリックを拾わない（任意）*/
}


/* 1) 下レーンを確保（h2 がここに侵入しない）*/
.top01 .wrap{
  position: relative;
  padding-bottom: clamp(56px, 6vw, 112px); /* ← 英字の行高＋余白ぶん */
  isolation: isolate; /* Safariの積層安定化の保険 */
}

/* 2) 英字は底に固定（bottom:0のままOK）*/
.top01 .wrap > p.montserrat{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: clamp(8px, 1.2vw, 24px);  /* ほんの少しだけ浮かせる */
  z-index: 11; /* 画像より前。h2と被らなくなるので順序はどちらでもOK */
}

/* 3) 念のため、見出しブロック自体もレイヤー定義 */
.top01 .text01{
  position: relative;
  z-index: 10;
}


.c-member-register {background: #d5d5d5;border: 5px solid #c3c3c3;border-radius:16px;padding:24px;color: #3d3d3d;width: 80%;margin: 0 auto 3rem auto;max-width: 1200px;}
.c-member-register__title { margin:0 0 8px; font-size:clamp(20px,2.4vw,28px); }
.c-member-register__lead {color: #595959;margin:0 0 20px;line-height:1.7;font-size: var(--fs-4);font-weight: 600;width: 80%;margin: 0 auto 1em auto;max-width: 1200px;}

.c-form__row { display:grid; gap:16px; margin-bottom:16px; }
.c-form__row--2 { grid-template-columns:1fr 1fr; }

input.agree{
    background: #fff;
    border: 2px solid;
    outline: darksalmon;
    appearance: auto;
}
select.wpcf7-select{
background: #fff;
    padding: 1em;
    border-radius: 10px;
    width: 100%;
}

textarea.wpcf7-textarea{
	background:#fff;
	border-radius:10px;
	width:100%;
	padding: 0.5em;
}

@media (max-width: 720px){ .c-form__row--2 { grid-template-columns:1fr; } }

.c-form__field label {display:block;font-size: var(--fs-3);color: #4f4f4f;margin: 0 0 9px 0;font-weight: 500;}
.c-form__req {color: #ff0000;margin-left:6px;font-size: var(--fs-2);}
.c-form__help, .c-form__note { font-size:12px; color:#8e95a5; }

.c-form__field input[type="text"],
.c-form__field input[type="email"],
.c-form__field input[type="tel"],
.c-form__field input[type="password"]{
  width:100%;
  padding:14px 12px;
  border-radius:12px;
  /* border:1px solid #2a3040; */
  background: #f9f9f9;
  color: #2f2f2f;
  outline:none;
  transition:border .2s, box-shadow .2s;
}
.c-form__field input:focus { border-color:#7fd9bf; box-shadow:0 0 0 3px rgba(127,217,191,.15); }

.c-form__field--agree {font-size:14px;color: #212121;}
.c-form__field--agree a {color: #004587;text-decoration:underline;}

.c-form__actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:8px; }
.c-btn { appearance:none; border:none; padding:14px 18px; border-radius:12px; font-weight:700; cursor:pointer; }
.c-btn--primary {background: #2ec313 !important;color: #ffffff !important;line-height:3em;padding: 0.5em 2em !important;}

.post-password-form{margin:3em auto;text-align: center;font-size: var(--fs-4);}
.post-password-form input{
	background: #004587;
	color: #fff;
	border-radius: 6px;
	padding: 0.2em 1em;
}
.post-password-form p{ line-height:2;}
input#pwbox-42{
    background: #d7d7d7;
    font-size: var(--fs-7);
    border-radius: 5px;
    padding: 0 0.5em;
    color: #1c1c1c;
    }

input.wpcf7-form-control {width: 100%;
    padding: 14px 12px;
    border-radius: 12px;
    /* border: 1px solid #2a3040; */
    background: #f9f9f9;
    color: #2f2f2f;
    outline: none;
    transition: border .2s, box-shadow .2s;}

input::placeholder {
  color: #c6c6c6;   /* 好きな色コードに変更 */
  opacity: 1;    /* ブラウザによっては薄くなるので指定 */
}

a.top_rakumachi{
    background: #e60012;
    display: block;
    width: 30%;
    color: #fff;
    text-align: center;
    margin: 2em auto;
    padding: 1em;
    font-size: var(--fs-5);
    min-width: 300px;
  /* 追加：ホバーの気持ちよさ */
  transition: background-color .2s ease, box-shadow .2s ease, transform .08s ease;
  border-radius: .5rem; /* 任意／角丸いらなければ削除 */
}

/* Hover & キーボードフォーカス時に少し持ち上げて明るく */
a.top_rakumachi:hover,
a.top_rakumachi:focus-visible {
  background: #ff2130;         /* 少し明るい赤 */
  box-shadow: 0 6px 16px rgba(0,0,0,.16);
  transform: translateY(-2px);
  text-decoration: none;
  outline: none;
}

/* 押下感（タップ/クリック中） */
a.top_rakumachi:active {
  background: #c70010;         /* 少し暗い赤 */
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
  transform: translateY(0);
}

/* アクセシビリティ：キーボード用の視認性リング */
a.top_rakumachi:focus-visible {
  box-shadow:
    0 0 0 3px #fff,            /* 内側の白いリング */
    0 0 0 6px rgba(230,0,18,.6),
    0 6px 16px rgba(0,0,0,.16);
}

/* 任意：無効状態にする場合 */
a.top_rakumachi[aria-disabled="true"] {
  pointer-events: none;
  opacity: .5;
  filter: grayscale(20%);
}

/* 省モーション環境への配慮（任意） */
@media (prefers-reduced-motion: reduce) {
  a.top_rakumachi {
    transition: background-color .2s ease, box-shadow .2s ease;
  }
  a.top_rakumachi:hover,
  a.top_rakumachi:focus-visible,
  a.top_rakumachi:active {
    transform: none;
  }
}
footer div.fotter_wrap div.footer02 ul li.sp{display:none;}
p.top_text{
    text-align: center;
    background: #fff;
    width: 79%;
    margin: 0 auto;
    padding: 1em;
    font-size: var(--fs-5);
    box-shadow: 3px 4px 7px 0px #00000070;
}



/* === 共通スタイル（アクション系） === */
.fab, .pagetop {
  --size: 56px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0,0,0,.22);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  z-index: 9999;
}
.fab i, .pagetop i { font-size: 22px; line-height: 1; }
.fab:hover, .pagetop:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,.26);
}

/* === 右下：物件・会員・ログイン === */
.fixed-action-footer {
	display:none;
}

/* 個別色 */
.fab--search { background: #0ea5e9; }  /* 青 */
.fab--signup { background: #22c55e; }  /* 緑 */
.fab--login  { background: #f59e0b; }  /* オレンジ */

/* === 左下：ページトップ === */
.pagetop {
  position: fixed;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  background: #64748b; /* グレー系 */
  opacity: 0.8;
}
.pagetop:hover {
  opacity: 1;
}

.c-member-register__lead a{
    background: var(--red);
    color: #fff;
    border-radius: 5px;
    padding: 0.5em 1em;
    display: inline-block;
    margin: 1em 0 0 0;
	
  border: 1px solid var(--red);
}

.c-member-register__lead a:hover {
  background: #fff;
  color: var(--red);
  border: 1px solid var(--red);
  transition: 0.3s;
}

.sy_kz{
    width: 80%;
    margin: 2em auto;
    color: var(--blue);
}
.menu_sp{display:none !important;}
section.Structure.sp{display:none;}