/* ==========================================
   基本設定
   ========================================== */

/*------------　企業情報ページ　------------*/

/*------　メイン と Ａサイド------*/


.page-company .content{
    width: max-content;
    margin: 0 auto;
    padding-top: 16px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.page-company main{
    width: 658px;
    padding: 16px 0;
}


.page-company .content main section {
    padding: 8px 8px 40px;
}



/*.page-company  h1 {


    .page-company main section{
        padding: 8px;
    }

    margin-top: 8px;
    margin-bottom: 16px;
    height: 37px;
    overflow: hidden;
    background-image: url(../img/indexBg_1U.png);
    background-position: top left;
    background-repeat: no-repeat;
    line-height: 34px;
    padding-left: 20px;
    text-align: left;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    color: #fff;
}

.page-company main h2{
    color: #000000;
    background-image: none;
    padding: 0 0 8px 0;
    margin: 0 0 16px 0;
    font-size: 1.1rem;
}

.page-company .content main h2{
    text-align: left;
    border-bottom-style: solid;
    border-bottom-color: #aedd27;
    font-size: 1.1em;
    color: #4682b4;
    font-weight: bold;
    padding-left: 1rem;
    margin-bottom: 32px;
}

.page-company .access-item01 h3{
    font-size: 1rem;
    font-weight: normal;
    line-height: 16px;
    min-height: 16px;
    width: 160px !important;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 20px;
    background-image: url(../img/arrow_1U.png);
    background-position: 6px 10px;
    background-repeat: no-repeat;

    .page-company main p {
    text-indent: 1em;
    margin-bottom: 1em; 
    line-height: 1.7; 
    }

}

*/

.page-company .content main .map-container iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* 横長にする場合（4/3 や 1/1 に変更可能） */
}

.page-company table{
    margin: 0;
    padding: 0;
    border-top: 1px solid #808080;
}

.page-company th {
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    font-weight: normal;
    background-color: transparent;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

.page-company td {
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

.page-company .access-container{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 40px;
}

.page-company .access-item01{
    width: 20%;
    text-align: left;
}


.page-company .access-item02{
    width: 80%;
    text-align: left;
}

.page-company .access-item02 address{
    margin-bottom: 8px;
}

.page-company aside {
    width: 223px;
    padding-top: 16px;
    margin: 16px;   
}

.page-company aside li {
    padding-left: 24px;
    text-align: left;
    background-image: url(../img/icon_arrow_l.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 16px;
}


.page-company main p:last-child {
  margin-bottom: 0;
}

/* ==========================================
   タブレットサイズ以上 (1024px ~)
   ========================================== */

@media (min-width: 1024px) {

}

/* ==========================================
   モバイルサイズ以上 / Desktop Small (768px ~)
   ========================================== */

@media (min-width: 768px) {

}

/* ==========================================
   タブレットサイズ以下 (1024px ~)
   ========================================== */

@media (max-width: 1023px) {

}

/* ==========================================
   モバイルサイズ以下 (1024px ~)
   ========================================== */

@media (max-width: 767px) {

   	/*------　メイン と Ａサイド------*/

	.page-company .content {
        flex-direction: revert;
		width: 100%;
	}

	.page-company aside {
		width: 100%;
        padding-top: 0;
        margin: 0 16px 16px;
	}

	.page-company main {
    	width: 100%;
	}

	.page-company .access-item01{
    	width: 100%;
	}
	.page-company .access-item02{
    	width: 100%;
	}
	
	.page-company .access-item02 .map-container{
		margin-bottom: 8px;
	}

    .page-company table,
	.page-company tbody,
	.page-company tr,
	.page-company th,
	.page-company td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

   .company-profile th {
   }

   .company-profile th{
      border-top: none;
      border-bottom: none;
      background-color: #bbb
   }

   .page-company  table.company-history,
   .company-history tbody,
   .company-history tr,
   .company-history th,
   .company-history td{
    border: none;
   }

   .company-history td{
    padding-left: 1rem;
   }

   .page-company .access-container:last-of-type {
        margin-bottom: 0;
    }


}