@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body{
font-family:Zen Kaku Gothic Antique,Hiragino Kaku Gothic Pro,'Yu Gothic','Meiryo',sans-serif
}

ul li, ol li{
line-height: 1.5;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

a {
	color: #FFFFFF;
	text-decoration:underline;
	transition: all 0.3s ease-in-out 0s;
}

a:hover {
	color: #666666;
	text-decoration:none;
}

a:hover img{
opacity: 0.7
}

img{
max-width: 100%;
}


.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
}

.flex_wrap_left {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: flex-start;
	justify-content:flex-start
}

.flex_wrap_center {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.flex_wrap_end {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.clearer {
	clear: both;
}

.center{
text-align: center;
}

.sp{
display: none;
}


/********************************
toppage
********************************/
.home .site-header{
	display:none;
}

.home ul{
	margin:0;
	padding:0;
}

.home ul li{
	list-style:none;
	margin:0;
}

.home .site-body{
	margin:0;
	padding:0;
}

.home .container, .home .container-lg, .home .container-md, .home .container-sm, .home .container-xl {
    max-width: 100%;
	margin:0;
	padding:0;
    }

.home .site-body-bottom{
	display:none;
}

.home .site-footer nav{
	display:none;
}

.site-footer-copyright{
	display:none
}

.entry-body{
max-width: 100%;
margin: 0 auto;
font-family: "Sawarabi Mincho";
}

.mv{
position: relative;
line-height: 0;
background:#000000 url("../img/mv.jpg") center top no-repeat;
height: 700px;
}

.lead{
	font-size:24px;
	text-align:center;
	line-height:2;
}

#lead{
margin: 100px auto 150px;
width: 1200px;
max-width: 100%;
}

#lead .img_cnt{
width: 603px;
}

#lead .text_cnt {
width:calc(100% - 640px);
}

#lead .text_cnt p{
font-size:20px;
line-height: 2;
}

.h2_style{
font-size:40px;
margin-bottom: 50px;
font-family:"MS Mincho","ＭＳ 明朝";
line-height: 1.5;
}

.h3_style{
font-size:40px;
margin-bottom: 40px;
font-family: "Sawarabi Mincho";
line-height: 1.5;
}

#lineup{
margin: 100px auto 150px;
width: 1200px;
max-width: 100%;
}

#lineup ul li{
width: 32%;
max-width: 332px;
}

#lineup ul li p{
margin-top: 10px;
font-size:16px;
line-height: 1.5;
}

#lineup ul li p span{
display: block;
font-size:14px;
line-height: 1.5;
padding-bottom: 5px;
}

#concept{
margin: 100px auto 150px;
width: 1200px;
max-width: 100%;
}

#concept .h2_style{
text-align: center;
}

#concept .img_cnt{
width: 603px;
}

#concept .text_cnt {
width:calc(100% - 640px);
}

#concept .text_cnt p{
font-size:20px;
line-height: 1.5;
}

#technology{
margin: 100px auto;
width: 1200px;
max-width: 100%;
}

#technology .h2_style{
text-align: center;
}

#technology ul{
width: 880px;
margin: 0 auto;
}

#technology ul li{
width: 270px;
}

#technology ul li p{
text-align: center;
font-size: 20px;
}

#contact{
background: #D9D9D9;
padding: 60px 0 100px;
}

#contact .h2_style{
text-align: center;
}

#contact .col2{
width: 740px;
max-width: 100%;
margin: 0 auto;
}

#contact .col2 .tel, #contact .col2 .mailform{
width: 48%;
text-align: center;
}

#contact .col2 .h3_style{
font-size: 20px;
margin-bottom: 20px;
}

#contact .col2 .tel p{
padding: 20px 0;
font-size: 30px;
font-weight: bold;
}

#contact .col2 .mailform .btn_style{
width: 360px;
max-width: 100%;
}

#contact .col2 .mailform .btn_style a{
display: block;
background: #000000;
padding: 20px;
color: #FFFFFF;
font-size:20px;
text-decoration: none;
}

#sns{
margin: 60px auto 100px;
width: 1200px;
max-width: 100%;
}

#sns .h2_style{
text-align: center;
}

#sns ul li{
padding: 0 20px;
}
/*
footer{
background: #D9D9D9;
padding: 60px 0 200px;
}

footer .onze{
width: 1200px;
max-width: 90%;
margin: 0 auto;
}
*/
.site-footer{
	display:none;
}

footer{
background: #000000;
font-family: "Shippori Mincho", serif;
margin:0;
padding: 100px 0 40px;
border-top: 3px solid #937040;
}

footer .footer_cnt{
width: 1600px;
max-width: 90%;
margin: 0 auto;
}

footer .logo{
text-align: center;
padding-bottom: 100px;
border-bottom: 2px solid #7f7f7f;
margin-bottom: 10px;
}

footer .address{
width:(100% - 250px);
}

footer .address p{
font-size: 16px;
color: #FFFFFF;
margin-top: 40px;
line-height: 2;
}

footer .onze{
margin-top:40px;
}

.copyright{
background:#000000;
color: #FFFFFF;
font-size:12px;
text-align: center;
margin:0;
padding: 10px 0;
}

