@charset "UTF-8";
/*パンくず用*/
/*トップはパンくず表示させない*/
.newgrad.people01.pan .inner,.newgrad.people02.pan .inner,.newgrad.people03.pan .inner,.newgrad.people04.pan .inner,.newgrad.people05.pan .inner,.newgrad.people06.pan .inner,.newgrad.people07.pan .inner,.newgrad.people08.pan .inner,.newgrad.people09.pan .inner,.newgrad.people10.pan .inner,.top-message .inner,.pan.engineering .inner,.cross-talk.pan .inner,.about-furyu.pan .inner{
    color: #fff;
    display: flex;
}
.newgrad.people01.pan a,.newgrad.people02.pan a,.newgrad.people03.pan a,.newgrad.people04.pan a,.newgrad.people05.pan a,.newgrad.people06.pan a,.newgrad.people07.pan a,.newgrad.people08.pan a,.newgrad.people09.pan a,.newgrad.people10.pan a,.top-message.pan a,.pan.engineering a,.cross-talk.pan a,.about-furyu.pan a{
    color: #fff;
    display: flex;
}
.newgrad.benefits.pan a{
    color: #fff;
}
.people01.newgrad,people02.newgrad,.people03.newgrad,.people04.newgrad{
    display: block;
}
.newgrad span{
    padding: 0px 2px;
}
main {
    display:block;
    overflow: hidden;
}
.line span img {
    width: auto;
}
.saiyo-site {
    margin-top: 0px;
}
.saiyo-site {
    text-align: justify;
}
.saiyo-site a:hover{
    opacity: 1;
}
.saiyo-site a img:hover{
    opacity: 1;
}
.saiyo-site a:hover img {
    opacity: 1;
}
.saiyo-site img{
    max-width: 100%;
    width: 100%;
    z-index: 0;
}
.benefits .newgrad span{
    color: #fff;
}
.requirements.newgrad span{
    color: #fff;
}


.company-box-list li :hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

.company-box-list li figure{
    overflow: hidden;
}
.company-box-list li figure:hover > img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}
.d-saiyo-mv {
    position:relative;
}

.d-saiyo-mv img {
    width:100%
}

.d-saiyo-mv .mv-img-pc {
    height:500px;
    object-fit:cover;
}

.saiyo-pan li a,.saiyo-pan ol{
    color:#fff;
}
.pan.message.newgrad .inner{
    color: #fff;
}
.pan.message.newgrad span{
    color: #fff;
}
.benefits.newgrad .inner {
    color: #fff;
}
.requirements.newgrad .inner{
    color: #fff;
}
.recruiting-info-box-900 {
    margin: 180px auto;
    max-width:900px;
    width:90%
}
.recruiting-info-box-900.zinzi-box{
    margin: 230px auto;
}
.people-contents .recruiting-info-box-800{
    max-width: 800px;
    margin: 100px auto;
    width: 90%;
}
.recruiting-info-box-800{
    max-width: 800px;
    margin: 230px auto;
    width: 90%;
}
.bg-people-ri,.bg-people-le{
    margin-bottom: 290px;
}
.tit-sp-none {
    display:inline-block!important;
}

