@charset "utf-8";
/* ----------------------------------- */
/* common */
/* ----------------------------------- */
#idn_about,#idn_access,#idn_contactform{position:relative;}

/*conthd（content header） ----------------------------- */
.conthd{width:100%;margin:0 auto;background-color:transparent;background-image:url(../imgs/fg_conthd-pc.jpg),linear-gradient(transparent 0 72px, var(--color-base-1) 72px 100%);background-repeat:no-repeat;background-position:bottom right;background-size:auto 68px,100% auto;;display:flex;justify-content:flex-start;justify-content:center;height:var(--height-conthd-sp);}
.conthd .tt_hd{width:90%;height:100px;margin:90px auto 0;}
.conthd .tt_hd h1{display:flex;align-items:center;font-size:var(--size-font-x2);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height:1.5;position:relative;color:white;margin:0;}
.conthd .tt_hd h1 span{display:block;text-transform:uppercase;}
@media print,screen and (min-width:768px){ /* [ PC ] */

/*conthd ----------------------------- */
.conthd{background-color:transparent;background-image:url(../imgs/fg_conthd-pc.jpg),linear-gradient(transparent 133px, var(--color-base-1) 133px 100%);background-position:bottom right;background-size:auto 160px,100% auto;height:var(--height-conthd-pc);}
.conthd .tt_hd{width:1080px;margin:13.3rem auto 0;height:160px;}
.conthd .tt_hd h1{font-size:var(--size-font-x3);line-height:1.8;height:160px;position:relative;vertical-align: middle;z-index:1;}
.conthd .tt_hd h1 span{display:block;text-transform:uppercase;}
.conthd .tt_hd h1 span:nth-child(2){font-size:var(--size-font-x2);padding-top:0;}
}/* [ PC ] end */

/* ----------------------------------- */
/* main */
/* ----------------------------------- */

/*innner ----------------------------- */
.contContainer{width:100%;margin:0 auto;position:relative;z-index:0;}
.contContainer .innerBlock{margin:0 auto ;position:relative;}
@media print,screen and (min-width:768px){ /* [ PC ] */
.contContainer{margin:0 auto 6rem;}
}/*  [ PC ] end */

/* ----------------------------------- */
/* headings（ main ） */
/* ----------------------------------- */

/*headings（ H2 ）----------------------------- */
main .tt_hd h2{width:100%;margin: 8rem 0 3.6rem;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: var(--size-font-x2-5);color:var(--color-base-1);text-align:center;letter-spacing:0;line-height:1.8;}
@media screen and (max-width:767px){ /* [ SP ] */
main .tt_hd h2,.p_contents main .tt_hd{text-align:left;}
main .tt_hd h2{margin: 4.5rem 0 2.4rem;}
}/*  [ SP ] end */
@media print,screen and (min-width:768px){ /* [ PC ] */
main .tt_hd h2{font-size: var(--size-font-h2-pc);}
}/*  [ PC ] end */
.p_policy #idn_terms #idn_intro,.p_policy #idn_terms #idn_intro p,.p_policy #idn_terms #idn_intro h3{text-align:left !important;}
.p_policy #idn_terms{margin-bottom:6rem}

/* #idn_intro ----------------------------- */
@media print, screen and (min-width:768px){ /* [ PC ] */
}/* [ PC ] end */
@media print,screen and (min-width:768px){ /* [ PC ] */
#idn_about .tt_1,#idn_about .tt_hd h2,#idn_access .tt_hd h2{text-align:center;}
}/* [ PC ] end */

/* #idn_companyinfo ----------------------------- */
#idn_companyinfo .innerBlock{width:90%;margin-left:auto;margin-right:auto;max-width:1080px;}

/* #idn_product ----------------------------- */
#idn_product .innerBlock{width:100%;}
#idn_product .Block_lead,.wrp_equipment .Block_lead{width:100%;padding:2rem;background:var(--color-gray2);text-align:center;font-size:var(--size-font-s);color:var(--color-base-1);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.wrp_works,.wrp_equipment .wrp_works{display:grid;grid-template-columns: repeat(2, 1fr);}
.wrp_works img,.wrp_equipment .wrp_works img,.wrp_equipment .wrp_works figure{width: 100%;height: auto; object-fit: cover;aspect-ratio: 4 / 3;}
@media print, screen and (min-width:768px){ /* [ PC ] */
#idn_product .Block_lead,.wrp_equipment .Block_lead{padding:3.6rem;font-size:var(--size-font-x2);}
.wrp_works{grid-template-columns: repeat(3, 1fr);}
.wrp_equipment .wrp_works{grid-template-columns: repeat(5, 1fr);}
.wrp_equipment{margin:12rem auto 0;}
.wrp_works img,.wrp_equipment .wrp_works img,.wrp_equipment .wrp_works figure{width: 100%;height: auto; object-fit: cover;aspect-ratio: 4 / 3;}
}/* [ PC ] end */
@media print, screen and (min-width:1921px){ /* [ PC ] */
.wrp_works{grid-template-columns: repeat(6, 1fr);}}/* [ PC ] end */

