@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/**************************************************
* トップページ 
***************************************************/
/* MV
-----------------------------------------*/
.p-mv-top {
 position: relative;
width: 100%;
}


/*コピー位置*/
.p-mv-top-title {
  position: absolute;
  left: 4%;
  width: 92%;
}
.p-mv-top-title--gr {
   top: 5%;
}
.p-mv-top-title--hd {
   top: 5%;
}
.p-mv-top-title--mt{
   top: 5%;
}
.p-mv-top-title--td {
   top: 5%;
}

.p-mv-top-title--izu{
	 top: 14%;
}
.p-mv-top-title--dia{
	 top: 7%;
}


/*コピー英字*/
.p-mv-top-title__main {
   width: 100%; 
  margin-bottom: 10px;
  font-size: 40px;
  font-size: 4rem;
  transition: all .3s ease-in-out;
  line-height: 1.5;
    font-feature-settings: "palt"
}

.p-mv-top-title__main--gr ,.p-mv-top-title__main--hd {
     font-size: clamp(28px, calc(-31.57446808510639px + 9.929078014184398vw), 70px);
    
  }
.p-mv-top-title__main--td {
    font-size: clamp(28px, calc(-41.50354609929079px + 11.583924349881796vw), 77px);
	line-height: 1.3;
    margin-bottom: -3px;
  }

.p-mv-top-title__main--dia {
    font-size: clamp(25px, calc(-22.390070921985817px + 7.5650118203309695vw), 55px);
  }
    
.p-mv-top-title__main--izu{
    font-size: clamp(30px, calc(-5.460992907801419px + 5.91016548463357vw), 55px);

}
.p-mv-top-title__main--mt{
    font-size: clamp(36px, calc(-22.156028368794324px + 9.692671394799055vw), 77px);
}

/*コピー 日本語*/
.p-mv-top-title__description {
    font-size: 15px;
    font-size: 1.5rem;
    font-feature-settings: "palt";
}
.p-mv-top-title__description--hd {
    font-size: 16px;
    font-size: 1.6rem;
}
.p-mv-top-title__description--dia {
  margin-bottom: 20px;
}

.p-mv-top-title__description--izu{
    width: 100%; 
     margin-bottom: 14px;
} 


/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {


}
/*=================== TBここまで ==================*/



/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
	
.p-mv-top {
  height: 100vh;
}
.p-mv-top__img img {
  height: 100vh;
 object-fit: cover;
}

/*コピー位置*/
.p-mv-top-title--gr {
   top: 18%;
}
.p-mv-top-title--hd {
   top: 18%;
}
.p-mv-top-title--mt{
   top: 18%;
}
.p-mv-top-title--izu{
	 top: 21%;
}
.p-mv-top-title--mt{
    top: 21%;
}
.p-mv-top-title--td {
   top: 9%;
}
    

    
  .p-mv-top-title__sub {
    margin-left: 10px;
  }
  .p-mv-top-title__sub, .p-mv-top-title__main {
    width: 100%;
  }
 
/*ディスクリ */
  .p-mv-top-title__description {
    max-width: 730px;
      font-size: 24px;
      font-size: 2.4rem;
  }
.p-mv-top-title__description--gr,  
.p-mv-top-title__description--hd {
    font-size: 30px;
    font-size: 3rem;
}
  .p-mv-top-title__description--dia {
    font-size: 35px;
    font-size: 3.5rem;  
    margin-bottom: 40px;
  }
  .p-mv-top-title__description--dia2 {
    font-size: 19px;
    font-size: 1.9rem;  
  }

.p-mv-top-title__description--izu {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.5;
      margin-bottom: 30px;
  }
    
.p-mv-top-title__description-td-en{
      font-size: 21px;
      font-size: 2.1rem;
     max-width: 800px;
    }
    
    
    

/*ディスクリ B*/
  .p-mv-top-title__description-b--izu {
      line-height: 1.25;
      font-size: 6.5vmin;
  }
    

 .p-mv-top-title__description-b--izu {
    font-size: 24px;
    font-size: 2.4rem; 
     font-weight: 300;
  }

  .p-mv-top-title__description-b--gr {
    font-size: 30px;
    font-size: 3rem; 
  }
  
    
}
/*=================== PCここまで ==================*/








/* 会社紹介 */
.p-top-company {
  max-width: 770px;
}
.p-top-company--hd {
  max-width: 800px;
}

.p-top-company__lead{
	font-size: 15px;
	font-size: 1.5rem;
}


/* ニュース */
.p-top-news-inner{
    padding-top: 30px;
}


.p-top-news .c-news-list__item:nth-child(n+6) {
  display: none;
}


.p-top-news-title-box {
  justify-content: space-between;
  align-items: end;
}
.p-top-news__title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
.p-top-news__title span {
  font-size: 30px;
  font-size: 3rem;
  margin-right: 20px;
}

/* SVG　テキスト */
.p-top-text-svg {
  width: 90%;
  margin: auto 50px auto auto;
}
.p-top-text-svg--hd {
  margin-right: 50px;
}

