/*index*/
.index .mainimg{
    height: 60rem;
    background: url(/system_panel/uploads/images/index_mainimg.jpg) center -10rem no-repeat;
    background-size: cover;
    margin: 0;
}
.index .mainimg .read{
    font-size: 3.6rem;
    position: relative;
    /*left:13%;*/
  right: 13%;
}

.index_cnt1{
    margin: 11rem 0 17rem 0;
}
.index_cnt1 .inner .col2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 2rem;
}
.index_cnt1 .inner .col2 h3{
    display: flex;
    align-items: center;
}
.index_cnt1 .inner .col2 h3::before{
    content: "";
    background: url(/system_panel/uploads/images/index_cnt1_news.png) no-repeat;
    width: 18rem;
    height: 11rem;
    margin: 0 2rem 0;
    display: inline-block;
}
.index_cnt1 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
.index_cnt1 .inner .webgene-blog{
}
.index_cnt1 .inner .webgene-blog .webgene-item{
    background: #f8f8f8;
    border: 0.1rem solid #e6e9ea;
    display: grid;
    grid-template-columns: 42% 58%;
}
.index_cnt1 .inner .webgene-blog .webgene-item .dt{
    color: #aea29c;
    padding: 3rem 3rem 0 3rem;
    grid-column: 2/3;
}
.index_cnt1 .inner .webgene-blog .webgene-item .dt p{
    font-size: 1.5rem;
    color: #aea29c;
    font-weight:bold;
}
.index_cnt1 .inner .webgene-blog .webgene-item .cate{
    padding: 0 3rem;
    grid-column: 2/3;
}
.index_cnt1 .inner .webgene-blog .webgene-item .title{
    padding:1.5rem 3rem;
}
.index_cnt1 .inner .webgene-blog .webgene-item .title p{
    line-height: 1.5;
}
.index_cnt1 .inner .webgene-blog .webgene-item .title a{
    text-decoration: none;
    color: inherit;
}
.index_cnt1 .inner .webgene-blog .webgene-item .pic{
    grid-row: 1/4;
    aspect-ratio: 3/2;
    overflow: hidden;
    width: 100%;
  align-self:stretch;
}
.index_cnt1 .inner .webgene-blog .webgene-item .pic img{
    width: 100%;
}

.index_cnt2{
    /*display: grid;
    justify-content: flex-end;*/
    margin: 0 0 24rem;
}
.index_cnt2 .top{
    width:100%;
    height:40rem;
    overflow: hidden;
    position: relative;
    margin:0 0 9rem;
}
.index_cnt2 .top img{
    width: 100%;
    position: absolute;
    /*top:-20rem;*/
  top: 0rem;
}
.index_cnt2 .inner{
    background: #fff;
    margin: 0 auto;
    width: 80%;
    /*
    max-width: 52vw;
    position: relative;
    padding: 18rem 9rem 11rem;*/
}

.index_cnt2 .inner .col2{
    display: flex;
}
.index_cnt2 .inner .col2 .left{
    width:37%;
    position: relative;
    align-self: center;
}
.index_cnt2 .inner .col2 .left h3{
    display: flex;
    align-items: center;
    width: fit-content;
    margin:0 0 4rem;
}
.index_cnt2 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/index_cnt2_concept.png) no-repeat;
    width: 29.6rem;
    height: 14.1rem;
    margin: 0;
    display: inline-block;
    background-size: 100%;
}
.index_cnt2 .inner .col2 .left .buttonA{
    margin: auto;
}
.index_cnt2 .inner .col2 .right{
    width:63%;
}
.index_cnt2 .inner .col2 .right p{
    line-height: 2.64;
}
.index_cnt3{
    margin: 0 0 29rem;
}
.index_cnt3 .inner{}
.index_cnt3 .inner .grid{
    display: grid;
}
.index_cnt3 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.index_cnt3 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/index_cnt3_shoplist.png) no-repeat;
    width: 30.1rem;
    height: 14.1rem;
    margin: 0 2rem -2rem;
    display: block;
}
.index_cnt3 .inner > p{
    line-height: 2.6;
    margin: 0 0 8rem;
    text-align: center;
}
.index_cnt3 .inner .grid{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 5rem;
}
.index_cnt3 .inner .grid .dl{
    display: grid;
    gap: 1.5rem;
}
.index_cnt3 .inner .grid .dl .dt p{
    text-align: center;
    font-weight: bold;
}
.index_cnt3 .inner .grid .dl .dd{
    text-align: center;
}
.index_cnt3 .inner .grid .dl .pic{
    grid-row: 1/2;
    aspect-ratio: 3/2;
    overflow: hidden;
}
.index_cnt3 .inner .grid .dl .pic img{
    width: auto;
    height: 100%;
}
.index_cnt3 .inner .grid .dl .buttonA{
    margin: auto;
}

.index_cnt3 .inner .grid .dl:nth-of-type(1){
    grid-column: 1/3;
}
.index_cnt3 .inner .grid .dl:nth-of-type(2){
    grid-column: 3/5;
}
.index_cnt3 .inner .grid .dl:nth-of-type(3){
    grid-column: 5/7;
}
.index_cnt3 .inner .grid .dl:nth-of-type(4){
    grid-column: 2/4;
}
.index_cnt3 .inner .grid .dl:nth-of-type(5){
    grid-column: 4/6;
}
.index_cnt4{
    padding: 9rem 0;
    background: linear-gradient(80deg, #eef0f1 68%, #fff 68%);
    position: relative;
    margin: 0 0 33rem;
}
.index_cnt4 .inner{}
.index_cnt4 .inner .col2{
    display: flex;
    align-items: center;
}
.index_cnt4 .inner .col2 .left{
    width:50%;
}

.index_cnt4 .inner .col2 .left h3{
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 3.5rem;
}
.index_cnt4 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/index_cnt4_staff.png) no-repeat;
    width: 21.1rem;
    height: 12.8rem;
    margin: 0 2rem 0;
    display: inline-block;
}
.index_cnt4 .inner .col2 .left p:first-of-type{
    line-height: 2.6;
    margin: 0 0 5rem;
}
.index_cnt4 .inner .col2 .left p{
    z-index: 2;
}
.index_cnt4 .inner .col2 .right{
    width: 50%;
}
.index_cnt4 .inner .col2 .right .ul .li{
    list-style: none;
    width:50rem;
    height:9.5rem;
}
.index_cnt4 .inner .col2 .right .ul .li:nth-of-type(1){
    background: url(/system_panel/uploads/images/index_cnt4_1.jpg) no-repeat;
    margin:0 0 0.2rem 3rem;
    background-size: cover;
}
.index_cnt4 .inner .col2 .right .ul .li:nth-of-type(2){
    background: url(/system_panel/uploads/images/index_cnt4_2.jpg) no-repeat;
    margin:0 0 0.2rem 6rem;
    background-size: cover;
}
.index_cnt4 .inner .col2 .right .ul .li:nth-of-type(3){
    background: url(/system_panel/uploads/images/index_cnt4_3.jpg) no-repeat;
    margin:0 0 0.2rem 9rem;
    background-size: cover;
}
.index_cnt4 .inner .col2 .right .ul .li:nth-of-type(4){
    background: url(/system_panel/uploads/images/index_cnt4_4.jpg) no-repeat;
    margin:0 0 0.2rem 12rem;
    background-size: cover;
}
.index_cnt4 .inner .col2 .right .ul .li:nth-of-type(5){
    background: url(/system_panel/uploads/images/index_cnt4_5.jpg) no-repeat;
    margin:0 0 0.2rem 15rem;
    background-size: cover;
}
.index_cnt4 .inner .col2 .right .ul .li p{
    width: inherit;
    height: inherit;
}
.index_cnt4 .inner .col2 .right .ul .li a{
    width: inherit;
    height: inherit;
    display: grid;
    place-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.index_cnt4 .inner .col2 .right .ul .li a::after{
    content:" > ";
    right:1em;
    display: inline;
    color: #fff;
    position: absolute;
    transform: scale(0.4,1);
    font-size:3rem;
}
/*
.index_cnt4 .inner{
    width: 73vw;
    margin: auto;
}
.index_cnt4 .inner p img{
    width: 46.5vw;
    position: absolute;
    right: 16vw;
    top: -8rem;
    z-index: 1;
}
*/
.index_cnt5{
    position: relative;
    margin: 0 0 30rem;
}
.index_cnt5 .inner{
    padding:0;
    margin:0;
    width: 100%;
    max-width: 100%;
}
.index_cnt5 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.index_cnt5 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/index_cnt5_recruit.png) no-repeat;
    width: 29.7rem;
    height: 13.8rem;
    margin: 0 2rem -2rem;
    display: block;
}
.index_cnt5 .inner > p{
    line-height: 2.6;
    margin: 0 0 8rem;
    text-align: center;
}
.index_cnt5 .inner .col2{
    width:100%;
    display: flex;
    height: 58rem;
    align-items: center;
    position: relative;
    padding:0 0 0 10%;

}
.index_cnt5 .inner .col2 .left{
   width: 73%;
   /*width: 100%;*/
    max-width: 141rem;
    max-height:58rem;
    position: absolute;
    right: 0;
}

    
.index_cnt5 .inner .col2 .left .pic{
   /*background: #c8d1d2;*/
    text-align: left;
  /*text-align: right;*/
    z-index: 1;
}
.index_cnt5 .inner .col2 .left .pic img{
   width: 74%;
   /*width: 100%;*/
    max-width: 105rem;
    min-width: 68rem;
}
.index_cnt5 .inner .col2 .right{
    width: auto;
    left:18.7vw;
    position: absolute;
}
.index_cnt5 .inner .col2 .right .read{
    font-size: 2.7rem;
    padding: 0.5em 1em;
    margin: 0 0 2rem -3em;
    background: #fff;
    top: 10rem;
    z-index: 2;
    width: fit-content;
    line-height: 1;
}
.index_cnt5 .inner .col2 .right .read:nth-of-type(2){
    margin: 0 0 24rem 1em;
}





/*company*/
.company .mainimg{
    background: url(/system_panel/uploads/images/company_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.company .mainimg h2{
    display: block;
    align-items: center;
}
.company .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/company_mainimg_titlebefore.jpg) no-repeat;
    width: 30.7rem;
    height: 13rem;
    margin: 0;
    display: block;
}
.company_cnt1{
    margin: 0 0 21rem;
    position: relative;
}
.company_cnt1 .inner{
    width: 100%;
    max-width: 100%;
}
.company_cnt1 .inner .col2{
    display: flex;
    /*flex-direction: row-reverse;*/
    /*position: relative;*/
}
.company_cnt1 .inner .col2 .right{
    width: 51.5vw;
    margin: 0 0 0 -1.5vw;
    z-index: 1;
    /*transform: translate(-13rem,0);*/
}
.company_cnt1 .inner .col2 .right img{
    width: 100%;
}
.company_cnt1 .inner .col2 .right > div{
    /*width: 100%;*/
}
.company_cnt1 .inner .col2 .right p.hist{
    margin: 0 0 0 17rem;
    font-size: 1.5rem;
    line-height: 2;
}
.company_cnt1 .inner .col2 .left{
    margin: 0 -5vw 0;
    z-index: 2;
}
.company_cnt1 .inner .col2 .left h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 3rem 14vw;
}
.company_cnt1 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/company_cnt1_greeting.png) no-repeat;
    width: 29.5rem;
    height: 13.2rem;
    margin: 0 2rem -3rem;
    display: block;
}
.company_cnt1 .inner .col2 .left .greeting{
    padding: 3.6vw 3.6vw 3.6vw
        /*27rem*/
        14vw;
    width: 55vw;
    background: #fff;
    left: 0;
}
.company_cnt1 .inner .col2 .greeting p{
    line-height: 2.6;
}
.company_cnt1 .inner .col2 .greeting .ceo{
    font-size: 2.2rem;
    text-align: right;
}
.company_cnt2{
    margin: 0 0 27rem;
}
.company_cnt2 .inner{}
.company_cnt2 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.company_cnt2 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/company_cnt2_philosophy.png) no-repeat;
    width: 33.3rem;
    height: 12.3rem;
    margin: 0 0 -1rem;
    display: block;
}
.company_cnt2 .inner .ul{
    display: flex;
    gap: 6rem;
}
.company_cnt2 .inner .ul .li{
    border: 0.1rem solid #080404;
    padding: 1em;
    list-style: none;
    width: 33%;
    text-align: center;
}

