@charset "utf-8";
/* ----------------------------------------
 mv
------------------------------------------- */

#main-visual{
margin-top:6%!important;
}


.flex-prev,.flex-next{
padding-bottom:10%!important;	
}

.slick-prev{
	margin-left:2%;
}

.slick-next{
	margin-right:2%;
}

/* ----------------------------------------
ピックアップエリア
------------------------------------------- */
.pickup-area{
	background-color:#fff;
	padding:3%;
}
.section-head{
	text-align:left!important;
	border-color:#efefef!important;
}

.pickup-area .excerpt{
	display:none;
}



/* ----------------------------------------
印鑑カテゴリリスト
------------------------------------------- */
.inkanList{
width:80%;
}

.list_left h3,.list_right h3{
	padding:10px 0 20px 0;
	border-bottom:solid 1px #efefef!important;
	margin-bottom:20px;
	 font-family: 'Noto Sans JP', sans-serif;
 font-weight:500;
	font-size:2.0rem;
	color:#4b4949;
}

.list_left h4,.list_right h4{
font-family: 'Noto Sans JP', sans-serif;
 font-weight:400;
	font-size:1.7rem;
	color:#4b4949;
}
.list_left p.list_right p{
font-family: 'Noto Sans JP', sans-serif;
 font-weight:300;

	color:#4b4949;
}

.inkan-txtbox p{
	font-size:1.2rem!important;
}
.list_left{
float:left;
width:49%;
background-color:#fff;
margin-right:1%;
text-align:left!important;
padding:2%;
}


.list_right{
float:right;
width:49%;
background-color:#fff;
margin-left:1%;
text-align:left!important;
padding:2%;
}

.perli{
	margin:50px auto!important;
}

.per a li,.com a li{
	border-bottom:solid 1px #efefef!important;
	padding-bottom:20px;
}

.limg{
	width:25%;
    height:25%;
	float:left;
}
.inkan-txtbox{
	width:70%!important;
	float:right!important;
}


.news-buttun-box{
	width:100%;
}
.leftb{
	width:49%;
	float:left;
}
.righttb{
	width:49%;
	float:right;
}


/* ----------------------------------------
バナー
------------------------------------------- */
.leftb{
	width:49%;
	float:left;
}
.righttb{
	width:49%;
	float:right;
}
/* ----------------------------------------
アイテムエリア
------------------------------------------- */
.product-area{
	background-color:#fff!important;
	padding:3%!important;
	
}

.widget_welcart_bestseller{
	
	background-color:#fff!important;
	padding:3%!important;
	
}

/* ----------------------------------------
コンセプト
------------------------------------------- */
#concept{
	max-width:1400px;
	margin:50px auto;
	
}
#concept h2 {
  color: #740003;
  font-size: 3rem;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 30px;
}
#concept p {
  text-align: center;
}


/* ----------------------------------------
メッセージ
------------------------------------------- */
#message{
	max-width:1400px;
	margin:50px auto;
	
}
#message h2 {
  color: #740003;
  font-size: 3rem;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 30px;
}
#message p {
  text-align: center;
}



/* ----------------------------------------
  コンテンツレイアウト
---------------------------------------- */
#LConntent .page-img{
background: url("../images/index-images/index-img02.png") no-repeat;
background-position: right;

}
#LConntent{
position: relative;
}
#LConntent .page-img{
margin-left:45%;
padding-top: 550px;
}
#LConntent .lBox{
position: absolute;
top: 30px;
left: 5%;
z-index: 100;
width:35%;

}

.lBox h1{
line-height: 1;
color: #000;
font-size: 4rem;
text-align: left;
}

#LConntent h1 i{
display: block;
font-size: 2.0rem;
font-style: normal;
margin-top: 30px;
}
#LConntent h1 span{

color: #740003;
font-size: 1.6rem;

}