.p-top-biz .c-text-and-img,
.p-top-kokoku .c-text-and-img,
.p-top-recruit .c-text-and-img{
    margin-bottom: 0;
}

/*=================== max-width599 ここから ==================*/
@media screen and (max-width: 599px) { 
/* 会社紹介  ボタン*/
.p-top-company .c-btn__link--right{
		margin: auto;
		
}
/*採用情報*/
.p-top-recruit .c-text-align-center{
        text-align: left;      
}


}/*=================== max-width599 ここまで ==================*/



/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

/*採用情報*/
.p-top-recruit{
      width: 56%;   
}
	

	
}/*=================== min-width: 1023px ここまで ==================*/




/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
	
.p-top-company__lead{
	font-size: 20px;
	font-size: 2rem;
}
    
  /* SVG　テキスト */
  .p-top-text-svg {
    width: 70%;
    max-width: 700px;
  }

}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

  /* SVG　テキスト */
  .p-top-text-svg {
    max-width: 800px;
  }
    .p-top-text-svg--td{
        width: 62%;
        max-width: 1000px;
    }
     .p-top-text-svg--izu {
    width: 80%;
         max-width: 1300px;
  }
	
	.p-top-text-svg--hd{
		 width: 80%;
        max-width: 1400px;
	}

/*会社紹介	*/
.p-top-company__lead{
	font-size: 21px;
	font-size: 2.1rem}
 
} /*=================== PCここまで ==================*/


/**************************************************
* 下層MV
***************************************************/
.p-mv__title {
  font-size: 15px;
  font-size: 1.5rem;
}
.p-mv__title.c-en-heading::before {
  font-size: 29px;
  font-size: 2.9rem;
}
.p-mv__lead {
  max-width: 800px;
  margin: auto;
}
.p-mv__title2 {
  font-size: 29px;
  font-size: 2.9rem;
}
.p-mv__title2.c-en-heading::after {
  font-size: 15px;
  font-size: 1.8rem;
}

/*緑英字なしのttl*/
.p-mv__title3 {
    font-size: 20px;
    font-size: 2rem;
}

/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
  .p-mv__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .p-mv__title.c-en-heading::before {
    font-size: 40px;
    font-size: 4rem;
  }
  .p-mv__title2 {
    font-size: 40px;
    font-size: 4rem;
  }
  .p-mv__title2.c-en-heading::after {
    font-size: 18px;
    font-size: 1.8rem;
  }
	
/*緑英字なしのttl*/
.p-mv__title3 {
    font-size: 26px;
    font-size: 2.6rem;
}
}
/*=================== PCここまで ==================*/

/**************************************************
* ニュース
***************************************************/
/*
.p-news-title-box {
  margin: 0 10px 20px;
}
*/
.p-news__title {
  font-size: 22px;
  font-size: 2.2rem;

}


/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
/*
  .p-news-title-box {
    margin: 0 20px 20px;
  }
*/
	
}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

}
/*=================== PCここまで ==================*/

/**************************************************
* 決算公告・電子公告
***************************************************/
.p-kokoku-wrap {
  margin-bottom: 70px;
}


/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {

}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

}
/*=================== PCここまで ==================*/


/**************************************************
* 会社紹介
***************************************************/

.p-group-company__item:hover .range {
  opacity: 1 !important;
}

.p-group-company__item.p-group-company__item--full {
    margin-bottom: 70px;
  }
  .p-group-company__item .c-text-and-img__item-text-title,
  .p-group-company__item--full {
    text-align: left;
  }

/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
  .p-group-company__item .c-text-and-img__item-text-title,
  .p-group-company__item--full {
    margin-bottom: 10px;
  }
  .p-group-company__item--full .c-text-and-img__item-text-title {
    text-align: center;
  }
.p-group-company__item.p-group-company__item--full {
    margin-bottom: 70px;
  }
}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
  .p-group-company__item .c-text-and-img__item-img, 
  .p-group-company__item .c-text-and-img__item-text {
      width: calc(50% - 24px);
  }
  
.p-group-company__item .c-text-and-img__item-img {
    margin-right: 48px;
  }
}
/*=================== PCここまで ==================*/

/**************************************************
* ロジスティクス
***************************************************/
/*所在地*/
.p-logistics-location__gmap{
    width: 100%;
}
.p-logistics-location__img{
    width: 80%;
     max-width: 306px;
    margin:40px auto 0;
}


/*住所*/
.p-logistics-location__add-address{
    display: grid;
  gap: 0;
  grid-template-columns: 1fr;
	padding: 4px;
	line-height: 1.7;
}
.p-logistics-location__add-address-text{
    margin-bottom: 4px;
}

/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
/*所在地*/

.p-logistics-location__gmap{
padding-bottom: 36.25%;        
}

.p-logistics-location__img{
    margin: 0;
    margin-top: 3em;
}

/*住所*/
.p-logistics-location__add-address{
 grid-template-columns: 60px 1fr;
}



}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

}
/*=================== PCここまで ==================*/


/**************************************************
* 404
***************************************************/
.p-notfound{
	text-align: center;
}
.p-notfound__btn{
	display: flex;
	justify-content: center;
}