.company_cnt3 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.company_cnt3 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/company_cnt3_overview.png) no-repeat;
    width: 27.9rem;
    height: 10.4rem;
    margin: 0 0 -1rem;
    display: block;
}
.company_cnt3 .inner .grid{
    display: grid;
    gap: 2.5rem;
}
.company_cnt3 .inner .grid .dl{
    display: flex;
    border-bottom: 0.1rem solid #e6e9ea;
    padding: 1.5rem;
}
.company_cnt3 .inner .grid .dl:nth-of-type(1),
.company_cnt3 .inner .grid .dl:nth-of-type(2),
.company_cnt3 .inner .grid .dl:nth-of-type(3),
.company_cnt3 .inner .grid .dl:nth-of-type(4){
    grid-column: 1/2;
}
.company_cnt3 .inner .grid .dl:nth-of-type(5){
    grid-row: 1/2;
    grid-column: 2/3;
}
.company_cnt3 .inner .grid .dl:nth-of-type(6){
    grid-row: 2/3;
    grid-column: 2/3;
}
.company_cnt3 .inner .grid .dl:nth-of-type(7){
    grid-row: 3/4;
    grid-column: 2/3;
}
.company_cnt3 .inner .grid .dl .dt{
    width: 25%;
}
.company_cnt3 .inner .grid .dl .dt p{
    font-size: 1.6rem;
    font-weight: 800;
}
.company_cnt3 .inner .grid .dl .dd p{
    font-size: 1.6rem;
}
.company_cnt4{
    width: 100%;
    padding: 10rem 0;
}

.company_cnt4 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.company_cnt4 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/company_cnt4_contact.png) no-repeat;
    width: 31rem;
    height: 14.3rem;
    margin: 0 0 -1rem;
    display: block;
}
.company_cnt4 .inner .info{
    border: 5.2vw solid #eef0f1;
    padding: 2vw 7.2vw;
    display: flex;
    align-items: center;
    margin: 0 0 10rem;
}
.company_cnt4 .inner .info .left{
    width: 50%;
    background: #fff;
}
.company_cnt4 .inner .info .left h4{
    font-size: 2.7rem;
    margin: 0 0 2rem;
}
.company_cnt4 .inner .info .left p{}
.company_cnt4 .inner .info .right{
    width: 50%;
    height: 100%;
    font-size: 2.7rem;
    background: #fff;
}
.company_cnt4 .inner .info .right p{
    display: grid;
    height: 3.7rem;
    align-items: center;
}
.company_cnt4 .inner .info .right p a{
    font-size: 2.7rem;
    color: inherit;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
}
.company_cnt4 .inner .info .right p a::before{
    content: "";
    background: url(/system_panel/uploads/images/icon_tel.png) no-repeat;
    width: 3.7rem;
    height: 3.7rem;
    display: inline-block;
}
.company .inner > h4{
    font-size: 2.7rem;
    text-align: center;
    margin: 0 0 2rem;
}
.company .inner > .read{
    font-size: 1.7rem;
    text-align: center;
    line-height: 2.6;
}
.company .inner > .read:nth-of-type(1){
    margin: 0 0 9rem;
}
.company_cnt4 form .dl{
    width: 100%;
    display: flex;
}
.company_cnt4 form .dl .dt{
    width: 40%;
    padding: 1.5em 1em;
}
.company_cnt4 form .dl .dt label{
    font-size: 1.7rem;
    font-weight: bold;
    margin: 0;
}
.company_cnt4 form .dt .required{
    display: inline-block;
    border: 0.1rem solid #080404;
    background: #080404;
    color: #fff;
    padding: 0.5rem;
    font-size: 1.2rem;
}
.company_cnt4 form .dl .dd{
    width: 60%;
    font-size: 1.7rem;
    padding: 0.5em;
}
.company_cnt4 form input[type="text"],
.company_cnt4 form input[type="email"],
.company_cnt4 form textarea{
    width: 100%;
}
.company_cnt4 form textarea{
    height: 20rem;
}
.company_cnt4 form input.zipInput{
    width: 40%;
}
.company_cnt4 form input[type="text"],
.company_cnt4 form input[type="email"],
.company_cnt4 form input[type="checkbox"],
.company_cnt4 form textarea{
    font-size: 1.7rem;
    padding: 1em;
    border: 0.1rem solid #dedee4;
    background: #f8f8f8;
}
.company_cnt4 form select{
    font-size: 1.7rem;
}
.company_cnt4 form .dl .dd .selectArea{}
.company_cnt4 form .dl .dd .selectArea div{
    width: fit-content;
    display: inline-block;
}
.company_cnt4 form .terms{
    background: #f8f8f9;
    border: 0.1rem solid #dedee4;
    padding: 4rem;
    height: 60rem;
    overflow-y: scroll;
    margin: 0 0 5rem 0;
}
.company_cnt4 form .terms p{
    font-size: 1.7rem;
    line-height: 2.35;
}
.company_cnt4 form .col{
    width: fit-content;
    margin: auto;
}
.company_cnt4 form .privacyLabel{
    font-size: 1.7rem;
    width: fit-content;
    text-align: center;
    display: inline-flex;
    margin: 0 auto 11rem;
}
.company_cnt4 form button{
    border: none;
}
.company_cnt4 form .buttonA{
    color: #fff;
    border: none;
}
.company_cnt4 form .buttonA:hover{
    color: #080404;
}
.company_cnt4 .inner .send{
    width: fit-content;
    margin: auto;
}






/*recruit*/
.recruit .mainimg{
    background: url(/system_panel/uploads/images/recruit_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.recruit .mainimg h2{
    display: block;
    align-items: center;
}
.recruit .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/recruit_mainimg_titlebefore.png) no-repeat;
    width: 31.5rem;
    height: 13rem;
    margin: 0;
    display: block;
}

.recruit_cnt1{
    margin: 0 0 20rem;
}
.recruit_cnt1 .inner{
    width: 100%;
    max-width: 100%;
}
.recruit_cnt1 .col2{
    display: flex;
    position: relative;
}
.recruit_cnt1 .col2 .left{
    width: 50vw;
    padding: 5rem 0 0 15vw;
}
.recruit_cnt1 .col2 .left p{
    font-size: 2.7rem;
    line-height: 2.6;
    align-self: center;
}
.recruit_cnt1 .col2 .right{
    padding: 0 19.2vw 0 0;
    background: #e6e6e6;
    width: 50vw;
    height: 100%;
}
.recruit_cnt1 .col2 .right p{}
.recruit_cnt1 .col2 .right img{
    /*width: 100%;*/
    height: 100%;
}
.recruit_cnt2{
    margin: 0 0 21rem;
    position: relative;
}
.recruit_cnt2 .inner{
    width: 100%;
    max-width: 100%;
}
.recruit_cnt2 .inner .col2{
    display: flex;
    flex-direction: row-reverse;
    /*position: relative;*/
}
.recruit_cnt2 .inner .col2 .right{
    width: 51.5vw;
    margin: 0 0 0 -1.5vw;
    z-index: 1;
    /*transform: translate(-13rem,0);*/
}
.recruit_cnt2 .inner .col2 .right img{
    width: 100%;
}
.recruit_cnt2 .inner .col2 .right p{
    /*width: 100%;*/
}
.recruit_cnt2 .inner .col2 .right p.hist{
    margin: 0 0 0 17rem;
    font-size: 1.5rem;
    line-height: 2;
}
.recruit_cnt2 .inner .col2 .left{
    margin: 0 0 0 -5vw;
    z-index: 2;
}
.recruit_cnt2 .inner .col2 .left h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 3rem 14vw;
}
.recruit_cnt2 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/recruit_cnt2_message.png) no-repeat;
    width: 29.5rem;
    height: 13.2rem;
    margin: 0 2rem -3rem;
    display: block;
}
.recruit_cnt2 .inner .col2 .left .message{
    padding: 3.6vw 14vw 3.6vw 3.6vw;
    width: 55vw;
    background: #fff;
    left: 0;
}
.recruit_cnt2 .inner .col2 .left .message .read{
    font-size: 2.7rem;
}
.recruit_cnt2 .inner .col2 .left .message p{
    line-height: 2.6;
}
.recruit_cnt2 .inner .col2 .left .message .ceo{
    font-size: 2.2rem;
    text-align: right;
}

.recruit_cnt3{
    margin: 0 0 27rem;
}
.recruit_cnt3 h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.recruit_cnt3 h3::before{
    content: "";
    background: url(/system_panel/uploads/images/recruit_cnt3_environment.png) no-repeat;
    width: 39.7rem;
    height: 14.3rem;
    margin: 0 0 -1rem;
    display: block;
}
.recruit_cnt3 .bg{
    background: #eef0f1;
    padding: 7rem 0;
}
.recruit_cnt3 .inner{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6rem;
}
.recruit_cnt3 .inner .dl{background: #fff;}
.recruit_cnt3 .inner .dl .dt{
    background: #080404;
    padding: 1.5rem;
    font-weight:bold;
}
.recruit_cnt3 .inner .dl .dt p{
    color: #fff;
    font-size: 2.2rem;
    text-align: center;}
.recruit_cnt3 .inner .dl .dd p{
  padding: 10px;
    font-size: 1.7rem;
    line-height: 2.6;
}


.recruit_cnt4{
    margin: 0 0 27rem;
}
.recruit_cnt4 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.recruit_cnt4 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/recruit_cnt4_teaching.png) no-repeat;
    width: 30.7rem;
    height: 12.9rem;
    margin: 0 0 -1rem;
    display: block;
}
.recruit_cnt4 .inner .col2{
    display: flex;
    gap: 8rem;
}
.recruit_cnt4 .inner .col2 .left{
    width: 61.5%;
}
.recruit_cnt4 .inner .col2 .left h4{
    border: 0.1rem solid #ababab;
    padding: 1.5rem 3rem;
    width: fit-content;
}
.recruit_cnt4 .inner .col2 .left h4 span{
    font-size: 1.4rem;
    margin: 0 0 0 2rem;
}
.recruit_cnt4 .inner .col2 .left .dl{
    background: #f8f8f8;
    border: 0.1rem solid #e6e9ea;
    padding: 3rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 4rem;
}
.recruit_cnt4 .inner .col2 .left .dl .dt{
    width: 20%;
    line-height: 2;
}
.recruit_cnt4 .inner .col2 .left .dl .dt p{
    font-weight:bold;
}
.recruit_cnt4 .inner .col2 .left .dl .dd{
    width: 80%;
    line-height: 2;
}
.recruit_cnt4 .inner .col2 .left > p{
    line-height: 2.6;
}

