/* ------------------------------
    @ Font
-------------------------------------- */
@font-face {
    font-family: "LINE";
    src: url("/upload/tenant_1/LINESeedJP_OTF_Rg.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "LINE";
    src: url("/upload/tenant_1/LINESeedJP_OTF_Bd.woff") format("woff");
    font-weight: bold;
    font-style: normal;
  }
  
html{
    font-family: "LINE";
}
:root{
    --max-width:1200px;
    --max-width2:1000px;
    --main-color:#1b45ab;
}
#ovl_ha {
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
  }

/* ------------------------------
    @ Animation
-------------------------------------- */

@keyframes fadeInAnime{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeInLeft{
    0% {
      opacity: 0;
      transform: translateX(-1000px);
    }
  
    100% {
      opacity: 1;
      transform: translateX(0);
    }
}
@keyframes fadeInTOP{
    0% {
      opacity: 0;
      transform: translateY(-120px);
    }
  
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes fuwafuwa{
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
}
    @keyframes fadeUpAnime{
      from {
        opacity: 0;
      transform: translateY(100px);
      }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    }


/* ------------------------------
    @ Header
-------------------------------------- */

.hh__menu{display:none;}
.home__head {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
}
.hh__logo{
    width: 300px;
    padding: 0 40px;
}
.hh__btn {
    background: rgb(224,40,123);
    background: linear-gradient(270deg, rgb(71 120 245) 0%, rgb(0 136 197) 66%);
    color: #fff;
    width: 300px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 25px 0;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    transition: all 1s 1s ease;
}
.hissuTxt{
  background:#fff;
    font-size: 17px;
    text-align: center;
    border: 2px solid #db9e15;
    margin-bottom: 20px;
    padding: 15px;
}
.hh__btn:hover{
    opacity: 1;
    transition: all 1s 1s ease;
    background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);
}

.hh__btn i{margin-right:10px;}
.hh__list {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 900px);
}
.cls_menu{display: none;}
.hh__list a{
    font-size:14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: bold;
    /* padding: 30px 0; */
}
.hh__list a i {
    margin-left: 10px;
    font-size: 10px;
}
@media screen and (max-width: 768px) {
    .hh__logo {
        width: 100px;
        padding: 0;
        margin-left: 20px;
    }
    .hh__list {
        display: block;
        position: fixed;
        width: 90%;
        top: 0;
        right: 0;
        background: var(--main-color);
        height: 100vh;
        z-index: 4;
        padding:0;
        transition: all .3s ease;
        transform: translateX(600px);
    }
    .hh__list.on{transform: translateX(0);}
    .hh__btn {
        margin-left: 40px;
        width: calc(100% - (160px + 54px));
        font-size: 14px;
        padding: 13px 0;
    }
    .hh__list a {
        width: 100%;
        padding: 20px;
        font-size: 16px;
        color: #fff;
    }
    .hh__list li{
        border-bottom: 1px solid #c0cff654;
    }
    .hh__list .cls_menu {
        display: block;
        border-bottom: none;
        color: #ffffff;
        font-size: 30px;
        text-align: right;
        padding: 5px 20px;
        background: transparent;
    }
}