/**************************************************
* サイトマップ
***************************************************/
/*sitemap1*/
.p-sitemap-menu{
display: grid;
grid-auto-flow: row;
}




/*sitemap2*/
.p-sitemap__list{
	margin-bottom: 40px;
	width: 100%;
}
.p-sitemap-parent{
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--color--green01);
	color: var(--color--green01);
}
.p-sitemap-parent a{
	font-size: inherit;/*親のスタイルを継承*/
	color: inherit;/*親のスタイルを継承*/
	transition : all 0.5s ease-out;
}
.p-sitemap-parent a:hover{
	color: var(--color--black01);	
}

.p-sitemap-child__list{
	margin-bottom: 12px;	
}




/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
/*sitemap1*/
.p-sitemap-menu{
grid-auto-flow: column;
grid-template-rows: repeat(3, auto);
}

	
/*sitemap2*/
.p-sitemap__list{
	width: calc(50% - 20px);
	margin-right: 40px;
}
.p-sitemap__list:nth-child(even){
	margin-right: 0;
}
	
}
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

}
/*=================== PCここまで ==================*/







/**************************************************
* HDサイト
***************************************************/
/**************************************************
* 投資家情報
***************************************************/
.p-ir-list__item {
  width: 100%;
}

.p-ir-btn {
  justify-content: center;
}
.p-ir-btn__item {
  margin-bottom: 10px;
}
.p-ir-btn__item:last-child {
  margin-bottom: 0;
}
.p-ir__attention {
  text-align: center;
}

/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {

  .p-ir-list__item {
    width: calc( 50% - 7px);
    margin-right: 14px;
    flex-direction: column;
  }
  .p-ir-list__item:nth-child(2n) {
    margin-right: 0;
  }
  .p-ir-list__item .c-text-and-img__item-img,
  .p-ir-list__item .c-text-and-img__item-text {
    width: 100%;
  }


  .p-ir-btn__item {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .p-ir-btn__item:nth-child(2n) {
    margin-right: 0;
  }
  .p-ir-btn__item .c-btn__link {
    justify-content: start;
    width: auto;
    padding-left: 20px;
  }
  .p-ir__attention {
    text-align: left;
	  margin-right: 0;
  }

}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
  .p-ir-btn__item .c-btn__link {
    justify-content: center;
    padding-left: 10px;
  }
}
/*=================== PCここまで ==================*/

/**************************************************
* 株式情報
***************************************************/
/*共通
-----------------------------------------*/
/* リンク用タブ */
.p-ir-tab__item {
  width: 25%;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px 0;
  border-right: solid 1.75px var(--color--white);
 background-color: var(--color--green03);
}
.p-ir-tab__item:last-child {
  border-right: none;
}
.p-ir-tab__item.is-active {
  position: relative;
  color: var(--color--green03);
  background-color: var(--color--green01);
}
.p-ir-tab__item.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -13px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: inline-block;
  width: 20px;
  height: 15px;
  background: var(--color--green01) !important;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.p-ir-tab__item--library {
  font-size: 11px;
  font-size: 1.1rem;
}


/* 株式概要 */
.p-stock-status__img {
  max-width: 560px;
  margin: auto auto 30px;
}
.p-stock-link{
	font-size: 11px;
    font-size: 1.1rem;
}




/* 株価チャート */
.p-chart-link__text {
  justify-content: center;
}





@media screen and (max-width: 320px) {
  .p-ir-tab__item {
    font-size: 11px;
    font-size: 1.1rem;
  }
.p-stock-link{
	font-size: 10px;
    font-size: 1rem;
}
}


/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
  .p-chart-link__text {
    justify-content: start;
  }
  .p-ir-tab__item,
  .p-ir-tab__item--library {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/*=================== TBここまで ==================*/

/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
  /* リンク用タブ */
  .p-ir-tab {
    max-width: 740px;
  }

  .p-ir-tab__item.is-active::after {
    bottom: -19px;
    width: 34px;
    height: 20px;
  }
}
/*=================== PCここまで ==================*/

/**************************************************
* 人的資本・多様性に関する取り組み
***************************************************/
.p-hd-diversity-img01{
	margin: auto;
	max-width: 600px;
	width: 100%;
}


/**************************************************
* 気候変動（TCFD）に関する取り組み
***************************************************/
.p-environment-tcfd-img{
		max-width: 500px;
    margin-left: auto;
	margin-right: auto;
}
.p-hd-environment-Jcoal-img,
.p-hd-environment-carbon-recycling-img{
	max-width: 300px;
    margin-left: auto;
	margin-right: auto;
}

/*テーブル*/
.p-tcfd-consider-wrap{
	overflow: auto;
}

.p-tcfd-consider {
    width: 100%;
    min-width: 600px;
    text-align: center;
    border-right: 1px solid var(--color--gray01);;
    border-bottom: 1px solid var(--color--gray01);;
    margin-bottom: 15px;
    border-top-width: 0;
    border-left-width: 0;
	    display: block;
	
	  border-collapse: collapse;
/*  white-space: nowrap;*/
}


