/* CSS Document */
body{
	background-color: #f2ede4;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#333;
}
.text-bold {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
}

.container{
	margin-bottom: 10em;
	word-spacing: 0.1em;
}

.bg-w {
    background-color: #FFFFFF !important;
}  
.bg-black {
    background-color: #333333 !important;
}  
.bg-orange {
    background-color: #ff8b1f !important;
}  
.bg-bj{
  background-color:#cdc6b0;
}

/*header・navi*/
.headlogo{
  width:180px;
}
.navbar{
  padding:0.1rem 0.5rem;
}
.navbar-nav{
	max-width:1000px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
.btn-or {
	background-color: #ff8b1f;
	width: 8rem;
	color: #FFFFFF !important;
	text-align: center;
	padding: 0.1rem 2rem;
	margin: 0.4rem;
}
.btn-gr {
	background-color: #999;
	width: 8rem;
	color: #FFFFFF !important;
	text-align: center;
	padding: 0.1rem 2rem;
	margin: 0.4rem;
}
.btn-more{
  background-color: #ff8b1f;
  width:10rem;
  color: #FFFFFF !important;
  text-align: center;
  padding: 0.1rem 2rem;
  margin: 0.4rem;
  border: none;
  float:right;
  }
h1{
  font-size: 3rem;
  font-weight:400;
  max-width:1000px;
  margin: auto;
}
h2{
  max-width:1000px;
  margin: auto;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
}
h3{
  font-size:1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing:0.2em;
}
h4{
  font-size:1.5rem;
  font-weight:400;
  letter-spacing:0.2em;
}
h5, .h5{
  font-size:1.2rem;
  font-weight:400;
}
.lead{
	line-height:2.4rem;
	letter-spacing:0.1em;
}
.font-big{
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.font-mincho{
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
a, a:hover{
	text-decoration: none;
}
ul.features{
  list-style: outside none;
  margin-left: -1rem;
}
ul.features li dt{
  text-indent: -1rem;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
}
ul.features li dt:before{
/*  content: url("../images/products/check.png");
  color:#01BF09;*/
  content:"・";
  margin-right: 0.4rem;
}
ul.features li dd{
  margin-left: -1rem;
}
h4.border-bottom{
  border-bottom: #333333 1px solid !important;
}
.breadcrumb {
	background: none;
}
@media (min-width: 768px) {
h1{
  font-size: 10vw;
  font-weight:400;
}
h2{
  font-size: 10vw;
  font-weight:400;
}
h3{
  font-size:5vw;
  font-weight:400;
}
h4{
  font-size:2.4rem;
  font-weight:400;
  line-height: 3rem;
}
h5{
  font-size:1.5vw;
  font-weight:400;
}
}
/*タイトル右に罫線*/
.title{
  position:relative;
  padding-right:20px;
}
.h4ttl{
background-color: #f2ede4;

}
.title::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 100%; /* 線の太さ */
  height: 1px; /* 線の高さ */
  background-color: #333; /* 線の色 */
  z-index: -1;
}
/*---------- TOP PAGE ----------*/
.sliderarea{
width:100%;
max-width:1400px;
margin: auto;
}

.p-btn{
	border-bottom:1px #999 solid;
}
.card{
  border-radius: 0;
}
.card-body:hover{
	opacity:0.8;
}
#lineup a{
  color:#333333;
}
#lineup a:hover{
  color:#E6BB00;
  text-decoration: underline;
}
#lineup-btn .card-body{
  background-color:#cdc6b0;
  padding:3rem;
}
#lineup-btn .card-title,
#lineup-btn .card-title:hover,
#lineup-btn .card-text,
#lineup-btn .card-text:hover{
  color:#333333;
}
#lineup-btn .card-text{
  text-align:left;
}
dt.news-type,dt.news-date,dd.news-list{
	float: none;
	font-size: 1.2em;
}
footer a{
	color:#FFFFFF !important
}
.news-list ul{
	list-style: none;
}
.news-list li{
	list-style: none;
	padding: 0.5em;
	border-top: 1px solid #999;
}
.news-list li:last-child{
	border-bottom: 1px solid #999;
}
@media (min-width: 768px) {
.p-btn{
	border-bottom: none;
}
.nav-item{
	width: 8.5vw;
	white-space: nowrap;
	text-align: center;
	max-width: 130px;
}
dt.news-type{
	display: inline-block;
	float: left;
	width:10em;
}
dt.news-date{
	display: inline-block;
	float: left;
	width: 10em;
}
dd.news-list{
	display: inline-block;
}

}

