@charset "utf-8";
body{
	margin:0;
	padding:0;
	/*font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 768px) {
	.pcnone {
		display: none !important;
	}
}

/* ipad 縦表示用 */
@media screen and (min-width: 769px) {
	.brnone {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.spnone {
		display: none !important;
	}
	.brnone {
		display: none;
	}
}

#formWrap {
	width: 100%;
	max-width: 900px;
	height: auto !important;
	height: 100%;
	margin:0 auto;
	color:#555;
	line-height: 170%;
	font-size:14px;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:35%;
	background:#efefef;
	text-align:left;
}
table.formTable table{
	width:45%;	
}
table.formTable table td,table.formTable table th{
	border:0;
	padding:0px;
}

.require{
	color:#F00;	
}

p.announce_text {
	margin-bottom: 1.5em;
}

div.privacy_text {
	margin-bottom: 40px;
	padding: 0 1.2em;
	border: 1px solid #CCCCCC;
}

/*エラーメッセージ*/
div.error{
	font-size:13px;
	color:#F00;
	padding: 0 18px 0;
	background:url(../img/error.gif) no-repeat 0px 5px;
}
#mainForm th img{
	vertical-align:top;
	margin-top: 4px;
}
.sample{
	display:inline-block;
	padding:10px 0 0;
}

p.error_messe{
	margin:5px 0;
	color:red;
}
p.error_messe strong{
	font-size:18px;
}

input[type="submit"],input[type="reset"],input[type="button"]{
	display:inline-block;
	width:250px;
	height:40px;
	margin:20px 0;
	cursor:pointer;
}

@media screen and (max-width:572px) { 
/*　画面サイズが572px以下はここを読み込む　*/

#formWrap {
	width:90%;
	margin:0 auto;
}

table.formTable th,table.formTable td{
	width:auto;	
	display:block;
}
table.formTable th{
	margin-top:5px;
	border-bottom:0;
}
table.formTable table{
	width:90%;	
}

input[type="text"],textarea{
	width:90%;
	padding:5px;
	font-size:110%;
	margin:3px 0;
}

input[type="submit"],input[type="reset"],input[type="button"]{
	display:block;
	width:100%;
}
input.spSmallInput{
	width:30%;	
}


}



.clear {
  clear: both;
  overflow: hidden;
}
.taR {text-align:right!important;}
.taL {text-align:left!important;}
.taC {text-align:center!important}
.small {font-size:90%!important;}
.small02 {font-size:80%!important;}
.small03 {font-size:70%!important;}
.m-small {font-size:13px!important;}
.mbig {font-size:14px;}
.big {font-size:110%!important;}

img {
	border: none;
	vertical-align: bottom;
}

h3 {
	padding: 15px 0;
	background: #30261B;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
}