.tit-pc-none {
    display:none!important;
}
.lead-txt {
    margin-bottom: 30px;
    font-size:16px;
    line-height:36px;
}
.d-saiyo-mv .message-mv{
    height: 600px;
}
.d-saiyo-mv .message-mv .mv-txt{
    width: 100%;
}
.d-saiyo-mv  .message-main{
    max-width: 450px;
    width: 100%;
}
.message-txt {
    font-size:16px;
    line-height:36px;
}
.message-txt {
    margin-bottom: 70px;
}
.mv-recruiting {
    background-image:url(../img/newgrad/recruiting-info/mv-recruiting-info.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:500px;
}

.font-30 {
    font-size:3rem;
}

.mv-txt {
    align-items:center;
    background:rgba(50,164,216,0.8);
    border-radius:0 600px 600px 0;
    display:flex;
    height:241px;
    left:21%;
    left:0;
    max-width:370px;
    max-width:810px;
    position:absolute;
    top:66%;
    width:80%;
    z-index:1;

}

.mv-txt p {
    margin-left: auto;
    margin-right: 140px;
    width: 49%;
}
.d-saiyo-mv .mv-txt p{
    max-width: 455px;
    margin-right: 120px;
}
.d-saiyo-mv .mv-txt {
    top: 71%;
}
.mv-txt span {
    color:#fff;
    display:block;
    font-size:23px;
    letter-spacing:.2em;
    margin-top:35px;
    font-weight: 500;
}

.recruiting-list {
    margin-bottom:120px;
}

.recruiting-list::before {
    background:#9bd4df;
    background:linear-gradient(-90deg,rgba(155,212,223,1) 0%,rgba(228,183,200,1) 49%);
    content:'';
    display:block;
    height:10px;
    margin-bottom:100px;
}

.recruiting-list.col2 {
    margin-bottom:180px;
}

.recruiting-list.col2::before {
    background:linear-gradient(-90deg,rgba(236,243,216,1) 0%,rgba(60,160,180,1) 100%);
    content:'';
    display:block;
    height:10px;
    margin-bottom:100px;
    margin-bottom:180px;
}

.recruiting-list h3 {
    font-size:4.6rem;
    font-weight:700;
    letter-spacing:.2em;
    margin-bottom: 30px;
}

.recruiting-list dl {
    align-items:center;
    border-bottom:#979898 1px solid;
    display:flex;
    float:none;
    justify-content:space-around;
    margin-left:0;
    width:100%;
    align-items: baseline;
}

.recruiting-list dl.base {
    align-items:baseline;
}

.recruiting-list dl:last-child {
    border-bottom:0
}

.recruiting-list .tit {
    font-size:2.2rem;
    font-weight:700
}

.recruiting-list .tit_s {
    font-size:1.6rem;
    font-weight:700
}

.recruiting-list .col:first-child .tit {
    margin-bottom:40px
}

.recruiting-list dt {
    font-size:2.2rem;
    line-height:36px;
    max-width:300px;
    padding:40px 0;
    width:100%
}

.recruiting-list dd {
    font-size:1.6rem;
    line-height:36px;
    max-width:600px;
    padding:20px 0;
    width:100%
}

.recruiting-list dl .col {
    margin-bottom:50px
}

.recruiting-list dd .txt-check {
    color:#C85064;
    display:block;
    font-size:1.4rem;
    line-height: 2em;
}

.recruiting-list dd .check2 {
    color:#979898;
    display:block
}

.work-place-contents .tit {
    font-size:3rem;
    margin:0 auto 60px;
    max-width:300px;
    text-align:center
}

.work-place-contents:first-child {
    text-align:center;margin-top: 220px;
}

.work-place-contents{
    text-align: center;
}
.work-place-contents .sub-tit {
    background:#059392;
    background:linear-gradient(90deg,rgba(5,147,146,1) 11%,rgba(0,125,181,1) 83%);
    color:#ffff;
    display:inline-block;
    font-size:35px;
    line-height:1.2em;
    margin-bottom:60px;
    padding: 0 5px 5px;
}

.work-place-contents .sub-tit.collar02 {
    background:#ed006f;
    background:linear-gradient(-90deg,rgba(237,0,111,1) 0%,rgba(243,116,98,1) 100%)
}

.work-place-contents .sub-tit02 {
    font-size:3.6rem;
    font-weight:700;
    margin-bottom:50px
}

.work-place-contents .lead-txt {
    display:block;
    font-size:1.8rem;
    line-height:1.8em;
    margin-bottom:90px;
    text-align:left
}

.work-place-contents .work-place-list {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.work-place-contents .work-place-list figure {
    border-radius:10px;
    height:200px;
    max-width:260px;
    overflow:hidden;
    text-align:center;
    width:100%
}

.work-place-contents .work-place-list figure.br-gray {
    border:#D7D7D7 1px solid;
    border-radius:10px;
    padding:10px
}

.work-place-contents .work-place-list figcaption.txt {
    font-size:2.8rem;
    font-weight:700;
    margin:20px 0;
    text-align:left
}

.work-place-list dl {
    line-height:1.5em;
    max-width:260px;
    width:47%;
    margin-bottom: 100px;
}
.work-place-list{
    /*margin-bottom:100px;*/
}
.work-place-contents .work-place-list dt {
    font-size:20px
}

.work-place-contents .work-place-list dd {
    font-size:16px;
    line-height:1.8em;
    text-align: justify;
}

.mv-education {
    background-image:url(../../img/newgrad/education/mv-education-80.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:500px;
    position:relative
}

.data-contents {
    background-color: #F2F7F9;
    margin-top: -150px;
    padding-top: 200px;
}

.data-contents .data-box {
    margin:50px auto 0;
    max-width:900px
}

.data-contents .tit {
    align-content:center;
    color:#009;
    display:flex;
    font-size: 62px;
    font-weight: 900;
    justify-content: center;
    align-items: center;
    margin-bottom:20px
}

.data-contents .attent {
    font-size:12px;
    margin-bottom:30px;
    text-align:center
}

.data-contents .tit img {
    height:76px;
    margin:0 20px;
    width:76px
}
.data-contents .tit02{
    display: block;
    text-align: center;
    margin-bottom: 20px;
    clear: both;
}
.data-contents .tit02 span{
    background-color: #009;
    border-radius: 30px;
    color: #fff;
    font-size: 34px;
    padding: 0px 80px;
    text-align: center;
    font-weight: 500;

}

.data-contents .lead-txt {
    display:block;
    font-size: 17px;
    line-height: 31px;
    margin-bottom:60px;
    text-align:center
}

.data-box aricle:last-child {
    display:block;
    padding-bottom:100px
}

.data-list-box {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    margin-bottom:200px
}

.data-list-box li {
    background-color:#fff;
    margin-bottom:50px;
    max-width:260px;
    width:41vw
}
@media screen and (max-width: 850px){
    .data-list-box li {
        width: 30vw;
    }
}
.data-list-box::after {
    content:"";
    display:block;
    max-width:260px;
    width:30.9%
}

.data-list-box li .modal_open {
    background:#00a1a9;
    background:linear-gradient(90deg,rgba(0,161,169,1) 11%,rgba(0,125,181,1) 83%);
    text-align:right;
    transition:all 1s;
    width:100%;
    height: 51px;
    padding-right: 14px;
    display: flex;
}

.data-list-box .modal_open:hover .modal_open{
    background:#f27462;
    background:linear-gradient(90deg,rgba(242,116,98,1) 0%,rgba(236,0,111,1) 100%);
    opacity:1
}

.data-list-box li .modal_open img {
    width:80px;
    margin-left: auto;
}
.animated{
   /* opacity: 0;*/
   opacity: 1;
}

.bounceIn {
    -webkit-animation-duration: .28s;
    -webkit-animation-name: bounceIn;
    animation-duration: .28s;
    animation-name: bounceIn;
}
@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    60% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    to {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1)
    }
}

.modal_box aricle {
    align-items:center;
    align-items:center;
    display:flex;
    justify-content:center;
    margin-bottom:0;
    max-width: 806px;
    margin: 60px;
}

.modal_box .col-l,.modal_box .col-r {
    /* text-align:center; */
    /* width: 46%; */
}

.modal_box .txt {
    font-size:14px;
    font-weight:700;
    line-height:1.8em;
    margin:26px auto;
    max-width:255px;
    text-align:left
}

.modal_box {
    background: #fff;
    display: none;
    height: 395px;
    margin: 0 auto;
    width: 806px;
    position: fixed;
    text-align: center;
    z-index: 7777;
}

.modal_close {
    color:#000;
    display:block;
    font-size:36px;
    line-height:62px;
    margin:18px 32px;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:35px
}

.modal_close i {
    line-height:62px;
    vertical-align:bottom
}

.modal_bg {
    background-color:rgba(0,0,0,0.7);
    display:none;
    height:120%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:6666
}

.link_area {
    bottom: -1px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
    align-items: end;
}

.link_area .modal_link {
    display:block;
    width:15%;
}

.link_area .modal_link.prev a {
    background:#00a1a9;
    background:linear-gradient(90deg,rgba(0,161,169,1) 11%,rgba(0,125,181,1) 83%);
    border-radius: 0 40px 40px 0;
    display:block;
    margin:0;
    width:100%;
    text-align: left;
}

.link_area .modal_link.next a {
    background:#f37462;
    background:linear-gradient(90deg,rgba(243,116,98,1) 0%,rgba(237,0,111,1) 100%);
    border-radius: 30px 0 0 30px;
    display:block;
    text-align: right;
}

.link_area .modal_link a {
    color:#000;
    display:block;
    line-height:2.5;
    line-height: 1.8em;
    padding:15px;
    text-decoration:none;
    width: 100%;
}

.link_area .modal_link a img {
    /* width:86% */
    max-width: 76px;
}

.link-area ul li.modal_link:first-child a {
    float:left
}

.link-area ul li.modal_link:last-child a {
    float:right
}

.data-list-box .list-img {
    transform:perspective(1px) translateZ(0);
    opacity: 0;
}

.data-list-box .list-img.run {
    animation-duration:.3s;
    animation-iteration-count:1;
    animation-name:hvr-pop;
    animation-timing-function:linear;
    opacity: 1;
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
}

.message-mv .mv-txt {
    height: 390px;
    top: 52%;
    width: 50%;
}
.mv-message .mv-txt {
    color:#fff;
    font-size:46px;
    font-weight:700;
    left:12%;
    letter-spacing:3px;
    line-height:61px;
    max-width:500px;
    position:absolute;
    top:60%;
    width:35%;
    z-index:2
}

.mv-message .mv-txt span {
    display:block;
    font-size:34px;
    margin-bottom:10px
}

.message-box h3 {
    font-size:4rem;
    margin-bottom:100px
}

.profile {
    font-size:16px;
    letter-spacing:1px;
    line-height:23px;
    margin-left:auto;
    margin-right:10%;
    margin-top:50px;
    width:450px
}

.profile p {
    font-size: 18px;
    padding-bottom: 20px;
    display: flex;
    font-weight: 900;
    text-align:justify;
}

.profile .text {
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    text-align:justify;
}

.profile span {
    font-size:38px;
    padding-left:29px
}

.message-box-01 {
    background-image:url(../../img/newgrad/top-message/img_01.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    margin-top:150px
}

.message-box-01 .sub-main {
    font-weight:700;
    line-height:81px;
    margin:auto;
    margin-bottom:200px;
    padding-top:210px;
    width:800px
}
.message-box-01 .sub-main h3{
    max-width: 583px;
}
.message-box-01 .sub-box {
    font-size:16px;
    letter-spacing:1px;
    line-height:36px;
    margin:auto;
    width:800px
}

.message-box-02 {
    background-image:url(../../img/newgrad/top-message/img_02.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    margin-top:200px;
}

.message-box-02 .sub-main {
    font-size: 41px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 87px;
    margin: auto;
    margin-bottom: 200px;
    /* padding-top: 210px; */
    max-width: 800px;
}

.message-box-02 .sub-main h3 {
    text-align: right;
    max-width: 579px;
    margin-right: 0;
    margin-left: auto;
}

.message-box-02 .sub-main h3 span {
    background-color:#fff
}

.message-box-02 .sub-box {
    font-size:16px;
    letter-spacing:1px;
    line-height:36px;
    margin:auto;
    width:800px;
    padding-top: 100px;

}

.message-box-03 {
    background-image:url(../../img/newgrad/top-message/img_03.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    margin-bottom:300px;
    margin-top:150px
}

.message-box-03 .sub-main {
    font-size:48px;
    font-weight:700;
    letter-spacing:2px;
    line-height:87px;
    margin:auto;
    margin-bottom:200px;
    padding-top:185px;
    width:800px
}
.message-box-03 .sub-main h3{
    max-width: 530px;
}
.message-box-03 .sub-main h3 span {
    background-color:#fff
}

.message-box-03 .sub-box {
    font-size:16px;
    letter-spacing:1px;
    line-height:36px;
    margin:auto;
    width:800px
}

.sub-main-sp {
    display:none
}

@media screen and (max-width: 769px) {
    .modal_box {
        padding:50px 0 0
    }

    .modal_close {
        right:-12px;
        top:-27px
    }

    .modal_close i {
        line-height:44px
    }

    .link_area {
        margin:25px auto 0
    }

    .link_area .modal_link a {
        /*margin:15px auto 0*/
    }
    .link_area .modal_link.prev a,.link_area .modal_link .next a{
        width: auto;
    }
    .link_area ul li.modal_link:first-child a {
        float:none;
        margin-top:0
    }

    .link_area ul li.modal_link:last-child a {
        float:none
    }
}
/*people*/
.people-mv{
    position: relative;
}
.people-mv >img{
    max-height: 600px;
    object-fit: cover;
    width: 100%;
    height: auto;


}
.people-mv-txt {
    position: absolute;
    width: 44%;
    right: 120px;
    z-index: 0;
    height: 200px;
    top: 21%;
}
.people-mv-txt.narushi-txt{
    position: absolute;
    width: 32%;
    left: 162px;
    height: 200px;
    top: 21%;
}

.people-mv .caption{
    background: rgb(0,173,186);
    background: linear-gradient(90deg, rgba(0,173,186,1) 0%, rgba(229,19,115,1) 100%);
    color: #fff;
    max-width: 900px;
    height: 127px;
    margin-top: -70px;
    z-index: 1;
    position: relative;
}
.people-mv .caption-in{
    /* max-width: 500px;*/
    /* margin: 0 auto; */
    /* width: 47%; */
    margin-left: 150px;
    max-width: 470px;
    width: 100%;
}
.people-mv .caption-name{
    display: flex;
    justify-content: flex-start;
    margin: 14px 0px;
    align-items: center;
    font-weight: bold;
}
.caption .txt-people img{
    max-width: 136px;
    margin-top: -80px;
}
.message-main .kana{
    display: block;
    width: 48%;
    margin: 7px;
    max-width: 87px;
}
.message-main .name{
    font-size: 28px;
    display: block;
    width: 57%;
    font-weight: 900;
}
.caption-name .prof{
    font-size: 14px;
    line-height: 22px;
    padding-left: 20px;
    border-left: 2px solid #fff;
    width: 100%;
    letter-spacing: 1;
}
/*各社員調整用*/
.sugi-box .message-main{
    width:184px !important;
    display: block;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}
.rayu-box .message-main {
    width: 190px !important;
}
.sugi-box .kana{
    width: 48px;
    margin: 7px 13px;
}
.rayu-box .kana {
    width: 55px;
    margin: 8px 15px;
}
.message-main{
    text-align: left;
    margin-left: 0px;
    margin-right: auto;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    width: 33%;
}
.kenshirou-box .message-main {
    width: 68%;
}
/*ゴヤちゃん*/
.goyachan-box .people-mv-txt{
    max-width: 465px;
    left: 157px;
}
.goyachan-box .kana{
    max-width: 81px;
    width: auto;
}

.goyachan-box .caption-in{
    margin-left: 150px;
    max-width: 560px;
    width: 100%;
}
.goyachan-box .txt-people img {
    max-width: 136px;
    margin-top: -80px;
}
.goyachan-box .message-main{
    width:100%;
}
/*リョーヘイ*/
.ryouhei-box .caption-in{
    max-width: 564px;
    right: 264px;
}
.ryouhei-box .message-main {
    width: 85%;
}
.ryouhei-box .people-mv-txt {
    width: 38%;
    right: 120px;
}
/*おぴょん*/
.opyon-box .people-mv-txt{
    max-width: 560px;
    left: 160px;
    top: 15%;
}
.opyon-box .kana{
    max-width: 60px;
    width: auto;
}

.opyon-box .caption-in{
    margin-left: 150px;
    max-width: 441px;
    width: 100%;
}


/*こむちゃん*/
.komuchan-box .people-mv-txt{
    max-width: 520px;
    right: 152px;
    left: auto;
    top: 19%;
}

.caption-in .category {
    font-size: 1.8rem;
    display: inline-flex;
    font-weight: bold;
    padding: 3px;
    color: #000;
}

.caption-in .category p {
    background-color: #fff;
    padding: 2px 4px 2px 0px;
    margin: 0px 10px 0px 0px;
    font-size: 16px;
}
.caption-in .category span {
    border-left: solid 0px #000;
    margin-left: 5px;
    padding-left: 5px;
    border-width: 4px;
    line-height: 1em;
    display: block;
}
h3.people-tit{
    font-size: 41px;
    letter-spacing: 2px;
    margin-bottom: 43px;
    line-height: 62px;
    font-weight: bold;
}
h3.people-tit img{
    max-width:320px;
    display: block;
    margin-bottom: 30px;
}
.bg-people-ri img{
    width: 90%;
    border-radius: 180px 0px 0px 180px;
    height: 400px;
    object-fit: cover;
    max-width: 873px;
    margin-left: auto;
    margin-right: 0px;
    display: block;
}
.bg-people-le img{
    width: 90%;
    border-radius: 0px 180px 180px 0px;
    height: 400px;
    object-fit: cover;
    max-width: 873px;
    margin-left: 0px;
    margin-right: auto;
    display: block;
}
.people-col01{
    position: relative;
    margin-bottom: 100px;
}
.people-col01::after {
    content: "";
    background: rgb(231,236,211);
    background: linear-gradient(-90deg, rgba(235,240,210,1) 0%, rgba(85,160,170,1) 81%, rgba(59,125,181,1) 100%);
    width: 41%;
    height: 252px;
    border-radius: 0px 600px 600px 0px;
    display: block;
    top: -134px;
    z-index: -1;
    position: absolute;
}
.people-col02{
    position: relative;
    margin-bottom: 100px;
}
.people-col02::before {
    content: "";
    background: linear-gradient(-90deg,rgba(219,116,128,1) 30%, rgba(228,232,174,1) 113%);
    width: 54%;
    height: 252px;
    border-radius: 600px 0px 0px 600px;
    display: block;
    top: -190px;
    z-index: -1;
    position: absolute;
    right: 0px;

}

/*社員調整用*/
.rayu-box .people-mv-txt{
    position: absolute;
    width: 35%;
    left: 152px;
    z-index: 9;
    height: 200px;
    top: 21%;
    z-index: 1;
}
.akimotsu-box .people-mv-txt {
    position: absolute;
    width: 29%;
    left: 150px;
    z-index: 1;
    height: 200px;
    top: 21%;
}
.akimotsu-box .message-main {
    width: 46%;
}
.narushi-box .message-main {
    width: 33%;
}
.kenshirou-box .caption-in{
    max-width: 670px;
    width: 100%;
}
.kenshirou-box .kana{
    max-width: 93px;
}
.narushi-box .kana{
    max-width: 72px;
}
.narushi-box .caption-in{
    max-width: 1100px;
    width: 100%;
}
.akimotsu-box .caption-in{
    max-width: 750px;
}
.work-col .works-in{
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 800px;
}
.work-col .works-in div{
    max-width: 385px;
    width: 100%;
    margin: 0 auto 30px;
}
.work-col {
    max-width: 900px;
    margin: 30px auto 100px;
    width: 90%;
}
.work-col .top-profile-box-list .title img{
    width: 100%;
    margin: 0 auto;
}
.work-col .slick-slide.check a{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.work-col .works-in .txt{
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}
.work-col .tit{
    max-width: 300px;
    margin: 30px auto 20px;
}
.link-index a{
    display: block;
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
    padding: 10px 20px;
    max-width: 280px;
    width: 90%;
    text-align: center;
    margin: 0 auto 30px;
    font-size: 18px;
    height: 33px;
    line-height: 0;
    background-position: center;
}
.link-index img{
    max-width: 67px;
    display: block;
    margin: 0 auto;
}
.link-index a:hover{
    border: 1px solid #000;
    background-color: #fff;
    background-image: url(../../img/newgrad/people/name/txt-index-hv.svg);
    background-repeat: no-repeat;
    background-size: 67px;
    background-position: center;
}
.link-index a:hover img{
    display: none;
}
/*TOPとはカテゴリの位置が違う*/
.slider.top-profile-box-list .category{
    position: relative;
    bottom: 0px;
}

/*about-FURYU*/
.about-furyu-col .mv-img{
    margin-bottom: 100px;
}
.about-cols{
    max-width: 1100px;
    margin: 0 auto;
    width: 90%;
}
.about-cols .about-box{
    text-align: center;
    max-width: 900px;
    margin: 0 auto 150px;
}
.about-cols .about-box .tit{
    font-size: 46px;
    line-height: 52px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
}
.about-cols .about-box .txt{
    line-height: 35px;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left;
}
.about-cols .about-box .txt .attent{
    display: block;
    font-size: 1.4rem;
    line-height: 1.5em;
    text-align: left;
}
.note{
    font-size: 12px;
    /* padding-left: 1em; */
    position: relative;
    bottom: 0.2em;
}
.note:before{
    content: "※";
}
.note:first-letter{
    margin-left: -1.3em;
}
.about-cols .about-box .sub-tit01 span{
    background: #ed006f;
    background: linear-gradient(-90deg,rgba(243,116,98,1) 0%, rgba(237,0,111,1)100%);
    color: #ffff;
    display: inline-block;
    font-size: 21px;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 4px 70px;
    text-align: center;
    font-weight: 600;
    max-width: 400px;
}
.about-cols .about-box .sub-tit02{
    background: #059392;
    background: linear-gradient(90deg,rgba(5,147,146,1) 11%,rgba(0,125,181,1) 83%);
    color: #ffff;
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 4px 70px;
    text-align: center;
}
.about-cols .strenge-box .tit{
    font-size: 22px;
    margin-bottom: 0px;
    display:inline-flex;
    align-items: center;
}
.about-cols .strenge-box .tit:before,
.about-cols .strenge-box .tit:after {
    content: "";
    height: 6px;
    flex-grow: 1;
    background-color: #CCE5F0;
}

.about-cols .strenge-box .tit:before {
    margin-right: 1rem;
    width: 129px;
}

.about-cols .strenge-box .tit:after {
    margin-left: 1rem;
    width: 129px;
}
.about-cols .strenge-box ul{
    display: flex;
    border-right: 6px solid #CCE5F0;
    border-left: 6px solid #CCE5F0;
    border-bottom: 6px solid #CCE5F0;
    margin: 0 auto;
    margin-top: -27px;
    padding: 40px 0px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 432px;
    font-weight: bold;
}
.about-cols .strenge-box ul li{
    color: #007DB5;
    font-size: 26px;
    margin: 0px 20px;
    font-weight: 800;
}

.about-cols .strenge-box.pink ul{
    max-width: 828px;
    border-right: 6px solid #FBCCE2;
    border-left: 6px solid #FBCCE2;
    border-bottom: 6px solid #FBCCE2;
}
.about-cols .strenge-box.pink ul li{
    color: #ED006F;
    margin: 0px 15px;
    font-weight: 900;
    font-size: 26px;
}
.about-cols .strenge-box.pink .tit:before {
    margin-right: 1rem;
    width: 326px;
}

.about-cols .strenge-box.pink .tit:after {
    margin-left: 1rem;
    width: 326px;
}
.about-cols .strenge-box.pink .tit:before,
.about-cols .strenge-box.pink .tit:after {
    background-color: #FBCCE2;
}
.sub-box.flex-re{
    margin-bottom: 50px;
}
.tab-content .sub-box {
    margin-bottom: 100px;
}
.tab-content .sub-box .txt {
    font-size: 16px;
    line-height: 35px;
    /* margin: 0px 20px; */
}


/*タブ切り替え*/
.TAB-01 .sub-box,.TAB-03 .sub-box,.TAB-04 .sub-box{
    background-color: #F8F8F8;
    padding: 50px 0px 0px;
    margin-bottom: 100px;
}
.TAB-01 .sub-box02 {
    padding: 30px;
    margin-bottom: 100px;
}
#TAB-01.tab-switch+.tab-label{
    background-color: #ED006F;
}
.sub-box.flex-le span{
    display: block;
    font-weight: 800;
    font-size: 21px;
    margin-bottom: 20px;
}
/*プリントシール事業*/
.tab-switch:checked+.TAB-01{
    background-color: #ED006F;
    max-width: 284px;
    height: 107px;
    line-height: 24px;
}
.tab-switch:checked+.tab-label+.tab-content.TAB-01{
    border: 8px solid #ED006F;
    border-top: -23px;
}

/*コンテンツメディア事業*/
#TAB-02.tab-switch:checked+.tab-label{
    background-color: #F37462;
    max-width: 284px;
    height: 107px;
    line-height: 24px;
    bottom: -3px;
}
#TAB-02.tab-switch+.tab-label{
    background-color: #F37462;
}
.tab-switch:checked+.tab-label+.tab-content.TAB-02{
    border: 7px solid #F37462;
    /* border-top: 42px; */
}
.TAB-02 .pictlik-box{
    font-weight: bold;
    border: 4px solid #FDE3E0;
    max-width: 516px;
    width: 100%;
    margin: 0 auto 100px;
    padding: 20px;
}
.TAB-02 .pictlik-box .pictlik-box-in{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.TAB-02 .pictlik-box .attent{
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: normal;
    text-align: center;
    font-weight: normal;
}
.TAB-02 .pictlik-box .txt-box{
    background-color: #F37462;
    color: #fff;
    font-size: 18px;
    padding: 4px 30px;
    line-height: 1.5em;
    text-align: center;
}
.TAB-02 .pictlik-box .txt-number{
    color: #F37462;
    font-size: 36px;
    letter-spacing: 0.1em;
    margin: 0px 20px;
}
.TAB-02 .pictlik-box .txt-number .number{
    font-size: 55px;
    letter-spacing: 0px;
    font-weight: 700;
}

.TAB-02 .sub-box.flex-le{
    background-color: #F8F8F8;
    padding:40px;
}
.TAB-02 .sub-box.flex-le .txt{
    max-width: 426px;
    margin: 0px 40px 0px;
    margin-right: 0px;
}


/*キャラクターMD事業*/
#TAB-03.tab-switch:checked+.tab-label{
    background-color: #007DB5;
    max-width: 284px;
    height: 107px;
    line-height: 24px;
    bottom: -6px;
}
.tab-switch:checked+.tab-label+.tab-content.TAB-03{
    border: 6px solid #007DB5;
}
#TAB-03.tab-switch+.tab-label{
    background-color:#007DB5;
    /* line-height: 24px; */
}
.TAB-03 .sub-box .txt{
    max-width: 600px !important;
    margin-left: 40px;
}
.tab-wrap article{
    margin-bottom: 100px;
    max-width: 900px;
    margin: 0 auto 100px;
}
/*ゲーム/アニメ*/
#TAB-04.tab-switch:checked+.tab-label{
    background-color: #00A1A9;
    max-width: 284px;
    height: 107px;
    line-height: 24px;
    bottom: -6px;
}
.tab-switch:checked+.tab-label+.tab-content.TAB-04{
    border: 6px solid #00A1A9;
}

