@charset "UTF-8";
p {
    line-height: 1.75;
}
h1.page-titlt{
    text-shadow: 2px 2px 10px white;
}
h2{
    margin-top: 0;
}
.card .more p.button img {
    width: 11px !important;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.flex.sb{
    justify-content: space-between;
}
.flex.center{
    justify-content: center;
}
.line-ye{
    background: linear-gradient(transparent 60%, #ffe477 70%);
}
.bold {
    font-weight: bold;
}
@media screen and (max-width: 768px){

}
ol, ul{
    list-style: none;
}
@media screen and (min-width: 767px){
    ol, ul{
        font-size: 1.6rem;
    }
}
/**********************************
TOP img
**********************************/
.force-sensors22 #title-header {
    background-image: url("../img/bg_title_force-sensors22.jpg");
}
.force-sensors #title-header {
    background-image: url("../img/bg_title_force-sensors22.jpg");
}

.entrusted-development #title-header {
    background-image: url("../img/bg_title_entrusted-development.jpg");
}
.force-interface #title-header {
    background-image: url("../img/bg_title_force-interface.jpg");
}
.force-map-monitoring #title-header {
    background-image: url("../img/bg_title_force-map-monitoring.jpg");
}
.large-area-sensor #title-header {
    background-image: url("../img/bg_title_large-area-sensor.jpg");
}
.shear-force-sensor #title-header {
    background-image: url("../img/bg_title_shear-force-sensor.jpg");
}
.shear-force-sensor_test10 #title-header {
    background-image: url("../img/bg_title_shear-force-sensor.jpg");
}
.transparent_film_heater #title-header {
    background-image: url("../img/bg_title_transparent-film-heater.jpg");
}

.photolithography-etching_test10 #title-header {
    background-image: url("../img/bg_title_photolithography-etching.jpg");
}

.mass-production_test10 #title-header {
    background-image: url("../img/bg_title_mass-production.jpg")
}

.sgc #title-header {
    background-image: url("../img/bg_title_sensor_sgc.jpg")
}

.sgc_test10 #title-header {
    background-image: url("../img/bg_title_sensor_sgc.jpg")
}

.patterning-cuni #title-header {
    background-image: url("../img/bg_title_patterning-cuni.jpg");
}

.decorative_molding #title-header {
    background-image: url("../img/bg_title_decorative_molding.jpg");
}

.design_technology #title-header {
    background-image: url("../img/bg_title_design_technology.jpg");
}

.design_development_technology #title-header {
    background-image: url("../img/bg_title_design_development_technology.jpg");
}

.design_development_technology_test #title-header {
    background-image: url("../img/bg_title_design_development_technology.jpg");
}

.quality_enhancement #title-header {
    background-image: url("../img/bg_title_quality_enhancement.jpg");
}

.design_sample_book #title-header {
    background-image: url("../img/bg_title_design_sample_book.jpg");
}

.development_case #title-header {
    background-image: url("../img/bg_title_development_case.jpg");
}

.joint_development #title-header {
    background-image: url("../img/bg_title_joint_development.jpg");
}

.production_base #title-header {
    background-image: url("../img/bg_title_production_base.jpg");
}

.decorative_molding #title-header {
    background-image: url("../img/bg_title_decorative_molding.jpg");
}

.tactile_technology #title-header {
    background-image: url("../img/bg_title_tactile_technology.jpg");
}

.dead_front #title-header {
    background-image: url("../img/bg_title_dead_front.jpg");
}

.antibacterial_function #title-header {
    background-image: url("../img/bg_title_antibacterial_function.jpg");
}

.home #title-header {
    background-image: url("../img/hero.jpg");
}

.faq #title-header {
    background-image: url("../img/img_faq.png");
}

.no_tape #title-header {
    background-image: url("../img/img_no_tape.png");
}

.point #title-header {
    background-image: url("../img/img_point.png");
}

.tactile_switch #title-header {
    background-image: url("../img/img_tactile_switch.png");
}

