@charset "utf-8";


/* header
---------------------------------------------------*/
header{
	
}


/* 全体構成
------------------------------------------------------*/
.under_content1{
	margin:80px auto;
	padding:0;
	width:870px;
	overflow:hidden;
}

.under_content2{
	margin:20px auto 80px auto;
	padding:0;
	width:870px;
	overflow:hidden;
}

.pan_list {  
	margin:50px auto;
	text-align:center;
}  
.pan_list li {  
	display:inline;
	font-size:12px;
	line-height:110%;  
	list-style-type:none;  
}  
.pan_list li:first-child { 
	padding-left:25px;  
	background:url(../image/list_img.png) no-repeat left center;  
}  
.pan_list li::after {
	content: '　>>';
}
.pan_list li:last-child::after {
	content: '';
}










img {
  vertical-align: bottom;
}
.rBanner {
  position: fixed;
  bottom: 70px;
  right: 0;
  z-index: 101;
}
.u_rBanner {
  position: fixed;
  top: 50%;
  margin-top: -191px;
  right: 0;
  z-index: 101;
}
.scroll {
  position: absolute;
  bottom: 70px;
  left: 50%;
  margin-left: -283px;
  z-index: 101;
  text-align: center;
}
.linkBtn1 {
  width: 260px;
}
.linkBtn1 a {
  display: block;
  border: 2px solid #FF9326;
  text-align: center;
  line-height: 46px;
  background-color: #fff;
  border-radius: 23px;
  font-size: 16px;
  color: #666;
}
.linkBtn1 a span {
  position: relative;
}
.linkBtn1 a span::before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #FF9326;
  position: absolute;
  top: 7px;
  left: -20px;
}
.linkBtn1 a:hover {
  color: #fff;
  background-color: #FF9326;
}
.linkBtn1 a:hover span::before {
  background-color: #fff;
}
.bg1 {
  background: url(../image/common/bg1.png) repeat;
}
.bgFixed {
  width: 100%;
  height: 400px;
  background: url(../image/common/3.jpg) center/cover no-repeat;
  background-attachment: fixed;
}
.ib {
  display: inline-block;
}


.infoBox_ttl {
  text-align: center;
  margin-bottom: 60px;
}
.infoBox_ttl img {
  margin-top: -70px;
}
.infoBox_fb {
  width: 450px;
  float: left;
  padding: 10px;
  border: 1px solid #EBE9DE;
  background-color: #fff;
  min-height: 280px;
  text-align: center;
}
.infoBox_company {
  width: 450px;
  float: right;
}
.infoBox_company_logo {
  margin-bottom: 10px;
}
.infoBox_company dl {
  border-bottom: 1px dotted #999;
  padding: 10px 20px;
}
.infoBox_company dl:last-child {
  border-bottom: 0;
}
.infoBox_company dt {
  width: 60px;
  text-align: center;
  background: #B20000;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  padding-top: 1px;
  border-radius: 10px;
  float: left;
}
.infoBox_company dd {
  width: 350px;
  padding-left: 20px;
  float: left;
}
.infoBox_gMap {
  margin-top: 70px;
}
.infoBox_gMap iframe {
  width: 100%;
  vertical-align: bottom;
}
.footer_cont_a,
.nav2 {
  display: inline-block;
  vertical-align: top;
}
.footer_cont_a p {
  text-align: right;
}
.footer_cont_a p+p {
  margin-top: 15px;
}
.footer_cont_a_tel {
  margin-top: 25px;
}
.footer_cont {
  text-align: center;
}
.footer {
  padding: 70px 0 40px; 
}
.copyright {
  font-size: 13px;
  text-align: center;
  margin-top: 90px;
  color: #333;
}



/* トップページ　index.htm
------------------------------------------------------*/