.p-tcfd-consider th {
    font-weight: 600;
    background: var(--color--ice-blue);
    border-top: 1px solid var(--color--gray01);;
    border-left: 1px solid var(--color--gray01);;
    text-align: center;
	padding: 10px 4px;
}

.p-tcfd-consider td {
    border-top: 1px solid var(--color--gray01);;
    border-left: 1px solid var(--color--gray01);;
    padding: 10px;
    /* text-align: left; */
}
.p-tcfd-consider td.tb-rl {
    text-align: center;
    letter-spacing: 0.15em;
}
.p-tcfd-consider td.tcfdtd1,
.p-tcfd-consider td.tcfdtd2 {
    width: 10px;
    text-align: center;
}
.p-tcfd-consider td.tcfdtd3 {
    width: 180px;
    text-align: left;
}

.p-tcfd-consider td.tcfdtd4{
    width: 100px;
	text-align: left;
}

.p-tcfd-consider td.tcfdtd5,
.p-tcfd-consider td.tcfdtd6{
    width: 50px;
}


.p-tcfd-consider td.tcfdtd7 {
    text-align: left;
    width: 200px;
}
.p-tcfd-consider th,
.p-tcfd-consider td{
	font-size: 13px;
	font-size: 1.3rem;
}


/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {

.p-tcfd-consider td.tcfdtd3 {
    width: 200px;

}

.p-tcfd-consider td.tcfdtd4{
    width: 110px;
}
.p-tcfd-consider td.tcfdtd5,
.p-tcfd-consider td.tcfdtd6{
    width: 90px;
}
.p-tcfd-consider td.tcfdtd7 {
    width: 300px;
}
.p-tcfd-consider th,
.p-tcfd-consider td{
	font-size: 14px;
	font-size: 1.4rem;
}

}
/*=================== TBここまで ==================*/

/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

}
/*=================== PCここまで ==================*/

/**************************************************
* サステナビリティに向けて
***************************************************/
.p-sdgs-icon{
    width: 33.33333%;
    max-width:100px;
    padding: 5px;
}

.p-ustainability-policy-img{
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}


/**************************************************
* コーポレート・ガバナンス
***************************************************/
.p-governance-system-img{
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.p-governance-pdf-link{
	font-size: 12px;
	font-size: 1.2rem;
}
.p-governance-pdf-link a{ 
	font-size:inherit;
		
}




/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {

.p-governance-pdf-link{
	font-size: 14px;
	font-size: 1.4rem;
}
    
}
/*=================== TBここまで ==================*/

/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

.p-sdgs-icon{
    padding: 10px;
}
	
}
/*=================== PCここまで ==================*/


/* === 住石ホールディングス ==================================================================================== */


/**************************************************
* HDサイト アクセスマップ
***************************************************/
.hd-accsess-map input[type="button"] {
    background: var(  --color--gray04);
    padding: 10px;
    border-radius: 4px;
    border: solid 1px;
}



    
/**************************************************
* 財務ハイライト
***************************************************/
/* highcharts.js */
.hd-graph-zaim{
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
}
.hd-graph-zaim li{
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 450/560;
}
.hd-graph-zaim li::before{
  content: "(百万円)";
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: block;
  width: 96%;
  padding-top: 5px;
  border-top: 1px solid #48a587;
  text-align: right;
  font-size: 0.8em;
}
.hd-graph-zaim .highcharts-credits {
  display: none !important;
}


/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
.hd-graph-zaim li{ 
	aspect-ratio: 450/300;
}

}
/*=================== TBここまで ==================*/

/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
  .hd-graph-zaim{
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px 0;
    width: min(100%, 900px);
/*    padding: 0 10px;*/
/*    margin: auto;*/
  }
 .hd-graph-zaim li{ 
	width: 48%;
	aspect-ratio: 450/350;
}
	
	
}
/*=================== PCここまで ==================*/


/* 表 */
.hd-table-wrap-zaim{
  overflow-x: scroll;
	display: block;
/*  padding: 0 20px;*/
}
.hd-table-zaim{
  width: 220%;
/*  margin-top: 60px;*/
}
.hd-table-zaim th,
.hd-table-zaim td{
  padding: 0.6em 1.5em;
  border: 1px solid var(--color--gray01);
  font-size: 13.3px;
  font-size: 1.33rem;
	white-space: nowrap;
}
.hd-table-zaim thead{
  background-color: #E6F2F5;
  text-align: center;
}
.hd-table-zaim tbody th{
  text-align: left;
}
.hd-table-zaim tbody td{
  text-align: right;
}
/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {

}
/*=================== TBここまで ==================*/

/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
  .hd-table-wrap-zaim{
    overflow-x: auto;
    width: min(100%, 900px);
    margin: auto;
    padding: 0;
  }
  .hd-table-zaim{ width: 100%; }
}
/*=================== PCここまで ==================*/