.recruit_cnt4 .inner .col2 .right{
    width: 38.5%;
}
.recruit_cnt4 .inner .col2 .right div{
    margin: 0 0 3rem;
}
.recruit_cnt5{
    margin: 0 0 28rem;
}
.recruit_cnt5 .inner{
    width: 100%;
    max-width: 100%;
}
.recruit_cnt5 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.recruit_cnt5 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/recruit_cnt5_interview.png) no-repeat;
    width: 26.6rem;
    height: 12rem;
    margin: 0 0 -1rem;
    display: block;
}
.recruit_cnt5 .inner .col2{
    display: flex;
    position: relative;
    align-items: center;
    gap: 8rem;
}
.recruit_cnt5.inner .col2 .right{
    width: 46.3%;
    padding: 5rem;
}
.recruit_cnt5 .inner .col2 .right p:first-of-type{
    margin: 0 0 10rem;
}
.recruit_cnt5 .inner .col2 .right p{
    line-height: 2.6;
    align-self: center;
}
.recruit_cnt5 .inner .col2 .left{
    background: #e6e6e6;
    width: 53.7%;
    height: 100%;
}
.recruit_cnt5 .inner .col2 .left p{}
.recruit_cnt5 .inner .col2 .left img{
    width: 100%;
}


.recruit_cnt6{
    margin: 0 0 28rem;
}
.recruit_cnt6 .inner{}
.recruit_cnt6 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.recruit_cnt6 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/recruit_cnt6_jobdescription.png) no-repeat;
    width: 46.4rem;
    height: 16.4rem;
    margin: 0 0 -1rem;
    display: block;
}
.recruit_cnt6 .inner h4{
    background: #eef0f1;
    font-size: 2.5rem;
    padding: 2.5rem 4rem;
    margin: 0 0 0.1rem;
}
.recruit_cnt6 .inner .dl{
    border: 0.1rem solid #080404;
    margin: 0 0 4rem;
}
.recruit_cnt6 .inner .dl .dt{
    background: #080404;
    padding: 1.5rem 4rem;
}
.recruit_cnt6 .inner .dl .dt p{
    color: #fff;
}
.recruit_cnt6 .inner .dl .dd{
    padding: 4rem;
    line-height: 2.6;
}

.recruit_cnt7 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.recruit_cnt7 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/recruit_cnt7_entry.png) no-repeat;
    width: 20.1rem;
    height: 11.8rem;
    margin: 0;
    display: block;
}
.recruit_cnt7 .inner > .read{
    font-size: 1.7rem;
    text-align: center;
    line-height: 2.6;
    margin: 0 0 10rem;
}
.recruit_cnt7 form .dl{
    width: 100%;
    display: flex;
}
.recruit_cnt7 form .dl .dt{
    width: 40%;
    padding: 1.5em 1em;
}
.recruit_cnt7 form .dl .dt label{
    margin: 0;
    font-size: 1.7rem;
    font-weight: bold;
}
.recruit_cnt7 form .dt .required{
    display: inline-block;
    border: 0.1rem solid #080404;
    background: #080404;
    color: #fff;
    padding: 0.5rem;
    font-size: 1.2rem;
}
.recruit_cnt7 form .dl .dd{
    width: 60%;
    font-size: 1.7rem;
    padding: 0.5em;
}
.recruit_cnt7 form .dl .dd .radioArea{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.recruit_cnt7 form .dl .dd .radioArea div{}
.recruit_cnt7 form input[type="text"],
.recruit_cnt7 form input[type="email"],
.recruit_cnt7 form textarea{
    width: 100%;
}
.recruit_cnt7 form textarea{
    height: 20rem;
}
.recruit_cnt7 form input.zipInput{
    width: 30%;
}
.recruit_cnt7 form input.age{
    width: 30%;
}
.recruit_cnt7 form input[type="text"],
.recruit_cnt7 form input[type="email"],
.recruit_cnt7 form input[type="checkbox"],
.recruit_cnt7 form textarea{
    font-size: 1.7rem;
    padding: 1em;
    border: 0.1rem solid #dedee4;
    background: #f8f8f8;
}
.recruit_cnt7 form select{
    font-size: 1.7rem;
}
.recruit_cnt7 form .dl .dd .selectArea{}
.recruit_cnt7 form .dl .dd .selectArea div{
    width: fit-content;
    display: inline-block;
}
.recruit_cnt7 form .terms{
    background: #f8f8f9;
    border: 0.1rem solid #dedee4;
    padding: 4rem;
    height: 60rem;
    overflow-y: scroll;
    margin: 0 0 5rem 0;
}
.recruit_cnt7 form .terms p{
    font-size: 1.7rem;
    line-height: 2.35;
}
.recruit_cnt7 form .col{
    width: fit-content;
    margin: auto;
}
.recruit_cnt7 form .privacyLabel{
    font-size: 1.7rem;
    width: fit-content;
    text-align: center;
    display: inline-flex;
    margin: 0 auto 11rem;
}
.recruit_cnt7 form button{
    border: none;
}
.recruit_cnt7 form .buttonA{
    color: #fff;
    border: none;
}
.recruit_cnt7 form .buttonA:hover{
    color: #080404;
}
.recruit_cnt7 .inner .send{
    width: fit-content;
    margin: auto auto 17rem;
}





/*news*/
.news .mainimg{
    background: url(/system_panel/uploads/images/news_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.news .mainimg h2{
    display: block;
    align-items: center;
}
.news .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/news_mainimg_titlebefore.png) no-repeat;
    width: 19rem;
    height: 11.9rem;
    margin: 0;
    display: block;
}
.news_cnt1{
    margin: 0 0 10rem;
}
.news_cnt1 .inner{}

.news_cnt1 .inner .webgene-blog{
    display: flex;
    flex-wrap: wrap;
    border-left: 0.1rem solid #e6e9ea;
}
.news_cnt1 .inner .webgene-blog .webgene-item{
    border-right: 0.1rem solid #e6e9ea;
    border-bottom: 0.1rem solid #e6e9ea;
    border-top: 0.1rem solid #e6e9ea;
    height: 7rem;
    display: inline-grid;
    place-items: center;
    flex-grow: 1;
    text-align: center;
}
.news_cnt1 .inner .webgene-blog .webgene-item:first-of-type{

}
.news_cnt1 .inner .webgene-blog .webgene-item a:hover{
    background: #121212;
    color: #fff;
}
.news_cnt1 .inner .webgene-blog .webgene-item p{
    height: inherit;
    display: grid;
    align-items: center;
    width: 100%;
}
.news_cnt1 .inner .webgene-blog .webgene-item a{
    color: #202020;
    text-decoration: none;
    padding: 0 2em;
    height: inherit;
    display: inline-grid;
    align-items: center;
}

.news_cnt2 .inner .webgene-blog{
    display: grid;
    margin: 0 0 8rem;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 7.5rem;
}
.news_cnt2 .inner .webgene-blog .webgene-item{
    display: inherit;
}



/*/*以下変換時注意*/

.news_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075);
    border: 0.1rem solid #e3e3eb;
    border-radius: 0.5rem;
    align-content: baseline;
    background: #f8f8f8;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .dt {
    grid-row: 2/3;
    font-size: 1.7rem;
    line-height: 2;
    padding: 0 2.5rem;
    margin: 0 0 2rem;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .dt a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .pic {
    grid-row: 1/2;
    aspect-ratio: 3/2;
    overflow: hidden;
    display: grid;
    align-items: center;
    background: #efefef;
    padding: 0;
    margin: 0 0 2rem;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .pic img {
    width: 100%;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .day p {
    grid-row: 3/4;
    color: #aea29c;
    margin: 0 0 1rem;
    padding: 0 2.5rem;
    font-size: 1.5rem;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .exp {
    grid-row: 4/5;
    padding: 0 2.5rem 2.5rem;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .exp p {
    background: #080404;
    color: #fff;
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.2rem;
}
.webgene-pagination {
    display: flex;
    width: 100%;
    padding: 7rem 26.5%;
    align-content: center;
    justify-content: space-between;
    grid-column: 1/4;
}

.webgene-pagination :is(.prev, .next) {
    width: 3em;
    height: 3em;
    background: #fff;
    list-style: none;
}
.webgene-pagination :is(.prev a, .next a) {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: #080404;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
}
.webgene-pagination ul {
    display: flex;
    margin: auto;
}
.webgene-pagination ul li {
    font-size: 1.8rem;
    border-radius: 0.5rem;
}
.webgene-pagination ul .number {
    list-style: none;
    background: #fff;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #080404;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected a {
    color: #fff;
}
/*.topics_cnt3 .ul .li a*/
.webgene-pagination ul .number a {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: #202020;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
}
/*ここまで*/


/*newsdetails*/
.newsdetail .mainimg{
    background: url(/system_panel/uploads/images/news_mainimg.jpg) no-repeat center -20rem;
    background-size: cover;
}
.newsdetail .mainimg h2{
    display: block;
    align-items: center;
}
.newsdetail .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/news_mainimg_titlebefore.png) no-repeat;
    width: 19rem;
    height: 11.9rem;
    margin: 0;
    display: block;
}
.newsdetail_cnt1{
    margin: 0 0 10rem;
}
.newsdetail_cnt1 .inner{}

.newsdetail_cnt1 .inner .webgene-blog{
    display: flex;
    flex-wrap: wrap;
    border-left: 0.1rem solid #e6e9ea;
}
.newsdetail_cnt1 .inner .webgene-blog .webgene-item{
    border-right: 0.1rem solid #e6e9ea;
    border-bottom: 0.1rem solid #e6e9ea;
    border-top: 0.1rem solid #e6e9ea;
    height: 7rem;
    display: inline-grid;
    place-items: center;
    flex-grow: 1;
    text-align: center;
}
.newsdetail_cnt1 .inner .webgene-blog .webgene-item:first-of-type{

}


.news_cnt1 .inner .webgene-blog{
    display: flex;
    flex-wrap: wrap;
    border-top: 0.1rem solid #e6e9ea;
}
.news_cnt1 .inner .webgene-blog .webgene-item{
    border-right: 0.1rem solid #e6e9ea;
    border-bottom: 0.1rem solid #e6e9ea;
    border-top: none;
    height: 7rem;
    display: inline-grid;
    place-items: center;
    flex-grow: 1;
    text-align: center;
}
.news_cnt1 .inner .webgene-blog .webgene-item:first-of-type{

}
.newsdetail_cnt1 .inner .webgene-blog .webgene-item a:hover{
    background: #121212;
    color: #fff;
}
.newsdetail_cnt1 .inner .webgene-blog .webgene-item p{
    height: inherit;
    display: grid;
    align-items: center;
    width: 100%;
}
.newsdetail_cnt1 .inner .webgene-blog .webgene-item a{
    color: #202020;
    text-decoration: none;
    padding: 0 2em;
    height: inherit;
    display: inline-grid;
    align-items: center;
}

.newsdetail_cnt2 .inner .webgene-blog{
    margin: 0 0 8rem;
    gap: 7.5rem;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item{
    display: inherit;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    align-content: baseline;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl .dt {
    grid-row: 2/3;
    margin: 0 0 4rem;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl .dt a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 2.5rem;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl .day {
    grid-row: 1/2;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl .day p {
    color: #aea29c;
    margin: 0 0 1rem;
    font-size: 1.5rem;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl .dd span {
    background: #080404;
    color: #fff;
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    margin: 0 0 0 1em;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl .pic {
    width: 71%;
    grid-row: 3/4;
    /*aspect-ratio: 3/2;*/
    overflow: hidden;
    display: grid;
    align-items: center;
    background: #efefef;
    padding: 0;
    margin: 0 0 2rem;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl .pic img {
    width: 100%;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl .cmt p {
    line-height: 2.8;
    font-size: 1.6rem;
    font-family: sans-serif;
}
.newsdetail_cnt2 .inner .buttonA{
    margin: 0 auto 19rem;
}




/*concept*/
.concept .mainimg{
    background: url(/system_panel/uploads/images/concept_mainimg.jpg) no-repeat center -20rem;
    background-size: cover;
}
.concept .mainimg h2{
    display: block;
    align-items: center;
}
.concept .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/concept_mainimg_titlebefore.png) no-repeat;
    width: 45.8rem;
    height: 13.3rem;
    margin: 0;
    display: block;
}
.concept_cnt1{
    margin: 0 0 23rem;
}
.concept_cnt1 .inner{
    width: 100%;
    max-width: 100%;
}
.concept_cnt1 .inner .col2{
    display: flex;
    flex-direction: row-reverse;
    /*position: relative;*/
}
.concept_cnt1 .inner .col2 .left{
    width: 58vw;
    margin: 0 0 0 -1.5vw;
    z-index: 1;
    /*transform: translate(-13rem,0);*/
}
.concept_cnt1 .inner .col2 .left img{
    width: 100%;
}
.concept_cnt1 .inner .col2 .left p{
    /*width: 100%;*/
}
.concept_cnt1 .inner .col2 .right{
    margin: 13rem -5vw 0;
    padding: 4.4vw 4.4vw 4.4vw 24vw;
    width: 49vw;
    height: fit-content;
    background: #fff;
    z-index: 2;
    left: 0;
}
.concept_cnt1 .inner .col2 .right p{
    line-height: 2.6;
}
.concept_cnt2 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.concept_cnt2 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/concept_cnt2_reason.png) no-repeat;
    width: 26rem;
    height: 12.3rem;
    margin: 0 0 -1rem;
    display: block;
}
/*ベース*/
.concept_cnt2 .inner .typeA{
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem 2%;

    align-items: center;
    margin: 0 0 10rem;
}
.concept_cnt2 .inner .typeA .tabLabel{
    /* タブ */
    /*flex: 1;*/
    order: -1;
    color: #080404;
    background: #fff;
    border: 0.1rem solid #e6e9ea;
    transition: .5s;
    cursor: pointer;
    width: 31%;
    text-align: center;
    padding: 1em;
    text-align: center;
    font-size: 1.2rem;
}
.concept_cnt2 .inner .typeA .tabLabel:nth-last-of-type(1){}
.concept_cnt2 .inner .typeA input{
    /* ラジオボタン非表示 */
    display: none;
}
.concept_cnt2 .inner .typeA .content{
    /* 本文 */
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
/*アクティブ設定*/
.concept_cnt2 .inner .typeA input:checked+.tabLabel{
    background: #080404;
    color: #fff;
    padding: 1em;
    text-align: center;
    font-size: 1.2rem;
}
.concept_cnt2 .inner .typeA input:checked+.tabLabel+.content{
    height: auto;
    /*overflow: auto;*/
    transition: .5s opacity;
    opacity: 1;
    padding: 5rem 0;
}





.concept_cnt2 .inner .dl{
    display: grid;
    gap: 3.125vw;
    grid-template-columns: 40% auto;
    align-items: flex-start;
    position: relative;
    margin: 0 0 12rem;
}
.concept_cnt2 .inner .dl::before{
    content: "1";
    width: 5.4rem;
    height: 5.4rem;
    display: block;
    border: 0.1rem solid #4c4c4c;
    display: grid;
    place-items: center;
    position: absolute;
    top: -2.7rem;
    left: 3rem;
    background: #fff;
}
.concept_cnt2 .inner .dl:nth-of-type(1):before{
    content: "1";
}
.concept_cnt2 .inner .dl:nth-of-type(2):before{
    content: "2";
}
.concept_cnt2 .inner .dl:nth-of-type(3):before{
    content: "3";
}
.concept_cnt2 .inner .dl .dt{
    grid-column: 2/3;
    position: relative;
    line-height: 1.5;
}
.concept_cnt2 .inner .dl .dt p{
    font-size: 2.7rem;
    font-weight:bold;
}
.concept_cnt2 .inner .dl .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: -13rem;
    top: 7rem;
    position: absolute;
}
.concept_cnt2 .inner .dl .dd{
    line-height: 2.6;
}
.concept_cnt2 .inner .dl .pic{
    grid-column: 1/2;
    grid-row: 1/3;
}
.concept_cnt2 .inner .dl .pic img{
    width: 100%;
}

.concept_cnt2 .inner .dl:nth-of-type(even)::before{
    right: 3rem;
    left: auto;
}
.concept_cnt2 .inner .dl:nth-of-type(even){
    grid-template-columns: auto 40%;
}
.concept_cnt2 .inner .dl:nth-of-type(even) .dt{
    grid-column: 1/2;
}
.concept_cnt2 .inner .dl:nth-of-type(even) .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: 80%;
    top: 7rem;
    position: absolute;
}
.concept_cnt2 .inner .dl:nth-of-type(even) .pic{
    grid-column: 2/3;
    grid-row: 1/3;
}
.concept_cnt2 .inner .dl:nth-of-type(even) .dt{}






/*grandcentral*/
.grandcentral .mainimg{
    background: url(/system_panel/uploads/images/grandcentral_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.grandcentral .mainimg h2{
    display: block;
    align-items: center;
}
.grandcentral .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_mainimg_titlebefore.png) no-repeat;
    /*width: 45.8rem;*/
      width: 48.8rem;
    height: 13.3rem;
    margin: 0;
    display: block;
}
.grandcentral_cnt1{
    margin: 0 0 20rem;
}
.grandcentral_cnt1 .inner{
    width: 100%;
}
.grandcentral_cnt1 .inner h3{
    margin: 0 auto 7.5rem;
    text-align: center;
}
.grandcentral_cnt1 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.grandcentral_cnt1 .inner p{
    line-height: 2.6;
    margin: 0 0 7rem;
    text-align: center;
}
.grandcentral_cnt1 .bottom{
    width: 100%;
    aspect-ratio: 2.8/1;
    overflow: hidden;
    position: relative;
    margin: 0 0 8rem;
}
.grandcentral_cnt1 .bottom img{
    width: 100%;
    top: -30rem;
    position: absolute;
}
.grandcentral_cnt2{
    margin: 0 0 20rem;
}
.grandcentral_cnt2 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.grandcentral_cnt2 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt2_feature.png) no-repeat;
    width: 28.5rem;
    height: 13.7rem;
    margin: 0 0 -1rem;
    display: block;
}
.grandcentral_cnt2 .inner .dl{
    display: grid;
    gap: 3.125vw;
    grid-template-columns: 40% auto;
    align-items: flex-start;
    position: relative;
    margin: 0 0 12rem;
}
.grandcentral_cnt2 .inner .dl .dt{
    grid-column: 2/3;
    font-size: 2.7rem;
    position: relative;
}
.grandcentral_cnt2 .inner .dl .dt p{
    font-size: 2.7rem;
    font-weight: bold;
}
.grandcentral_cnt2 .inner .dl .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: -13rem;
    top: 7rem;
    position: absolute;
}
.grandcentral_cnt2 .inner .dl .dd{
    line-height: 2.6;
}
.grandcentral_cnt2 .inner .dl .pic{
    grid-column: 1/2;
    grid-row: 1/3;
}
.grandcentral_cnt2 .inner .dl .pic img{
    width: 100%;
}

.grandcentral_cnt2 .inner .dl:nth-of-type(even)::before{
    right: 3rem;
    left: auto;
}
.grandcentral_cnt2 .inner .dl:nth-of-type(even){
    grid-template-columns: auto 40%;
}
.grandcentral_cnt2 .inner .dl:nth-of-type(even) .dt{
    grid-column: 1/2;
}
.grandcentral_cnt2 .inner .dl:nth-of-type(even) .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: 80%;
    top: 7rem;
    position: absolute;
}
.grandcentral_cnt2 .inner .dl:nth-of-type(even) .pic{
    grid-column: 2/3;
    grid-row: 1/3;
}
.grandcentral_cnt2 .inner .dl:nth-of-type(even) .dt{}


.grandcentral_cnt3{
    margin: 0 0 24rem;
}
.grandcentral_cnt3 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.grandcentral_cnt3 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt3_menu.png) no-repeat;
    width: 19.5rem;
    height: 11.4rem;
    margin: 0;
    display: block;
}
.grandcentral_cnt3 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.grandcentral_cnt3 .inner .col2{
    display: flex;
    gap: 2.5rem;
}
.grandcentral_cnt3 .inner .col2 :is(.left, .right){
    width: 50%;
}
.grandcentral_cnt3 .inner .col2 .dl{
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid #e6e9ea;
    padding: 1.5rem;
}
.grandcentral_cnt3 .inner .col2 .dl .dt p{
    font-size: 1.6rem;
}
.grandcentral_cnt3 .inner .col2 .dl{
    font-size: 1.6rem;
}
.grandcentral_cnt4{
    margin: 0 0 24rem;
}
.grandcentral_cnt4 .inner .col2{
    display: flex;
    align-items: end;
}
.grandcentral_cnt4 .inner .col2 .left{
    width: 50%;
}
.grandcentral_cnt4 .inner .col2 .left h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 0 7.5rem;
}
.grandcentral_cnt4 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt4_access.png) no-repeat;
    width: 24.4rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}