.tBox1 {
  position: relative;
  height: 600px;
  background: url(../image/common/bg2.jpg) repeat;
  text-align: center;
  z-index: 1;
  padding-top: 82px;
}
.tBox1::before,
.tBox1::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
}
.tBox1::before {
  background: url(../image/home/5.png);
  width: 352px;
  height: 525px;
  bottom: 0;
  left: 0;
}
.tBox1::after {
  background: url(../image/home/6.png);
  width: 277px;
  height: 562px;
  right: 0;
  bottom: 18px;
}
.tBox1_inner {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.tBox1_ttl {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -39px;
}
.tBox1_cont figure {
  height: 262px;
}
.tBox1_cont li {
  width: 370px;
  color: #fff;
}
.tBox1_cont_txt {
  font-size: 12px;
  text-align: center;
  line-height: 2;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tBox1_cont_link {
  border: 1px solid #fff;
}
.tBox1_cont_link a {
  color: #fff;
  display: block;
  text-align: center;
  line-height: 39px;
  padding-top: 1px;
}
.tBox1_cont_link a:hover {
  color: #B20000;
  background-color: #fff;
}

.tBox1_cont1 {
  float: left;
}
.tBox1_cont1 figure {
  padding-top: 30px;
}
.tBox1_cont1 .tBox1_cont_link {
  width: 360px;
  margin-left: auto;
  margin-right: auto;
}
.tBox1_cont2 {
  float: right;
}
.tBox1_cont2 figure {
  text-align: right;
}
.tBox1_cont2_linkWrap {
  text-align: center;
}
.tBox1_cont2 .tBox1_cont_link {
  display: inline-block;
  width: 170px;
}
.tBox1_cont2 .tBox1_cont_link+.tBox1_cont_link {
  margin-left: 20px;
}

.tBox2 {
  padding: 60px 0 90px;
}
.tBox2_ttl {
  padding-bottom: 20px;
}
.tBox2_cont li {
  font-size: 0;
  margin-top: 40px;
}
.tBox2_cont_txt,
.tBox2_cont figure {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 2;
}
.tBox2_cont_txt {
  width: 490px;
}
.tBox2_cont_txt_read {
  margin-bottom: 15px;
}
.tBox2_cont_txt_from {
  display: block;
  text-align: right;
}
.tBox2_cont_txt 
.tBox2_cont figure {
  width: 430px;
}
.tBox2_cont li:nth-of-type(odd) figure {
  margin-left: 30px;
}
.tBox2_cont li:nth-of-type(even) figure {
  margin-right: 30px;
}
.tBox2_cont figure p {
  padding-left: 20px;
  line-height: 1;
}

.tBox2_trader {
  border: 3px solid #B20000;
  border-radius: 10px;
  position: relative;
  background: #fff url(../image/home/15.png) right center no-repeat;
  padding: 34px 290px 0px 170px;
  height: 214px;
  margin-top: 60px;
}
.tBox2_trader_ttl {
  width: 137px;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #B20000;
  padding-top: 45px;
}
.tBox2_trader dt {
  font-size: 16px;
  color: #B20000;
  margin-bottom: 5px;
  font-weight: bold;
}
.tBox2_trader dd {
  font-size: 13px;
  line-height: 2;
}

/* 中ページ
---------------------------------------------------*/
.uMv {
  height: 400px;
}
.uMv_inner {
  position: relative;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
}
.uMv_inner .hLogo {
  top: 60px;
  left: 20px;
}
.uMv_inner .hNav {
  top: 74px;
  right: 20px;
}
.uMv_ttl1 {
  text-align: center;
}
.uMv_ttl1 img {
  margin-top: -38px;
}

/* プレノワール
---------------------------------------------------*/
.prenoire .uMv {
  background: url(../image/about/mv.jpg) center/cover no-repeat;
}

.aBox2 {
  position: relative;
  width: 870px;
  margin: 120px auto 100px;
}
.aBox2_ttl_1 {
  padding-left: 20px;
  margin-bottom: 15px;
}

.aBox2_txt {
  padding: 20px;
}
.aBox2_txt_ttl {
  font-size: 16px;
  color: #B20000;
  font-weight: bold;
}
.aBox2_txt_cont {
  margin-top: 20px;
  font-size: 12px;
  line-height: 2;
  width: 540px;
}
.aBox2_img {
  position: absolute;
  top: -80px;
  right: 70px;
}
.aBox2_pre {
  border: 3px solid #B20000;
  border-radius: 10px;
  background-color: #fff;
  padding: 25px 40px;
  margin-top: 30px;
  font-size: 12px;
  line-height: 2;
}
.aBox2_pre_read {
  font-size: 16px;
  color: #B20000;
  font-weight: bold;
  margin-bottom: 10px;
}


/* 商品紹介
---------------------------------------------------*/
.product .uMv {
  background: url(../image/product/mv.jpg) center/cover no-repeat;
}

.pdBox1_cont {
  width: 870px;
  margin: 75px auto 120px;
}
.pdBox1 li {
  width: 415px;
  margin-top: 20px;
}
.pdBox1 li:nth-of-type(odd) {
  float: left;
}
.pdBox1 li:nth-of-type(even) {
  float: right;
}
.pdBox1 li p {
  font-size: 14px;
  padding: 10px 65px;
}
.pdBox1 li p span {
  text-align: right;
  display: block;
  border-top: 1px dashed #999;
  padding-top: 5px;
  margin-top: 5px;
}


/* 会社案内
---------------------------------------------------*/
.profile .uMv {
  background: url(../image/profile/mv.jpg) center/cover no-repeat;
}

.pfBox1 {
  width: 870px;
  margin: 45px auto 75px;
}
.pfBox1 table {
  width: 100%;
  border-top: 1px solid #999;
}
.pfBox1 tr {
  padding: 0 30px;
  border-bottom: 1px solid #999;
}
.pfBox1 tr:nth-of-type(even) {
  background: rgba(192, 157, 109, 0.1);
}
.pfBox1 th,
.pfBox1 td {
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
}
.pfBox1 th {
  width: 205px;
  text-align: center;
}
.pfBox1 td {
  width: 605px;
  padding-left: 20px;
}



/* 会社案内
---------------------------------------------------*/
.contact .uMv {
  background: url(../image/contact/mv.jpg) center/cover no-repeat;
}

.contact_read {
  text-align: center;
  margin: 40px 0 30px;
}
.form {
  max-width: 870px;
  margin: 0 auto;
}
.form_ttl {
  text-align: center;
}
.form_ttl span {
  position: relative;
}
.form_ttl span::before {
  content: '';
  display: block;
  width: 89px;
  height: 98px;
  background: url(../img/mail/2_b.png) center/cover no-repeat;
  position: absolute;
  top: -58px;
  left: -48px;
}
.form_read {
  text-align: center;
  margin: 45px 0;
  line-height: 2;
  font-size: 13px;
}

.form table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}
.form table tr {
  border-top: solid 1px #ccc;
}
.form table tr+tr {
  border-bottom: solid 1px #ccc;
}
.form table th {
  width: 280px;
  padding-left: 90px;
  vertical-align: top;
}
.form table th,
.form table td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.form table textarea {
  border: 1px solid #ccc;
  background-color: #fff;
}
.form input {
  padding-top: 10px;
  padding-bottom: 10px;

}
.f1 {
  width: 360px; 
}
.f2 {
  width: 160px;
}
.f3 {
  width: 460px;
}
.rec {
  position: relative;
}
.rec::before {
  content: '必須';
  display: block;
  width: 48px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  background-color: #A90202;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: -60px;
}
.rec2 {
  width: 48px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  background-color: #A90202;
  border-radius: 8px;
  display: inline-block;
}
.formbotan {
  text-align: center;
  margin-top: 40px;
}
.formbotan button {
  background-color: #fff;
}
.formbotan button+button {
  margin-left: 20px;
}
.formbotan button {
  width: 260px;
  border: 2px solid #A90202;
  line-height: 41px;
  padding-top: 1px;
  border-radius: 23px;
  font-size: 16px;
  transition: 0.6s;
}
.formbotan button:hover {
  background: #A90202;
  color: #fff;
}
.formbotan button span {
  position: relative;
}
.formbotan button span::after {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #A90202;
  position: absolute;
  top: 4px;
  left: -20px;
}



.policyBox {
  max-width: 870px;
  margin: 120px auto 0;
  padding-right: 30px;
}
.policyBox dl {
  width: 50%;
  float: left;
}
.policyBox dl+dl {
  margin-left: 30px;
  margin-right: -30px;
}
.policyBox dt {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 10px;
}
.policyBox dd {
  padding: 20px;
  border: solid 1px #eee;
  border-radius: 12px;
  min-height: 360px;
  background-color: #fff;
}
.policyBox dd p {
  font-size: 12px;
  text-align: center;
}
.policyBox dd p+p {
  margin-top: 20px;
}
.fRed {
  color: #FF0000;
}