/*画像キャプション*/
.photo_product{  position: relative;}
.overlay-photo_product {bottom: 0;width:100%;padding:10px;font-size:var(--size-font-ss);background:#333;opacity:0.7;color:#fff;z-index:2;}

/* #idn_equipment ----------------------------- */
#idn_equipment .innerBlock{width:90%;margin:0 auto;}
@media print, screen and (min-width:768px){ /* [ PC ] */
#idn_equipment .innerBlock{width:100%;max-width:1080px;}
.innerBlock_full{
margin-left:auto;margin-right:auto;}
.overlay-photo_product {font-size:var(--size-font-s);}
}/* [ PC ] end */

/* ----------------------------------- */
/* TABLE */
/* ----------------------------------- */
table {margin:0 auto 3rem;border-collapse: collapse;width: 100%;font-family: var(--my-font-sans-serif);}
th,td {padding: .9rem 2rem ;}
th {vertical-align:top;font-family: var(--my-font-sans-serif-bold);font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}/* [ PC ] */

/*TABLE (hyo1）----------------------------- */
table.hyo1 {width:80%;margin:0 auto 6rem;border-top:1px solid var(--color-base-1);}
table.hyo1 th,table.hyo1 td {padding:.9rem 3rem;border-bottom:1px solid var(--color-base-1);}
table.hyo1 th {font-weight:bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width:20%;text-align:center;}

/*TABLE (hyo2）----------------------------- */
table.hyo2{position:relative;}
table caption{display:none;}
table.hyo2 th{    border-right: 1px solid #999;    border-bottom: 1px solid #999;    background: #f2f2f2;    top: 0;    left: 0;text-align:center;}
table.hyo2 th,table.hyo2 td{vertical-align:middle;}
table.hyo2 tbody th{text-align:left;}
table.hyo2 td{    white-space: nowrap;    border-right: 1px solid #999;    border-bottom: 1px solid #999;    background: #FFF;text-align:center;}
table.hyo2 thead tr:first-child th{    border-top: 1px solid #999;}
table.hyo2 th:first-child{    border-left: 1px solid #999;}
table.hyo2 tr:first-child th:first-child{    z-index: 1;}

@media screen and (max-width:767px){ /* [ SP ] */
/*TABLE (hyo1）----------------------------- */
table.hyo1 th,table.hyo1 td{width:100%;display:block;border:0 none;text-align:left;padding:.9rem .3rem}
table.hyo1 .btn1{display:inline-block;}
table.hyo1 {width:100%;}
table.hyo1 th {font-size:1.5rem;margin-top:1.5rem;text-align:left;vertical-align:bottom;color:var(--color-base-1)}
table.hyo1 td{padding-bottom:2rem;border-bottom:1px solid var(--color-base-1);}
/*TABLE (.wrp_table .hyo2）----------------------------- */
table caption{display:none;}
.wrp_table{margin-inline: auto;margin:0 auto 6rem;overflow-x: auto; white-space: nowrap;width: 100%;height: auto;padding-bottom:6rem;}
.wrp_table table{border-collapse:separate;    margin: 0 0 .6rem;    border-spacing: 0;font-size:1.5rem;}
.wrp_table table.hyo2 th,.wrp_table table.hyo2 td {padding:.9rem;}
.wrp_table th{    position: sticky;    top: 0;    left: 0;}
.wrp_table tr:first-child th:first-child{    z-index: 1;}
.wrp_table::after{content:"（横にスクロールしてご覧ください）";font-size:var(--size-font-ss);position:absolute;padding-top:.9rem;}
}/*  [ SP ] end */

@media print,screen and (min-width:768px){ /* [ PC ] */
/*LIST----------------------------- */
.list01 li,.list02 li{padding-left: 3.5em;text-indent: -3.5em;}
.list01 li::before{width: 0.5em;height: 0.5em;margin-left:2em;margin-right:1em;background-color:var(--color-base-1);border-radius:50%;}
}/*  [ PC ] end */

/*idn_contact ----------------------------- */
@media print,screen and (min-width:768px){ /* [ PC ] */
.p_contact .Block_lead{text-align:center;}
.p_contact p{font-size:var(--size-font-base);}
}/*  [ PC ] end */
#wrp_mailformpr{margin-top:3rem !important;}

/* ----------------------------------- */
/* print only */
/* ----------------------------------- */
@media print{
#idn_intro .tx_lead p,.p_en #idn_intro .tx_lead p{width:100%;}
table tr td, table tr th {page-break-inside: avoid;}
}