.grandcentral_cnt4 .inner .col2 .left .genre{
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
    justify-content: space-between;
    margin: 0 0 2.5rem;
}
.grandcentral_cnt4 .inner .col2 .left .genre .li p{
    background: #080404;
    color: #fff;
    padding: 1em;
    list-style: none;
    text-align: center;
    font-size: 1.2rem;
}
.grandcentral_cnt4 .inner .col2 .left > p{
    line-height: 2;
    margin: 0 0 5rem;
}
.grandcentral_cnt4 .inner .col2 .left > p a{
    color: inherit;
}


.grandcentral_cnt4 .inner .col2 .left .list2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.grandcentral_cnt4 .inner .col2 .left .list2 .li{
    border: 0.1rem solid #ababab;
    color: #211f23;
    padding: 1em;
    list-style: none;
    text-align: center;
    font-size: 1.7rem;
}
.grandcentral_cnt4 .inner .col2 .left .info{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 5%;
    margin: 0 0 4rem;
}
.grandcentral_cnt4 .inner .col2 .left .info h4{
    background: #f8f8f8;
    border: 0.1rem solid #e6e9ea;
    width: 20%;
    display: grid;
    place-items: center;
    text-align: center;
    line-height: 1.47;
}
.grandcentral_cnt4 .inner .col2 .left .info p{
    width: 75%;
    line-height: 1.76;
}
.grandcentral_cnt4 .inner .col2 .left .hotpepper{
    background: #fceced;
    border: 0.1rem solid #b69591;
    margin: 0 0 4rem;
    text-align: center;
}
.grandcentral_cnt4 .inner .col2 .left .hotpepper a{
    color: #9a7169;
    padding: 1em;
    font-size: 1.7rem;
    display: inline-block;
    width: 100%;
}
.grandcentral_cnt4 .inner .col2 .right{
    width: 50%;
    padding: 0 0 0 7.5%;
    height: 70%;
    aspect-ratio: 1/1.14;
    overflow: hidden;
}
.grandcentral_cnt4 .inner .col2 .right iframe{
    width: 100%;
    height: 100%;
  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.grandcentral_cnt5{
    margin: 0 0 24rem;
}
.grandcentral_cnt5 .inner{}
.grandcentral_cnt5 .inner h3{
    width: fit-content;
    text-align: center;
    margin: 0 auto 7rem;
}
.grandcentral_cnt5 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt5_staff.png) no-repeat;
    width: 21.1rem;
    height: 12.8rem;
    margin: auto;
    display: block;
}
.grandcentral_cnt5 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 7rem 2rem;
    margin: 0 0 22rem;
}
.grandcentral_cnt5 .inner .grid .dl{
    display: grid;
    gap: 1rem;
}

.grandcentral_cnt5 .inner .grid .dl .dt{
    grid-row: 5/6;
}
.grandcentral_cnt5 .inner .grid .dl .dt p{
    font-size: 1.8rem;
    font-weight:bold;
}

