@charset "UTF-8";


/*------------------------------------------------------------
	Common
------------------------------------------------------------*/

/* style */
.p-nav-list__item-link{
    color: #000;
}
.l-header--scroll .p-nav-list__item-link{
    color: var(--theme-white_color);
}

/* .l-page-mv */
.l-page-mv{
    width: 100%;
    padding: 235px 20px 170px;
    background: url(../images/case/mv-bg01.jpg)no-repeat center center / cover;
    margin-top: 125px;
}
.l-page-mv__title{
    width: 960px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}
.l-page-mv__title-text{
  line-height: 1;
  font-size: 4rem;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
.l-page-mv__title-eng{
  position: absolute;
  left: 0;
  bottom: 25px;
}
.l-page-mv__title-eng img{
  width: auto;
  height: 78px;
  object-fit: contain;
}

/* .p-pankuzu */
.p-pankuzu{
    padding: 20px;
}
.p-pankuzu__list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
}
.p-pankuzu__list-item{
    padding-right: 37px;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
    transition: .3s;
}
.p-pankuzu__list-item::before{
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    background: url(../images/common/arrow-right-gray--small.svg)no-repeat center center / contain;
    position: absolute;
    top:2px;
    right: 15px;
}
.p-pankuzu__list-item:first-child{
    padding-left: 22px;
    background: url(../images/common/icon-home.svg)no-repeat center left / 16px;
    color:#00b4fd;
}
.p-pankuzu__list-item:last-child{
    padding-right: 0;
}
.p-pankuzu__list-item:last-child::before{
    display: none;
}
.p-pankuzu__linktext {
    color: #00b4fd;
}


@media(min-width:769px){
    /* .p-pankuzu */
    .p-pankuzu__list-item:hover{
        text-decoration: underline;
    }
    .p-pankuzu__list-item:last-child:hover{
        text-decoration: none;
    }
}

@media(max-width:1000px){
    /* style */
    .p-nav-list__item-link{
        color:var(--theme-white_color);
    }

    /* .l-page-mv */
    .l-page-mv{
        padding: 80px 20px 60px;
        margin-top: 62px;
    }
    .l-page-mv__title-text{
        font-size: 2.8rem;
    }
    .l-page-mv__title-eng{
        bottom: 25px;
    }
    .l-page-mv__title-eng img{
        height: 45px;
    }

    /* .p-pankuzu */
    .p-pankuzu__list-item{
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
}


/*------------------------------------------------------------
	Case
------------------------------------------------------------*/
/* .pg-case-detail */
.pg-case-detail{
    padding: 35px 0 25px;
}
.pg-case-detail__list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:55px 30px;
}
.pg-case-detail__list-item{
    width: calc(100% / 3 - 20px);
}
.pg-case-detail__list-image {
    margin-bottom: 10px;
}
.pg-case-detail__list-image img{
    width: 100%;
    height: auto;
}
.pg-case-detail__list-text{
    line-height: 1.8;
    font-size: 1.5rem;
}

/* .pg-case-table */
.pg-case-table{
    padding: 0 0 125px;
}
.pg-case-table__table{
    width: 100%;
}
.pg-case-table__table th{
    width:calc(100% / 3);
    padding:20px 25px;
    font-size: 1.8rem;
}
.pg-case-table__table td{
    width:calc(100% / 3);
    padding:20px 25px;
    font-size: 1.8rem;
}
.pg-case-table__table--title {
    margin-bottom: 10px;
}
.pg-case-table__table--title th{
    background: var(--theme-main_color);
    border-right: solid 5px var(--theme-white_color);
    color: var(--theme-white_color);
}
.pg-case-table__table--title th:last-child{
    border-right: none;
}

.pg-case-table__tgl{
    margin-bottom: 20px;
}

