@charset "UTF-8";

html, body{
	font-family: 'Noto Sans JP';
	color: #333333;
}
.wf-sawarabimincho{font-family: "Sawarabi Mincho"; }

section h2,
.lbBlock .lbContents h3{font-family: "Hannari", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }

ul,li,a,div,p,h1,h2,h3,h4{
	padding: 0; margin: 0; list-style: none;
}

.sp{display: none !important;}
.pc{display: block !important;}

.abs{position: absolute; display: block;}
.rel{position: relative; display: block;}
.pr30{padding-left: 15px; padding-right: 30px;}
.pl30{padding-left: 30px; padding-right: 15px;}

.main_img{top: 0; left: 0; width: 100%; height: 100%;}
.mainPc{height: auto; max-height: 700px;}
.carousel-inner{height: 100%;}
.main_img .item{width: 100%; height: 100%; background-size: cover !important;}
.main_img .item.first-slide{background: url(../images/main01.png) no-repeat center center;}
.main_img .item.second-slide{background: url(../images/main02.png) no-repeat center center;}
.main_img .item.third-slide{background: url(../images/main03.png) no-repeat center center;}

.main_img_block{padding: 0;}
.main_img_logo{top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 9; max-width: 365px;}

nav{text-align: center; font-size: 15px; color: #333333; padding: 35px 0;}
nav ul li{display: inline-block; margin: 0 35px;}


nav ul li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
	padding-bottom: 7px; letter-spacing: 0.1em;
	text-decoration: none !important; font-family: "hannari","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #333333 !important;
}

nav ul li a:before,
nav ul li a:after{
  position: absolute;
  bottom: 0;
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px; 
  background: #333333;
  transition: .3s;
}

nav ul li a:before{
  left: 50%;
}

nav ul li a:after{
  right: 50%;
}

nav ul li a:hover:before,
nav ul li a:hover:after{
  width: 50%;
}