.TAB-04 .sub-box02.flex-re .txt{
    max-width: 600px;
}
.TAB-04 .sub-box.flex-le .txt{
    max-width: 655px;
    margin-left: 40px;
}
#TAB-04.tab-switch+.tab-label{
    background-color: #00A1A9;
}
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 1140px;
    margin: 0 auto 100px;
    width: 100%;
}
.tab-wrap:after {
    content: '';
    width: 100%;
    height: 3px;
    /* background-color:#00A1A9; */
    display: block;
    /* order: -1; */
}
.tab-label {
    color: White;
    font-weight: bold;
    text-align: center;
    padding: 10px 4px;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    flex: 1;
    font-size: 18px;
    position: inherit;
    bottom: -30px;
    height: 80px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-label:not(:last-of-type) {
    /*margin-right: 5px;*/
}
.tab-content {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label.TAB-01{
    background-color: #ED006F;
    bottom: 0px;
}
.tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    overflow: auto;
    padding: 100px 70px 60px;
    opacity: 1;
}
.tab-wrap:after {
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}
.tab-content .main-tit{
    font-size:50px;
    margin-bottom: 100px;
    text-align: center;
    line-height: 55px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.tab-content .main-tit span {
    font-size: 26px;
    display: block;
    letter-spacing: 0.1em;
    background-color: unset;
    margin-bottom: 10px;
    font-weight: 800;
}
.tab-content .tit{
    font-size:30px;
    margin-bottom: 40px;
    text-align: center;
    line-height: 55px;
    font-weight: bold;
}

.tab-content .tit .note{
    vertical-align: top;
    position: relative;
    top: -0.1em;
    font-size: 15px;
    display: inline;
    left: 0px;
}
.tab-content .tit .note:before{
    content: "※";
}
.tab-content .tit .note:first-letter{
    margin-left: -1.3em;
}
.tab-content .tit　span{
    display: block;
    margin-bottom: 100px;
    text-align:center;
}
.tab-content .tit span{
    font-size: 26px;
    margin-bottom: 50px;
    background-color: unset;
    display: block;
}
.TAB-01.tab-content .tit-in{
    background-color: #FDE5F0;
    padding: 3px 0px;
    font-size: 35px;
    line-height: 32px;
    display: inline-block;
    margin-bottom: 13px;
    letter-spacing: 0.01em;
}
.TAB-02.tab-content .tit-in{
    background-color: #FDE3E0;
    padding: 3px 0px;
    font-size: 35px;
    line-height: 32px;
    display: inline-block;
    margin-bottom: 13px
}
.TAB-03.tab-content .tit-in{
    background-color: #E5F2F7;
    padding: 3px 0px;
    font-size: 35px;
    line-height: 32px;
    display: inline-block;
    margin-bottom: 13px
}
.TAB-04.tab-content .tit-in{
    background-color: #D9F1F2;
    padding: 3px 0px;
    font-size: 35px;
    line-height: 40px;
    display: inline;
    margin-bottom: 13px;
}
.tab-content .tit-in{
    font-weight: 700;
    letter-spacing: 0.1em;
}

.tab-content .txt{
    font-size: 16px;
    line-height: 35px;
}
.sub-box.flex-re{
    align-items: baseline;
}
.sub-box.flex-le,.sub-box.flex-re,.TAB-01 .sub-box02,.TAB-02 .sub-box02,.TAB-03 .sub-box02,.TAB-04 .sub-box02{
    display: flex;
    justify-content: space-around;
    margin-bottom: 90px;
    padding: 30px 30px 0px 0px;
}

.TAB-04 .sub-box-g{
    padding: 30px 30px 30px 30px;
}
.sub-box.flex-le.sub-box-g{
    justify-content: space-around;
    margin-bottom: 90px;
    padding: 30px 30px 30px 30px;
    align-items: center;
}
.sub-box.flex-le .txt{
    font-size: 14px;
    line-height: 30px;
    max-width: 540px;
}
.sub-box02.flex-re .txt{
    font-size: 16px;
    line-height: 30px;
    margin: 0px 30px 0px 0px;
    max-width: 541px;
    width: 100%;
}
.sub-box02.flex-re .attent{
    text-align: left;
}
.attent{
    font-size: 14px;
    line-height: 1.5em;
    text-align: right;
    display: block;
}
.TAB-02 .sub-box02 .txt{
    max-width: 700px;
    margin-bottom: 100px;
}
/*タブ下層にある分*/
.tab-bottom .tab-label.active{
    bottom: -30px;
    padding: 15px 0px;
    height: 100px;
}


/*---------company-------------*/

.company-title h3 {
    width: 40%;
    font-size: 18px;
}


.company-title p {
    font-size: 18px;
    font-weight: 900;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 50px;
}


.company-box-list {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
    flex-wrap: wrap;
}



.company-profile-box {
    max-width: 1000px;
    margin: 0 auto;
}



.company-box-list li {
    background-repeat: no-repeat;
    max-width: 320px;
    width: 30vw;
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
}



.company-box-list figure p {
    display: block;
    color: #ffff;
    font-weight: bold;
    padding-left: 25px;
}


.company-box-list .com-title {
    font-size: 16px;
    line-height: 1.5em;
    position: absolute;
    top: 32%;
    text-align: center;
    width: 100%;
}




.company-box-list span {
    display: block;
    color: #ffff;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
}


.com-title img {
    height: 100% !important;
    width: 100%;
    padding: 0px 10px;
}
.saiyo-about .top-profile-box-title{
    text-align: left;
}
.saiyo-company-contents::before {
    content: "";
    background: rgb(220, 240, 220);
    background: linear-gradient(-90deg, rgba(220, 240, 220, 1) 0%, rgba(90, 160, 210, 1) 81%);
    width: 69%;
    height: 300px;
    border-radius: 0px 600px 600px 0px;
    display: block;
    z-index: -1;
    position: absolute;
    left: 0%;
    top: 30px;
}
.saiyo-company-contents,.saiyo-about{
    position: relative;
    margin: 80px 0px;
}
/*リード文タイトル*/
.saiyo-about .top-profile-box-title img{
    width: 33%;
    margin-left: 0;
}
.company-title{
    width: 83% !important;
}
.saiyo-about::before{
    content: "";
    width: 100%;
    background: rgb(235,235,174);
    background: linear-gradient(90deg, rgba(235,235,174,1) 30%, rgba(230,116,128,1) 66%);
    max-width: 1000px;
    height: 300px;
    border-radius: 0px 600px 600px 0px;
    display: block;
    /* bottom: 261px; */
    z-index: -1;
    position: absolute;
    left: 0%;
    top: 30px;
}
.saiyo-about::after {
    content: "";
    background: rgb(233,184,154);
    background: linear-gradient(85deg, rgba(233,184,154,1) 16%, rgba(230,116,128,1) 35%, rgba(160,90,170,1) 100%);
    /* width: 54%; */
    max-width:1000px;
    width: 100%;
    height: 341px;
    border-radius: 600px 0px 0px 600px;
    display: block;
    bottom: -40px;
    z-index: -1;
    position: absolute;
    right: 0;
    margin-top: 30px;
}
.recruit-about-contents::before {
    content: "";
    background: rgb(224,233,203);
    background: linear-gradient(85deg, rgba(0,153,173,1) 0%, rgba(224,233,203,1) 100%);
    width: 69%;
    height: 300px;
    border-radius: 0px 600px 600px 0px;
    display: block;
    z-index: -1;
    position: absolute;
    left: 0%;
    top: 30px;
}