/****************************************
						 表示・非表示設定
*****************************************/
/*@media screen and (min-width: 768px) {
	.pcnone {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.spnone {
		display: none;
	}
}*/
@media screen and (min-width: 641px) {
  /* line 203, style.scss */
  .pcnone {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  /* line 209, style.scss */
  .spnone {
    display: none;
  }
}

/****************************************
						　 headerの設定
*****************************************/
/* line 232, style.scss */
#header-box {
  width: 100%;
  height: 120px;
  background: #FFFFFF;
  border-bottom: 1px solid #C0BEB0;
}
/* line 237, style.scss */
#header-box .header-area {
  width: 100%;
  max-width: 1280px;
  margin: 10px auto;
}
/* line 241, style.scss */
#header-box .header-area #headerLeft-box {
  float: left;
  width: 32.8125%;
  /* 420 px*/
}
@media screen and (max-width: 768px) {
	#header-box {
		height: auto;
	}
  /* line 241, style.scss */
  #header-box .header-area #headerLeft-box {
    width: 100%;
  }
}
/* line 247, style.scss */
#header-box .header-area #headerLeft-box .headerLeft-area {
  width: 100%;
  text-align: left;
  text-align: -moz-left;
  font-size: 0em;
}
/* line 252, style.scss */
#header-box .header-area #headerLeft-box .headerLeft-area img {
  margin-left: 3.90625%;
  /* 50px */
  transition: opacity 0.2s linear;
}
/* line 256, style.scss */
#header-box .header-area #headerLeft-box .headerLeft-area a:hover img {
  opacity: 0.7;
}
/* line 261, style.scss */
#header-box .header-area #headerCenter-box {
  float: left;
  width: 34.375%;
}
@media screen and (max-width: 768px) {
  /* line 261, style.scss */
  #header-box .header-area #headerCenter-box {
    display: none;
  }
	#header-box .header-area #headerLeft-box .headerLeft-area img {
		margin-left: 0;
	}
}
/* line 267, style.scss */
#header-box .header-area #headerCenter-box .headerCenter-area {
  width: 100%;
  font-size: 0em;
}
/* line 272, style.scss */
#header-box .header-area #headerRight-box {
  float: right;
  width: 32.8125%;
  /* 420 px*/
}
@media screen and (max-width: 768px) {
  /* line 272, style.scss */
  #header-box .header-area #headerRight-box {
    width: 50%;
  }
}
/* line 278, style.scss */
#header-box .header-area #headerRight-box .headerRight-area {
  width: 100%;
  text-align: right;
  text-align: -moz-right;
  font-size: 0em;
}
/* line 283, style.scss */
#header-box .header-area #headerRight-box .headerRight-area a {
  display: block;
  width: 235px;
  height: 70px;
  margin-right: 3.90625%;
  /* 50px */
  background: #C0BEB0 url(http://yamagata-toyopet.jp/c-hr/img/header-navi/bg_button.png) no-repeat center center;
  opacity: 1;
}
/* line 290, style.scss */
#header-box .header-area #headerRight-box .headerRight-area a span {
  display: block;
  width: 235px;
  height: 70px;
  background: #C0BEB0 url(http://yamagata-toyopet.jp/c-hr/img/header-navi/bg_button_hover.png) no-repeat center center;
  opacity: 0;
  transition: opacity 0.3s linear;
}
/* line 299, style.scss */
#header-box .header-area #headerRight-box .headerRight-area a:hover span {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  /* line 310, style.scss */
  header {
    height: auto;
  }
}
@media screen and (max-width: 414px) {
  /* line 316, style.scss */
  header .header-area #headerLeft-box, header .header-area #headerRight-box {
    float: none;
    width: 100%;
  }
}

/* ロゴ
------------------------------------------------------------*/
/* line 324, style.scss */
h1 img {
  width: 100%;
  /*max-width: 850px;*/
  max-width: 500px;
  max-height: 98px;
  margin-top: 8px;
  text-align: center;
}

/* 注意書き
------------------------------------------------------------*/
.caption_red {
	margin: 5px 15px 20px;
	padding: 15px 25px;
	background: #C30D23;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 20px;
}

.text-red {
	color:  #C30D23;
}

ol {
	list-style: none;
	padding-left: 2rem;
}
ol li {
	text-indent: -1.15rem;
}
ol li span {
	margin-right: 0.25rem;
	color:  #C30D23;
	font-size: 110%;
}

/****************************************
						　 footerの設定
*****************************************/
/* line 489, style.scss */
#footer-box {
  width: 100%;
  background: #30261B;
}
/* line 492, style.scss */
#footer-box .footer-area {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  text-align: left;
}
/* line 497, style.scss */
#footer-box .footer-area img {
  width: 100%;
  max-width: 1000px;
  transition: opacity 0.2s linear;
}
/* line 502, style.scss */
#footer-box .footer-area a:hover img {
  opacity: 0.7;
}
/* line 505, style.scss */
#footer-box .footer-area #copyright-box {
  width: 100%;
  margin: 25px auto;
  color: #FFFFFF;
  font-size: 1.25rem;
  font-family: "Century Gothic", Verdana,Arial, sans-serif;
  text-align: center;
}
/* line 512, style.scss */
#footer-box .footer-area #copyright-box .copyrightLeft-area {
  float: left;
  width: 25%;
}
/* line 515, style.scss */
#footer-box .footer-area #copyright-box .copyrightLeft-area img {
  float: left;
  width: 100%;
  max-width: 45px;
  max-height: 45px;
  padding-left: 34px;
}
/* line 521, style.scss */
#footer-box .footer-area #copyright-box .copyrightLeft-area img:hover {
  opacity: 0.7;
}
/* line 526, style.scss */
#footer-box .footer-area #copyright-box .copyrightCenter-area {
  float: left;
  width: 50%;
  padding: 10px 0;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}
/* line 533, style.scss */
#footer-box .footer-area #copyright-box .copyrightCenter-area a {
  color: #FFFFFF;
}
/* line 535, style.scss */
#footer-box .footer-area #copyright-box .copyrightCenter-area a:hover {
  text-decoration: none;
}
/* line 540, style.scss */
#footer-box .footer-area #copyright-box .copyrightRight-area {
  float: right;
  width: 25%;
}