/* common */
.home__ttl {
    text-align: center;
    font-size: 30px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 40px;
}
.home__ttl::before {
    content: "";
    width: 100px;
    display: block;
    height: 4px;
    background: #333;
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.home__ttl2 {
    text-align: center;
    padding: 80px 0;
    color: #000;
    font-size: 30px;
    position: relative;
    max-width: var(--max-width2);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: bold;
    justify-content: space-between;
    opacity:0;
}
.home__ttl2.blk{color:#333;}
.home__ttl2::before{
    content:"";
    width: 360px;
    height: 2px;
    background:#333;
}
.home__ttl2::after, .home__ttl2::before {
    content: "";
    width: 140px;
    height: 2px;
    background: #000;
    display: block;
}
.home__ttl3 {
    /* background: url(../img/ttl_b.svg) no-repeat 34% 23%; */
    text-align: center;
    padding: 80px 0;
    color: #333;
    position: relative;
    max-width: var(--max-width2);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-size: 60px;
    justify-content: space-between;
}
.home__ttl3 h2{font-size:30px;width:calc(100% - 300px);}
.home__ttl3 h2 span{
    display: block;
    font-size: 70%;
}
.home__ttl3::after, .home__ttl3::before {
    content: "";
    width: 140px;
    height: 2px;
    background: #333;
    display: block;
}
.bg__wrap {
    padding: 80px;
    background: #efefef;
}

@media screen and (max-width: 768px) {
    .home__ttl{font-size:20px;}
}

/* ------------------------------
    @ アイキャッチ
-------------------------------------- */
.home__eye {
    position:relative;
    background: url(/upload/tenant_1/ha_top_pc.webp) no-repeat;
    background-size: 100% auto;
    height: 600px;
}
.home__wrap{
    max-width:var(--max-width);
    margin: 0 auto;
    width: 100%;
}
.he__ttl {
    width: 490px;
    padding: 10% 0 5%;
    opacity:0;
    animation: fadeInAnime 2s ease 0s forwards;
}

.he__ttl h2 {
    font-size: 90px;
    line-height: 1.1;
    font-weight: bold;
    color: var(--main-color);
    background: #ffffff5e;
    padding: 30px;
}
.he__subt {
    font-size: 24px;
    display: block;
    background:var(--main-color);
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 6px 0;
    margin-bottom: 10px;
}
.he__subt2 {
    font-size: 20px;
    display: block;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color:var(--main-color);
    font-weight: bold;
}
.he__subt2::before{
    content:"";
    width: 360px;
    height: 1px;
    background:var(--main-color);
}

/* ------------------------------
    @ NEWS
-------------------------------------- */
.he__news {
    /* margin-top: 10vh; */
    background: #fff;
    padding: 20px 60px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    opacity:0;
    animation: fadeInAnime 2s ease 0s forwards;
}
.hn__ttl{
    font-size: 25px;
    font-weight: bold;
    width: 8rem;
}
.hn__box {
    width: calc(100% - 8rem);
    border-left: 1px solid #ccc;
    padding-left: 30px;
}
.hn__li{display:block;}
.hn__li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}
.hn__li:last-of-type a{margin-bottom:0;}

.hn__li time {
    color: #68acd0;
    width: 8rem;
    display: block;
}
.hn__li span{
    display:block;
    width: calc(100% - 8rem);
}
.hn__li span span{font-size:10px;color:#aaa;}

/* ------------------------------
    @ 説明会
-------------------------------------- */
.hb__wrap {
    position: relative;
background: #00284c;
    background-size: 100% 100%;
}
.home__briefing {
    max-width: var(--max-width2);
    margin: 0 auto;
    padding: 5% 0;
}
.home__briefing{
    /* padding: 40px 0; */
}

.hb__txt{
    color:#fff;
    text-align: center;
}
.hb__time {
    background:#fff;
    border-radius: 10px;
    margin: 40px auto;
    padding:20px 40px;
}
.hbt__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.home__briefing .home__ttl{
    color: #fff;
}
.home__briefing .home__ttl::before{
    background:#fff;
}
.hb__time .hbt__wrap:last-of-type{border-bottom:none;}
.hbt__date,.hbt__place{
    display: flex;
    align-items: center;
}
.hbt__date time {
    background: #5FAED8;
    padding: 2px 15px;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.hbt__date span{
    margin-left: 20px;
}
.hbt__place span{
    background: #1D438A;
    padding: 2px 15px;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.hbt__place b {
    margin-left: 20px;
    font-size: 20px;
}
.hbt__wrap a {
    position: relative;
    background: linear-gradient(135deg, #F36265 0%,#961276 100%);
    display: block;
    color: #fff;
    font-weight: bold;
    width: 240px;
    text-align: center;
    border-radius: 40px;
    padding: 14px 0;
    outline: none;
    overflow: hidden;
}
.hbt__wrap a.endBtn {
    background: #aaa;
    color: #4f4e4e;
}
.hbt__wrap a::before {
    content: '';
      /*絶対配置でキラッと光るの位置を決める*/
    position: absolute;
    top: 0;
    left: -75%;
      /*キラッと光る形状*/
      width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    transform: skewX(-25deg);
}
/*hoverした際の移動のアニメーション*/
.hbt__wrap a:hover::before {
    animation: shine 0.7s;
}
.hbt__info p{
    background: #eee;
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
}
 

.hbt__wrap a i{
    margin-right: 10px;
}


/* ------------------------------
    @ About
-------------------------------------- */
.home__about{
    max-width: var(--max-width2);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ha__ttl {
    position: relative;
    background: #1d438a;
    color: #fff;
    padding: 80px 50px 100px 0;
    width: 520px;
    background: linear-gradient(90deg, #1d438a 0%,#5faed8 100%);
}
.ha__ttl::before {
    content: "";
    background: #1d438a;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
}
.hat__wrap {
    background: url(../img/ttl_f.svg) no-repeat;
    background-position: top left;
    background-size: 60px;
    padding:0;
    opacity:0;
    transform: translateX(-1000px);
}
.hat__wrap.fl{
    animation: fadeInLeft 1s ease 0s forwards;
}

.ha__ttl span {
    font-size: 20px;
}
.ha__ttl h2{
    font-size:35px;
    font-weight: bold;
}
.home__about p {
    width: calc(100% - 560px);
    font-size: 18px;
    padding: 0 20px;
    line-height: 2;
    opacity: 0;
    transform: translateY(-120px);
}
.home__about p.ft{
    animation: fadeInTOP 1s ease 0s forwards;
}

.fuwa{
    animation: fuwafuwa 1s ease 0s forwards;
}

/* おすすめ */
.home_rec{
background: #00284c;
    background-size:100% auto;
    padding-bottom:140px;
}
.home_rec .home__ttl2{
  color:#fff;
}
.home_rec .home__ttl2::after,.home_rec .home__ttl2::before {
    content: "";
    background: #fff;
}
.hr__list {
    width: var(--max-width2);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    border-radius: 5px;
    overflow: hidden;
}
.hr__list li {
    opacity: 0;
    background: #fff;
    padding: 40px 60px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hr__list li h3{
    font-size: 24px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-weight: bold;
    align-items: center;
}
.hr__list li h3 span {
    display: block;
    width: calc(100% - 30px);
}
.hr__list li h3::before {
    content: "";
    height: 90px;
    width: 6px;
    background: #00284c;
    display: block;
    border-radius: 10px;
    margin-right: 15px;
}
.hr__list li p{
    padding: 20px 0;
    line-height: 1.8;
    font-size: 15px;
}
.fadeUp {
    animation-name:fadeUpAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity: 0;
}
.home__model{
    /* background:url(/upload/tenant_1/ha_bg2.webp) no-repeat top; */
    background:#eee;
    background-size:100% auto;
}
.splide__slide{
    border-radius:10px;
    overflow:hidden;
}
.splide__slide img {
    height: auto;
    width: 100%;
  }
  .hm__txt {
    max-width: 800px;
    margin: 60px auto;
    font-size: 18px;
    color: #000;
    line-height: 2;
}
.hm__graph{
    background:#fff;
}
.hm__graph img {
    width: 800px;
    margin: 0 auto;
    padding: 40px 0;
}
.hm__graph.new img {
    width: 1200px;
}

/* home__pd */
.home__pd{
    background: #eee;
}
.home__pd .home__ttl2{justify-content: center;}
.home__pd .home__ttl2::after,
.home__pd .home__ttl2::before{
  content:none;
}
.home__pd table {
    max-width: var(--max-width2);
    margin: 0 auto;
    padding: 0 0 10%;
    width: 100%;
    border-collapse: separate;
    border-spacing: 8px;
}
.home__pd th{
    background: #1e5471;
    color: #fff;
    font-size: 120%;
    padding: 16px 0;
    font-weight: bold;
}
.home__pd td {
    padding: 16px;
    text-align: right;
    background: #fff;
}
.home__pd tr td:nth-of-type(1){
    background: #75b1d1;  
    text-align: center;
}


/* msg */

.bg__wrap--msg {
    position: relative;
    background: url(/upload/tenant_1/ha_bg3.webp) no-repeat right 50%;
    background-size: auto 100%;
    height: 600px;
    padding: 120px 0;
}
.home__msg {
    max-width: var(--max-width2);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.hm__ttl {
    position: relative;
    background: #fff;
    padding: 80px 50px 100px 0;
    width: 520px;

}
.hm__ttl p{
    opacity: 0;
    transform: translateY(-120px);
}
.hm__ttl p.ft{
    animation: fadeInTOP 1s ease 0s forwards;
}
.hm__ttl::before {
    content: "";
    background: #fff;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
}
.fadeLeft{
    animation-name:fadeLeftAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeLeftAnime{
      from {
        opacity: 0;
      transform: translateX(-100px);
      }
    
      to {
        opacity: 1;
      transform: translateX(0);
      }
    }



/* point */

.bg__wrap--point {
  margin-top: 80px;
    position: relative;
    /* background: url(/upload/tenant_1/ha_bg4.webp) no-repeat top; */
    background:#eee;
    background-size: auto 100%;
    padding: 50px 0;
}
.home__point{
    max-width: var(--max-width2);
    margin: 0 auto;    
}
.hp__list {
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #fff;
    margin-bottom:20px;
    background:#fff;
    display: flex;
    align-items: center;
}
.hp__list dt {
    background: #00284c;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 50px 20px;
    width: 300px;
}
.hp__list dd {
    padding: 20px;
    font-size:14px;
    width: calc(100% - 300px);
}

.home__point{
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px; */
}
.hp__list.ptn2{border: 2px solid #fff;}
.hp__list.ptn2 dt { background: #00284c;}
.hp__list.ptn3{border: 2px solid #fff;}
.hp__list.ptn3 dt { background: #00284c;}
.hp__list.ptn4{border: 2px solid #fff;}
.hp__list.ptn4 dt {background: #00284c;}

.home__voice{padding:0 0 120px 0;}
.home__voice .home__ttl3{padding:0 0 80px;}
.hv__list{
    max-width: var(--max-width2);
    margin: 0 auto;  
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.hv__list p {
    margin: 20px 0;
    font-weight: bold;
    font-size: 18px;
}
.hv__list time {
    color: #666;
    display: block;
    font-size:80%;
    font-weight: normal;
}

.bg__wrap--partner{
    position: relative;
    background: #00284c;
    background-size: 100% auto;
    padding: 50px 0;
}
.home__partner .home__ttl2{color:#fff;}
.home__partner .home__ttl2::before,.home__partner .home__ttl2::after{background:#fff;}
.home__partner .home__ttl3{color:#fff;}
.home__partner .home__ttl3::before,.home__partner .home__ttl3::after{background:#fff;}
.hpt__list{
    max-width: var(--max-width2);
    margin: 0 auto;  
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.hpt__list li {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
}
.hpt__list img {
    width: 100px;
    display: block;
    margin: 0 auto;
}

.hpt__txt {
    color: #fff;
    font-weight: bold;
    margin: 40px auto;
    max-width: var(--max-width2);
    text-align: center;
    font-size: 18px;
}
.home__flow{padding-bottom:80px;}

.hf__list{
    max-width: var(--max-width2);
    margin: 0 auto;  
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
}
.hf__list li{
    position: relative;
}
.hf__list li:nth-of-type(5)::after,.hf__list li:nth-of-type(8)::after{
    content:none;
}
.hf__list li::after {
    content: "→";
    top: 35%;
    right: -25%;
    font-weight: bold;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
}
.hf__list img {
    background: #18377c;
    padding:30px;
    border-radius: 20px;
}
.hf__list li:nth-of-type(1) img{
  background:#18377c;
}
/* .hf__list li:nth-of-type(2) img{
  background:#234eaf;
}
.hf__list li:nth-of-type(3) img{
  background:#345fc6;
}
.hf__list li:nth-of-type(4) img{
  background:#4774db;
}
.hf__list li:nth-of-type(5) img{
  background:#4373e2;
}
.hf__list li:nth-of-type(6) img{
  background:#598bf8;
} */


.hf__list p{
    text-align: center;
    margin: 15px 0;
    font-size: 14px;
}


@media screen and (max-width: 768px) {
body{
    background: #ededf1;
}

.home__eye {
    background: url(/upload/tenant_1/ha_top_sp2.webp) no-repeat;
    background-size: 100% auto;
    height: inherit;
}
.he__ttl {
    width: 85%;
    padding: 12vh 0 10%;
    margin: 0 auto;
}
.he__subt {
    font-size: 16px;
    padding: 4px 0;
}

.hh__menu {
    display: block;
    background: var(--main-color);
    color: #fff;
    padding: 13px 0;
    width: 54px;
    font-size: 14px;
    text-align: center;
}

/* BG */
.bg__wrap {
    background: var(--main-color);
    padding: 30px;
}

/* NEWS */
.he__news {
    display: block;
    width: 90%;
    margin: 30% auto 30px;
    padding: 20px;
}
.hn__box {
    width: 100%;
    border-left: none;
    padding-left: 0;
}
.hn__ttl {
    font-size: 18px;
    margin-bottom: 10px;
}
.hn__li a{display: block;}
.hn__li span {
    width: 100%;
    font-size: 14px;
}
.hn__li time {
    font-size: 12px;
}

/* Title */
.hat__wrap {
    background: none;
    background-position: inherit;
    background-size: inherit;
    padding: 0;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ha__ttl {
    background: var(--main-color);
    padding: 0;
    width: 100%;
}
.ha__ttl::before{content:none;}
.he__ttl h2 {
    font-size: calc(100vw / 7);
}
.ha__ttl span {font-size: 16px;}
.ha__ttl h2 br{display: none;}

.home__ttl2 {
    font-size: 18px;
    padding: 30px 0;
    width: 100%;
}
.home__model .home__ttl2{
    padding: 40px 20px;
}
.home_rec .home__ttl2::after,.home_rec .home__ttl2::before{content:none;}
.home__ttl2::after, .home__ttl2::before {
    content: "";
    width: 40px;
    height: 1px;
    background: #000;
    display: block;
}
.home__ttl2.blk::after, .home__ttl2.blk::before {
    background: #333;  
}

/* About */
.home__about p {
    width: 100%;
    font-size: 14px;
    padding: 0;
    color:#fff;
}
.ha__ttl h2 {font-size: 23px;}

/* Reccomend */
.home_rec {
background: #00284c;
    padding: 25px;
}
.hr__list{
    display: block;
    width: 100%;
    margin-top:20px;
}
.hr__list li {
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.hr__list li p {
    font-size: 12px;
    padding: 20px 0 0;
}
.hr__list li h3 {
    width: 100%;
    font-size: 16px;
}
.hr__list li h3::before{height:50px;}

/* Model */
.home__model {
    background-size: auto 100%;
}
.hm__txt{
    font-size: 12px;
    padding: 25px;
    margin: 0;
}

/* Message */
.bg__wrap--msg {
    background-size: auto 100%;
    padding: 45px 0px;
}
.home__msg {
    max-width: inherit;
    width: 90%;
    margin: 0 auto;
}
.hm__ttl {
    opacity: 1;
    padding: 30px;
    font-size: 13px;
    line-height: 1.8;
}
.hm__ttl::before{content:none;}

/* Points */
.bg__wrap--point{padding:30px;margin:0;}
/* .bg__wrap--point .home__ttl2{color:#fff;} */
.hp__list{display: block;}
.hp__list dt {
    font-size: 16px;
    padding: 12px 20px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
 }
 .hp__list dt::after{
    content: "\f0ab";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.hp__list.open dt::after{
    content: "\f0aa";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
 .hp__list dd {
    width: 100%;
    font-size: 12px;
    display:none;
}

/* Voice */
.home__voice {padding:30px;}
.hv__list {
    margin-top:20px;
    display: block;
}
.hv__list li{
    margin-bottom:20px;
}
.hv__list a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hv__list a img{
    width: 100px;
    border-radius: 5px;
}
.hv__list a p {
    width: calc(100% - 120px);
    border-radius: 5px;
    margin: 0;
    font-size: 14px;
}

/* Partner */
.bg__wrap--partner {
    background-size: auto 100%;
    padding: 30px;
}
.hpt__list {
    grid-template-columns: repeat(2, 1fr);
}
.hpt__list p{font-size:12px;}
.hpt__list img {width: 70px;}
.hpt__txt {
    font-size: 13px;
    margin: 25px auto 0;
    text-align: left;
}

.home__flow {
    padding: 30px;
    background:#fff;
}
.hf__list {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.hf__list li::after{content:none;}


/* Flow */
.hb__txt {
    color: #fff;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
}
.hb__wrap {
    background-size: auto 100%;
    padding: 30px;
}
.hb__time {
    width: 100%;
    padding: 20px;
}
.hbt__date span {
    font-size: 12px;
    margin-left: 0;
    margin-top: 5px;
    width: 100%;
}
.hbt__date, .hbt__place{margin-bottom:5px;flex-wrap:wrap;}
.hbt__date time,.hbt__place span{font-size:10px;}
.hbt__place b {
    font-size: 14px;
    margin-left: 0;
    margin-top: 5px;
    width:100%;
}
.hbt__wrap a {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
}
.hbt__info p{font-size: 12px;}

}

.haf__eye {
    position: relative;
    background: url(/upload/tenant_1/ha_bg6.webp) no-repeat;
    background-size: 100% auto;
    height: 500px;
}
.haf__eye p{
  color:#fff;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  
}
.haf__eye p span{
  font-size:50%;
}

.ha__tab {
    display: flex;
    justify-content: center;
    border-bottom: solid 6px var(--main-color);
    margin: 40px 0;
}
.ha__tab li {
    width: 300px;
    text-align: center;
    font-size: 20px;
    padding: 20px;
    border: 2px solid var(--main-color);
    border-bottom:none;
    cursor:pointer;
    background:#fff;
}
.ha__tab li.sel{
    color:#fff;
    font-weight: bold;
    background:var(--main-color);
}
.ha__tab li:nth-of-type(1) {
    border-radius: 10px 0 0 0;
    border-right: 1px solid var(--main-color);
}
.ha__tab li:nth-of-type(2) {
    border-radius: 0 10px 0 0;
    border-left: 1px solid var(--main-color);
}
.ha__form {
    width: 900px;
    margin: 0 auto;
}
.ha__form2 {
    width: 700px;
    margin: 3rem auto 5rem;
    line-height: 1.8;
}
.haf__box{
    border: 1px solid #333;
    border-radius: 10px;
    overflow: hidden;
}
.ha__form2 a{
    display: block;
    background: var(--main-color);
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 12px 0;
    border-radius: 60px;
    width: 50%;
    margin: 3rem auto;
}
.haf__box dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}
.haf__box dt {
    width: 300px;
    background-color: #ddeefa;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 20px;
    flex-wrap: wrap;
}
.haf__box dt span {
    display: block;
    font-size: 14px;
}
.haf__box dt i{
    color:#db9f13;
    margin-right: 10px;
}
.haf__box dd{
    padding:30px;
    width: calc(100% - 300px);
}
.haf__box dd.haf__col{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.haf__box dd.haf__col p{
    display: flex;
    align-items: center;
}
.haf__box dd.haf__col p *{margin-right: 15px;}
.haf__box dd.haf__col p:nth-of-type(2),.haf__box dd.haf__col p:nth-of-type(3){
    width: 120px;
}
.haf__box input,.ha__form textarea {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    font-size: 16px;
}
.haf__box select{
    width: 100%;
    padding: 10px;
    border-radius: 8px;
}

.haf__box .type__noe input{
    width: 100px;
    margin-right: 10px;
}

.ha__form textarea{
    height:400px;
    border:2px solid #ccc;
}
.haf__address b{display: block;}
.haf__zip input{width: 50%;}

.haf__add1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.haf__add1 >div{width: 48%;}

.haf_ttl{
    border-left: 10px solid #2883c4;
    padding-left: 15px;
    margin: 60px 0 20px;
    font-size: 30px;
}
.ha__form button{
      width: 400px;
    margin: 40px auto;
    display: block;
    padding: 20px 0;
    font-size: 1.5rem;
    border-radius: 10px;
    border: none;
    background: #3c76cb;
    color: #fff;
    font-weight: bold;
}
.haf__box label {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.haf__box label:last-of-type{border-bottom:none;}
.haf__box label input {
    width: 10px;
    transform: scale(2);
}
.haf__box label p{
    width: calc(100% - 50px);
}

.haf__box label p span:nth-of-type(1){
  font-size:14px;
}
.haf__box label p span:nth-of-type(2){
  font-size:18px;
  display: block;
  font-weight: bold;
}
.ha__form2 b{
  font-size: 30px;
  text-align: center;
  display: block;
  padding: 2rem;
}
.haf__eye p br.hide@pc{display:none;}

.brieTab{
    display: flex;
    justify-content: center;
}
.brieTab li {
    width: 200px;
    text-align: center;
    background: #fff;
    padding: 10px;
    font-size: 18px;
    margin: 0 10px;
    border-radius: 5px;
}
.brieTab li i{color:#fff;}
.brieTab li.sel{
    background: -webkit-linear-gradient(right, rgb(71 120 245) 0%, rgb(95 174 216) 66%);
    background: -moz-linear-gradient(right, rgb(71 120 245) 0%, rgb(95 174 216) 66%);
    background: -o-linear-gradient(right, rgb(71 120 245) 0%, rgb(95 174 216) 66%);
    background: linear-gradient(to left, rgb(71 120 245) 0%, rgb(95 174 216) 66%);
    color: #fff;
    font-weight: bold;
    box-shadow: 0 0 2px 0 #333;
}
.hb__1box{
    padding: 40px 0;
}
.hb__1box p{
  font-size:30px;
  text-align: center;
}
.hb__1box a {
    position: relative;
    background: linear-gradient(135deg, #F36265 0%,#961276 100%);
    display: block;
    color: #fff;
    font-weight: bold;
    width: 240px;
    text-align: center;
    border-radius: 40px;
    padding: 14px 0;
    outline: none;
    overflow: hidden;
    margin:0 auto;
}



@media screen and (max-width: 768px) {
  .bg__wrap {
      padding:60px 30px;
  }
  .home__pd-tbl{
    width: 400px;
    overflow-x: scroll;    
  }
  .home__pd table{
    max-width: inherit;
    width: 600px;
    margin-right: 8px;
  }
  .hb__1box p{font-size:22px;}
  .haf__eye p br.hide@pc{display:block;}
  
  .he__subt2::before{width:50vw;}
  .haf__eye p{
      width: 90%;
      font-size: 20px;
  }
  .haf__eye {
      height: 240px;
  }
  .ha__form {
      width: 100%;
      padding: 0 20px;
      font-size: 14px;
  }  
  .ha__tab li {
      width: 46%;
      font-size: 15px;
      padding: 15px 0;
  }
  .haf__box dl{background:#fff;}
  .haf__box dt{width: 100%;}
  .haf__box dd {
      padding: 20px;
      width: 100%;
  }  
.haf__box .haf__year input {
    width: 5rem;
    text-align: center;
}
  .haf__box .haf__month input{
       width: 3rem; 
  }
  .haf__box .haf__day input{
       width: 3rem;     
  }  
  .haf__box dd.haf__col p * {
      margin: 0 10px;
  }
  .haf__box dd.haf__col p.haf__year * {margin-left:0;}
  .haf__box dd.haf__col p.haf__day * {margin-right:0;}
  .haf__box dd.haf__col{flex-wrap: initial;}
  .haf_ttl{font-size:20px;}
  .ha__form textarea{height:200px;}
  .ha__form button{width: 100%;}

.ha__form2 b {
    padding: 0 0 2rem 0;
    font-size: 20px;
} 
.ha__form2 a {
    width: 100%;
    margin: 2rem 0 0;
}
  .ha__form > .ha__form{padding:0;}
  .hissuTxt{font-size:14px;}
  .brieTab {
      justify-content: space-between;
  }
  .brieTab li {
      width: calc(100% / 2 - 10px);
      margin: 0;
  }  
}