.lBox p{
text-align:left!important;
	margin-top:50px!important;
	margin-bottom:50px!important;
	font-size:1.6rem;
}
#aboutCom .page-img{
background: url("../images/index-images/index-img03.jpg") no-repeat;
background-position: right;

}
#mess .page-img{
background: url("../images/index-images/index-img04.jpg") no-repeat;
background-position: right;

}

/* ----------------------------------------
 business
------------------------------------------- */
.business .box01 {
  overflow: hidden;
  margin-bottom: 40px;
}
.business .box01 .float-l {
  width: 40%;
}
.business .box01 .float-r {
  width: 40%;
}
.business .box01 h2 {
  color: #740003;
  font-size: 4.5rem;
  line-height: 1;
  margin-bottom: 30px;
}
.business .box01 h2 span {
  color: #2e99dc;
  font-size: 1.8rem;
  padding-left: 20px;
}
.business .box01 p {
  margin-bottom: 30px;
}
.business .box02 {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 30px 50px;
}
.business .box02 .float-l {
  width: 34%;
  box-sizing: border-box;
  border-right: 2px solid #ccc;
}

.business .box02 .float-l:nth-child(2) {
  padding-left:4%;
}

.business .box02 .float-r {
  width: 28%;
}
.business .box02 table th, .business .box02 table td {
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
  padding: 10px 10px;
}
/* ----------------------------------------
 company
------------------------------------------- */
#company .float-l {
  width: 40%;
}
#company .float-r {
  width: 40%;
}
#company h2 {
  color: #740003;
  font-size: 3.0rem;
  line-height: 1;
  margin-bottom: 30px;
}
#company p {
  margin-bottom: 30px;
}



/* ----------------------------------------
Service
------------------------------------------- */

#topService{
	background-color:rgb(240, 235, 235,0.4);
	padding:100px 0 30px;
	width:100%;
}

#topService h2{
line-height: 1;
color: #000;
font-size: 6rem;
text-align: left;
	margin-left:2%;
}

#topService h2 span{
	color: #740003;
font-size: 1.6rem;
}


#topService h2 i{
font-size: 1.8rem;
font-style: normal;
font-weight:500!important;
margin-top: 30px;
float:right;
margin-right:3%;
color:#000;	
}



#topService ul {
	clear:both;
  overflow: hidden;
	margin-top:100px;
}
#topService ul li {
  float: left;
  width: 22%;
  text-align: center;
  margin-right: 1%;
  margin-bottom:2.5%;
  background-color:#fff;
  padding:10px;
}
#topService ul li a {
  color: #333;
  font-size: 1.8rem;
  text-align: center;
}
#topService ul li:nth-child(4n) {
  margin-right: 0;
}
#topService ul li img {
  margin-bottom: 10px;
}
#topService ul li i {
  display: block;
  color: #333;
}
#topService p{
text-align:left!important;
	font-size:1.4rem;
	margin-top:15px;
}


/*aboutUs*/
#aboutUs{
	margin:100px auto;
}
.topAboutUs{
	padding:10px 0;
	width:100%;
}

.topAboutUs h2{
line-height: 1;
color: #000;
font-size: 6rem;
text-align: left;
	margin-left:2%;
}

.topAboutUs h2 span{
color: #740003;
font-size: 1.6rem;
}


.topAboutUs h2 i{
font-size: 1.8rem;
font-style: normal;
font-weight:500!important;
margin-top: 30px;
float:right;
margin-right:3%;
color:#000;	
	
}
/* ----------------------------------------
BLOG
------------------------------------------- */

#blog{
	padding:100px 0 0;
	width:100%;
}

#blog h2{
line-height: 1;
color: #000;
font-size: 6rem;
text-align: left;
	margin-left:2%;
}

#blog h2 span{

color: #740003;
font-size: 1.6rem;
}


#blog h2 i{
font-size: 2.2rem;
font-style: normal;
margin-top: 30px;
float:right;
margin-right:3%;
	
}