@media (min-width: 1200px) {
h1{
  font-size: 100px;
  font-weight:40;
}
h2{
  font-size: 100px;
  font-weight:40;
}

}

/*-------- PRODUCTS ----------*/
.mv{
	display: block;
	width:100%;
	max-width: 1400px;
	margin: 0 auto;
}
.seriesname{
	/*margin-top:-300px;*/
	margin-bottom:100px;
}
.seriesname h4{
	margin-top:-280px;
}
.bg-seriesname{
	height:300px;
	z-index: -1;
	margin-left:-20vw;
	display: block;
}
.bg-seriesname h2{
	font-size:14vw;
	color:#e8e0d7;
	white-space: nowrap;
}
dl.yoto{
	display: flex;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 1em 1em 0.5em 1em;
	margin: 2em 0;
}
dl.yoto dt{
	width:8rem;
	margin-right: 0.5rem;
	padding-bottom: 0.5em;
	font-size: 1.1em;
}
dl.yoto dd{
	background-color: #FFF;
	padding: 0.1rem 0.3rem;
	margin-right: 0.5rem;
	border: #333 solid 1px;
}
.mid-hr:before{
	content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
.lineuplist a{
	color:#333333;
	text-decoration: none;
}
.lineuplist a:hover{
	opacity: 0.7;
}
.lineuplist ul{
	list-style: none;
	margin: 0
}
.lineuplist .card-title1{
	font-family: "Roboto", sans-serif;
	font-size: 0.9rem;
	font-weight:bold;
	margin-bottom: 0.5rem;
}
.lineuplist .card-title2{
	font-family: "Roboto", sans-serif;
	font-size: 1.3rem;
	margin-bottom: 0.5rem;
	line-height: 1.2rem;
}
.lineuplist .card-feat{
	clear: both;
}
.lineuplist .box{
	display: inline-block;
	padding:0.1rem 0.2rem;
	margin: 0 0.2rem 0 0;
	font-weight: bold;
	font-size:0.8rem;
}
.lineuplist .box-y{
	background-color:#ffe714;
}	
.lineuplist .box-r{
	background-color:#ff6d6d;
}	
.lineuplist .box-v{
	background-color:#c3a6ff;
}	
.lineuplist .box-g{
	background-color:#d9d9d9;
}	
.lineuplist .card-text{
	margin-top:0.5rem;
	line-height: 1.5rem;
	font-size: 0.9rem;
	letter-spacing: 0.04em;
}	
hr.lu-hr{
	width:30%;
	min-width:40px;
	border: #c9af94 1px solid;
	margin: 0.5em 0;
	
}

/*.clr-list button{
margin: 0.5em;
	border: 1px solid;
	padding: 0.5em 0.6em;
	font-size: 1.2em;
	width: 5em;
	border-radius: 6px;
}*/

.clr-list{
	display: flex;
	
}
.clico{
	margin: 0.2em;
	border: 1px solid;
	padding: 0.6em 0.6em;
	font-size: 1.2em;
	width: 1em;
	border-radius: 100%;
	vertical-align: middle;
	cursor: default;
}
.clico:active{
	cursor: default;
}
.clr-w, .spec-th-w{
	background-color: #FFF;
	border-color:#AAA;
	color: #000;
}
.clr-b, .spec-th-b{
	background-color: #1a4c9f;
	border-color:none;
	color: #FFF;
}
.clr-g, .spec-th-g{
	background-color: #008e3f;
	border-color:none;
	color: #FFF;
}
.clr-r, .spec-th-r{
	background-color: #e60020;
	border-color:none;
	color: #FFF;
}
.clr-il, .spec-th-il{
	background-color: #e24090;
	border-color:none;
	color: #FFF;
}
.clr-ul, .spec-th-ul{
	background-color: #864697;
	border-color:none;
	color: #FFF;
}
.clr-name{
	line-height: 2em;
}
a.link{
	display: block;
	padding: 0 0.2em;
	background-color: #ff8b1f !important;
	color: #FFF;
	text-decoration: none;
	width: 4em;
	margin: auto;
	border-radius: 4px;
}
.detailmethod0{
	background-color: #AAA;
	color:#FFF;
}
.detailmethod2{
	background-color: #FFF;
}
.spec-table{
	overflow: scroll;
}
@media (min-width: 768px) {
.spec-table{
	overflow: hidden;
}
}
.spec-table td{
	padding: 0.2em 0.5em;
	text-align: center;

}

.spec-table table{
	width:100%;
	background-color: #FFF;
	border:1px solid #AAA;
}
.spec-table tr{
	border-bottom: 1px solid #AAA;
}
.spec-table tr:nth-of-type(2n+1){
	background-color:#EEE;
}

.spec-table th{
	padding: 1em;
	text-align: center;
	background-color: #DDD;
	border-left: 1px solid #AAA;
}

.spec-table td{
	text-align: center;
	border-left: 1px solid #AAA;
	font-size:16px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
}
.spec-table button.detail{
	border:none;
	/*border-radius: 4px;*/
	background-color: #ff8b1f;
	color:#FFF;
	padding:0.2em 0.5em;
	font-size: 0.9em;
	white-space: nowrap;
}
.spec-table a.btn-or2,input .btn-or2{
	border:none;
	/*border-radius: 4px;*/
	background-color: #ff8b1f;
	color:#FFF;
	padding:0.5em;
	font-size: 0.9em;
	white-space: nowrap;
}
.vam{vertical-align: middle;}

@media (min-width: 768px) {

}

/*------- form ----*/
.form-table{
	width:100%;
}
.form-table tr{
	border-bottom:1px solid #000;
}
.form-table th{
	text-align: left;
	padding:0.8em;
}
.form-table td{
	text-align: left;
	padding:0.8em;
}
@media (min-width: 768px) {

}

/*------- aboutus ----*/
.aboutus_top{
	min-height:500px;
	margin-bottom:0;
}
.bg-harf1{
	background: linear-gradient(165deg, #f2ede4 50%, #ede6dd 50%);
}
.bg-harf2{
	background: linear-gradient(165deg, #ede6dd 50%, #f2ede4 50%);
}
.aboutus_mv_area{
	width:100%;
	padding:60px 40px 100px 0;
}
.aboutus_mv{
	width:80%;
	margin-left:0px;
	position: absolute;
	z-index: 0;
	max-width: 900px;
}
.mv_ttl_area{
	background: #FFF;
	width:50%;
	max-width:580px;
	padding: 1em;
	z-index: 100;
	position: absolute;
	top: 250px;
	right: 10%;
	box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.3);
}
.mv_ttl_area h3{
	font-size:40px;
	margin-left: 0.5em;
}
.mv_ttl_area > .lead{
	margin: 0 2em 0 4em;
	line-height: 1.6rem;
	font-size: 0.9rem;
}
.aboutus_top_bg{
	margin-top:160px;
	z-index:-1;
	color:#e8e0d7;
	font-size:140px;
}
.summary-ttl{
margin-bottom: 2em;
}

.summary-ttl span{
	font-size:1.5rem;
	letter-spacing: 0.3em;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color:#FFF;
	background-color: #333;
	padding: 0.2em;
	margin-bottom: 1rem;
	line-height: 1.8em
}
.summary-copy{
	display: block;
	width:40%;
	float: left;
	margin: 0 0 0 3em;
	letter-spacing: 0.1em;
}
.summary-img{
	float: right;
	width:50%;
	z-index: -1;
	position: relative;
	right:0;
	top:-100px;
}
.c-gaiyo span{
	background-color: #333;
	margin:2em auto;
	color:#FFF;
	padding:0.2em 1em;
}
.companyprofile{
	width:100%;
}
.companyprofile dt{
	border-top: 1px solid #999;
	width:25%;
	padding:0.5em;
	text-align: left;
	display: flex;
	float: left
}
.companyprofile dt.dtlast-child{
	border-bottom:1px solid #999;
}
.companyprofile dd{
	border-top: 1px solid #999;
	width:75%;
	padding:0.5em;
	text-align: left;
	display: flex;
}
.companyprofile dd:last-child{
	border-bottom:1px solid #999;
}


.greeting-copy{
	letter-spacing: 0.1em;
}