.grandcentral_cnt5 .inner .grid .dl .kana{
    grid-row: 4/5;
    border-bottom: 0.1rem solid #f2f2f1;
    padding: 0 0 1rem;
}
.grandcentral_cnt5 .inner .grid .dl .kana p{
    font-size: 1.5rem;
    color: #aea29c;
}
.grandcentral_cnt5 .inner .grid .dl .post{
    grid-row: 2/3;
}
.grandcentral_cnt5 .inner .grid .dl .post p{
    color: #aea29c;
    font-size: 1.3rem;
}
.grandcentral_cnt5 .inner .grid .dl .pic{
    grid-row: 1/2;
    border: 0.1rem solid #e6e9ea;
    aspect-ratio: 1/1.36;
    overflow: hidden;
}
.grandcentral_cnt5 .inner .grid .dl .pic img{
    height: 100%;
}
.grandcentral_cnt5 .inner .grid .dl .cmt{
    grid-row: 3/4;
}
.grandcentral_cnt5 .inner .grid .dl .cmt p{
    font-size: 1.5rem;
    line-height: 1.6;
}

.grandcentral_cnt6{
    margin: 0 0 22rem;
}
.grandcentral_cnt6 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.grandcentral_cnt6 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt6_gallery.png) no-repeat;
    width: 27rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}
.grandcentral_cnt6 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    padding: 0 5rem;
}
.grandcentral_cnt6 .inner .grid > div{}
.grandcentral_cnt6 .inner .grid > div img{
    width: 100%;
}
.grandcentral_cnt6 .inner .grid div:nth-of-type(1){
    grid-column: 1/3;
}
.grandcentral_cnt6 .inner .grid div:nth-of-type(2){
    grid-column: 3/5;
}
.grandcentral_cnt6 .inner .grid div:nth-of-type(3){
    grid-column: 1/2;
}
.grandcentral_cnt6 .inner .grid div:nth-of-type(4){
    grid-column: 2/3;
}
.grandcentral_cnt6 .inner .grid div:nth-of-type(5){
    grid-column: 3/4;
}
.grandcentral_cnt6 .inner .grid div:nth-of-type(6){
    grid-column: 4/5;
}


.grandcentral_cnt7{
    margin: 0 0 23rem;
}
.grandcentral_cnt7 .inner{
    width: 100%;
    max-width: 70%;
}
.grandcentral_cnt7 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.grandcentral_cnt7 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt7_ang.png) no-repeat;
    width: 15.8rem;
    height: 12rem;
    margin: 0;
    display: block;
}
.grandcentral_cnt7 .inner .col2{
    display: flex;
    /*position: relative;*/
}
.grandcentral_cnt7 .inner .col2 .left{
    width: 65vw;
    margin: 0;
    z-index: 1;
    /*transform: translate(-13rem,0);*/
}
.grandcentral_cnt7 .inner .col2 .left img{
    width: 100%;
}
.grandcentral_cnt7 .inner .col2 .left > p{
    /*width: 100%;*/
}
.grandcentral_cnt7 .inner .col2 .right{
    margin: 27rem -5vw 0;
    padding: 4.4vw 0 4.4vw 4.4vw;
    width: 50vw;
    height: fit-content;
    background: #fff;
    z-index: 2;
    left: 0;
    position: relative;
}
.grandcentral_cnt7 .inner .col2 .right p{
    line-height: 2.6;
}
.grandcentral_cnt7 .inner .col2 .right .buttonA{
    position: absolute;
    right: 0;
    bottom: 0;
}




/*grandeast*/
.grandeast .mainimg{
    background: url(/system_panel/uploads/images/grandeast_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.grandeast .mainimg h2{
    display: block;
    align-items: center;
}
.grandeast .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/grandeast_mainimg_titlebefore.png) no-repeat;
    width: 41.8rem;
    height: 12.8rem;
    margin: 0;
    display: block;
}
.grandeast_cnt1{
    margin: 0 0 20rem;
}
.grandeast_cnt1 .inner{
    width: 100%;
}
.grandeast_cnt1 .inner h3{
    margin: 0 auto 7.5rem;
    text-align: center;
}
.grandeast_cnt1 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.grandeast_cnt1 .inner p{
    line-height: 2.6;
    margin: 0 0 7rem;
    text-align: center;
}
.grandeast_cnt1 .bottom{
    width: 100%;
    aspect-ratio: 2.8/1;
    overflow: hidden;
    position: relative;
    margin: 0 0 8rem;
}
.grandeast_cnt1 .bottom img{
    width: 100%;
    top: 0rem;
    position: absolute;
}
.grandeast_cnt1 .col2{
    display: flex;
    position: relative;
}
.grandeast_cnt1 .col2 .left{
    width: 44%;
}
.grandeast_cnt1 .col2 .left img{
    width: 100%;
}
.grandeast_cnt1 .col2 .right{
    width: 42%;
    padding: 5rem;
}
.grandeast_cnt1 .col2 .right p{
    line-height: 2.6;
}
.grandeast_cnt2{
    margin: 0 0 20rem;
}
.grandeast_cnt2 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.grandeast_cnt2 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt2_feature.png) no-repeat;
    width: 28.5rem;
    height: 13.7rem;
    margin: 0 0 -1rem;
    display: block;
}
.grandeast_cnt2 .inner .dl{
    display: grid;
    gap: 3.125vw;
    grid-template-columns: 40% auto;
    align-items: flex-start;
    position: relative;
    margin: 0 0 12rem;
}
.grandeast_cnt2 .inner .dl .dt{
    grid-column: 2/3;
    position: relative;
}
.grandeast_cnt2 .inner .dl .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: -13rem;
    top: 7rem;
    position: absolute;
}
.grandeast_cnt2 .inner .dl .dt p{
    font-size:/*2.7*/2.5rem;
    font-weight:bold;
    }
.grandeast_cnt2 .inner .dl .dd{
    line-height: 2.6;
}
.grandeast_cnt2 .inner .dl .pic{
    grid-column: 1/2;
    grid-row: 1/3;
}
.grandeast_cnt2 .inner .dl .pic img{
    width: 100%;
}

.grandeast_cnt2 .inner .dl:nth-of-type(even)::before{
    right: 3rem;
    left: auto;
}
.grandeast_cnt2 .inner .dl:nth-of-type(even){
    grid-template-columns: auto 40%;
}
.grandeast_cnt2 .inner .dl:nth-of-type(even) .dt{
    grid-column: 1/2;
}
.grandeast_cnt2 .inner .dl:nth-of-type(even) .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: 80%;
    top: 7rem;
    position: absolute;
}
.grandeast_cnt2 .inner .dl:nth-of-type(even) .pic{
    grid-column: 2/3;
    grid-row: 1/3;
}
.grandeast_cnt2 .inner .dl:nth-of-type(even) .dt{}


.grandeast_cnt3{
    margin: 0 0 24rem;
}
.grandeast_cnt3 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.grandeast_cnt3 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt3_menu.png) no-repeat;
    width: 19.5rem;
    height: 11.4rem;
    margin: 0;
    display: block;
}
.grandeast_cnt3 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.grandeast_cnt3 .inner .col2{
    display: flex;
    gap: 2.5rem;
}
.grandeast_cnt3 .inner .col2 :is(.left, .right){
    width: 50%;
}
.grandeast_cnt3 .inner .col2 .dl{
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid #e6e9ea;
    padding: 1.5rem;
}
.grandeast_cnt3 .inner .col2 .dl .dt p{
    font-size: 1.6rem;
}
.grandeast_cnt3 .inner .col2 .dl{
    font-size: 1.6rem;
}
.grandeast_cnt4{
    margin: 0 0 24rem;
}
.grandeast_cnt4 .inner .col2{
    display: flex;
    align-items: end;
}
.grandeast_cnt4 .inner .col2 .left{
    width: 50%;
}
.grandeast_cnt4 .inner .col2 .left h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 0 7.5rem;
}
.grandeast_cnt4 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt4_access.png) no-repeat;
    width: 24.4rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}

.grandeast_cnt4 .inner .col2 .left .genre{
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
    justify-content: space-between;
    margin: 0 0 2.5rem;
}
.grandeast_cnt4 .inner .col2 .left .genre .li{
    background: #080404;
    padding: 1em;
    list-style: none;
}
.grandeast_cnt4 .inner .col2 .left .genre .li p{
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
}
.grandeast_cnt4 .inner .col2 .left > p{
    line-height: 2;
    margin: 0 0 5rem;
}
.grandeast_cnt4 .inner .col2 .left > p a{
    color: inherit;
}


.grandeast_cnt4 .inner .col2 .left .list2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.grandeast_cnt4 .inner .col2 .left .list2 .li{
    border: 0.1rem solid #ababab;
    color: #211f23;
    padding: 1em;
    list-style: none;
    text-align: center;
    font-size: 1.7rem;
}
.grandeast_cnt4 .inner .col2 .left .info{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 5%;
    margin: 0 0 4rem;
}
.grandeast_cnt4 .inner .col2 .left .info h4{
    background: #f8f8f8;
    border: 0.1rem solid #e6e9ea;
    width: 20%;
    display: grid;
    place-items: center;
    text-align: center;
    line-height: 1.47;
}
.grandeast_cnt4 .inner .col2 .left .info p{
    width: 75%;
    line-height: 1.76;
}
.grandeast_cnt4 .inner .col2 .left .hotpepper{
    background: #fceced;
    border: 0.1rem solid #b69591;
    margin: 0 0 4rem;
    text-align: center;
}
.grandeast_cnt4 .inner .col2 .left .hotpepper a{
    color: #9a7169;
    padding: 1em;
    font-size: 1.7rem;
    display: inline-block;
    width: 100%;
}
.grandeast_cnt4 .inner .col2 .right{
    width: 50%;
    padding: 0 0 0 7.5%;
    height: 70%;
    aspect-ratio: 1/1.14;
    overflow: hidden;
}
.grandeast_cnt4 .inner .col2 .right iframe{
    width: 100%;
    height: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.grandeast_cnt5{
    margin: 0 0 24rem;
}
.grandeast_cnt5 .inner{}
.grandeast_cnt5 .inner h3{
    width: fit-content;
    text-align: center;
    margin: 0 auto 7rem;
}
.grandeast_cnt5 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt5_staff.png) no-repeat;
    width: 21.1rem;
    height: 12.8rem;
    margin: auto;
    display: block;
}
.grandeast_cnt5 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 7rem 2rem;
    margin: 0 0 22rem;
}
.grandeast_cnt5 .inner .grid .dl{
    display: grid;
    gap: 1rem;
}
.grandeast_cnt5 .inner .grid .dl .dt{
    grid-row: 5/6;
}
.grandeast_cnt5 .inner .grid .dl .dt p{
    font-size: 1.8rem;
font-weight:bold;}

.grandeast_cnt5 .inner .grid .dl .kana{
    grid-row: 4/5;
    border-bottom: 0.1rem solid #f2f2f1;
    padding: 0 0 1rem;
}
.grandeast_cnt5 .inner .grid .dl .kana p{
    font-size: 1.5rem;
    color: #aea29c;
}
.grandeast_cnt5 .inner .grid .dl .post{
    grid-row: 2/3;
}
.grandeast_cnt5 .inner .grid .dl .post p{
    color: #aea29c;
    font-size: 1.3rem;
}
.grandeast_cnt5 .inner .grid .dl .pic{
    grid-row: 1/2;
    border: 0.1rem solid #e6e9ea;
    aspect-ratio: 1/1.36;
    overflow: hidden;
}
.grandeast_cnt5 .inner .grid .dl .pic img{
    height: 100%;
}
.grandeast_cnt5 .inner .grid .dl .cmt{
    grid-row: 3/4;
}
.grandeast_cnt5 .inner .grid .dl .cmt p{
    font-size: 1.5rem;
    line-height: 1.6;
}

.grandeast_cnt6{
    margin: 0 0 22rem;
}
.grandeast_cnt6 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.grandeast_cnt6 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt6_gallery.png) no-repeat;
    width: 27rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}
