@charset "utf-8";

/*====================================

----------------------------------
  Structure
----------------------------------
1.

====================================*/



/*====================================NEWS一覧===================================*/

li.pageListItemList p.pageListTitle a {
    color: #231815;
    text-decoration: underline 1px;
}
li.pageListItemList p.pageListTitle a:hover {
    color: #231815;
    opacity: 0.7;
}
@media(max-width:1100px){
    li.pageListItemList p.pageListTitle a {
       display: block;
    }
}



/*====================================商品一覧===================================*/

@media(max-width:480px){
    .column-box {
    justify-content: center;
    }
}
@media(max-width:480px){
    .column-box04 {
    justify-content: center;
    }
}


.productPage_inner_rink {
    padding-top: 110px;
    margin-top: -110px;
}




/*=========================幅一杯になったら改行==============================*/
.no-wrap{
    display:inline-block!important;
    font-size:1em!important;
    color:inherit!important;
}


/*===========================見出しのサブ見出し================================*/
.text-en_t {
    font-size: 0.5em;
}




/*======================上下コンテンツ幅大きく============================*/
.padiing-tb {
    padding-top: 200px;
    padding-bottom: 200px;
}
.padiing-t {
    padding-top: 100px;
}

.padding-tb_10 {
    padding: 10px 0;
} 


/*=============================上下の余白=================================*/
.margin-tb50 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.margin-tb100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
@media screen and (max-width: 415px) {
.margin-tb100 {
    margin-bottom: 50px;
}
}
.margin-tb150 {
    margin-top: 150px;
    margin-bottom: 150px;
}
@media screen and (max-width: 415px) {
.margin-tb150 {
    margin-bottom: 75px;
}
}
.margin-tb250 {
    margin-top: 250px;
    margin-bottom: 250px;
}
.margin-tb500 {
    margin-top: 500px;
    margin-bottom: 500px;
}


.margin-t50 {
    margin-top: 50px;
}
.margin-t100 {
    margin-top: 100px;
}

.margin-b100 {
    margin-bottom: 100px;
}





/*=======================画像大きさ調整==========================*/

.max-width-img img{
    width: 100vw;
}
.max-width-img {
    margin-top: 100px;
    margin-bottom: 200px;
}






/*==========================テキスト余白=========================*/
.text-mtb {
    margin: 30px 0;
}
.text-mt {
    margin-top: 30px;
}


.pagetitle2022 {
    margin-bottom: 100px;
}




/* ==========================背景================================ */
.bg-sukimanasi {
  position: relative;
}
.bg-sukimanasi:before {
  display: block;
  content:'';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -10000;
  left: 0;
  top: 0;
}








/*=========================ページ内リンク===========================*/


.page-listBox {
    width: 80%;
    margin: 50px auto;
    margin-bottom: 250px;
}
@media(max-width:630px){
    .page-listBox {
        width: 100%;
    }
}

.page-listBox_m50 {
    width: 80%;
    margin: 50px auto;
}
@media(max-width:630px){
    .page-listBox_m50 {
        width: 100%;
    }
}


/*======リンク先のコンテンツに付与======*/
.page_inner_rink {
    padding-top: 150px;
    margin-top: -150px;
}
@media(max-width:500px){
    .page_inner_rink {
        padding-top: 100px;
        margin-top: -100px;
    }
}

/*.page_inner_rink02 {*/
/*    padding-top: 250px;*/
/*    margin-top: -250px;*/
/*}*/
/*@media(max-width:500px){*/
/*    .page_inner_rink02 {*/
/*        padding-top: 150px;    */
/*        margin-top: -150px;*/
/*    }*/
/*}*/


/*===========設備工場==========*/
.page-listFlex {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}
@media(max-width:1170px){
    .page-listFlex {
        flex-wrap: wrap;
    }
}
@media(max-width:800px){
    .page-listFlex {
        width: 80%;
        margin:0 auto;
        justify-content: space-between;
    }
}
@media(max-width:500px){
    .page-listFlex {
        width: 90%;
        margin:0 auto;
    }
}