.pages {
	background:#000000
}

.pages .site-header{
	display:none;
}

.pages .breadcrumb{
	background:#FFFFFF;
}

.pages .breadcrumb a{
	color:#000000;
}

.pages .site-body{
	background:#FFFFFF;
}

.pages .contact_header{
max-width: 90%;
margin: 0 auto;
padding: 25px 0;
}

.pages .contact_header .logo img{
height: 80px;
}

.pages .contact_header ul, .pages .contact_header li{
	margin:0;
	padding:0;
	list-style:none;
}

.pages .contact_header .header_nav li{
text-align: center;
font-size:20px;
color: #FFFFFF;
font-family: "Shippori Mincho", serif;
}

.pages .contact_header .header_nav li:first-child{
padding-right: 25px;
margin-right: 25px;
border-right: 2px solid #7f7f7f;
}

.pages .contact_header .header_nav li p{
margin:0;
padding-top: 10px;
font-size:27px;
font-family:Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}

.pages .contact_header .header_nav li .line{
width:200px;
margin: 10px auto;
}

.pages .contact_header .header_nav li .line a{
display: block;
background:#00b900;
padding: 3px 0;
border-radius: 3px;
text-decoration: none;
}

.pages .contact_header .header_nav li .line a span{
font-size:16px;
color: #FFFFFF;
text-align: center;
background: url("../img/line_icon.png") center left no-repeat;
padding-left: 22px;
}

/********************************
レスポンシブ
********************************/

@media screen and (min-width: 768px) {
	 a[href^="tel:"] {
		 pointer-events: none;
		 cursor: default;
	}
}

@media screen and (max-width: 1280px) {
.mv{
height: 50vw;
background-size: auto 100%;
}

#lead .img_cnt{
width: 50%;
}

#lead .text_cnt {
width:50%;
padding: 0 20px;
}


#lineup .h2_style{
margin-left: 20px;
}

#lineup ul {
margin: 0 20px;
}


#concept .img_cnt{
width: 50%;
}

#concept .text_cnt {
width:50%;
padding: 0 20px
}
	
	}
	
@media screen and (max-width: 991px) {
#lead{
margin: 70px auto 90px;
}

.h2_style{
font-size:36px;
margin-bottom: 30px;
}

.h3_style{
font-size:30px;
margin-bottom: 30px;
}

#lead .text_cnt p{
font-size:16px;
line-height: 1.8;
}

#lineup{
margin: 70px auto 90px;
}

#concept{
margin: 70px auto 90px;
}

#concept .text_cnt p{
font-size:16px;
}

#technology{
margin: 70px auto;
}

#technology ul{
width: 90%;
}

#technology ul li{
width: 31%;
}

#technology ul li p{
font-size: 16px;
}

#contact{
padding: 60px 0;
}

#contact .col2{
width: 90%;
}

#contact .col2 .h3_style{
font-size: 16px;
}

#contact .col2 .tel p{
font-size: 24px;
}

#contact .col2 .mailform .btn_style a{
font-size:16px;
}

#sns{
margin: 60px auto;
}

/*footer{
padding: 60px 0;
}*/

footer{
padding: 50px 0 20px;
}

footer .logo{
padding-bottom: 50px;
}

footer .address p{
font-size: 14px;
margin-top: 20px;
}	
}



@media screen and (max-width: 740px) {
.pages .contact_header .logo img{
height: 65px;
}

.pages .contact_header .header_nav li{
font-size:14px;
}

.pages .contact_header .header_nav li:first-child{
padding-right: 15px;
margin-right: 15px;
}

.pages .contact_header .header_nav li p{
font-size:18px;
}

.pages .contact_header .header_nav li .line{
width:120px;
margin: 10px auto;
}

.pages .contact_header .header_nav li .line a span{
font-size:14px;
padding-left: 22px;
}
}

@media screen and (max-width: 580px) {
.pc{
display: none;
}

.sp{
display: block;
}

.mv{

background:#000000 url("../img/mv_sp.jpg") left top no-repeat;
background-size: 100% auto;
height: 68vw;
}

#lead{
margin: 40px auto 50px;
}

#lead .img_cnt{
width: 100%;
margin-top: 20px;
}

#lead .text_cnt {
width:100%;
}

#lineup{
margin: 40px auto 50px;
}

#lineup ul li{
width: 48%;
margin-bottom: 20px;
}

#concept{
margin: 40px auto 50px;
}

#concept .img_cnt{
width: 100%;
margin-bottom: 20px;
}

#concept .text_cnt {
width:100%;
}

#technology{
margin: 40px auto;
}

#technology ul li p{
font-size: 14px;
}

#contact{
padding: 40px 0;
}

#contact .col2 .tel, #contact .col2 .mailform{
width: 100%;
}	

#contact .col2 .mailform{
margin-top: 30px;
 }
 
#contact .col2 .mailform .btn_style{
width: 300px;
margin: 0 auto;
}

#sns{
margin: 40px 0;
}
 
#sns ul li{
padding: 0 10px;
}

footer{
padding: 40px 0;
}
 
    }