/* カレンダー */
.hd-calendar-wrap-zaim{
  overflow-x: scroll;
	 display: block;
/*  padding: 0 20px;*/
}
.hd-calendar-zaim{
  width: 280%;
/*  margin-top: 60px;*/
}
.hd-calendar-zaim th,
.hd-calendar-zaim td{
  border: 1px solid var(--color--gray01);
}
.hd-calendar-zaim thead{
  background-color: #48A486;
  text-align: center;
  color: #fff;
}
.hd-calendar-zaim thead th:not(:first-child){ width: 22%; }

.hd-calendar-zaim tbody .month{ background-color: #E6F2F5; }
.hd-calendar-zaim tbody .month th:first-child{ width: 10%; }
.hd-calendar-zaim tbody .month th:not(:first-child){ width: 7.5%; }
.hd-calendar-zaim tbody tr:not(.month){ height: 80px; }
.hd-calendar-zaim tbody th{ color: #707070; }
.hd-calendar-zaim tbody td{ position: relative; }
.hd-calendar-zaim tbody div{
  position: absolute;
  top: 50%;
  left: 0.6em;
  transform: translateY(-50%);
  z-index: 2;
  white-space: nowrap;
}
.hd-calendar-zaim tbody p{
  font-size: 0.9em;
}
.hd-calendar-zaim tbody p span::before{
  content: "●";
  color: #B5B76D;
}

.hd-calendar-zaim-center {
  left: 40% !important;
}
.hd-calendar-zaim-right {
  left: 75% !important;
}

/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {

}
/*=================== TBここまで ==================*/

/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
  .hd-calendar-wrap-zaim{
    overflow: auto;
    width: min(100%, 900px);
    margin: auto;
    padding: 0;
  }
  .hd-calendar-zaim{ width: 100%; }
}
/*=================== PCここまで ==================*/


/* === 泉山興行 ==================================================================================== */
/**************************************************
* 共通 
***************************************************/
/* モーダルウインドウ */
.izu-zoom{
  display: block;
  color: #333;
  cursor: url("../../images/izumiyama/common/plus_cursor.png") 10 10, pointer;
}
@media screen and (min-width: 1023px) {

.lum-lightbox-inner img {	
    max-height: 70%!important;
    max-width: inherit!important;
    width: auto!important;
	height: 100%;
}
       
}

/* .lum-previous-button:after {
  border-top: 4px solid rgba(0, 0, 0, 0.7) !important;
  border-left: 4px solid rgba(0, 0, 0, 0.7) !important;
  box-shadow: none !important;
  filter: blur(1px);
}
.lum-next-button:after {
  border-right: 4px solid rgba(0, 0, 0, 0.7) !important;
  border-top: 4px solid rgba(0, 0, 0, 0.7) !important;
  box-shadow: none !important;
  filter: blur(1px);
} */
.lum-gallery-button {
  /* べー字送り非表示 */
  display: none !important;
}

/**************************************************
* トップページ
***************************************************/


/* カレンダー */
.izu-top-calendar-wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 3em;
  width: 90%;
  margin: auto;
}
.izu-top-calendar{ width: 100%; }
.izu-top-calendar-time{ order: 1; }
.izu-top-calendar-time dt{
  color: var(--color--green01);
}
.izu-top-calendar-legend{
  display: flex;
  align-items: center;
}
.izu-top-calendar-legend::before{
  content: "";
  width: 59px;
  height: 24px;
  margin-right: 1em;
  background-color: #F29DA8;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 1px 0;
}

#datepicker .ui-datepicker-title{
  display: flex;
    width: calc(100% - 60px);
    margin: 0;

  font-size: 15px!important;
  font-size: 1.5rem!important;
	line-height: 1.5;
}
#datepicker .ui-datepicker-title >select{
    margin: 0 6px;
  font-size: 15px!important;
  font-size: 1.5rem!important;
}



@media screen and (min-width: 600px) {
  .izu-top-calendar-wrap{
    justify-content: space-between;
    gap: 15px 2em;
    width: 80%;
  }
  .izu-top-calendar{
    width: 70%;
  }
  .izu-top-calendar-time dd{ margin-bottom: 20px; }
  .izu-top-calendar-legend{ order: 2; }
  .izu-top-calendar-legend::before{
    content: "";
    width: 60px;
    height: 24px;
    margin-right: 1em;
    background-color: #F29DA8;
  }
}
@media screen and (min-width: 1023px) {
  .izu-top-calendar-wrap{
    justify-content: space-between;
    gap: 15px 2em;
    max-width: 580px;
    margin: auto;
  }
  .izu-top-calendar{
    width: 420px;
  }
.izu-top-calendar-time dt,
.izu-top-calendar-time dd{
  font-size: 20px;
  font-size: 2rem;
}
    
.ui-datepicker .ui-datepicker-title select {
    font-size: 16px;
    font-size: 1.6rem;
}
	  
}

/* jQuery Datepicker */

