@charset "utf-8";

/* slide */
.bxslider img{display:block;width:100%;vertical-align:bottom;}

.top_ttl_top{color:#00083e;font-size:70px;font-weight:400;font-family:'Poppins',sans-serif;letter-spacing:1px;text-align:center;margin-bottom:60px;}
.top_ttl_top small{display:block;color:#056cb3;font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Poppins", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana,  sans-serif;font-size:24px;font-weight:700;margin-top:15px;letter-spacing:1px;}

/* topInfo */
.topInfo{padding:80px 0;}
.topInfo .infobox{width:860px;margin:0 auto;/*overflow-y:scroll;height:280px;*/}
.topInfo dl{font-size:14px;line-height:1.5;display:flex;flex-flow:row wrap;align-items:baseline;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;border-bottom:1px solid #222;margin-bottom:0px;}
.topInfo dt{width:15%;height:24px;}
.topInfo dd{width:75%;padding:15px 0;}
.topInfo a{color:#7d0022;font-weight:bold;text-decoration:underline;color:white;}
.topInfo a:hover{opacity:0.7;transition:all .3s ease;}

/* topMessage */
.topMessage .col-12{padding:80px 0 5px;background:#111 url(../img/top/bg-message.jpg)repeat-x;}
.topMessage .mainimg{text-align:center;margin:0 0 40px;}
.topMessage .catch{font-size:27px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;letter-spacing:2px;line-height:2;text-align:center;margin-bottom:50px;}
.topMessage p{font-size:14px;line-height:4;letter-spacing:2px;text-align:center;margin-bottom:50px;}
.topMessage h3{text-align:center;margin-bottom:50px;}
.topMessage .wave{text-align:center;margin-bottom:5px;}

/* topWork */
.topWork{padding:80px 0;}
.topWork ul{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start; 
	align-items: flex-start;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
}
.topWork ul li{width:33%;padding:15px 10px;}
.topWork ul li img{border:5px solid #242624;}

/* topContact */
.topContact{padding:80px 0;background:#fff;color:#000;}
.topContact .col-04 h2{font-size:24px;letter-spacing:2px;background:url(../img/common/line-bk.png)no-repeat bottom;padding-bottom:30px;margin-bottom:30px;text-align:center;}
.topContact .col-04 h2 small{display:block;font-size:16px;margin-top:15px;font-weight:normal;color:#555}
.topContact .col-04 p{display:block;font-size:15px;line-height:1.7;text-align:center;}
.topContact ul.btn{
	border:0px solid blue;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center; 
	align-items: center;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	height:auto;
}

.topContact ul.btn li	{
	display:block;
	width:100%;
	padding:0;
	margin:0;;
}
.topContact ul.btn li a{
	line-height:1;
	font-size:12px;
	text-decoration:none;
	margin:0;
	color:black;
	border:0px solid red;
	width:100%;
	height:47px;
}

.topContact ul.btn li a.tel,
.topContact ul.btn li a.fax{
	color:#000;
	font-size:47px;
	font-family:'Oswald',sans-serif;
	margin:0 0 5px;
	font-weight:400;
	letter-spacing: 0;
}

.topContact ul.btn li a.tel small,
.topContact ul.btn li a.fax small{font-size:0.75em;}
.topContact ul.btn li a.fax span{color:#6f0c43!important;}
.topContact ul.btn li a.contact:hover{background:#6f0c43;color:#fff;transition-duration:.4s;}
.topContact ul.btn li a.tel:hover,
.topContact ul.btn li a.fax:hover{color:#6f0c43;transition-duration:.4s;}

.topContact .col-08{padding-left:100px;border-left:2px solid #a7a7a7;}
.topContact .col-08 p{font-size:16px;}

.topContact .col-04 p{
	font-size:11px;
	line-height: 1.6;
	letter-spacing: 0.2em;
}
/* topOrder */
.topOrder .col-12{padding:80px 0;}
.topOrder .images{display:block;margin:0 0 30px;}
.topOrder .catch{font-size:27px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;letter-spacing:2px;line-height:1.5;margin-bottom:20px;}
.topOrder p{font-size:14px;line-height:2;letter-spacing:2px;margin-bottom:20px;}


/* topMap */
.topMap{background:#222;}
.topMap .col-06:first-child{height:540px;display:flex;justify-content:center;align-items:center;}
.topMap .col-06 .box{width:370px;display:flex;flex-flow:column wrap;align-content:center;}
.topMap .box2{padding:0;}
.topMap iframe{width:100%;height:540px;vertical-align:bottom;}
.topMap h2{margin:0 0 30px;}
.topMap address{font-style:normal;font-size:14px;line-height:1.5;margin-bottom:30px;padding:0 15px}
.topMap ul.btn{margin:0 0 20px;}
/*
.topMap ul.btn li a{line-height:1.2;display:flex;flex-flow:row nowrap;font-size:12px;text-decoration:none;margin:0;}
.topMap ul.btn li a.tel,
.topMap ul.btn li a.fax{display:flex;align-items:baseline;color:#fff;font-size:36px;font-family:'Oswald',sans-serif;margin:0 0 5px;}
.topMap ul.btn li a.tel small,
.topMap ul.btn li a.fax small{font-size:24px;}
.topMap ul.btn li a.contact:hover{background:#7d0022;color:#fff;transition-duration:.4s;}
.topMap ul.btn li a.tel:hover,
.topMap ul.btn li a.fax:hover{color:#7d0022;transition-duration:.4s;}
*/
.topMap .mapinfo{clear:both;background:#333;display:flex;justify-content:center;align-items:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align:center;color:#fafafa;font-size:11px;line-height:1.5;padding:7px 0;}



.topMap ul.btn{
	border:0px solid blue;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center; 
	align-items: center;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
	padding:0 15px;
	margin:0 0 10px 0;
	width:100%;
	height:auto;
}

.topMap ul.btn li	{
	display:block;
	width:100%;
	padding:0;
	margin:0;;
}
.topMap ul.btn li a{
	line-height:1;
	font-size:12px;
	text-decoration:none;
	margin:0;
	color:white;
	border:0px solid red;
	width:100%;
	height:36px;
}

.topMap ul.btn li a.tel,
.topMap ul.btn li a.fax{
	color:#000;
	font-size:36px;
	font-family:'Oswald',sans-serif;
	margin:0 0 5px;
	font-weight:400;
	letter-spacing: 0;
	color:white;
}

.topMap ul.btn li a.tel small,
.topMap ul.btn li a.fax small{font-size:0.75em;}
.topMap ul.btn li a.fax span{color:#6f0c43!important;}
.topMap ul.btn li a.contact:hover{background:#6f0c43;color:#fff;transition-duration:.4s;}
.topMap ul.btn li a.tel:hover,
.topMap ul.btn li a.fax:hover{color:#6f0c43;transition-duration:.4s;}
.topMap .btnLink1{
	padding-left:15px;
}

@media screen and (max-width: 768px){
	
	.top_ttl_top{text-align:center;font-size:40px;margin-bottom:30px;}
	.top_ttl_top small{font-size:18px;margin-top:5px;}

	.topMain{padding-top:13.5vw;}
	.topFeat,.topInfo,.topMessage,.topContact,.topOrder{padding:30px 10px;}
	
	.topInfo dl{display:block;}
	.topInfo .infobox{width:100%;}
	.topInfo dt{font-size:12px;line-height:1;display:block;width:100%;padding:5px 0;margin:0;}
	.topInfo dd{width:100%;font-size:14px;line-height:1.4;border-bottom:none;padding:5px 0;}
    
    .topMessage .col-12{background:none;}
    .topMessage .catch{font-size:20px;letter-spacing:2px;line-height:1.5;margin-bottom:30px;}
    .topMessage p{font-size:13px;line-height:1.8;letter-spacing:2px;text-align:center;margin-bottom:30px;}
    .topMessage h3{text-align:center;margin-bottom:50px;}    

    .topContact .col-04,.topContact .col-08{width:100%;margin-bottom:30px;}
    .topContact .col-08{padding-left:10px;border-left:none;display:flex;flex-direction:column;align-items:center;}
    .topContact .col-08 .btnLink3{width:100%;width:260px;}

    .topOrder .catch{font-size:20px;}
    .topOrder p{font-size:13px;line-height:1.8;}

	.topMap{padding:0 0 0;}
	.topMap .col-06:first-child{height:auto;padding:15px 10px;margin-bottom:30px;}
	.topMap .col-06{width:100%;}
	.topMap .col-06 .box{width:100%;display:flex;flex-flow:column wrap;align-content:center;padding-right:0;}
	.topMap iframe{height:250px;}
	

	
}

@media screen and (max-width: 767px){


}

@media screen and (max-width: 667px){

	

}

@media screen and (max-width: 600px){


}

@media screen and (max-width: 480px){

	.topFeat ul{justify-content:center;}
	.topWork ul li{width:50%;padding:10px;}

}

@media screen and (max-width: 414px){
    
    .topMessage .catch{text-align:left;}
    .topMessage p{text-align:left;}
	
}

@media screen and (max-width: 375px){

	
}

@media screen and (max-width: 320px){

    .topContact ul.btn li a.tel,
    .topContact ul.btn li a.fax{font-size:40px;}

	.responsive{margin-bottom:30px;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
	.responsive table{margin:0 0 30px;}
	*{-webkit-appearance: none;-webkit-text-size-adjust:100%;}	
	


}



/* -- 調整 -- */
.topWork .wrap,
.topWork .wrap .col-12	{
	padding:0;
}

.topWork ul li	{
	width: 33.3333%;
	padding: 15px;
}


@media screen and (max-width: 768px){
	.topWork ul li	{
		width: 50%;
	}
	
	.topWork ul li img{
		border:3px solid #242624;
		width:100%;
	}

	.topMap .col-06:first-child		{
		display:none;
	}
	
	.topContact	{
		padding:80px 0;
	}
	
	.topContact ul.btn{
		border:0px solid blue;
		-webkit-justify-content:center;
		justify-content: center;
		padding:0;
	}
	
	.topContact ul.btn li	{
	}
	.topContact ul.btn li a{
		height:35px;
	}
	
	.topContact ul.btn li a.tel,
	.topContact ul.btn li a.fax{
		font-size:35px;
		text-align:center;
	}
	

	.topContact .col-08{padding:0;}
	
	.topInfo dl	{
		padding-bottom:15px;
		margin-bottom:15px;
	}
}

@media screen and (max-width: 480px){
	.topWork ul	{
		padding:5px;
	}
	
	.topWork ul li	{
		padding:5px;
	}
	

}