.pg-case-table__tgl-btn{
    width: 100%;
    padding: 20px 25px;
    text-align: center;
    background: var(--theme-sub2_color);
    border: solid 1px #b82132;
    font-size: 2rem;
    font-weight: 500;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
    transition: .3s;
}
.pg-case-table__tgl-btn:before{
    content: '';
    display: block;
    width: 21px;
    height: 100%;
    background: url(../images/common/arrow-btm-red.svg)no-repeat center center / contain;
    position: absolute;
    top:0;
    right: 25px;
    transform: rotate(180deg);
    transition: .3s;
}
.pg-case-table__tgl-btn.on:before{
    transform: rotate(0deg);
}
.pg-case-table__table--content{
    display: block;
    height: 0px;
    opacity: 0;
    overflow: hidden;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    transition: .3s;
}
.pg-case-table__table--content.on{
    display: table;
    height: auto;
    opacity: 1;
    margin-bottom: 85px;
}
.pg-case-table__table--content th{
    background: var(--theme-sub2_color);
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
.pg-case-table__table--content td{
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    vertical-align: middle;
}
.pg-case-table__title{
    text-align: center;
    line-height: 1.2;
    font-size: 3rem;
    margin: 0 auto 40px;
}

.pg-case-table__talk{
    display: flex;
    align-content: center;
    align-items: center;
}
.pg-case-table__talk-img{
    width:93px;
    margin-right: 10px;
}
.pg-case-table__talk-text{
    max-width: calc(100% - 103px);
    padding: 15px 25px;
    border-radius: 50px;
    background: #a1d6cb;
    font-size: 1.5rem;
    position: relative;
}
.pg-case-table__talk-text::before{
    content: '';
    display: block;
    width: 39px;
    height: 21px;
    background: url(../images/common/img-talk.svg)no-repeat center center / contain;
    position: absolute;
    left: -15px;
    bottom: 2px;
}


@media(min-width:769px){
    .pg-case-table__tgl-btn:hover{
        color: var(--theme-main_color);
        opacity: .8;
    }
}

@media(max-width:1000px){
    /* .pg-case-detail */
    .pg-case-detail{
        padding: 20px 0 ;
    }
    .pg-case-detail__list{
        gap:40px 20px;
    }
    .pg-case-detail__list-item{
        width: calc(50% - 10px);
    }
    .pg-case-detail__list-text{
        font-size: 1.4rem;
    }

    /* .pg-case-table */
    .pg-case-table{
        padding: 0 0 40px;
    }
    .pg-case-table__table th{
        padding:10px 15px;
        font-size: 1.5rem;
    }
    .pg-case-table__table td{
        padding:10px 15px;
        font-size: 1.5rem;
    }
    .pg-case-table__tgl-btn{
        padding: 15px 20px;
        font-size: 1.8rem;
    }
    .pg-case-table__tgl-btn:before{
        width: 15px;
    }
    .pg-case-table__tgl-btn.on:before{
        transform: rotate(0deg);
    }
    .pg-case-table__table--content.on{
        margin-bottom: 40px;
    }
    .pg-case-table__table--content th{
        width: 25%;
    }
    .pg-case-table__table--content th:first-child{
        width: 50%;
    }
    .pg-case-table__table--content td{
        width: 25%;
    }
    .pg-case-table__table--content td:first-child{
        width: 50%;
    }
    .pg-case-table__talk-img{
        width:93px;
        margin-top: 50px;
        margin-right: 10px;
    }
    .pg-case-table__talk-text{
        padding: 15px 20px;
        border-radius: 20px;
        font-size: 1.5rem;
    }
    .pg-case-table__talk-text::before{
        content: '';
        display: block;
        width: 39px;
        height: 21px;
        background: url(../images/common/img-talk.svg)no-repeat center center / contain;
        position: absolute;
        left: -15px;
        bottom: 2px;
    }
}


/*------------------------------------------------------------
	Company
------------------------------------------------------------*/

/* .pg-company-mv */
.pg-company-mv{
    background: url(../images/company/mv-bg01.jpg)no-repeat center center / cover;
}

/* .pg-company-infotable */
.pg-company-infotable{
    padding: 60px 0 10px;
}
.pg-company-infotable__title{
    font-size: 3rem;
    margin-bottom: 30px;
}
.pg-company-infotable__table{
    width: 100%;
    border-top: solid 1px #cccccc;
    margin-bottom: 90px;
}
.pg-company-infotable__table tr{
    border-bottom: solid 1px #cccccc;
}
.pg-company-infotable__table th{
    padding: 20px 25px;
    line-height: 2;
    font-weight: 500;
}
.pg-company-infotable__table td{
    padding: 20px 25px;
    line-height: 2;
}

/* .pg-company-message */
.pg-company-message{
    padding: 100px 0;
    background: url(../images/home/news-bg.png) no-repeat center center / cover;
    background-color: #f1f5f5;
    text-align: center;
}
.pg-company-message__image{
    width: 390px;
    margin-right: 60px;
}
.pg-company-message__box{
    width: calc(100% - 450px);
    text-align: left;
}
.pg-company-message__title{
    font-size: 3rem;
    margin-bottom: 30px;
}
.pg-company-message__text{
    line-height: 1.6;
    font-size: 1.5rem;
}

/* .pg-company-info */
.pg-company-info{
    padding: 100px 0 10px;
}
.pg-company-info__title{
    font-size: 3rem;
    margin-bottom: 35px;
}
.pg-company-info__list{
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.pg-company-info__list-item{
    width: calc(100% / 3);
    line-height: 2;
    font-size: 1.5rem;
}
.pg-company-info__text{
    display: block;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: solid 1px #cccccc;
    text-align: right;
    margin-bottom: 50px;
}

/* .pg-company-map */
.pg-company-map{
    padding: 100px 0;
    background: url(../images/home/news-bg.png) no-repeat center center / cover;
    background-color: #f1f5f5;
}
.pg-company-map .l-section-inner{
    padding: 0;
    background: var(--theme-white_color);
}
.pg-company-map__box{
    width: 50%;
    padding: 10px 30px 30px;
}
.pg-company-map .l-section-inner iframe{
    width: 50% !important;
    height: 500px !important;
    max-height: 100%;
}
.pg-company-map__title{
    padding: 30px 0;
    border-bottom: solid 1px #cccccc;
    line-height: 1;
    font-size: 3rem;
}
.pg-company-map dl{
    padding: 30px 0;
    border-bottom: solid 1px #cccccc;
}
.pg-company-map dl dt{
    line-height: 1.5;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 12px;
}
.pg-company-map dl dd ~ dt{
    margin-top: 35px;
}
.pg-company-map dl dd{
        line-height: 1.5;
        font-size: 1.5rem;
}

/* .pg-company-mapdetail */
.pg-company-mapdetail{
    padding: 80px 0 85px;
}
.pg-company-mapdetail__title{
    font-size: 3rem;
}
.pg-company-mapdetail__image img{
    width: 100%;
}

/* .pg-company-table */
.pg-company-table__title{
    line-height: 1.2;
    font-size: 3rem;
    margin-bottom: 15px;
}
.pg-company-table{
    padding: 0 0 40px;
}
.pg-company-table__table{
    width: 100%;
}
.pg-company-table__table th{
    width:calc(100% / 3);
    padding:20px 25px;
    font-size: 1.8rem;
}
.pg-company-table__table td{
    width:calc(100% / 3);
    padding:20px 25px;
    font-size: 1.8rem;
}
.pg-company-table__tgl{
    margin-bottom: 20px;
}

.pg-company-table__tgl-btn{
    width: 100%;
    padding: 20px 25px;
    text-align: center;
    background: var(--theme-main_color);
    color: var(--theme-white_color);
    font-size: 2rem;
    font-weight: 500;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
    transition: .3s;
}
.pg-company-table__tgl-btn:before{
    content: '';
    display: block;
    width: 21px;
    height: 100%;
    background: url(../images/common/arrow-btm-white.svg)no-repeat center center / contain;
    position: absolute;
    top:0;
    right: 25px;
    transform: rotate(180deg);
    transition: .3s;
}
.pg-company-table__tgl-btn.on:before{
    transform: rotate(0deg);
}
.pg-company-table__tgl-table{
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .3s;
}

.pg-company-table__tgl-table.on{
    display: table;
    height: auto;
    opacity: 1;
    margin-bottom: 35px;
}
.pg-company-table__table{
    width: 100%;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    margin-bottom: 25px;
    transition: .3s;
}
.pg-company-table__table th{
    background: var(--theme-sub2_color);
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
.pg-company-table__table td{
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    vertical-align: middle;
}
.pg-company-table__tgl-list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 20px;
    gap:25px 36px;
}
.pg-company-table__tgl-list-item{
    width: calc(100% / 4 - 27px);
}
.pg-company-table__tgl-list-item-image{
    margin-bottom: 10px;
}
.pg-company-table__tgl-list-item-text{
    font-size: 1.5rem;
}

/* .pg-company-qualf */
.pg-company-qualf{
    padding:0 0 230px;
}
.pg-company-qualf__image{
    width: 50%;
}
.pg-company-qualf__box{
    width: 50%;
    padding-right: 25px;
}
.pg-company-qualf__title{
    padding-bottom: 30px;
    border-bottom: solid 1px #ccc;
    line-height: 1;
    font-size: 3rem;
    margin-bottom: 25px;
}
.pg-company-qualf__table th{
    font-size: 1.5rem;
    font-weight: 400;
}
.pg-company-qualf__table td{
    text-align: right;
    font-size: 1.5rem;
    font-weight: 400;
}
.pg-company-table__tgl-image{
    gap:30px;
}
.pg-company-table__tgl-image-item{
    width: calc(100% / 3 - 20px);
}




@media(max-width:1000px){

    /* .pg-company-infotable */
    .pg-company-infotable{
        padding: 40px 0 10px;
    }
    .pg-company-infotable__title{
        font-size: 2.5rem;
        margin-bottom:20px;
    }
    .pg-company-infotable__table{
        margin-bottom: 60px;
    }
    .pg-company-infotable__table th{
        width: 110px;
        padding: 15px 10px;
        text-align: right;
        font-size: 1.5rem;
    }
    .pg-company-infotable__table td{
        padding: 15px 10px 15px 10px;
        font-size: 1.5rem;
    }

    /* .pg-company-message */
    .pg-company-message{
        padding: 60px 0;
    }
    .pg-company-message .l-flex{
        display: block;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    .pg-company-message__image{
        width: 50%;
        margin: 0 auto 30px;
    }
    .pg-company-message__box{
        width: 100%;
    }
    .pg-company-message__title{
        font-size:2.5rem;
        margin-bottom: 20px;
    }
    .pg-company-message__text{
        line-height: 1.6;
        font-size: 1.5rem;
    }

    /* .pg-company-info */
    .pg-company-info{
        max-width: 600px;
        padding: 60px 0 10px;
        margin: 0 auto;
    }
    .pg-company-info__title{
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
    .pg-company-info__list{
        display: block;
    }
    .pg-company-info__list-item{
        width: 100%;
    }
    .pg-company-info__text{
        padding-bottom: 20px;
        border-bottom: solid 1px #cccccc;
        text-align: right;
        margin-bottom: 40px;
    }

    /* .pg-company-map */
    .pg-company-map{
        padding: 60px 0;
    }
    .pg-company-map__box{
        width: 100%;
        padding: 10px 30px 30px;
    }
    .pg-company-map .l-section-inner{
        display: block;
    }
    .pg-company-map .l-section-inner iframe{
        width: 100% !important;
        height: 300px !important;
    }
    .pg-company-map__title{
        padding: 20px 0;
        font-size: 2.5rem;
    }
    .pg-company-map dl{
        padding: 20px 0;
        border-bottom: solid 1px #cccccc;
    }
    .pg-company-map dl dt{
        line-height: 1.5;
        font-size: 1.8rem;
        font-weight: 400;
        margin-bottom: 12px;
    }
    .pg-company-map dl dd ~ dt{
        margin-top: 20px;
    }
    .pg-company-map dl dd{
            line-height: 1.5;
            font-size: 1.5rem;
    }

    /* .pg-company-mapdetail */
    .pg-company-mapdetail{
        padding: 60px 0 60px;
    }
    .pg-company-mapdetail__title{
        font-size: 2.5rem;
    }

    /* .pg-company-table */
    .pg-company-table__title{
        line-height: 1.2;
        font-size: 2.5rem;
        margin-bottom: 15px;
    }
    .pg-company-table{
        padding: 0 0 40px;
    }
    .pg-company-table__table{
        width: 100%;
    }
    .pg-company-table__table th{
        width:calc(100% / 3);
        padding:10px;
        font-size: 1.4rem;
    }
    .pg-company-table__table td{
        width:calc(100% / 3);
        padding:10px;
        font-size: 1.4rem;
    }
    
    .pg-company-table__table th{
        width: 35%;
    }
    .pg-company-table__table th:first-child{
        width: 50%;
    }
    .pg-company-table__table th:last-child{
        width: 15%;
    }
    .pg-company-table__table td{
        width: 35%;
    }
    .pg-company-table__table td:first-child{
        width: 50%;
    }
    .pg-company-table__table td:last-child{
        width: 15%;
    }
    .pg-company-table__tgl{
        margin-bottom: 20px;
    }

    .pg-company-table__tgl-btn{
        width: 100%;
        padding:15px 20px;
        font-size: 1.6rem;
    }
    .pg-company-table__tgl-btn:before{
        content: '';
        display: block;
        width: 21px;
        height: 100%;
        background: url(../images/common/arrow-btm-white.svg)no-repeat center center / contain;
        position: absolute;
        top:0;
        right: 25px;
        transform: rotate(180deg);
        transition: .3s;
    }

    .pg-company-table__tgl-table.on{
        margin-bottom: 20px;
    }
    .pg-company-table__table{
        margin-bottom: 20px;
    }
    .pg-company-table__tgl-list{
        gap:20px;
    }
    .pg-company-table__tgl-list-item{
        width: calc(100% / 2 - 10px);
    }
    .pg-company-table__tgl-list-item-image{
        margin-bottom: 10px;
    }
    .pg-company-table__tgl-list-item-text{
        font-size: 1.5rem;
    }

    /* .pg-company-qualf */
    .pg-company-qualf{
        padding:0 0 100px;
    }
    .pg-company-qualf .l-section-inner{
        display: block;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    .pg-company-qualf__image{
        width: 50%;
        margin: 0 auto;
    }
    .pg-company-qualf__box{
        width: 100%;
        padding: 0;
        margin: 0 auto 40px;
    }
    .pg-company-qualf__title{
        padding-bottom: 20px;
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
    .pg-company-qualf__table th{
        font-size: 1.4rem;
    }
    .pg-company-qualf__table td{
        font-size: 1.4rem;
    }
    .pg-company-table__tgl-image{
        gap:20px;
        flex-wrap: wrap;
    }
    .pg-company-table__tgl-image-item{
        width: calc(100% / 2 - 10px);
    }
}

/*------------------------------------------------------------
	service
------------------------------------------------------------*/
.pg-service-mv {
	background: url(../images/service/mv-bg01.jpg) no-repeat center center / cover;
}

/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/
.pg-privacy-mv {
	background: url(../images/news/news-bg.png) no-repeat center center / cover;
    background-color: #f1f5f5;
    padding: 150px 20px 95px;
}


/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
.pg-contact-mv {
	background: url(../images/news/news-bg.png) no-repeat center center / cover;
    background-color: #f1f5f5;
    padding: 150px 20px 95px;
}


/*------------------------------------------------------------
	news
------------------------------------------------------------*/
.pg-news-mv {
	background: url(../images/news/news-bg.png) no-repeat center center / cover;
    background-color: #f1f5f5;
    padding: 150px 20px 95px;
}