#datepicker .ui-datepicker select.ui-datepicker-year{
	width: 55%!important; /*デフォルトを上書き	*/
}
#datepicker .ui-datepicker select.ui-datepicker-month{
	width: 45%!important; /*デフォルトを上書き	*/
}
#datepicker .ui-datepicker{
  width: 100%;
  height: auto;
  aspect-ratio: 280/180;
  margin: auto;
  padding: 20px;
  border: none !important;
  /* padding-top: 0; */
}
#datepicker .ui-datepicker-header{
  position: static !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none !important;
  background: transparent !important;
}
#datepicker .ui-datepicker-title{
  background: transparent !important;
  font-size: 19px !important;
  font-size: 1.9rem !important;
}
#datepicker .ui-datepicker-title >select{
	  font-size: 19px!important;
  font-size: 1.9rem!important;
}


#datepicker .ui-datepicker-prev span,
#datepicker .ui-datepicker-next span,
#datepicker .ui-datepicker-header::before,
#datepicker .ui-datepicker-header::after{
  display: none;
}
#datepicker .ui-datepicker-prev,
#datepicker .ui-datepicker-next{
  position: static !important;
  display: flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#datepicker .ui-datepicker-prev.ui-state-disabled,
#datepicker .ui-datepicker-next.ui-state-disabled{
  opacity: 0.5 !important;
}
#datepicker .ui-datepicker-next{ order: 1; }
#datepicker .ui-datepicker-prev::before,
#datepicker .ui-datepicker-next::before{
  content: "▼";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #48A486;
  color: #fff;
}
#datepicker .ui-datepicker-prev::before{ transform: rotate(90deg); }
#datepicker .ui-datepicker-next::before{ transform: rotate(-90deg); }
#datepicker table{
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-collapse: separate;
  border-spacing: 2px;
}
#datepicker table th,
#datepicker table td{
  height: 35px;
}
#datepicker table th span,
#datepicker table td span,
#datepicker table td a{
  font-size: 1.2em !important;
}
#datepicker .ui-state-default,
#datepicker .ui-state-active,
#datepicker .ui-state-highlight{
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 100%;
  pointer-events: none;
  border: 1px solid #c5c5c5 !important;
  background: #f6f6f6 !important;
  font-weight: normal !important;
  color: #454545 !important;
}


#datepicker .highlight a{
  border: 1px solid #F29DA8 !important;
  background-color: #F29DA8 !important;
  color: #454545 !important;
}


/**************************************************
* 製品紹介
***************************************************/
/* 表 */
/*
.izu-products-table{
  margin-bottom: 120px;
}
*/
.izu-products-table table{
  width: 100%;
}
.izu-products-table th,
.izu-products-table td{
  padding: 0.5em 0;
  border: 1px solid #CDD6DD;
  text-align: center;
}
.izu-products-table thead{
  background-color: var(--color--ice-blue);
}

/**************************************************
* 様式ダウンロード
***************************************************/
.izu-download-img{ margin-top: 60px; }

/**************************************************
* 製品紹介 pdf
* 様式ダウンロード pdf
***************************************************/
.izu-products-itemlist ul{
  display: flex;
  flex-wrap: wrap;
  gap: 20px 2%;
/*  margin-bottom: 77px;*/
}
.izu-products-itemlist li{
  width: 49%;
  background-color: #fff;
}
.izu-products-itemlist h3{
  padding: 0.6em 10px 0.2em;
}
.izu-products-itemlist p{
  padding: 0 10px 1em;
}
.izu-products-itemlist p{ font-size: 0.8em; }


@media screen and (min-width: 1023px) {
  .izu-products-itemlist ul{
    gap: 20px 1.4%;
  }
  .izu-products-itemlist li{
    width: 32.4%;
  }
  .izu-products-itemlist h3{
   font-size: 18px;
   font-size: 1.8rem;
  }
		
}

/* 骨材試験表データ */
.izu-common-document li{
  margin-top: 20px;
}
.izu-common-document li:first-child{
  margin-top: 0;
}

.izu-common-document a{
  display: block;
  padding: 15px;
  background: var(--color--ice-blue) ;
  color: var(--color--black01);
    position: relative;
    padding-right: 38px;
    line-height: 1.4;
}
.izu-common-document  .c-document-icon::after{
     position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 10px; 
    background: #fff;
    padding: 8px;
}

.izu-common-document .izu-common-document-underline{
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 4px;
  line-height: 1.8;
  transition: transform 0.3s;
}
.izu-common-document-text-ss{
    font-size: 10px;
    font-size: 1rem;
}

.izu-products-data a:hover span{ 
    transform: translateX(1.5em);
}




@media screen and (min-width: 1023px) {
.izu-common-document a{
    padding-right: 38px;
}    
  .izu-common-document a{
    padding: 25px 20px;
  }
.izu-common-document  .c-document-icon::after{
    margin-right: 20px; 
}
 .izu-common-document-text-ss{
    font-size: 15px;
    font-size: 1.5rem;
     margin-left: 20px;
} 
    
 
    
}




/* === ダイヤマテリアル ==================================================================================== */
/**************************************************
* SCMナノダイヤ
***************************************************/
  /* ナノダイヤについて */
.p-nano-about__item {
  border: solid 1px var(--color--gray01);
  padding: 20px 15px;
}
.p-nano-about__icon {
  width: 14%;
  max-width: 60px;
  transform:rotate(90deg);
  margin: 30px auto;
}

