/*--------------------------------------------------------------
Theme Name: Noir Original
File Name: style-comapny.css
Description: Styles for company
--------------------------------------------------------------*/
body.page-template-page-company {
    background-color: #EFEFEF /* お好きな色 */
}

.company-outer-wrapper{
    padding-top:200px;
}

/* fv */

.company-fv-title{
    max-width:calc(1200px);
    /*margin:auto;*/
    margin-bottom:5%;
    padding: 0 calc(10% - 30px);
    padding: 0 6%;

}

.company-fv-title img{
    width:27%;
}

.company-fv-title h2{
    font-size:12px;
    margin-top:1rem;
    font-size:normal;
}
/*
@media screen and (max-width: 902px){
	.margin-t{
		margin-top: -34px;
	}
}
    */
@media screen and (max-width: 500px){/* 768px以下 */ 
    .company-fv-title{
        margin-top:-5rem;
    }

    .company-fv-title img{
        width:45vw;
    }
}

/* content */

.company-fv-content .company-fv-img{
    width:62%;
    margin-left:0;
    margin-top:0;
}

.company-fv-content .company-fv-message{    
    width: 30%;
    transform: translate(-14%, -15.5%);
}

.company-fv-content{
    margin-bottom:110px;
}

@media screen and (max-width: 500px){/* 768px以下 */
    .company-fv-content{
        margin-bottom:10%;
    }
    .company-fv-content .company-fv-img{
        width:100vw;
    } 

    .company-fv-content .company-fv-message{    
        width: 70vw;
        transform: translate(8vw, -6.5vw);
    }
}



/* title */
.company-title-wrapper{
    padding: 0 5%;
    margin-bottom:110px;
    text-align: center;
}

.company-title-wrapper h3{
    font-size:30px;
    margin-bottom:30px;
}

.company-title-wrapper p{
    font-size:15px;
    text-align: left;
}

@media screen and (max-width: 500px){/* 768px以下 */
    .company-title-wrapper{
        margin-bottom:100px;
    }
}


/* table */

.company-info-wrapper{
    padding: 0 5%;
    max-width:calc(1200px);
    margin:auto;
    margin-bottom:100px;
    display:grid;
    grid-template-columns: 1fr 5fr;
}

.company-info-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

.company-info-wrapper h3{
    margin-bottom:0.5rem;
}

.company-info-wrapper td {
    border: 1px solid #ccc;
    border: none;
    padding: 8px; 
    text-align: left;
    vertical-align: top; 
    height: auto; 
}

.company-info-wrapper th {
    border: 1px solid #ccc;
    border: none;
    padding: 8px; 
    padding-top:12px;/* adjustment */
    text-align: left;
    vertical-align: top; 
    height: auto; 
}

@media screen and (max-width: 768px){/* 768px以下 */
    .company-info-wrapper {
        grid-template-columns: 1fr;
        margin-bottom:100px;
    }
    .company-info-wrapper h3{
        text-align: center;
        margin-bottom:3rem;
    }

    .company-info-wrapper th { 
        padding-top: 15px;
        font-size:15px;  
    }
    .company-info-wrapper td{
        width:60vw;
        font-size:15px; 
    }

    
}


/* conpany list */
.company-list-wrapper{
    max-width:1200px;
    margin:auto;
    margin-bottom:100px;
    padding: 0 5%;
}

.company-list-wrapper h3{
    margin-bottom:0.5rem;
}

/*
.company-list-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10vw;
    row-gap: 1rem;
    margin-left:2rem;
    
}
*/
.company-list-container {
    display: grid
;
    /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
    gap: 10%;
    row-gap: 1rem;
    margin-left: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
}

.company-list-container .category {
    margin-bottom: 10px;
}

.company-list-container .category h4 {
    font-size: 16px;
    /*margin-bottom: 10px;*/
    /*border-bottom: 2px solid #000;*/
    font-weight:bold;
    padding-bottom: 5px;
}

.company-list-container .category ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.company-list-container .category ul li {
    margin-bottom: 5px;
    font-size:12px;
}

.company-list-container .list-margin-adjuster{
    margin-top:1.6rem;
}

/* PC表示時のスタイル */
.company-list-container .category ul {
    list-style-type: none;
    padding-left: 0;
}

.company-list-container .category li {
    padding-left: 20px;
}


/* アコーディオンのアイコン調整 */
summary::marker {
    display:none;
}

/* Chrome、Safari以外 */
summary {
    display: block;
  }
  
  /* Chrome、Safari */
  summary::-webkit-details-marker {
    display: none;
  }

summary::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(-45deg);
    position: absolute;
    top: 14px;
    right: 20%;
    transition: transform 0.3s ease;
}

details[open] summary::after {
    transform: rotate(45deg);
    top: 7px;
}



@media screen and (max-width: 768px){/* 768px以下 */
    .company-list-wrapper h3 {
        text-align: center;
        margin-bottom: 3rem;
    }
	.company-list-container {
		row-gap: 0;
		gap:0;
		margin-left:2rem;
        grid-template-columns: 1fr;
	}
}