.grandeast_cnt6 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    padding: 0 5rem;
}
.grandeast_cnt6 .inner .grid > div{}
.grandeast_cnt6 .inner .grid > div img{
    width: 100%;
}
.grandeast_cnt6 .inner .grid div:nth-of-type(1){
    grid-column: 1/3;
}
.grandeast_cnt6 .inner .grid div:nth-of-type(2){
    grid-column: 3/5;
}
.grandeast_cnt6 .inner .grid div:nth-of-type(3){
    grid-column: 1/2;
}
.grandeast_cnt6 .inner .grid div:nth-of-type(4){
    grid-column: 2/3;
}
.grandeast_cnt6 .inner .grid div:nth-of-type(5){
    grid-column: 3/4;
}
.grandeast_cnt6 .inner .grid div:nth-of-type(6){
    grid-column: 4/5;
}





/*cast*/
.cast .mainimg{
    background: url(/system_panel/uploads/images/cast_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.cast .mainimg h2{
    display: block;
    align-items: center;
}
.cast .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/cast_mainimg_titlebefore.png) no-repeat;
    width: 22.8rem;
    height: 13rem;
    margin: 0;
    display: block;
}
.cast_cnt1{
    margin: 0 0 20rem;
}
.cast_cnt1 .inner{
    width: 100%;
}
.cast_cnt1 .inner h3{
    margin: 0 auto 7.5rem;
    text-align: center;
}
.cast_cnt1 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.cast_cnt1 .inner p{
    line-height: 2.6;
    margin: 0 0 7rem;
    text-align: center;
}
.cast_cnt1 .bottom{
    width: 100%;
    aspect-ratio: 2.8/1;
    overflow: hidden;
    position: relative;
    margin: 0 0 8rem;
}
.cast_cnt1 .bottom img{
    width: 100%;
    top: -30rem;
    position: absolute;
}
.cast_cnt1 .col2{
    display: flex;
    position: relative;
}
.cast_cnt1 .col2 .left{
    width: 44%;
}
.cast_cnt1 .col2 .left img{
    width: 100%;
}
.cast_cnt1 .col2 .right{
    width: 42%;
    padding: 5rem;
}
.cast_cnt1 .col2 .right p{
    line-height: 2.6;
}
.cast_cnt2{
    margin: 0 0 20rem;
}
.cast_cnt2 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.cast_cnt2 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt2_feature.png) no-repeat;
    width: 28.5rem;
    height: 13.7rem;
    margin: 0 0 -1rem;
    display: block;
}
.cast_cnt2 .inner .dl{
    display: grid;
    gap: 3.125vw;
    grid-template-columns: 40% auto;
    align-items: flex-start;
    position: relative;
    margin: 0 0 12rem;
}
.cast_cnt2 .inner .dl .dt{
    grid-column: 2/3;
    font-size: 2.7rem;
    position: relative;
}
.cast_cnt2 .inner .dl .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: -13rem;
    top: 7rem;
    position: absolute;
}
.cast_cnt2 .inner .dl .dd{
    line-height: 2.6;
}
.cast_cnt2 .inner .dl .pic{
    grid-column: 1/2;
    grid-row: 1/3;
}
.cast_cnt2 .inner .dl .pic img{
    width: 100%;
}

.cast_cnt2 .inner .dl:nth-of-type(even)::before{
    right: 3rem;
    left: auto;
}
.cast_cnt2 .inner .dl:nth-of-type(even){
    grid-template-columns: auto 40%;
}
.cast_cnt2 .inner .dl:nth-of-type(even) .dt{
    grid-column: 1/2;
}
.cast_cnt2 .inner .dl:nth-of-type(even) .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: 80%;
    top: 7rem;
    position: absolute;
}
.cast_cnt2 .inner .dl:nth-of-type(even) .pic{
    grid-column: 2/3;
    grid-row: 1/3;
}
.cast_cnt2 .inner .dl:nth-of-type(even) .dt{}


.cast_cnt3{
    margin: 0 0 24rem;
}
.cast_cnt3 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.cast_cnt3 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt3_menu.png) no-repeat;
    width: 19.5rem;
    height: 11.4rem;
    margin: 0;
    display: block;
}
.cast_cnt3 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.cast_cnt3 .inner .col2{
    display: flex;
    gap: 2.5rem;
}
.cast_cnt3 .inner .col2 :is(.left, .right){
    width: 50%;
}
.cast_cnt3 .inner .col2 .dl{
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid #e6e9ea;
    padding: 1.5rem;
}
.cast_cnt3 .inner .col2 .dl .dt p{
    font-size: 1.6rem;
}
.cast_cnt3 .inner .col2 .dl .dd p{
    font-size: 1.6rem;
}
.cast_cnt4{
    margin: 0 0 24rem;
}
.cast_cnt4 .inner .col2{
    display: flex;
    align-items: end;
}
.cast_cnt4 .inner .col2 .left{
    width: 50%;
}
.cast_cnt4 .inner .col2 .left h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 0 7.5rem;
}
.cast_cnt4 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt4_access.png) no-repeat;
    width: 24.4rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}

.cast_cnt4 .inner .col2 .left .genre{
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
    justify-content: space-between;
    margin: 0 0 2.5rem;
}
.cast_cnt4 .inner .col2 .left .genre .li{
    background: #080404;
    padding: 1em;
    list-style: none;
    text-align: center;
}
.cast_cnt4 .inner .col2 .left .genre .li p{
    font-size: 1.2rem;
    color: #fff;
}
.cast_cnt4 .inner .col2 .left > p{
    line-height: 2;
    margin: 0 0 5rem;
}
.cast_cnt4 .inner .col2 .left > p a{
    color: inherit;
}


.cast_cnt4 .inner .col2 .left .list2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.cast_cnt4 .inner .col2 .left .list2 .li{
    border: 0.1rem solid #ababab;
    color: #211f23;
    padding: 1em;
    list-style: none;
    text-align: center;
    font-size: 1.7rem;
}
.cast_cnt4 .inner .col2 .left .info{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 5%;
    margin: 0 0 4rem;
}
.cast_cnt4 .inner .col2 .left .info h4{
    background: #f8f8f8;
    border: 0.1rem solid #e6e9ea;
    width: 20%;
    display: grid;
    place-items: center;
    text-align: center;
    line-height: 1.47;
}
.cast_cnt4 .inner .col2 .left .info p{
    width: 75%;
    line-height: 1.76;
}
.cast_cnt4 .inner .col2 .left .hotpepper{
    background: #fceced;
    border: 0.1rem solid #b69591;
    margin: 0 0 4rem;
    text-align: center;
}
.cast_cnt4 .inner .col2 .left .hotpepper a{
    color: #9a7169;
    padding: 1em;
    font-size: 1.7rem;
    display: inline-block;
    width: 100%;
}
.cast_cnt4 .inner .col2 .right{
    width: 50%;
    padding: 0 0 0 7.5%;
    height: 70%;
    aspect-ratio: 1/1.14;
    overflow: hidden;
}
.cast_cnt4 .inner .col2 .right iframe{
    width: 100%;
    height: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.cast_cnt5{
    margin: 0 0 24rem;
}
.cast_cnt5 .inner{}
.cast_cnt5 .inner h3{
    width: fit-content;
    text-align: center;
    margin: 0 auto 7rem;
}
.cast_cnt5 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt5_staff.png) no-repeat;
    width: 21.1rem;
    height: 12.8rem;
    margin: auto;
    display: block;
}
.cast_cnt5 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 7rem 2rem;
    margin: 0 0 22rem;
}
.cast_cnt5 .inner .grid .dl{
    display: grid;
    gap: 1rem;
}
.cast_cnt5 .inner .grid .dl .dt{
    grid-row: 5/6;
}
.cast_cnt5 .inner .grid .dl .dt p{
    font-size: 1.8rem;
}
.cast_cnt5 .inner .grid .dl .kana{
    grid-row: 4/5;
    border-bottom: 0.1rem solid #f2f2f1;
    padding: 0 0 1rem;
}
.cast_cnt5 .inner .grid .dl .kana p{
    font-size: 1.5rem;
    color: #aea29c;
}
.cast_cnt5 .inner .grid .dl .post{
    grid-row: 2/3;
}
.cast_cnt5 .inner .grid .dl .post p{
    font-size: 1.3rem;
    color: #aea29c;
}
.cast_cnt5 .inner .grid .dl .pic{
    grid-row: 1/2;
    border: 0.1rem solid #e6e9ea;
    aspect-ratio: 1/1.36;
    overflow: hidden;
}
.cast_cnt5 .inner .grid .dl .pic img{
    height: 100%;
}
.cast_cnt5 .inner .grid .dl .cmt{
    grid-row: 3/4;
}
.cast_cnt5 .inner .grid .dl .cmt p{
    font-size: 1.5rem;
    line-height: 1.6;
}

.cast_cnt6{
    margin: 0 0 22rem;
}
.cast_cnt6 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.cast_cnt6 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt6_gallery.png) no-repeat;
    width: 27rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}
.cast_cnt6 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    padding: 0 5rem;
}
.cast_cnt6 .inner .grid > div{}
.cast_cnt6 .inner .grid > div img{
    width: 100%;
}
.cast_cnt6 .inner .grid div:nth-of-type(1){
    grid-column: 1/3;
}
.cast_cnt6 .inner .grid div:nth-of-type(2){
    grid-column: 3/5;
}
.cast_cnt6 .inner .grid div:nth-of-type(3){
    grid-column: 1/2;
}
.cast_cnt6 .inner .grid div:nth-of-type(4){
    grid-column: 2/3;
}
.cast_cnt6 .inner .grid div:nth-of-type(5){
    grid-column: 3/4;
}
.cast_cnt6 .inner .grid div:nth-of-type(6){
    grid-column: 4/5;
}



/*lovers*/
.lovers .mainimg{
    background: url(/system_panel/uploads/images/lovers_mainimg.jpg) no-repeat center 0;
    background-size: cover;
}
.lovers .mainimg h2{
    display: block;
    align-items: center;
}
.lovers .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/lovers_mainimg_titlebefore.png) no-repeat;
    width: 22.8rem;
    height: 13rem;
    margin: 0;
    display: block;
}
.lovers_cnt1{
    margin: 0 0 20rem;
}
.lovers_cnt1 .inner{
    width: 100%;
}
.lovers_cnt1 .inner h3{
    margin: 0 auto 7.5rem;
    text-align: center;
}
.lovers_cnt1 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.lovers_cnt1 .inner p{
    line-height: 2.6;
    margin: 0 0 7rem;
    text-align: center;
}
.lovers_cnt1 .bottom{
    width: 100%;
    aspect-ratio: 2.8/1;
    overflow: hidden;
    position: relative;
    margin: 0 0 8rem;
}
.lovers_cnt1 .bottom img{
    width: 100%;
    top: -23rem;
    position: absolute;
}
.lovers_cnt1 .col2{
    display: flex;
    position: relative;
}
.lovers_cnt1 .col2 .left{
    width: 44%;
}
.lovers_cnt1 .col2 .left img{
    width: 100%;
}
.lovers_cnt1 .col2 .right{
    width: 42%;
    padding: 5rem;
}
.lovers_cnt1 .col2 .right p{
    line-height: 2.6;
}
.lovers_cnt2{
    margin: 0 0 20rem;
}
.lovers_cnt2 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.lovers_cnt2 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt2_feature.png) no-repeat;
    width: 28.5rem;
    height: 13.7rem;
    margin: 0 0 -1rem;
    display: block;
}
.lovers_cnt2 .inner .dl{
    display: grid;
    gap: 3.125vw;
    grid-template-columns: 40% auto;
    align-items: flex-start;
    position: relative;
    margin: 0 0 12rem;
}
.lovers_cnt2 .inner .dl .dt{
    grid-column: 2/3;
    position: relative;
}
.lovers_cnt2 .inner .dl .dt p{
    font-size: 2.7rem;
    font-weight: bold;
    line-height: 1.5;
}
.lovers_cnt2 .inner .dl .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: -13rem;
    top: 7rem;
    position: absolute;
}
.lovers_cnt2 .inner .dl .dd{
    line-height: 2.6;
}
.lovers_cnt2 .inner .dl .pic{
    grid-column: 1/2;
    grid-row: 1/3;
}
.lovers_cnt2 .inner .dl .pic img{
    width: 100%;
}