#blog ul {
	clear:both;
  overflow: hidden;
	margin-top:100px;
}
#blog ul li {
  float: left;
  width: 22%;
  margin-right: 4%;
  margin-bottom:2.5%;
}
#blog ul li a {
  color: #333;
  font-size: 1.8rem;
  margin-bottom:3%;
}
#blog ul li:nth-child(4n) {
  margin-right: 0;
}
#blog ul li img {
  margin-bottom: 10px;
}
#blog ul li i {
  display: block;
  color: #740003;
}
#blog p{
text-align:left!important;
	font-size:1.6rem;
	margin-bottom:3%;
	margin-top:3%;
}

#blog .cate{
	background-color:#740003;
	padding:3px 10px;
	color:#fff;
	font-size:1.4rem;
	margin-right:5px;
}
#blog .bDate{
	padding:3px 10px;
	color:#666;
	font-size:1.3rem;
	margin-left:5px;
}



/* =======================
  PC
======================== */
@media screen and (min-width: 1600px) {}
@media screen and (max-width:1599px) {
  #catch h2 {
    font-size: 2vw;
  }
  #catch h2 span {
    font-size: 4vw;
    background-size: 80% auto;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
  /* ----------------------------------------
 mv
------------------------------------------- */
#main-visual{
margin-top:15%!important;
}
  /* ----------------------------------------
 lead
------------------------------------------- */
  #lead h2 {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
 
  /* ----------------------------------------
 company
------------------------------------------- */
  #company .float-l {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  #company .float-r {
    float: none;
    width: 100%;
  }
  #company h2 {
    color: #740003;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 20px;
  }
  #company p {
    margin-bottom: 30px;
  }
/* ----------------------------------------
 コンテンツ
------------------------------------------- */	
#LConntent .page-img{
margin-left:0%;
margin-bottom:450px;
padding-top: 300px;
}
#LConntent .lBox{
padding-top:300px;
display: block;
z-index: 100;
width:90%;
}	
#RConntent .page-img{
margin-right:0%;
margin-bottom:450px;
padding-top: 300px;
}
#RConntent .RBox{
padding-top:300px;
display: block;
z-index: 100;
width:90%;
margin-left:-55%;
}
#MessageConntent .page-img{
margin-left:0%;
margin-bottom:450px;
padding-top: 300px;
}
#MessageConntent .lBox{
padding-top:300px;
display: block;
z-index: 100;
width:90%;
}	
/* ----------------------------------------
Service
------------------------------------------- */

#topService{
	background-color:rgb(240, 235, 235,0.4);
	padding:100px 0 30px;
	width:100%;
}

#topService h2{
line-height: 1;
color: #000;
font-size: 6rem;
text-align: left;
margin-left:2%;
}

#topService h2 span{
	color: #740003;
font-size: 1.4rem;
	display: block;
	margin-top:30px;
}


#topService h2 i{
font-size: 1.2rem;
font-style: normal;
font-weight:500!important;
margin-top: 30px;
float:left;
margin-right:3%;
color:#000;	
display: block;
	clear:both;
}



#topService ul {
	clear:both;
  overflow: hidden;
	margin-top:100px;
}
#topService ul li {
  float: left;
  width: 42%;
  text-align: center;
  margin-right: 2%;
  margin-bottom:2.5%;
}
#topService ul li a {
  color: #333;
  font-size: 1.8rem;
  text-align: center;
}
#topService ul li:nth-child(4n) {
  margin-right: 0;
}
#topService ul li img {
  margin-bottom: 10px;
}
#topService ul li i {
  display: block;
  color: #333;
}
#topService p{
text-align:left!important;
	font-size:1.4rem;
	margin-top:15px;
}
.list_left{
float:left;
width:100%!important;
background-color:#fff;
margin-right:1%;
text-align:left!important;
padding:2%;
}


.list_right{
float:right;
width:100%!important;
background-color:#fff;
margin-left:1%;
text-align:left!important;
padding:2%;
margin-top:5%;
}
	
	.cmn-btn01 a{
		margin-top:30px!important;
	}
		.searchform{
		margin-top:-20px!important;
}