@charset "utf-8";

/* ===================================================================
　フォント　ヤマキンニュースCSSと同じ
　https://www.yamakin-gold.co.jp/yn/wordpress/wp-content/themes/ynews/css/bases.css
=================================================================== */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/*IEメイリオ表示*/
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

/*文字サイズ指定*/
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;/* 16px */
  	line-height: 1.6;
	-webkit-text-size-adjust: 100%;/*WebKitのバグ回避*/
}



/* ===================================================================
　ヘッダ
=================================================================== */
header{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	text-align: center;
}

/*タイトル
----------------------------------------------------------- */
header img{
	width: 160px;
	height: auto;
	vertical-align: unset;
}
/*メインビジュアルがある場合*/
header img.main{
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	display: block;
}
header h1 {
	font-size: 4.8rem;
	font-weight: bold;
	text-align: center;
	color: #1eab55;
	margin-bottom: 15px;
}

header h2 {
	margin-bottom: 10px;
	font-size: 4.8rem;
	font-weight: bold;
	position: relative;
	text-align: center;
}
header h2 span.line {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: left;
	color: #c82678;
}
header h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
/*サブタイトル*/
header strong{
	font-size: 1.6rem;
	font-weight: bold;
}
/*フォームタイトル*/
h3 {
	background-color: #0045b7;
	color: #FFFFFF;
	padding: 6px;
	margin-bottom: 10px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: left;
	margin-top: 50px;
}
/*必須項目*/
p.required{
	text-align:center;
	font-size:1.6rem;
	font-weight: bold;
	color:#c80000;
}
p.confirmation{
	font-size:1.6rem;
	color:#c80000;
	text-align:center;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* ===================================================================
　フォームパーツ
=================================================================== */
article.mailform {
	width: 1000px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
}
.mailform dl {
	width: 1000px;
	box-sizing: border-box;
	padding:20px;
}
/*奇数行の背景色*/
.mailform dl:nth-child(odd){
	background-color:#f0f0f0;
}




/*項目
----------------------------------------------------------- */
.mailform dt {
	font-size: 1.6rem;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-weight: bold;
}
/*横並び*/
.mailform dl.line dt {
	width: 230px;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.6rem;
	border: none;
}
/*必須項目*/
.mailform dt span{
	color:#c80000;
	font-weight:bold;
	margin-left:4px;
	font-size: 1.8rem;	
}
/*補足*/
.mailform dt span.note{
	color:#333333;
	font-weight:normal;
	font-size: 1.4rem;
    line-height: 1.8;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
}
.mailform dt span.small{
	color: inherit;
	display: block;
	font-weight:normal;
	font-size: 1.2rem;
}


/*入力部分
----------------------------------------------------------- */
.mailform dd {
	margin-bottom: 10px;
}
.mailform dd span {
	font-weight: bold;
    text-decoration: underline;
}


/*確認画面：入力内容赤文字*/
.mailform dd p{
color: #BD0003;
}


/*入力部分：fromパーツ
----------------------------------------------------------- */
.mailform dd input[type="text"],
.mailform dd input[type="tel"],
.mailform dd input[type="email"],
.mailform dd select{
	width: 95%;
	font-family: inherit;
	padding: 7px 12px;
	font-size: 1.8rem;
	background: #f1f5ff;
	border-radius: 4px;
	border: 1px solid #b5b6c4;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
}
.mailform dd input[type="radio"]{
    font-size: 40px;
    width: 24px;
    height: 24px;
	vertical-align: text-bottom;
	margin-right: 6px;
}
.mailform dd input[type="checkbox"] {
    font-size: 40px;
    width: 20px;
    height: 20px;
	vertical-align: text-bottom;
	margin-right: 6px;
}
.mailform dd textarea {
	font-family: inherit;
	width: 100%;
    height: 120px;
    box-sizing: border-box;
    resize: vertical;    
    padding: 7px 12px;
	font-size: 1.8rem;
    background: #f1f5ff;
    border-radius: 4px;
    border: 1px solid #b5b6c4;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 5%);
}
.mailform dd label{
	margin-right: 20px;
	padding: 6px;
}
.mailform dd label.bf{
    font-size: 2.0rem;
	margin-right: 20px;
	padding: 6px;
}
.mailform dd label.bf strong{
    font-weight: bold;
}


.mailform dd label:last-child{
	margin-right: 0px;
}

/*ラベル一列に*/
.mailform dd label.one_line{
    display: block;
}

/*個人情報
----------------------------------------------------------- */
section.pra{
    width: 1000px;
	box-sizing:border-box;
    padding: 30px;
	margin-top: 30px;
	margin-bottom: 15px;
    overflow: hidden;
	background-color:#d7d7d7;
	border-top:4px solid #636363;
	border-bottom:4px solid #636363;	
}
section.pra h2{
	font-size:1.8rem;
	margin-bottom:20px;
	font-weight: bold;
}
section.pra strong{
	font-size:1.4rem;
	font-weight: bold;
	display: block;
	margin-bottom:6px;
	text-align: left;
}
section.pra p{
	font-size:1.4rem;
	margin-bottom:20px;
}
section.pra p:last-child{
	margin-bottom:0px;
}

p.doi{
	font-size:1.4rem;
	text-align:center;
	margin-bottom: 70px;
}

/*送信ボタン
----------------------------------------------------------- */
.mailform input[type="submit"]{
	background-color: #ff6e17;
	color: #fff;
	font-size:18px;
	width:50%;
	border:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border-radius: 8px;
	transition: all .3s;
	margin-top:30px;
	margin-bottom:60px;
}

.mailform input[type="submit"]:hover{
	background-color: #a93f00;
}


/*戻るボタン
----------------------------------------------------------- */
.submit_area input[type="button"][value="戻る"] {
	color: #5B5B5B;
	background-color:#FFFFFF;
	font-size:1.6rem;
	border:none;
	margin-top:15px;
	padding:10px;
	border-radius: 8px;
	transition: all .3s;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.submit_area input[type="button"][value="戻る"]:hover{
	background-color: #D5D5D5;
}
.submit_area input[type="button"][value="戻る"].single {
	margin-top:0px;
	margin-left: 0;
}



/* ===================================================================
　クラス
=================================================================== */
.ma_top15{
	margin-top: 15px;
}


/* ===================================================================
　footer
=================================================================== */
footer{
	border-top: #ccc solid 1px;
	margin-top: 50px;
	margin-bottom: 30px;
	padding-top: 15px;
}
footer img{
	width: 240px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
footer p{
	text-align: center;
	font-size: 1.0rem;
	color: #727272;
}


/* ===================================================================
　送信完了画面
=================================================================== */
article.thank {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	text-align: center;
}

article.thank p.ok{
	font-size:2.4rem;
	font-weight: bold;
	color: #c80000;
	margin-top: 30px;
	margin-bottom: 20px;
}
article.thank p{
	font-size:1.6rem;
	margin-bottom:40px;
}
hr {
	height: 0;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	border: 0;
	border-top: 3px double #ccc;
}
.completion{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.completion p.title_area{
	font-size:1.8rem;
    text-decoration: underline;
    margin: 0;
	font-weight: bold;
	display: block;
	margin-bottom:20px;
	text-align: left;
}

.completion h3{
	color: #000000;
    font-size: 1.8rem;
	text-align: left;
	padding: 0.5rem 1rem;
	border-left: 5px solid #000;
	background: #f4f4f4;
    margin: 0;
    margin-bottom: 15px;
}
.completion h4{
	padding: 1rem 2rem;
	font-weight: bold;
	border-top: 2px dotted #000000;
	border-bottom: 2px dotted #000000;
	text-align: center;
	margin-bottom: 25px;
	color: #000000;
}
.completion p{
	margin-left: 25px;
}
.completion p span.mail{
	color: #c80000;
	font-weight: bold;
}
.completion div{
	background-color: #f0f0f0;
	padding: 30px;
}
.completion div p{
	margin-left: 0px;
	margin-bottom: 20px;
}
.completion div p:last-child{
	margin-bottom: 0px;
}


/*****************************************/
/* ===================================================================
	スマートフォン用記述（600px以下）
=================================================================== */
/*****************************************/
@media all and (min-width: 0px) and (max-width: 600px){

/* ===================================================================
　ヘッダ
=================================================================== */
header{
	width: 100%;
	margin-top: 15px;
}

/*タイトル
----------------------------------------------------------- */
header img{
	width: 30%;
}
header img.main{
	width: 100%;
	margin-bottom: 15px;
}
header h1 {
	font-size: 3.2rem;
}
header h2 {
	font-size: 2.4rem;
}
header h2 span.line {}
header h2::before {}
/*サブタイトル*/
header strong{
	font-size: 1.4rem;
	font-weight: bold;
}
/*フォームタイトル*/
h3 {
	font-size: 1.8rem;
}
/*必須項目*/
p.required{
	font-size:1.2rem;
}
p.confirmation{
	font-size:1.6rem;
}

/* ===================================================================
　フォームパーツ
=================================================================== */
article.mailform {
	width: 100%;
	margin-top: 15px;
}
.mailform dl {
	width: 100%;
	padding:5%;
}
/*奇数行の背景色*/
.mailform dl:nth-child(odd){}

/*項目
----------------------------------------------------------- */
.mailform dt {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

/*確認画面にだけ下線*/
.mailform_check dt {
	border-bottom: 1px dotted #838383;
	padding-bottom: 2%;
}
/*必須項目*/
.mailform dt span{}
.mailform dt span.small{
	display: inline;
	font-size: 1.6rem;
}

/*入力部分
----------------------------------------------------------- */
.mailform dd {
	width:100%;
	display: block;
}
/*横並び「名前」「勤務先」*/
.mailform dl.line dd {
	width:100%;
	display: block;
}
/*入力項目入れ子「5-1.紹介した操作方法はご存知でしたか。」*/
.mailform dd div.in{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
.mailform dd div.in p{
	width: 100%;
}
.mailform dd div.in label{
	box-sizing: border-box;
	width: 45%;
}
.mailform dd label.bf{
    font-size: 1.6rem;
}
.mailform dd label.bf strong{}    
    
.mailform dd div.in span{}
/*入力項目並び「8.弊社ではCAD/CAMシステム活用のサポートを...」*/
.mailform dd.list{
	display: initial;
}
.mailform dd.list label:nth-child(odd){
	width: 100%;
	display: block;
}
.mailform dd.list label:nth-child(even){
	width: 100%;
	display: block;
}
/*対象製品：確認画面用*/
.mailform dd p {
	line-height: 2.0;
}


/*右：入力部分：fromパーツ
----------------------------------------------------------- */
.mailform dd input[type="text"],
.mailform dd input[type="tel"],
.mailform dd input[type="email"],
.mailform dd select{}
.mailform dd input[type="radio"]{vertical-align:middle;}
.mailform dd input[type="checkbox"] {vertical-align:middle;}
.mailform dd textarea {}
.mailform dd label{
	width: 100%;
	display: block;
	margin-right: 0;
	padding: 6px;
}
.mailform dd label:last-child{
	margin-right: 0px;
}

/*個人情報
----------------------------------------------------------- */
section.pra{
    width: 100%;
    padding: 3%;
	margin-top: 30px;
}
section.pra h2{
	font-size:1.6rem;
	margin-bottom:15px;
}
section.pra strong{
	font-size:1.2rem;
	font-weight: bold;
	margin-bottom:6px;
}
section.pra p{
	font-size:1.2rem;
	margin-bottom:20px;
}
section.pra p:last-child{}

p.doi{
	box-sizing: border-box;
    font-size: 1.4rem;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
}

/*送信ボタン
----------------------------------------------------------- */

.mailform input[type="submit"]{
	-webkit-appearance: none;
	background-color: #ff6e17;
	color: #fff;
	font-size:2.4rem;
	width:75%;
	border:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border-radius: 20px;
	transition: all .3s;
}

.mailform input[type="submit"]:hover{
	background-color: #a93f00;
	}

/*戻るボタン
----------------------------------------------------------- */
input[type="button"][value="戻る"] {
	font-size:1.6rem;
}

input[type="button"][value="戻る"]:hover{}
input[type="button"][value="戻る"].single {}

/* ===================================================================
　footer
=================================================================== */
footer{}
footer img{
	width: 50%;
}
footer p{}


/* ===================================================================
　送信完了画面
=================================================================== */
article.thank {
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
}
article.thank p.ok{
	font-size:2.0rem;
}
article.thank p{
	font-size:1.4rem;
}
hr {
	margin-top: 20px;
	margin-bottom: 40px;
}
.completion{
	width: 100%;
}
.completion h3{
	padding: 0.5rem 1rem;
}
.completion h4{
	padding: 1rem 2rem;
	font-weight: bold;
	border-top: 2px dotted #000000;
	border-bottom: 2px dotted #000000;
	text-align: center;
	margin-bottom: 25px;
	color: #000000;
}
.completion p{
	margin-left: 10px;
}
.completion div{
	padding: 4%;
}
.completion div p{
	margin-bottom: 14px;
}
.completion div p:last-child{}





}