section h2{text-align: center; font-size: 30px; letter-spacing: 0.3em; margin-bottom: 50px;}
section#company h2{margin-bottom: 70px;}
.aboutBlock{padding: 120px 0; background: #fcfdf4;}
section h2 hr{border: none; outline: none; border-bottom: 1px solid #c85b62; width:50px; display: block; margin: 20px auto;}
section h2 span{display: block; font-size: 14px; letter-spacing: 0.1em;}
.h2_logo{margin: 0 auto 80px; max-width: 112px;}

#about .mb30 .center-block{max-width: 367px;}

.companyBlock{padding: 120px 0;}
.companyBlock dl{width: 100%; font-size: 13px; border-bottom: 1px solid #d8d8d8;}
.companyBlock dl dt{width: 80px; float: left; clear: both; padding: 10px 0px 10px 10px; line-height: 2.4; border-top: 1px solid #d8d8d8; font-weight: normal;
font-family: "hannari", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
.companyBlock dl dd{padding: 10px 10px 10px 0px; line-height: 2.4; border-top: 1px solid #d8d8d8; width: 100%; padding-left: 80px; box-sizing: border-box;}

.map{height: 400px;}

.bottomBlock{padding: 80px 0 60px; background: #fcfdf4;}
.bottomBlock ul{width: 100%; max-width: 430px;}
.bottomBlock ul li{width: 100%; position: relative; display: block; padding: 15px 0;}
.bottomBlock ul li a,
.bottomBlock ul li div{width: 100%; display: block; padding-left: 25px; box-sizing: border-box; background: url(../images/li.png) no-repeat left center; background-size: 9px auto;
text-decoration: none !important; color: #333333 !important; cursor: pointer;}
.bottomBlock ul li a:after,
.bottomBlock ul li div:after{
content:"";
display:block;
clear:both;
}
.bottomBlock ul li a span,
.bottomBlock ul li div span{background: #fcfdf4; display: block; float: left; position: relative; z-index: 1; padding-right: 15px; font-family: "hannari","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
letter-spacing: 0.2em;}
.bottomBlock ul li a span.jp,
.bottomBlock ul li div span.jp{float: right; padding-left: 15px; padding-right: 0; font-family: 'Noto Sans JP'; text-decoration: none !important;}

.bottomBlock ul li .jp_only {
    font-family: 'Noto Sans JP';
}

.bottomBlock ul li a hr,
.bottomBlock ul li div hr{position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 80%; box-sizing: border-box;}
.bottomBlock ul li a:hover span,
.bottomBlock ul li div:hover span{text-decoration: underline;}

.footLogo{text-align: center;}
.footLogo img{margin-bottom: 25px; max-width: 104px;}
.footLogo p{line-height: 1.8;}
.footLogo .wf-sawarabimincho{margin-bottom: 12px;}

footer{padding: 20px 0; text-align: center; color: #ffffff; font-size: 12px; background: #c85b62; letter-spacing: 0.07em;}

#page-top{background: url(../images/pagetop.png) no-repeat; background-size: 100% auto !important; width: 70px; height: 70px; right: 10px; bottom: 10px;
position: fixed; z-index: 9;}
#page-top:hover{background: url(../images/pagetop_over.png) no-repeat;}


.lb{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; z-index: 99; display: none;}
.lbBlock{width: 100%; height: auto; max-width: 730px; box-shadow: 0px 0px 7px rgba(0,0,0,0.8); position: absolute; top: 70px; left: 0; right: 0; margin-left: auto; margin-right: auto;
z-index: 99; display: none;}
.topBtnClose{top: -40px; right: 0; cursor: pointer;}
.bottomBtnClose{bottom: -40px; right: 0; cursor: pointer;}

.lbBlock .lbHeader{text-align: center; padding: 15px 0; background: #c85b62;}
.lbBlock .lbContents{padding: 70px 90px; background: #ffffff; display: none;}

.lbBlock .lbContents h3.jp{
	line-height: 1.4;
}
.lbBlock .lbContents h3{text-align: center; font-size: 26px; letter-spacing: 0.3em; margin-bottom: 50px;}
.lbBlock .lbContents h3 hr{border: none; outline: none; border-bottom: 1px solid #c85b62; width:50px; display: block; margin: 20px auto;}
.lbBlock .lbContents h3 span{display: block; font-size: 14px; letter-spacing: 0.1em;}
.lbBlock .lbContents > p,
.lbBlock .lbContents > div{font-size: 14px; line-height: 1.8;}

.lbBlock .lbContents ul li{
	list-style: none; padding-left: 20px; position: relative;
}
.lbBlock .lbContents ul li:before{
	content: '・'; position: absolute;
	left: 0;
}

@media screen and (max-width: 991px) {
	.sp{display: block !important;}
	.pc{display: none !important;}
	
	.mb30{margin-bottom: 30px !important;}
	.main_img_logo{width: 70%; max-width: 365px;}
	
	nav{padding: 25px 0;}
	nav ul{width: 80%; margin-left: auto; margin-right: auto;}
	nav ul li:first-child{border-top: 1px solid #999999;}
	nav ul li{margin: auto; display: block; padding: 20px 0; border-bottom: 1px solid #999999;}
	nav ul li a:before,nav ul li a:after{display: none !important;}
	
	.aboutBlock{padding: 60px 0;}
	section h2{font-size: 20px; letter-spacing: 0.2em; margin-bottom: 30px;}
	section#company h2{margin-bottom: 40px;}
	section h2 hr{width:25px; margin: 15px auto;}
	section h2 span{font-size: 10px;}
	.h2_logo{margin: 0 auto 40px;}
	
	#about .mb30 .center-block{max-width: 234px;}
	.companyBlock{padding: 60px 0;}
	.companyBlock dl{font-size: 11px;}
	.companyBlock dl dt{padding: 7px 10px 2px; float: none; width: 100%; border-bottom: none; line-height: 1.8 !important;}
	.companyBlock dl dd{padding: 2px 10px 7px; float: none; width: 100%; border-top: none; line-height: 1.8 !important;}
	
	.pr30{padding-left: 15px; padding-right: 15px;}
	.pl30{padding-left: 15px; padding-right: 15px;}
	.map{height: 225px;}
	
	.footLogo img{margin-bottom: 15px;}
	.footLogo .wf-sawarabimincho{margin-bottom: 5px;}
	
	.bottomBlock{padding: 50px 0 40px;}
	.bottomBlock ul{margin-bottom: 30px;}
	.bottomBlock ul li{padding: 10px 0;}
	.bottomBlock ul li a, .bottomBlock ul li div{background-position: left 6px; padding-left: 15px;}
	.bottomBlock ul li a span,
	.bottomBlock ul li div span{float: none; padding-right: 0; font-size: 14px;}
	.bottomBlock ul li a span.jp,
	.bottomBlock ul li div span.jp{float: none; padding-left: 0; font-size: 12px;}
	.bottomBlock ul li a hr{display: none;}
	
	.lbBlock .lbContents{padding: 30px 20px;}
	.lbBlock .lbContents h3{font-size: 18px; margin-bottom: 25px;}
	.lbBlock .lbContents h3 span{display: block; font-size: 10px;}
	.lbBlock .lbContents p{font-size: 11px;}
	.lbBlock{width: 90%;}
	
	#page-top{width: 35px; height: 35px; right: 5px; bottom: 10px;}
	footer{padding: 15px 0; font-size: 10px;}
}