.page-list {
    width: 11%;
    list-style: none;
    border: solid 0.1rem black;
    padding: 8px 5px;
    font-size: 0.8vw;
    line-height: 20px;
    text-align: center;
    margin: 10px;
    /*height: 35px;*/
}
.page-list:hover {
    opacity: 0.5;
}
@media(max-width:1170px){
    .page-list {
        width: 20%;
        font-size: 1.3vw !important;
    }
}
@media(max-width:800px){
    .page-list {
        width: 30%;
        font-size: 1.9vw !important;
    }
}
@media(max-width:500px){
    .page-list {
        width: 37%;
        font-size: 3.0vw !important;
    }
}

.page-list a {
    color: black !important;
}



/*========アクセス=========*/

.page-listFlex_acc {
    display: flex;
    justify-content: center;
}
/*@media(max-width:1170px){*/
/*    .page-listFlex_acc {*/
/*        flex-wrap: wrap;*/
/*    }*/
/*}*/
@media(max-width:860px){
    .page-listFlex_acc {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.page-list-acc {
    width: 18%;
    font-size: 0.8vw;
    list-style: none;
    border: solid 0.1rem black;
    padding: 8px 5px;
    font-size: 0.8vw;
    line-height: 20px;
    text-align: center;
    margin: 10px;
}
@media(max-width:1250px){
    .page-list-acc {
        font-size: 1.2vw;
    }
}
@media(max-width:860px){
    .page-list-acc {
        width: 35%;
        font-size: 1.9vw;
    }
}
@media(max-width:630px){
    .page-list-acc {
        width: 40%;
        font-size: 2.8vw;
    }
}
.page-list-acc:hover {
    opacity: 0.5;
}

.page-list-acc a {
    color: black!important;
    white-space: nowrap
}




/*===========流れ============*/

.page-listFlex_flow {
    display: flex;
    justify-content: center;
}
@media(max-width:1000px){
    .page-listFlex_flow {
        flex-wrap: wrap;
    }
}

.page-list_square {
    width: 9%;
    list-style: none;
    border: solid 0.1rem black;
    font-size: 17px;
    text-align: center;
    margin: 15px;
    
    /* 正方形にするのに必要な部分 */
    position: relative;
    height:auto;
}
@media(max-width:1550px){
    .page-list_square {
        font-size: 14px;
    }
}
@media(max-width:1400px){
    .page-list_square {
        width: 20%;
        font-size: 16px;
    }
}
@media(max-width:1000px){
    .page-list_square {
        margin: 20px;
    }
}
@media(max-width:799px){
    .page-list_square {
        width: 22%;
        margin: 15px;
    }
}
@media(max-width:479px){
    .page-list_square {
        font-size: 2.9vw;
        margin: 11px;
    }
}
.page-list_square:before {
    content: "";
    display: block;
    padding-top: 100%; /* ここを100％にすることで正方形になる */
}
.page-list_square a{
    /* 正方形にするのに必要な部分 */
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55%;
     /* 中央寄せ */
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;

    color: black !important;
}
.page-list_square a:hover {
    opacity: 0.5;
}
.page-list_square a:before{
  content: "";
  height: 100%;
  vertical-align: middle;
  width: 0px;
  display: inline-block;
}


/*=============Q&A===============*/

.page-list-faq {
    width: 22%;
    font-size: 0.9vw;
}
@media(max-width:1250px){
    .page-list-faq {
        width: 27%;
    }
}
@media(max-width:860px){
    .page-list-faq {
        width: 35%;
        font-size: 1.6vw;
    }
}
@media(max-width:630px){
    .page-list-faq {
        width: 41%;
        font-size: 2.5vw;
    }
}
/*@media(max-width:430px){*/
/*    .page-list-faq {*/
/*        width: 41%;*/
/*        font-size: 2.6vw;*/
/*    }*/
/*}*/






/*=========================リストtable==========================*/

/*==========会社概要=========*/
.gaiyou-list{
    width: 80%;
    margin: 0 auto;
}
@media(max-width:800px) {
    .gaiyou-list{
        width: 90%;
    }
}
@media(max-width:600px) {
    .gaiyou-list{
        width: 95%;
    }
}

.gaiyou-list th,.gaiyou-list td{
    border-color: black;
    border-right: none;
    border-left: none;
    background-color: #e8e8e8;
}

.gaiyou-tr td{
    padding: 15px 70px;
    line-height: 30px;
    letter-spacing: 3px;
}
@media(max-width:1200px) {
    .gaiyou-tr td{
        padding: 15px 30px;
    }
}
@media(max-width:600px) {
    .gaiyou-tr td{
        padding: 20px 5px;
        font-size: 0.9em;
        
        width: 100%;
        display: block;
        text-align: center;
    }
    .td-left {
        padding: 10px 5px !important;
        font-size: 1em !important;
        font-weight: bold;
    }
}

.td-left {
    white-space: nowrap;
}



/*=========アクセス==========*/

.access-list_bg-pink th,.access-list_bg-pink td{
    border: none;
    background-color: #f4e9de;
}
.access-list_bg-white th,.access-list_bg-white td{
    border: none;
    background-color: #fff;
}


.td-left02 {
    white-space: nowrap;
    font-weight: 600;
}



/*===============================リンクボタン設定==========================*/

/*========会社概要==========*/
.gaiyou-a {
    float: right;
    border: 1px solid;
    border-color: black;
    padding: 0 5px;
    font-size: 0.8em;
    color: black;
}
@media(max-width:600px) {
    .gaiyou-a {
        font-size: 0.6em;
        display: block;
        float: none;
        margin-top: 10px;
    }
}
.gaiyou-a:hover {
    color: black;
    opacity: 0.5;
}


/*=========アクセス==========*/
.access-a {
    border: 1px solid;
    border-color: black;
    padding: 10px 20px;
    font-size: 0.8em;
    color: black;
}
.access-a:hover {
    color: black;
    opacity: 0.5;
}

.tel-a {
    color: black;
    text-decoration: none;
}
.tel-a:hover {
    color: black;
    opacity: 0.5;
}

/*========================個人情報保護コンテンツ============================*/

.t-lineH {
    line-height: 35px;
    margin-top: 20px;
}

.conts__cell_no_mb {
  padding: 60px 0;
}

@media(max-width:1180px) {
    .pagetitle2022__title03 br {
    display: none;
    }
}





/*=====================グーグルマップ・レスポンシブレイアウト========================*/
.gmap-wrap{
    width: 80%;
    position : relative;
    height : 0;
    padding-bottom : 77%; /* 縦横比の指定 */
    overflow : hidden;
}
@media(max-width:768px) {
    .gmap-wrap{
    margin: 0 auto;
    padding-bottom : 56.25%;/* 縦横比の指定 */
    }
}
@media(max-width:600px) {
    .gmap-wrap{
    width: 100%;
    }
}
 
.gmap-wrap iframe,
.gmap-wrap object,
.gmap-wrap embed{
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
}





/*==========================サイトマップページ===================================*/
.site-map-rink a{
    font-size: 1.3em;
}
@media(max-width:500px){
    .site-map-rink a{
    font-size: 3.6vw;
    }
}





/*================================OEMページ=======================================*/
.oem_conts {
    border: 1.5px dotted black;
    border-top: 1px solid #000;
    border-radius: 0px 0px 10px 10px;
    margin-bottom: 150px;
}


.oem_conts-h {
    background-color: black;
    padding: 10px 0;
}
.oem_conts-h h1 {
    color: white;
    text-align: center;
    font-size: 23px;
}
@media(max-width:630px){
    .oem_conts-h h1 {
    font-size: 19px;
    }
}


.oem_conts-p {
    margin: 70px 80px;
    text-align: center;
}
@media(max-width:860px){
    .oem_conts-p {
    margin: 60px 40px;
    }
}
@media(max-width:630px){
    .oem_conts-p {
    margin: 50px 10px;
    }
}

.oem_conts-p h2 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
}
@media(max-width:630px){
    .oem_conts-p h2 {
    font-size: 18px;
    }
}

.oem_conts-p p {
    text-align: center;
    margin-bottom: 50px;
}

.oem_conts-img img{
    width: 80%;
}
@media(max-width:630px){
    .oem_conts-img img {
    width: 95%;
    margin: 10px;
    }
}

.sp_img {
    display:none;
}
@media(max-width:1000px){
    .pc_img {
        display:none;
    }
    .sp_img {
        display:inline;
    }
}


.oem_conts-flexImg {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.oem_conts-flexImg img {
    width: 40%;
    margin: 0 10px;
    border-radius: 10px;
}
@media(max-width:1000px){
    .oem_conts-flexImg img {
    width: 80%;
    margin: 10px;
    }
}
@media(max-width:630px){
    .oem_conts-flexImg img {
    width: 95%;
    margin: 10px;
    }
}

.oem_conts-flexConts {
    width: 40%;
    margin: 0 10px;
}
@media(max-width:1000px){
    .oem_conts-flexConts {
    width: 80%;
    margin: 10px;
    }
}
@media(max-width:630px){
    .oem_conts-flexConts {
    width: 95%;
    margin: 10px;
    }
}

.oem_conts-col3 {
    margin: 50px auto;
}

.col3_h {
  border: 1px dotted black;
  border-radius: 50%;
  padding: 10px!important;
  height: 180px;
  width: 180px;
  margin: 0 auto 20px;
}
.col3_h h1 {
  margin: 0;
  font-size: 2.0em;
  font-weight: 600;
  letter-spacing: 0.3em;
  line-height: 1.2;
  text-align: center;
  padding: 62px 0 0 0.3em;
}
.col3_p {
    height: 150px;
}
@media(max-width:1127px){
    .col3_p {
    height: 200px;
    }
}
@media(max-width:768px){
    .col3_p {
    height: 150px;
    }
}
@media(max-width:480px){
    .col3_p {
    height: 110px;
    }
}

.oem_conts-col3Img img{
    width: 100%;
    border-radius: 10px;
}







/*====================================Q&Aページ===================================*/
.faq_conts {
    border: 1.5px solid black;
    border-top: 1px solid #000;
    border-radius: 10px;
    margin-bottom: 50px;
    padding:30px 70px;
}
@media(max-width:800px){
    .faq_conts {
    margin-bottom: 30px;
    padding:15px 30px;
    }
}
@media(max-width:600px){
    .faq_conts {
    margin-bottom: 30px;
    padding:10px 10px 0px 10px;
    }
}
.faq_conts th,.faq_conts td {
    border: none;
    background-color: white;
}
.text-b {
    font-weight: bold;
}






/*=============================お問い合わせページ======================================*/

.mailForm .submitBtn {
    border: 1px solid black;
    padding: 13px 30px;
    color: white !important;
    font-size: 18px;
    border-radius: 3px;
    text-decoration: none !important;
    background: black;
    cursor: pointer;
}

.contact_telImg {
    text-align: center;
}
.contact_telImg img {
    width: 23%;
}
@media(max-width:1100px){
    .contact_telImg img {
    width: 40%;
    }
}
@media(max-width:550px){
    .contact_telImg img {
    width: 60%;
    }
}

#main .formCheckBlock {
    max-width: 86%;
    margin:0 auto;
}






/*===================================お客様の声ページ=====================================*/

.voice_case_cell {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 100px;
    border: 1px solid black;
    padding: 20px;
}
@media(min-width:1600px){
    .voice_case_cell {
    width: 60%;
    }
}

@media(max-width:500px){
    .h_style_type08_a {
    font-size: 1.7rem;
    }
}