.p-nano-about-table .c-table-fll-01 {
  overflow: unset;
  display: table;
  table-layout: fixed;
}

/* ナノダイヤの物性 */
.p-nano-physical-properties__item-img,
.p-nano-physical-properties__item-table {
  width: 100%;
}

/* ナノダイヤのX線回折チャート */
.p-nano-xray-table .c-table-fll-01 {
/*  overflow-x: unset;*/
}
.p-nano-xray-img {
  border: solid 1px var(--color--gray01);
  padding: 5px;
}

/* ナノダイヤのラマンスペクトル測定例 */
.p-nano-raman-list__item {
  width: 100%;
}
.p-nano-raman__sub-title {
  font-size: 19px;
  font-size: 1.9rem;
}

/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
  /* ナノダイヤについて */
  .p-nano-about__item {
    width: 43%;
  }
  .p-nano-about__icon {
    transform:rotate(0deg);
    margin: auto;
  }


  /* ナノダイヤの物性 */
  .p-nano-physical-properties__item {
    flex-wrap: nowrap;
    flex-direction: row-reverse
  }
    
.p-nano-physical-properties__item-table .c-grid-wrap03{
    grid-template-columns: 26% 1fr;
}
   .p-nano-physical-properties__item-table .c-grid-wrap03 .c-grid__item-content-ttl{
    border-right: none;
}
   .p-nano-physical-properties__item-table .c-grid-03__item:nth-last-child(2){
    border-bottom: 1px solid var(--color--gray01);
} 
    
    

  .p-nano-physical-properties__item-table {
    width: 55%;
  }
  .p-nano-physical-properties__item-img {
    width: calc(45% - 60px);
    margin-left: 60px;
    margin-bottom: 0;
  }

  /* ナノダイヤのX線回折チャート */
.p-nano-xray-table .c-table-fll-01 {
display: table;
}
    
  .p-nano-xray-img {
    padding: 20px;
  }
  .p-nano-raman-list {
    display: flex;
    flex-wrap: nowrap;
  }
  .p-nano-raman-list__item {
    width: calc( 33.3333333333333333333% - 15px );
    margin-right: 30px;
  }
  .p-nano-raman-list__item:last-child {
    margin-right: 0;
  }
  
  /* ナノダイヤのハンドリング:分級 */
  .p-nano-handling-list__item {
    width: calc(50% - 20px);
    margin-right: 40px;
  }
  .p-nano-handling-list__item:nth-child(2n) {
    margin-right: 0;
  }
}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {

  /* ナノダイヤの物性 */
  .p-nano-physical-properties__item-table {
    width: 60%;
  }
  .p-nano-physical-properties__item-img {
    width: calc(40% - 60px);
  }

  /* ナノダイヤのラマンスペクトル測定例 */
  .p-nano-raman__sub-title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
/*=================== PCここまで ==================*/


/**************************************************
* 製品情報
***************************************************/

/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
  /* その他の研磨剤 */
  .p-dia-products-other-list .c-text-and-img__item {
    align-items: flex-start;
    flex-direction: row-reverse;
  }
}
/*=================== TBここまで ==================*/





/**************************************************
* SCMファインダイヤ
***************************************************/
/*SCMファインダイヤについて*/
.p-dia-fine-abut-box__item:first-child{
    margin-bottom: 10px;
}
.p-dia-fine-abut-box__item-text{
    font-size: 12px;
    font-size: 1.2rem;
}

/*SCMファインダイヤの特長*/
/*表*/
.p-dia-fine-feature-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
/*    grid-template-rows: repeat(3, 1fr);*/
    gap: 0px;
    width: 100%;
}
.p-dia-fine-feature-grid__item{
    padding: 10px;
    border-right: 1px solid var(--color--gray01);
    border-bottom: 1px solid var(--color--gray01);
}
.p-dia-fine-feature-grid-start {
    grid-column: span 2 / span 2;
     border-top: 1px solid var(--color--gray01);
}
.p-dia-fine-border-left{
       border-left: 1px solid var(--color--gray01);
}

