@charset "UTF-8";
/*
	Theme Name: kiyomine
	Author: em.inc
	Version:
*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # 追加用
   # ================================================================= */
/* 製品案内 */
.wrap_btn_ncl {margin-top: 25px;border: 1px solid #555555;width: calc(450/640 * 100%);  margin-bottom: 10px;background: #F6F6F6;}
.wrap_btn_brz {margin-top: 25px;border: 1px solid #555555;width: calc(450/640 * 100%);  margin-bottom: 10px;background: #FEF0E0;}
.wrap_btn_aly {margin-top: 25px;border: 1px solid #555555;width: calc(450/640 * 100%);  margin-bottom: 10px;background: #FCE4DC;}
.wrap_btn_ncl .box_btn,.wrap_btn_brz .box_btn,.wrap_btn_aly .box_btn{font-size: 13px;height: 57px;line-height: 57px;padding: 0 11px;}
.wrap_btn_ncl .txt_btn,.wrap_btn_brz .txt_btn,.wrap_btn_aly .txt_btn{display: block;position: relative;color: #000000;}
.wrap_btn_ncl .txt_btn::after,.wrap_btn_brz .txt_btn::after,.wrap_btn_aly .txt_btn::after{content: '';width: 6px;height: 6px;display: block;position: absolute; top: 49.5%;right: 2%;-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);border-top: 1px solid #000000;border-right: 1px solid #000000;}

@media print, screen and (min-width: 768px) {
  .wrap_btn_ncl{margin-top: 40px;justify-content: flex-start;border: 1px solid #555555;width: 48%;margin-bottom: 10px;background: #F6F6F6;}
  .wrap_btn_brz{margin-top: 40px;justify-content: flex-start;border: 1px solid #555555;width: 48%;margin-bottom: 10px;background: #FEF0E0;}
  .wrap_btn_aly{margin-top: 40px;justify-content: flex-start;border: 1px solid #555555;width: 48%;margin-bottom: 10px;background: #FCE4DC;}
  .wrap_btn_ncl .box_btn,.wrap_btn_brz .box_btn,.wrap_btn_aly .box_btn{font-size: 15px;height: 57px;line-height: 57px;padding: 0 11px;}
  .wrap_btn_ncl .txt_btn,.wrap_btn_brz .txt_btn,.wrap_btn_aly .txt_btn{display: block;color: #000000;position: relative;}   
  .txt_btn::after {content: '';width: 9px;height: 9px;top: 50%;right: 0;display: block; position: absolute;-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);border-top: 1px solid #000000;border-right: 1px solid #000000;}
}

/* 各下層 */
.w100per{width: 100%;}
.mb_30{margin-bottom: 30px;}
.mb_40{margin-bottom: 40px;}
.mb_50{margin-bottom: 50px;}
.mb_60{margin-bottom: 60px;}

h1.PageTitle__title span{font-size: 16px;color: #888888;}
@media print, screen and (min-width: 768px){
.PageTitle .PageTitle__title.-product {min-width: 6.2em;margin-right: 49px;}
}

div.wrap_ncl{background: #F6F6F6;padding-bottom: 80px;}
div.wrap_brz{background: #FEF0E0;padding-bottom: 80px;}
div.wrap_aly{background: #FCE4DC;padding-bottom: 80px;}
section.wrap_content{width: 1100px;margin: 0 auto;}

/* ベーステーブル 洋白 */
section.wrap_content div.wrap_table{overflow-x:auto;margin-bottom: 50px;width: 100%;}
section.wrap_content table{border-collapse: collapse;border-spacing: 0;width: 100%;font-size: 14px;line-height: 1.4;background: #FFFFFF;}
section.wrap_content table.table_style01 th{border: 1px solid #ABABAB;background: #666666;color: #FFFFFF;font-weight: normal;padding: 10px;}
section.wrap_content table.table_style01 td{border: 1px solid #ABABAB;text-align: center;padding: 5px;}
section.wrap_content table.table_style01 th.gry{background: #ECECEC;color: #666666;text-align: left;}

/* りん青銅テーブル */
section.wrap_content div.ver_brz table.table_style01 th{;background: #EF9C41;border: 1px solid #808080;}
section.wrap_content div.ver_brz table.table_style01 td{border: 1px solid #808080;}
section.wrap_content div.ver_brz table.table_style01 th.brz{background: #FCDAB4;color: #666666;text-align: left;}

/* 特殊合金テーブル */
section.wrap_content div.ver_aly table.table_style01 th{;background: #EE867D;border: 1px solid #808080;}
section.wrap_content div.ver_aly table.table_style01 th.aly{background: #FCE4DC;color: #666666;text-align: left;}
section.wrap_content div.ver_aly table.table_style01 td{border: 1px solid #808080;}

section.wrap_content table.table_style01 .w25per{width: 25%;}
section.wrap_content table.table_style01 .w20per{width: 20%;}
section.wrap_content table.table_style01 .w18per{width: 18%;}
section.wrap_content table.table_style01 .w15per{width: 15%;}
section.wrap_content table.table_style01 .w13per{width: 13%;}
section.wrap_content table.table_style01 .w10per{width: 10%;}
section.wrap_content table.table_style01 .w8per{width: 8%;}
section.wrap_content table.table_style01 .w7per{width: 7%;}
section.wrap_content table.table_style01 .w6per{width: 6%;}
section.wrap_content table.table_style01 .w5per{width: 5%;}

section.wrap_content ul#list_nickel_img{display: -webkit-flex;display: flex;width: 100%;margin-bottom: 40px;}
section.wrap_content ul#list_nickel_img li{width: 33%;margin-right: 10px;}
section.wrap_content ul#list_nickel_img li:last-child{margin-right: 0;}
section.wrap_content ul#list_nickel_img li img{width: 100%;}

section.wrap_content ul.attent{font-size: 14px;color: #666666;text-align: right;}
span.red{color: #CC0000;}

h3.h3_ttl_product {font-size: 15px;line-height: 1;position: relative;padding-left: 13px;font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight: 400;margin-bottom: 16px;}
h3.h3_ttl_product::before {content: '';display: block;width: 7px;height: 1px;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #000;}

@media print, screen and (min-width: 768px){
h3.h3_ttl_product {font-size: 22px;} 
}

@media print, screen and (max-width: 767px){
h1.PageTitle__title span{font-size: 16px;color: #888888;margin-left: 20px;}
section.wrap_content{width: 100%;padding:0 15px;}
section.wrap_content table{border-collapse: collapse; border-spacing: 0;width:800px;font-size: 14px;}
section.wrap_content ul#list_nickel_img{display: -webkit-flex;display: block;width: 100%;}
section.wrap_content ul#list_nickel_img li{width:80%;margin:0 auto;margin-bottom: 10px;}
section.wrap_content ul#list_nickel_img li img{width: 100%;}   
section.wrap_content ul#list_nickel_img li:last-child{margin: 0 auto;}
.PageTitle .PageTitle__title {margin-right: 0;}
}

.PageTitle .PageTitle__title {
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-weight: 300;
    font-size: 38px;
    line-height: 1;
    /* margin-right: 1em; */
    margin-bottom: 15px;
}

/* お問い合わせ */
.wrap_btn_recruit {margin-top: 10px;border: 1px solid #c6c6c6;width: 300px;  margin-bottom: 10px;}
.box_btn {font-size: 14px;height: 37px;line-height: 37px;padding: 0 11px;}
.txt_btn {display: block;position: relative;color: #666;}
.txt_btn::after {content: '';width: 6px;height: 6px;display: block;position: absolute; top: 48.5%;right: 7%;-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);border-top: 1px solid #666;border-right: 1px solid #666;}

/* ---------------フォーム共通--------------- */
div.PageTitle div.PageTitle__inner h1{font-size: 64px;}
@media print, screen and (max-width: 767px){
div.PageTitle div.PageTitle__inner h1{font-size: 38px;}
}

div#wrap_content{border-top: 1px solid #e8e8e8;}

div#box_content{width: 1100px;margin :0 auto;padding-top:68px;}
div#box_content table{border-collapse: collapse; border-spacing: 0;font-size: 14px;}

input[type="radio"]{position: relative;top: 1px; left: 0;margin:0 5px 8px 0;}
input[type="checkbox"]{position: relative;top: 4px; left: 0;margin:0 5px 6px 0;}
input[type="number"]{border: 1px solid #e9e9e9;background: #f4f4f4;width: 30%;padding: 10px 0 10px 10px;}
input[type="date"]{border: 1px solid #e9e9e9;background: #f4f4f4;width: 30%;padding: 10px 0 10px 10px;}
table td input[type="text"],table td input[type="email"]{padding: 10px;border: 1px solid #e9e9e9;background: #f4f4f4;width: 600px;}

table{margin-bottom: 30px;width: 100%;border-top:1px solid #e0e0e0;}
table th{width: 400px;font-weight:bold;border-bottom:1px solid #e0e0e0;text-align: left;padding-left:30px;font-size: 16px;}
table th img{margin: 3px 0 0 10px;}
table td{padding:20px 0 ;border-bottom:1px solid #e0e0e0;font-size: 20px;}
table td.name{overflow: hidden;}
table td.name div{float: left; width: 290px;}
table td.name div:first-child{margin-right:20px;}
table td.name div input[type="text"] {width: 100%;}
table td.zip input[type="text"]{width: 30%;}
table td.pref select{width: 200px;}
table td select{width: 150px;height: 55px;padding: 10px;border: 1px solid #e9e9e9;background: #f4f4f4;}
table td.time select{width: 10%;margin:0 10px 0 15px;}
table td textarea {width: 600px;height: 120px;resize: vertical;padding:5px 10px;line-height: 1.4; border:none;border: 1px solid #e9e9e9;background: #f4f4f4;}
table td.height03 textarea {height: 156px;}
table td.height05 textarea {height: 156px;}

table td span.atten{color: #999999;font-size: 15px;}
span.wpcf7-list-item {margin: 0 20px 0 0!important;}

/* table_style01 */
table#table_style01{margin-bottom: 30px;width: 100%;}
table#table_style01 th{width: 400px;font-weight:bold;text-align: left;padding-left:30px;font-size: 16px;}
table#table_style01 th img{margin: 3px 0 0 10px;}
table#table_style01 td{padding:20px 0 ;font-size: 20px;}
table#table_style01 td ul{overflow: hidden;}
table#table_style01 td ul li{float: left;margin-right: 20px;}
table#table_style01 td textarea {height: 60px;}


/* リセットボタン */
input.reset{background:#666666;width: 300px;padding: 10px 0;font-size: 16px;color: #eeeeee;text-align: center;}

/* プライバシー */
p#privacy_check{margin: 30px 0;font-weight: 500;}
p#privacy_check input[type="checkbox"]{width: 20px;height: 20px;}


@media print, screen and (max-width: 767px){
table td input[type="text"],table td input[type="email"]{padding: 10px;border: 1px solid #e9e9e9;background: #f4f4f4;margin-left: 0;width: 100%;}
table td input[type="date"]{padding: 10px;border: 1px solid #e9e9e9;background: #f4f4f4;margin-left:0;width: 100%;}
input[type="number"]{width: 100%;}
table td.name div{width: 50%;}
table td.name div:first-child{padding-right: 2%;margin-right: 0;}
table td.name div:last-child{padding-left: 2%;}
table td.name input[type="text"]{width: 100%;}
table td.pref select{width: 100%;}
table td.time select{width: 20%;margin:0 10px 0 15px;}
table td textarea {width: 100%;height: 120px;}

input.reset{width: 100%;}
}

/* scroll area */
p#h4_privacy{color:#0F3461; font-weight: bold;line-height: 1.0;margin-bottom: 20px;}
div#privacy{width: 1020px;margin: 0 auto;}
div.scroll_area{height:160px;margin-bottom:50px;font-size:15px;border: 1px solid #BABABA;}
div.scroll_area div.inner_scroll{margin:15px 40px 20px 15px;}
div.scroll_area dl dd{margin-bottom:25px;}

.texta,.textb,.textc,.textd,.texte,.textf,.textg,.texth,.texti {display: none;}
.text01,.text03,.text05,.text07,.text09,.text11,.text13,.text15,.text17 {display: block;}

/* ---------------送信完了--------------- */
div#wrap_thanks{width: 100%;padding-top:68px;text-align: center;}

/* ---------------顧客満足度調査--------------- */

/* テーブル */
table#table_style01 td div.wrap_reason{background: #EEEEEE;padding: 10px;font-size: 13px;margin: 5px 0 0 0;}
table#table_style01 td div.wrap_reason p{font-size: 13px;}
table#table_style01 td div.wrap_reason p.p_reason{border-bottom: 1px dotted #cccccc;padding-bottom: 5px;margin-bottom: 5px;}
table#table_style01 td.height05 textarea {height: 156px;}
table#table_style01 td p.reason_other input[type="text"]{width: 540px; margin-left: 10px;background: #ffffff;border: 1px solid #cccccc;}

@media print, screen and (max-width: 767px){
div#box_content{width:100%;margin: 0 auto;padding:35px 15px 0;}
table#table_style01{border-top: none;}
table#table_style01 th,table#table_style01 td{display:block;float:left;clear:both;width: 100%;}
table#table_style01 th{padding: 15px 0;text-align: center;border: none;background: #EEEEEE;}
table#table_style01 td{border: none;}
table#table_style01 td div.wrap_reason{border: 1px solid #eeeeee;background: none;}
table#table_style01 td div.wrap_reason span.wpcf7-list-item{margin: 0 10px 0 0!important;}
table#table_style01 td p.reason_other input[type="text"]{width: 100%;margin-left:0; }
}

/* ---------------エントリーシート--------------- */
p.notice_allert{color: #e52323;font-size: 16px;line-height: 1.6;margin-bottom: 10px;}
/* テーブル */
table#table_style01 td.graduate input[type="text"]{width: 100px;margin-right: 10px;}
table#table_style01 td.height03 textarea {height: 95px;}

table#table_style01 th span.must{color: #e52323;font-size: 11px;vertical-align: text-top;line-height: 1.0;}
table#table_style01 th span.txt_notice{font-size: 14px;color: #666666;font-weight: normal;}

/* ---------------フォームパーツ--------------- */

table.form_parts{border-top:3px solid #e0e0e0;}
table.form_parts tr th{border-bottom:1px dotted #e0e0e0;}
table.form_parts tr td{border-bottom:1px dotted #e0e0e0;}
table.form_parts tr:nth-child(2n) th{border-bottom:3px solid #e0e0e0;color: #999999;}
table.form_parts tr:nth-child(2n) td{border-bottom:3px solid #e0e0e0;font-size: 13px!important;color: #999999;}

span.wpcf7-not-valid-tip {color: #dc3232;font-size: 12px!important;font-weight: normal;display: block;}