.antenna_insert #title-header {
    background-image: url("../img/img_antenna_insert.png");
}
.antibacterial #title-header {
    background-image: url("../img/img_antibacterial.jpg");
}
.fusion #title-header {
    background-image: url("../img/bg_title_fusion.jpg");
    background-color: rgba(255,255,255,0.25);
    background-blend-mode: lighten;
}
.newdesign #title-header,
.circuit-of-3d #title-header {
    background-image: url("../img/img_ime_navitop.png");
}
/**********************************
footer
**********************************/
footer .footer_nav ul { display: -webkit-flexbox; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 0; flex-wrap: wrap; gap: 10px; }
footer .footer_nav ul li { font-weight: bold; width: calc(100%/6 - 10px); line-height: 1.7;}
footer .footer_nav ul li > .sub-menu{
  flex-flow: column;
}
footer .footer_nav ul > li > a{
   padding-bottom: .5em;
   border-bottom: 1px solid #ccc;
   width: 100%;
   display: block;
   margin-bottom: .5em;
}
footer.footer_jp .footer_nav ul > li:first-of-type > a,
footer.footer_jp .footer_nav ul > li:nth-of-type(n+5) > a,
footer.en_footer .footer_nav ul > li:nth-of-type(n+4) > a{
  border-bottom: none;
}
footer .footer_nav ul > li > .sub-menu li a{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
footer .footer_nav ul li > .sub-menu li {
  font-weight: normal;
  width: 100%;
}
footer .footer_nav ul li > .sub-menu li:last-of-type{
  margin-bottom: 20px;
}
footer .footer_nav ul li a { color: #333; font-size: 1.1rem; text-decoration: none; -moz-transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
footer .footer_nav ul li a:hover { text-decoration: underline; }

.box-consultation-wrap{
    margin-bottom: 100px;
}
@media screen and (max-width: 768px){
    footer .footer_nav ul{
        flex-flow: column;
    }
    footer .footer_nav ul li{
        width: 100%;
    }
}

/**********************************
加飾・成形ナビ
**********************************/
/* 一覧 */
.ime_navi ul.list {
    gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.ime_navi ul.list dt{
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-size: 2.2rem;
    line-height: 3.52rem;
    margin-bottom: 25px;
    font-weight: bold;
}
.ime_navi ul.list::after {
    content: '';
    display: block;
    width: 32%;
    height: 0;
}
.ime_navi ul.list li {
    width: calc(100% / 3 - 40px);
    min-height: 400px;
    display: flex;
    flex-flow: column;
}
.ime_navi ul.list li > img{
    object-fit: cover;
    width: auto;
    height: 200px;
}
.ime_navi ul.list h2{
   background-color: inherit;
    font-size: 1.8rem;
    letter-spacing: -0.05rem;
    line-height: 1.5;
    margin: 0;
}
.ime_navi ul.list h2 a{
    color: #333;
}
.ime_navi ul.list li p{
    font-size: 1.4rem;
    font-weight: normal;
}
.ime_navi ul.list div.more{
    margin-top: auto;
}
@media screen and (max-width: 992px){
    .ime_navi ul.list li {
        width: calc(100% / 2 - 20px);
    }
}
@media screen and (max-width: 768px){
    .ime_navi ul.list{
        flex-flow: column;
    }
    .ime_navi ul.list li {
        width: 100%;
    }
    .ime_navi ul.list li > img{
        height: auto;
    }
}
/* 投稿 */
.ime_navi_wrap .box-consultation-wrap{
    margin-bottom: 100px;
}
.ime_navi_wrap li .button img{
    margin-bottom: 0!important;
}
.ime_navi_wrap h4.line-ye.bold{
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}
.ime_navi_wrap ol.serial{
    counter-reset: serial;
    margin-bottom: 50px;
    padding-left: 3rem;
}
.ime_navi_wrap ol.circle{
    counter-reset: circle;
    margin-bottom: 50px;
    padding-left: 2.5rem;
}
.ime_navi_wrap ol.serial li,
.ime_navi_wrap ol.circle li,
.ime_navi_wrap ul.dots li{
    text-indent: 0;
    padding-left: 0;
    padding-bottom: 5px;
    position: relative;
    line-height: 1.75;
}
.ime_navi_wrap ol.serial li::before{
    content: counter(serial) '.';
    counter-increment: serial 1;
    left: -1em;
    position: absolute;
}
.ime_navi_wrap ol.circle li::before{
    content: counter(circle);
    counter-increment: circle 1;
    left: -2rem;
    position: absolute;
    z-index: 1;
}
.ime_navi_wrap ol.circle li::after{
    content:'';
    position: absolute;
    top: .3rem;
    left: -2.6rem;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #333;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    line-height: 1.2;
}
.ime_navi_wrap ul.dots li{
    padding-left: 1.5rem;
}
.ime_navi_wrap ul.dots li::before{
    content: '・';
    position: absolute;
    left: 0;
}
.ime_navi_wrap .card-wrap-2.center{
    justify-content: center;
    gap: 40px;
}
.ime_navi_wrap .card-wrap-2 .card img{
    width:300px;
}
.ime_navi_wrap .bnr500{
    width: 500px;
}
.ime_navi_wrap table{
    margin-bottom: 50px;
}
.ime_navi_wrap table th,
.ime_navi_wrap table td{
    text-align: center;
}
.ime_navi_wrap table.tr-top tr:nth-child(n+2) th{
    background-color: white;
}
.ime_navi_wrap li dt{
    font-weight: bold;
}
.ime_navi_wrap li > dl dd:last-child {
    margin-bottom: 20px;
}
.ime_navi_wrap ul.three-part{
    gap: 20px;
}
.ime_navi_wrap ul.three-part li{
    width: calc(100%/3 - 20px);
}
@media screen and (max-width: 768px){
    .ime_navi_wrap ol.circle li::after{
        width: 1rem;
        height: 1rem;
        left: -2.3rem;
    }
}
@media screen and (max-width: 599px){
  .ime_navi_wrap ol.circle{
    padding-left: 1.5rem;
  }
  .ime_navi_wrap ol.circle li::after{
    left: -1.3rem;
  }
  .ime_navi_wrap ol.circle li::before{
    left: -1rem;
  }
  .ime_navi_wrap ul.three-part{
    gap: 10px;
    }
    .ime_navi_wrap ul.three-part li{
        width: calc(100%/3 - 10px);
    }
}

.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube iframe {
    width: 100%;
    height: 100%;
}
/**********************************
問い合わせ
**********************************/
.inquiry {
    background: #f2f2f2;
}
.inquiry .inquirywrap {
    width: 776px;
    background: white;
    margin: 100px auto;
}
.inquiry h1{
    display: block;
    font-weight: bold;
    text-align: left;
    background-color: #0070b8;
    color: white;
    padding: 15px 30px 13px 40px;
    font-size: 18px;
    margin: 0 auto;
    text-shadow: none;
}
.inquiry .inquirywrap p{
    padding: 0 0 20px 40px;
}
.inquiry .inquirywrap ul{
    gap: 40px;
}
.inquiry .inquirywrap li a{
    width: 248px;
    height: 50px;
    display: flex block;
    justify-content: center;
    align-items: center;
    border: 1px solid #0070b8;
    margin-bottom: 40px;
}
.inquiry .inquirywrap li a img{
    margin-right: 5px;
}
.inquiry .box-consultation-wrap .box-consultation h2{
    background-color: #0070b8;
    color: white;
}