/*図*/
.p-dia-fine-feature-box__item{
    width: 100%;
    padding: 20px 20px;
    border:1px solid var( --color--gray01);
}
.p-dia-fine-feature-box__flex{
    display: flex;
    align-items: flex-end;
}
.p-dia-fine-feature-box__flex-text{
    width: 60%;
    margin-top: 10px;
}
.p-dia-fine-feature-box__flex-img{
    width: 30%;
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.p-dia-fine-feature-grid:first-child,
.p-dia-fine-feature-box__item:first-child{
    margin-bottom: 10px;
}


/*SCMファインダイヤの製造工程*/
.p-dia-fine-process-img{
            max-width: 550px;
        margin: auto; 
}


.p-fine-process-table tr td{
    text-align: right;
}


/*SCMファインダイヤの主要用途*/

.p-dia-fine-use-dl-list__item {
  border: solid 1px var(--color--gray01);
}
.p-dia-fine-use-dl-list__item dt,
.p-dia-fine-use-dl-list__item dd{
 padding: 10px 20px;
  width: 100%;
}

.p-dia-fine-use-dl-list__item dt {
  background-color: var(--color--ice-blue);	
 border-bottom: solid 1px var(--color--gray01);

}

/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
.p-dia-fine-abut-box__item:first-child{
    margin-bottom: 0;
}
.p-dia-fine-feature-grid{
    grid-template-rows: repeat(3, 1fr);

}
    
    
    
    
.p-dia-fine-use-dl-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.p-dia-fine-abut-box__item,
.p-dia-fine-feature-grid,
.p-dia-fine-feature-box__item,
.p-dia-fine-use-dl-list__item {
    width: calc(100% /2 - 5px);
    margin-right: 10px;
    align-self: stretch;
}
.p-dia-fine-abut-box__item:nth-child(2n),
.p-dia-fine-feature-grid:nth-child(2n),
.p-dia-fine-feature-box__item:nth-child(2n),
.p-dia-fine-use-dl-list__item:nth-child(2n){
        margin-right: 0;
    }

.p-dia-fine-feature-grid:first-child,
.p-dia-fine-feature-box__item:first-child{
    margin-bottom: 0;
}
    
.p-dia-fine-feature-box__item{
        align-self: stretch;
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
    }
    .p-dia-fine-feature-box__flex{
        margin-top: auto;
    }

.p-dia-fine-use-dl-list__item:nth-child(5){
        margin-bottom: 0;
}
}
/*=================== TBここまで ==================*/



/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
.p-dia-fine-abut-box__item,
.p-dia-fine-feature-grid,
.p-dia-fine-feature-box__item,
.p-dia-fine-use-dl-list__item {
    width: calc(100% /2 - 10px);
    margin-right: 20px;
}
.p-dia-fine-abut-box__item:nth-child(2n),
.p-dia-fine-feature-grid:nth-child(2n),
.p-dia-fine-feature-box__item:nth-child(2n),
.p-dia-fine-use-dl-list__item:nth-child(2n){
        margin-right: 0;
    }

    
    
}
/*=================== PCここまで ==================*/




/**************************************************
* テクニカルデータ
***************************************************/
/* 機械的特性 */
.p-dia-technical-trait-left,
.p-dia-technical-trait-right {
  width: 100%;
}

.p-dia-technical-trait-right{
	margin-bottom: 20px;
}

.p-dia-technical-trait-left__item-title {
  padding: 0 5px;
  margin-bottom: 5px;
}
.p-dia-technical-trait-left dt {
  width: 25%;
  max-width: 100px;
}

/* 摺動特性特性 */
.p-dia-technical-trait--sliding dt {
  width: 40%;
  max-width: 135px;
}

/* その他の特性 */
.p-dia-technical-trait--other .p-dia-technical-trait__img {
  border: solid 1px var(--color--gray01);
  padding: 5px 5px 2px;
}


/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
  .p-dia-technical-trait-list {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, auto);
    max-width: 415px;
  }
  .p-dia-technical-trait-list--row2 {
    grid-template-rows: repeat(2, auto);
    max-width: 700px;
  }

  .p-dia-technical-trait-list__item {
    margin-right: 10px;
  }
  .p-dia-technical-trait-list__item:nth-child(2n) {
    margin-right: 0;
  }
  
  .p-dia-technical-trait--other .p-dia-technical-trait__img {
    padding: 40px 80px 20px;
  }

  .p-dia-technical-trait-left--half,
  .p-dia-technical-trait-right--half {
    width: calc(50% - 10px);
  }
  .p-dia-technical-trait-left--half {
    margin-right: 20px;
  }
    
 .p-dia-technical-trait-left,
  .p-dia-technical-trait-right {
    width: calc(50% - 10px);
  }
	
.p-dia-technical-trait-right{
	margin-bottom: 30px;
}
	
  .p-dia-technical-trait-left {
    margin-right: 20px;
  }
    
    
    
.p-dia-technical-trait--machine .p-dia-technical-trait-right,
.p-dia-technical-trait--sliding .p-dia-technical-trait-left{
    width: calc(60% - 10px);
  }
.p-dia-technical-trait--machine .p-dia-technical-trait-left,
.p-dia-technical-trait--sliding .p-dia-technical-trait-right{
    width: calc(40% - 10px);
  } 
  
.p-dia-technical-trait--machine .c-grid-04__item,
.p-dia-technical-trait--sliding .c-grid-04__item {
        padding: 7px 20px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    

.p-dia-technical-trait--machine  .p-dia-technical-trait-left dt {
            width: 40%;
    max-width: 100px;
    }
.p-dia-technical-trait--machine  .p-dia-technical-trait-left dd {
            width: 60%;
    }
    

}
/*=================== TBここまで ==================*/

/*=================== PCここから==================*/
@media screen and (min-width: 1023px) {
    
/*
.p-dia-technical-trait-right{
	align-self: flex-end;
}
*/

.p-dia-technical-trait--machine .c-grid-04__item,
.p-dia-technical-trait--sliding .c-grid-04__item {
        padding: 8px 20px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    
}
/*=================== PCここまで ==================*/