.lovers_cnt2 .inner .dl:nth-of-type(even)::before{
    right: 3rem;
    left: auto;
}
.lovers_cnt2 .inner .dl:nth-of-type(even){
    grid-template-columns: auto 40%;
}
.lovers_cnt2 .inner .dl:nth-of-type(even) .dt{
    grid-column: 1/2;
}
.lovers_cnt2 .inner .dl:nth-of-type(even) .dt::before{
    content: "";
    width: 27rem;
    height: 0.1rem;
    background: #080404;
    left: 80%;
    top: 7rem;
    position: absolute;
}
.lovers_cnt2 .inner .dl:nth-of-type(even) .pic{
    grid-column: 2/3;
    grid-row: 1/3;
}
.lovers_cnt2 .inner .dl:nth-of-type(even) .dt{}


.lovers_cnt3{
    margin: 0 0 24rem;
}
.lovers_cnt3 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.lovers_cnt3 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt3_menu.png) no-repeat;
    width: 19.5rem;
    height: 11.4rem;
    margin: 0;
    display: block;
}
.lovers_cnt3 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.lovers_cnt3 .inner .col2{
    display: flex;
    gap: 2.5rem;
}
.lovers_cnt3 .inner .col2 :is(.left, .right){
    width: 50%;
}
.lovers_cnt3 .inner .col2 .dl{
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid #e6e9ea;
    padding: 1.5rem;
}
.lovers_cnt3 .inner .col2 .dl .dt p{
    font-size: 1.6rem;
}
.lovers_cnt3 .inner .col2 .dl .dd p{
    font-size: 1.6rem;
}
.lovers_cnt4{
    margin: 0 0 24rem;
}
.lovers_cnt4 .inner .col2{
    display: flex;
    align-items: end;
}
.lovers_cnt4 .inner .col2 .left{
    width: 50%;
}
.lovers_cnt4 .inner .col2 .left h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 0 7.5rem;
}
.lovers_cnt4 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt4_access.png) no-repeat;
    width: 24.4rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}

.lovers_cnt4 .inner .col2 .left .genre{
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
    justify-content: space-between;
    margin: 0 0 2.5rem;
}
.lovers_cnt4 .inner .col2 .left .genre .li{
    background: #080404;
    padding: 1em;
    list-style: none;
    text-align: center;
}
.lovers_cnt4 .inner .col2 .left .genre .li p{
    font-size: 1.2rem;
    color: #fff;
}
.lovers_cnt4 .inner .col2 .left > p{
    line-height: 2;
    margin: 0 0 5rem;
}
.lovers_cnt4 .inner .col2 .left > p a{
    color: inherit;
}


.lovers_cnt4 .inner .col2 .left .list2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.lovers_cnt4 .inner .col2 .left .list2 .li{
    border: 0.1rem solid #ababab;
    color: #211f23;
    padding: 1em;
    list-style: none;
    text-align: center;
    font-size: 1.7rem;
}
.lovers_cnt4 .inner .col2 .left .info{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 5%;
    margin: 0 0 4rem;
}
.lovers_cnt4 .inner .col2 .left .info h4{
    background: #f8f8f8;
    border: 0.1rem solid #e6e9ea;
    width: 20%;
    display: grid;
    place-items: center;
    text-align: center;
    line-height: 1.47;
}
.lovers_cnt4 .inner .col2 .left .info p{
    width: 75%;
    line-height: 1.76;
}
.lovers_cnt4 .inner .col2 .left .hotpepper{
    background: #fceced;
    border: 0.1rem solid #b69591;
    margin: 0 0 4rem;
    text-align: center;
}
.lovers_cnt4 .inner .col2 .left .hotpepper a{
    color: #9a7169;
    padding: 1em;
    font-size: 1.7rem;
    display: inline-block;
    width: 100%;
}
.lovers_cnt4 .inner .col2 .right{
    width: 50%;
    padding: 0 0 0 7.5%;
    height: 70%;
    aspect-ratio: 1/1.14;
    overflow: hidden;
}
.lovers_cnt4 .inner .col2 .right iframe{
    width: 100%;
    height: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.lovers_cnt5{
    margin: 0 0 24rem;
}
.lovers_cnt5 .inner{}
.lovers_cnt5 .inner h3{
    width: fit-content;
    text-align: center;
    margin: 0 auto 7rem;
}
.lovers_cnt5 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt5_staff.png) no-repeat;
    width: 21.1rem;
    height: 12.8rem;
    margin: auto;
    display: block;
}
.lovers_cnt5 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 7rem 2rem;
    margin: 0 0 22rem;
}
.lovers_cnt5 .inner .grid .dl{
    display: grid;
    gap: 1rem;
}
.lovers_cnt5 .inner .grid .dl .dt{
    grid-row: 5/6;
}
.lovers_cnt5 .inner .grid .dl .dt p{
    font-size: 1.8rem;
    font-weight: bold;
}

.lovers_cnt5 .inner .grid .dl .kana{
    grid-row: 4/5;
    border-bottom: 0.1rem solid #f2f2f1;
    padding: 0 0 1rem;
}
.lovers_cnt5 .inner .grid .dl .kana p{
    font-size: 1.5rem;
    color: #aea29c;
}
.lovers_cnt5 .inner .grid .dl .post{
    grid-row: 2/3;
}
.lovers_cnt5 .inner .grid .dl .post p{
    color: #aea29c;
    font-size: 1.3rem;
}
.lovers_cnt5 .inner .grid .dl .pic{
    grid-row: 1/2;
    border: 0.1rem solid #e6e9ea;
    aspect-ratio: 1/1.36;
    overflow: hidden;
}
.lovers_cnt5 .inner .grid .dl .pic img{
    height: 100%;
}
.lovers_cnt5 .inner .grid .dl .cmt{
    grid-row: 3/4;
}
.lovers_cnt5 .inner .grid .dl .cmt p{
    font-size: 1.5rem;
    line-height: 1.6;
}

.lovers_cnt6{
    margin: 0 0 22rem;
}
.lovers_cnt6 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.lovers_cnt6 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt6_gallery.png) no-repeat;
    width: 27rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}
.lovers_cnt6 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    padding: 0 5rem;
}
.lovers_cnt6 .inner .grid > div{}
.lovers_cnt6 .inner .grid > div img{
    width: 100%;
}
.lovers_cnt6 .inner .grid div:nth-of-type(1){
    grid-column: 1/3;
}
.lovers_cnt6 .inner .grid div:nth-of-type(2){
    grid-column: 3/5;
}
.lovers_cnt6 .inner .grid div:nth-of-type(3){
    grid-column: 1/2;
}
.lovers_cnt6 .inner .grid div:nth-of-type(4){
    grid-column: 2/3;
}
.lovers_cnt6 .inner .grid div:nth-of-type(5){
    grid-column: 3/4;
}
.lovers_cnt6 .inner .grid div:nth-of-type(6){
    grid-column: 4/5;
}





/*ang*/
.ang .mainimg{
    background: url(/system_panel/uploads/images/ang_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.ang .mainimg h2{
    display: block;
    align-items: center;
}
.ang .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/ang_mainimg_titlebefore.png) no-repeat;
    width: 22.8rem;
    height: 13rem;
    margin: 0;
    display: block;
}
.ang_cnt1{
    margin: 0 0 20rem;
}
.ang_cnt1 .inner{
    width: 100%;
}
.ang_cnt1 .inner h3{
    margin: 0 auto 7.5rem;
    text-align: center;
}
.ang_cnt1 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
.ang_cnt1 .inner p{
    line-height: 2.6;
    margin: 0 0 7rem;
    text-align: center;
}
.ang_cnt1 .bottom{
    width: 100%;
    aspect-ratio: 2.8/1;
    overflow: hidden;
    position: relative;
    margin: 0 0 8rem;
}
.ang_cnt1 .bottom img{
    width: 100%;
    top: -30rem;
    position: absolute;
}
.ang_cnt2{
    margin: 0 0 24rem;
}
.ang_cnt2 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.ang_cnt2 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt3_menu.png) no-repeat;
    width: 19.5rem;
    height: 11.4rem;
    margin: 0;
    display: block;
}
.ang_cnt2 .inner .read{
    font-size: 2.7rem;
    line-height: 2;
    text-align: center;
    margin: 0 0 7rem;
}
/*ベース*/
.ang_cnt2 .inner .typeA{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 0 10rem;
}
.ang_cnt2 .inner .typeA .tabLabel{
    /* タブ */
    /*flex: 1;*/
    order: -1;
    color: #444;
    background: #fff;
    border-top: 0.1rem solid #e6e9ea;
    border-bottom: 0.1rem solid #e6e9ea;
    border-right: 0.1rem solid #e6e9ea;
    transition: .5s;
    cursor: pointer;
    width: 22%;
    margin: 0 0 10rem;
    padding: 2.5rem 0;
    text-align: center;
    align-self: stretch;
    display: grid;
    place-items: center;
}
.ang_cnt2 .inner .typeA .tabLabel:nth-of-type(1){
    border-left: 0.1rem solid #e6e9ea;
}
.ang_cnt2 .inner .typeA .tabLabel:nth-last-of-type(1){}
.ang_cnt2 .inner .typeA input{
    /* ラジオボタン非表示 */
    display: none;
}
.ang_cnt2 .inner .typeA .content{
    /* 本文 */
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
/*アクティブ設定*/
.ang_cnt2 .inner .typeA input:checked+.tabLabel{
    color: #fff;
    background: #121212;
}
.ang_cnt2 .inner .typeA input:checked+.tabLabel+.content{
    height: auto;
    /*overflow: auto;*/
    transition: .5s opacity;
    opacity: 1;
}
.ang_cnt2 .inner .col2{
    display: flex;
    gap: 2.5rem;
    margin: 0 0 7rem;
}
.ang_cnt2 .inner .col2 :is(.left, .right){
    width: 50%;
}
.ang_cnt2 .inner .col2 .dl{
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid #e6e9ea;
    padding: 1.5rem;
}
.ang_cnt2 .inner .col2 .dl .dt p{
    font-size: 1.6rem;
}
.ang_cnt2 .inner .col2 .dl .dd p{
    font-size: 1.6rem;
}
.ang_cnt2 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3rem;
}
.ang_cnt2 .inner .grid .dl{
    position: relative;
}
.ang_cnt2 .inner .grid .dl .dt{
    bottom: 1rem;
    position: absolute;
    width: 100%;
    text-align: center;
}
.ang_cnt2 .inner .grid .dl .dt p{
    color: #fff;
}
.ang_cnt2 .inner .grid .dl .dd img{
    width: 100%;
}
.ang_cnt3{
    margin: 0 0 24rem;
}
.ang_cnt3 .inner .col2{
    display: flex;
    align-items: end;
}
.ang_cnt3 .inner .col2 .left{
    width: 50%;
}
.ang_cnt3 .inner .col2 .left h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 0 7.5rem;
}
.ang_cnt3 .inner .col2 .left h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt4_access.png) no-repeat;
    width: 24.4rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}
.ang_cnt3 .inner .col2 .left .genre{
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
    justify-content: space-between;
    margin: 0 0 2.5rem;
}
.ang_cnt3 .inner .col2 .left .genre .li{
    background: #080404;
    color: #fff;
    padding: 1em;
    list-style: none;
    text-align: center;
    font-size: 1.2rem;
}
.ang_cnt3 .inner .col2 .left > p{
    line-height: 2;
    margin: 0 0 5rem;
}
.ang_cnt3 .inner .col2 .left > p a{
    color: inherit;
}
/*

.ang_cnt3 .inner .col2 .left .list2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.ang_cnt3 .inner .col2 .left .list2 .li{
    border: 0.1rem solid #ababab;
    color: #211f23;
    padding: 1em;
    list-style: none;
    text-align: center;
    font-size: 1.7rem;
}
.ang_cnt3 .inner .col2 .left .info{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 5%;
    margin: 0 0 4rem;
}
.ang_cnt3 .inner .col2 .left .info h4{
    background: #f8f8f8;
    border: 0.1rem solid #e6e9ea;
    width: 20%;
    display: grid;
    place-items: center;
    text-align: center;
    line-height: 1.47;
}
.ang_cnt3 .inner .col2 .left .info p{
    width: 75%;
    line-height: 1.76;
}
.ang_cnt3 .inner .col2 .left .hotpepper{
    background: #fceced;
    border: 0.1rem solid #b69591;
    margin: 0 0 4rem;
    text-align: center;
}
.ang_cnt3 .inner .col2 .left .hotpepper a{
    color: #9a7169;
    padding: 1em;
    font-size: 1.7rem;
    display: inline-block;
    width: 100%;
}
*/
.ang_cnt3 .inner .col2 .right{
    width: 50%;
    padding: 0 0 0 7.5%;
    height: 70%;
    aspect-ratio: 3/2;
    overflow: hidden;
}
.ang_cnt3 .inner .col2 .right iframe{
    width: 100%;
    height: 100%;
  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ang_cnt4{
    margin: 0 0 22rem;
}
.ang_cnt4 .inner h3{
    display: block;
    align-items: center;
    width: fit-content;
    text-align: center;
    margin: 0 auto 7.5rem;
}
.ang_cnt4 .inner h3::before{
    content: "";
    background: url(/system_panel/uploads/images/grandcentral_cnt6_gallery.png) no-repeat;
    width: 27rem;
    height: 12.3rem;
    margin: 0;
    display: block;
}
.ang_cnt4 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
    padding: 0 5rem;
}
.ang_cnt4 .inner .grid > div p{}
.ang_cnt4 .inner .grid > div img{
    width: 100%;
}
.ang_cnt4 .inner .grid div:nth-of-type(1){
    grid-column: 1/3;
}
.ang_cnt4 .inner .grid div:nth-of-type(2){
    grid-column: 3/5;
}
.ang_cnt4 .inner .grid div:nth-of-type(3){
    grid-column: 1/2;
}
.ang_cnt4 .inner .grid div:nth-of-type(4){
    grid-column: 2/3;
}
.ang_cnt4 .inner .grid div:nth-of-type(5){
    grid-column: 3/4;
}
.ang_cnt4 .inner .grid div:nth-of-type(6){
    grid-column: 4/5;
}





/*interview*/
.interview .mainimg{
    background: url(/system_panel/uploads/images/interview_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.interview .mainimg h2{
    display: block;
    align-items: center;
}
.interview .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/interview_mainimg_titlebefore.png) no-repeat;
    width: 22.8rem;
    height: 13rem;
    margin: 0;
    display: block;
}
.interview_cnt1{
    margin: 0 0 20rem;
    padding: 10rem 0;
}
.interview_cnt1 .inner{
    width: 100%;
}
.interview_cnt1 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4rem;
}
.interview_cnt1 .inner .grid .pic{
    grid-column: 3/4;
    grid-row: 1/4;
}
.interview_cnt1 .inner .grid .pic img{
    width: 100%;
}
.interview_cnt1 .inner .grid .cmt{
    grid-column: 1/3;
    grid-row: 1/2;
    line-height: 2.75;
    font-size: 2rem;
}
.interview_cnt1 .inner .grid .profile{
    grid-column: 1/3;
    grid-row: 2/3;
    line-height: 2.5;
    font-size: 1.6rem;
    text-align: right;
}
.interview_cnt1 .inner .grid .qa:nth-of-type(3){
    grid-column: 1/3;
    grid-row: 3/4;
}
.interview_cnt1 .inner .grid .qa:nth-of-type(4){
    grid-column: 2/4;
    grid-row: 4/5;
}
.interview_cnt1 .inner .grid .qa:nth-of-type(5){
    grid-column: 1/3;
    grid-row: 5/6;
}

.interview_cnt1 .inner .grid .qa .dt{
    background: #080404;
    padding: 2rem 2rem 2rem 12rem;
    position: relative;
}
.interview_cnt1 .inner .grid .qa .dt p{
    font-size: 1.8rem;
    color: #fff;
}

.interview_cnt1 .inner .grid .qa .dt::before{
    font-size: 2.2rem;
    width: 6.6rem;
    height: 6.6rem;
    background: #fff;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    position: absolute;
    top: -1.5em;
    left: 2rem;
}

.interview_cnt1 .inner .grid .qa:nth-of-type(3) .dt::before{
    content: "01";
}
.interview_cnt1 .inner .grid .qa:nth-of-type(4) .dt::before{
    content: "02";
}
.interview_cnt1 .inner .grid .qa:nth-of-type(5) .dt::before{
    content: "03";
}
.interview_cnt1 .inner .grid .qa .dd{
    background: #eef0f1;
    padding: 3rem;
}
.interview_cnt1 .inner .grid .qa .dd p{
    font-size: 1.7rem;
    line-height: 2.64;
}


.interview_cnt1:nth-of-type(odd){
    background: #eef0f1;
}
.interview_cnt1:nth-of-type(odd) .inner .grid .pic{
    grid-column: 1/2;
    grid-row: 1/4;
}
.interview_cnt1:nth-of-type(odd) .inner .grid .pic img{
    width: 100%;
}
.interview_cnt1:nth-of-type(odd) .inner .grid .cmt{
    grid-column: 2/4;
    grid-row: 1/2;
    line-height: 2.75;
    font-size: 2rem;
}
.interview_cnt1:nth-of-type(odd) .inner .grid .profile{
    grid-column: 2/4;
    grid-row: 2/3;
    line-height: 2.5;
    font-size: 1.6rem;
    text-align: right;
}
.interview_cnt1:nth-of-type(odd) .inner .grid .qa:nth-of-type(3){
    grid-column: 2/4;
    grid-row: 3/4;
}
.interview_cnt1:nth-of-type(odd) .inner .grid .qa:nth-of-type(4){
    grid-column: 1/3;
    grid-row: 4/5;
}
.interview_cnt1:nth-of-type(odd) .inner .grid .qa:nth-of-type(5){
    grid-column: 2/4;
    grid-row: 5/6;
}

.interview_cnt1:nth-of-type(odd) .inner .grid .qa .dd{
    background: #fff;
}





/*staff*/

.staff .mainimg{
    background: url(/system_panel/uploads/images/staff_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.staff .mainimg h2{
    display: block;
    align-items: center;
}
.staff .mainimg h2::before{
    content: "";
    background: url(/system_panel/uploads/images/staff_mainimg_titlebefore.png) no-repeat;
    width: 22.8rem;
    height: 13rem;
    margin: 0;
    display: block;
}
.staff_cnt1{
    margin: 0 0 20rem;
    padding: 10rem 0;
}
.staff_cnt1 .col2{
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    align-items: center;
}
.staff_cnt1 .col2 .left{
    width: 66%;
}
.staff_cnt1 .col2 .left img{
    width: 100%;
}
.staff_cnt1 .col2 .right{
    width: 34%;
    padding: 5rem;
}
.staff_cnt1 .col2 .right .read{
    font-size:2.7rem;
    line-height: 2;
    margin:0 0 2rem;
}
.staff_cnt1 .col2 .right p{
    line-height: 2.6;
    text-align: center;
}
.staff_cnt2{
    margin:0 0 5rem;
}
.staff_cnt2 .inner .ul{
    display: flex;
    flex-wrap: wrap;
    border-top: 0.1rem solid #e6e9ea;
    border-left: 0.1rem solid #e6e9ea;
}
.staff_cnt2 .inner .ul .li{
    width:33.33%;
    /*height: fit-content;*/
    border-bottom: 0.1rem solid #e6e9ea;
    border-right: 0.1rem solid #e6e9ea;
    text-align: center;
    margin: 0;
    list-style: none;
    display: grid;
    align-items: center;
}
.staff_cnt2 .inner .ul .li a:hover{
    background: #080404;
    color: #fff;
}
.staff_cnt2 .inner .ul .li a{
    padding: 1em;
    color: inherit;
    height: inherit;
    display: grid;
    place-items: center;
    text-decoration: none;
}
.staff_cnt3 .inner{
    padding: 5rem 0;
}

.staff_cnt3:nth-of-type(odd){
    background: #eef0f1;
}
.staff_cnt3 .inner h3{
    text-align: center;
    margin: 0 0 1.5rem;
    position: relative;
    z-index: 9;
    display: block;
}
.staff_cnt3 .inner h3::before{
    width: 30%;
    height: 0.1rem;
    background: #e6e9ea;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1rem;

}
.staff_cnt3 .inner h3::after{
    width: 30%;
    height: 0.1rem;
    background: #e6e9ea;
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 1rem;

}
.staff_cnt3 .inner > p{
    text-align: center;
    font-size: 1.5rem;
    margin: 0 0 4.5rem;
}

.staff_cnt3 .inner .grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 6rem 2rem;
    margin: 0 0 9rem;
}
.staff_cnt3 .inner .grid .dl{
    display: grid;
    gap: 1rem;
}
.staff_cnt3 .inner .grid .dt{
    grid-row: 4/5;
}
.staff_cnt3 .inner .grid .dt p{
    font-size: 2.2rem;
    font-weight:bold;
}
.staff_cnt3 .inner .grid .kana{
    grid-row: 3/4;
}
.staff_cnt3 .inner .grid .kana p{
    font-size: 1.5rem;
}
.staff_cnt3 .inner .grid .pic{
    grid-row: 1/2;
}
.staff_cnt3 .inner .grid .pic img{
    width: 100%;
}
.staff_cnt3 .inner .grid .post{
    grid-row: 2/3;
    border-bottom: 0.1rem solid #dce1e3;
    padding: 0 0 1rem;
}
.staff_cnt3 .inner .grid .post p{
    font-size: 1.5rem;
    color: #aea29c;
    line-height: 1.6;
}


.staff_cnt3 .inner .button{
    display: flex;
    gap: 2rem;
    justify-content: center;
}
.staff_cnt3 .inner .button .info{
    background: #080404;
    height: 4rem;
    width: fit-content;
}
.staff_cnt3 .inner .button .info a{
    width: inherit;
    height: inherit;
    display: grid;
    align-items: center;
    padding: 0 6rem;
    font-size: 1.5rem;
    color: #fff;
    transition: 0.5s;
}
.staff_cnt3 .inner .button .info a:hover{
    text-decoration: none;
    background: #fff;
    border: 0.1rem solid #080404;
    color: #080404;
    letter-spacing: 0.25em;
}

.staff_cnt3 .inner .button .reserve{
    background: #49291a;
    height: 4rem;
    width: fit-content;
}
.staff_cnt3 .inner .button .reserve a{
    width: inherit;
    height: inherit;
    display: grid;
    align-items: center;
    padding: 0 6rem;
    font-size: 1.5rem;
    color: #fff;
    transition: 0.5s;
}
.staff_cnt3 .inner .button .reserve a:hover{
    text-decoration: none;
    background: #fff;
    border: 0.1rem solid #49291a;
    color: #49291a;
    letter-spacing: 0.25em;
}