@charset "UTF-8";


body,html{
	width:100%;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body{
	margin:0;
	padding:0;
	border:0;
}
*{
	margin:0;
	padding:0;
	outline:0;
	border:none;
	background:transparent;
	box-sizing:border-box;
}
body{
	background-color:#FFFFFF;
	color:#333333;
	position:relative;
	font-size: 1.4rem;
}
@media (min-width:769px){
	body{
		font-size: 1.8rem;
		width:100%;
		min-width:1040px;
	}
}
img{
	display:block;
	max-width:100%;
}
p{
	font-size:1.2rem;
}
@media (min-width:769px){
	p{
		font-size:1.4rem;
	}
}
@media (min-width:769px){
	.sp{
		display:none;
	}
}
@media (max-width:768px){
	.pc{
		display:none;
	}
}
.main_area{
	width: 100%;
}
.wrap{
	position:relative;
	padding:0 20px;
	margin:0 auto;
	clear: both;
}
@media (min-width:769px){
	.wrap{
		width:940px;
	}
}
@media (min-width:769px){
	.wrap.narrow{
		min-width:840px;
		width:840px;
	}
}
.wrap h3 img{
	margin: 0 auto;
	padding-bottom: 30px;
}
h2{
	padding-bottom: 30px;
	text-align:center;
	font-weight:normal;
	font-size:2.2rem;
	color: #fff;
}
h3{
	font-size:2.4rem;
	text-align:center;
	padding-bottom: 2px;
}
h4{
	font-size:1.4rem;
	text-align:center;
	padding-bottom: 30px;
}
@media (min-width:769px){
	h2{
		font-size:4.2rem;
	}
	h3{
		font-size:3.2rem;
	}
	h4{
		font-size:2.2rem;
	}
}
.c_tit{
	text-align:center;
	color:#f7f2e5;
	font-weight:normal;
	font-size:1.4rem;
	margin-bottom:20px;
}
.btn a{
	display:flex;
	align-items:center;
	background-color:#FFFFFF;
	padding:10px 30px;
	font-size:1.4rem;
	text-decoration:none;
	color:#222222;
}
.btn .arrow:after{
	font-size:2.0rem;
	margin-left:0.5em;
	font-family:'icomoon';
	font-weight:normal;
	content:"\e904";
	color:#888;
}
.btn .mail:after{
	font-size:3.2rem;
	margin-left:0.5em;
	font-family:'icomoon';
	font-weight:normal;
	content:"\e900";
	color:#888;
}
.btn .tel:after{
	font-size:3.2rem;
	margin-left:0.5em;
	font-family:'icomoon';
	font-weight:normal;
	content:"\e902";
	color:#888;
}
.mobile_menu .icon{
	position:relative;
	display:block;
	cursor:pointer;
}
.mobile_menu .icon:before{
	display:block;
	font-size:4.8rem;
	color:#FFFFFF;
	font-family:'icomoon';
	font-weight:normal;
	content:"\e901";
}
@media (min-width:769px){
	.indent{
		padding-top:30px;
	}
}
.oblique{
	width:100%;
	height:5vw;
	transform:translate3d(0, 0, 0);
	overflow:hidden;
}
@media (min-width:769px){
	.oblique{
		height:52px;
	}
}
@media (min-width:1041px){
	.oblique{
		height:5vw;
	}
}
.oblique.lt{
background-image:linear-gradient(to top left, transparent, transparent 49.5%, #f7f2e5 50.5%, #f7f2e5)
}
.oblique.rt{
background-image:linear-gradient(to top right, transparent, transparent 49.5%, #f7f2e5 50.5%, #f7f2e5)
}
.lSSlideOuter{
overflow:visible
}
.lSSlideOuter .lSSlideWrapper{
overflow:visible
}
.lSSlideOuter .lSSlideWrapper .lightSlider{
overflow:visible
}
.carousel_concept.owl-carousel .owl-stage-outer{
overflow:visible
}
.carousel_concept.owl-carousel .owl-dots{
margin-top:20px;
text-align:center
}
.carousel_concept.owl-carousel .owl-dots .owl-dot span{
background-color:#CCC
}
.carousel_concept.owl-carousel .owl-dots .owl-dot:hover span{
background-color:#CCC
}
.carousel_concept.owl-carousel .owl-dots .owl-dot.active{
background-color:#C9AF8D
}
.carousel_concept.owl-carousel .owl-dots .owl-dot.active span{
background-color:#f7f2e5
}
.hero{
	height:100vh;
	background-image:linear-gradient(135deg, rgba(34, 34, 34, 0.2) 48%, rgba(201, 175, 141, 0.2) 49%, rgba(201, 175, 141, 0.2) 51%, rgba(34, 34, 34, 0.2) 52%, rgba(34, 34, 34, 0.2));
	background-size:10px 10px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative
}
@media (min-width:769px){
	.hero{
		min-width:1040px;
	}
}
.hero:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
	background-image:url("../images/photo-top_main.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:scroll;
	background-size:cover;
}
.hero ul{
	list-style-type:none;
}
.hero .service{
margin-bottom:20px
}
.hero .service .logo{
display:block;
text-align:center;
margin-bottom:20px
}
.hero .service .logo img{
display:inline;
vertical-align:top
}
.hero .service h1{
	text-align:center;
	font-family:'Sawarabi Mincho', sans-serif;
	font-weight:normal;
	margin-bottom:30px;
	font-size:1.4rem;
	color:#fff;
}
@media (min-width:769px){
	.hero .service h1{
		font-size:1.6rem;
	}
}
.hero .service ul{
	display:flex;
	justify-content:center;
}
.hero .service ul li{
	color:#FFFFFF;
	margin-right:1em;
	font-size:1.4rem;
}
.hero .service ul li:last-child{
	margin-right:0;
}
@media (min-width:769px){
	.hero .service ul li{
		font-size:1.6rem;
	}
}
.hero .brand ul{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-flow:row wrap;
}
.hero .brand ul li{
	margin-right:20px;
}
@media (min-width:769px){
	.hero .brand ul li{
		margin-right:60px;
	}
}
.hero .brand ul li:last-child{
	margin-right:0;
}
.hero .brand ul li img{
	height:50px;
}
@media (min-width:769px){
	.hero .brand ul li img{
		height:100px;
	}
}
.hero .toscroll{
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
	display:flex;
	justify-content:center;
	opacity:0.7;
	text-align: center;
}
.hero .toscroll a{
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	font-size:1.2rem;
}
.hero .toscroll a img{
	margin: 0 auto;
}
@media (min-width:769px){
	.hero .toscroll a{
		font-size:1.4rem;
	}
}
.hero .toscroll a:before{
	transform:rotate(180deg);
	display:block;
	color:#FFFFFF;
	font-size:4.8rem;
	box-shadow:40px 10px -30px #222222;
}
.main_area .c_policy{
	background-color:rgba(0, 0, 0, 0.6);
	position:relative;
	padding:100px 0;
	color:#ffffff;
}
@media (min-width:769px){
	.main_area .c_policy{
		padding:200px 0
	}
}
.main_area .c_policy:before{
	content:'';
	display:block;
	position:absolute;
	z-index:-1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-image:url("../images/photo-top_main2.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:scroll;
	background-size:cover;
}
.policy{
	margin-bottom:30px;
	text-align:center;
	line-height:2;
}
@media (min-width:769px){
	.policy{
		font-size:1.2rem;
	}
}
.policy span{
	border-width:0 0 1px;
	border-style:solid;
	font-size:1.2rem;
	border-color:#f7f2e5;
}
@media (min-width:769px){
	.policy span{
		font-size:2.2rem;
	}
}

.main_area .c_policy .video{
	padding:0 100px;
}
.c_service .heading,.c_about .heading{
	background-color: #000000;
}
.c_service h2,.c_about h2{
	padding-bottom: 0;
}
.heading{
	margin: 0 auto;
}
.head_title1{
	font-size: 2.4rem;
	text-align: center;
	color: #ffffff;
	padding: 2px 0;
}

.food_bar_air{
	background-image:url("../images/air-glass_tower.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:scroll;
	background-size:cover;
	color: #ffffff;
}
@media (min-width:769px){
	.food_bar_air{
		height:100vh;
	}
}
.overlay{
	height:100%;
	background-color:rgba(0, 0, 0, 0.3);
	align-items:center;
	justify-content:center;
	padding:60px 0;
}
@media (min-width:769px){
	.overlay{
		display:flex;
		padding:30px 0;
	}
}

.catch{
	margin-bottom:20px;
	font-size:1.8rem;
	text-align:center;
}
@media (min-width:769px){
	.catch{
		font-size:3.8rem;
	}
}
.visual{
	margin-bottom:10px
}
@media (min-width:769px){
	.visual{
		margin-bottom:0;
		padding-right: 20px;
		float: left;
	}
}
.visual img{
	width:100%;
	height:240px;
	object-fit:cover;
}
@media (min-width:769px){
	.visual img{
		width:240px;
		height:240px;
	}
}
.description{
	line-height:2;
	margin-bottom:20px;
}
@media (min-width:769px){
	.description{
		width: 620px;
		font-size:2.8rem;
		float: left;
	}
}

.shotbar_ace{
	background-image:url("../images/ace-counter.jpg");
	background-position:center center;
	background-attachment:scroll;
	background-size:cover;
	color: #ffffff;
}
@media (min-width:769px){
	.shotbar_ace{
		padding:0;
	}
}
@media (min-width:769px){
	.shotbar_ace{
		height:100vh;
	}
}

.details{
	justify-content: center;
	text-align: center;
}
.details a{
	transition: .3s;
	padding: 16px 60px;
	border-width: 1px;
	border-style: solid;
	border-color: #222222;
	text-decoration: none;
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 1.4rem;
	margin: 0 auto;
}
@media (min-width:769px){
	.details a{
		padding: 10px 60px;
		font-size:1.6rem;
	}
}
.details a:hover{
	opacity:0.8
}
.details a:after{
	margin-left:.5em;
	font-size:2.0rem;
}
@media (min-width:769px){
	.details a:after{
		font-size:2.4rem;
	}
}

.main_area .c_about .outline{
margin-bottom:60px
}
.c_about table{
margin:20px auto;
}
.c_about table tr td, .c_about table tr th{
	font-weight:normal;
	line-height:1.5;
	padding:3px 10px;
	font-size:1.4rem;
}
@media (min-width:769px){
	.c_about table tr td,.c_about table tr th{
		font-size:1.6rem;
		padding:6px 40px;
	}
}
.main_area .c_about .outline table tr th{
	white-space:nowrap;
}
.main_area .c_about .mymap .inner{
	position:relative;
	height:480px;
}
.main_area .c_about .mymap .item{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	transform:translateY(5%);
	pointer-events:none;
	transition:1s ease;
}
.main_area .c_about .mymap .item.active{
	pointer-events:all;
	opacity:1;
	transform:translateY(0);
}
.main_area .c_about .mymap iframe{
	width:100%;
	height:100%;
	display:block;
}
.main_area .c_about .mymap .mapbtn{
	border-width:1px 0 0;
	border-style:solid;
	border-color:#888;
}
.main_area .c_about .mymap .mapbtn .wrap{
	display:flex;
	justify-content:center;
	flex:1 0 auto;
	padding:0;
}
.main_area .c_about .mymap .mapbtn span{
	display:flex;
	justify-content:center;
	padding:10px;
	text-decoration:none;
	color:#FFFFFF;
	width:50%;
	cursor:pointer;
}
@media (min-width:769px){
	.main_area .c_about .mymap .mapbtn span{
		padding:10px 60px;
	}
}
.main_area .c_about .mymap .mapbtn span.active{
	background-color:rgba(247, 242, 229, 0.5);
}
.main_area .c_about .mymap .mapbtn .pin{
	display:flex;
	align-items:center;
	font-size:1.2rem;
}
@media (min-width:769px){
	.main_area .c_about .mymap .mapbtn .pin{
		font-size:1.4rem;
	}
}
.main_area .c_about .mymap .mapbtn .pin:after{
	margin-left:0.5em;
	font-size:2.0rem;
	font-family:'icomoon';
	font-weight:normal;
	content:"\e905";
}
@media (min-width:769px){
	.main_area .c_about .mymap .mapbtn .pin:after{
		font-size:2.4rem;
	}
}
.main_area .c_recruit{
	padding:60px 0;
}
.main_area .c_recruit .note{
	text-align:center;
	margin-bottom:10px;
	line-height:2;
}
.main_area .c_recruit .link{
	text-align:center;
}
.main_area .c_recruit .link .mail{
	display:flex;
	align-items:center;
	justify-content:center;
}
.main_area .c_recruit .link .mail:before{
	color:#CCC;
	margin-right:10px;
	font-family:'icomoon';
	font-weight:normal;
	content:"\e900";
	font-size:3.2rem;
}
.main_area .c_recruit .link a{
	color:#FFFFFF;
	text-decoration:underline;
	font-size:1.2rem;
}
.wrap_iframe{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.wrap_iframe iframe{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	width:100%!important;
	height:100%!important;
}
.header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:9999;
	background-color:rgba(255, 255, 255, 0.8);
	border-width:0 0 1px;
	border-style:solid;
	border-color:rgba(34, 34, 34, 0.8);
}
.header .layout{
	padding:8px 10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo{
	height:36px;
}
.header .logo img{
	max-height:36px;
}


@media (min-width:769px){
	.footer{
		min-width:1040px;
	}
}
.footer .layout_a{
	border-width:1px 0;
	border-style:solid;
	border-color:#CCCCCC;
	overflow:hidden;
}
@media (min-width:769px){
	.footer .layout_a{
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
}
@media (min-width:769px){
	.footer .layout_a .layout_a1{
		display:flex;
		align-items:center;
	}
}
.footer .company{
	align-items:center;
	padding:20px;
	text-align: center;
}
.footer .company .logo{
	height:50px;
}
.footer .company .logo img{
	margin: 0 auto;
}
.footer .company .address p{
	font-size:1.4rem;
	line-height:1.0;
}
@media (min-width:769px){
	.footer .company .logo{
		float: left;
	}
	.footer .company .address{
		float: left;
		padding: 15px 0;
		padding-left: 30px;
		height: 100%;
	}
}
.footer .brand{
	padding:5px 40px;
	margin-bottom:0;
}
@media (min-width:769px){
	.footer .brand{
		margin-bottom:0;
		padding:0 80px
	}
}
.footer .brand ul{
	display:flex;
	align-items:center;
	list-style-type:none;
	flex-flow:row wrap;
}
.footer .brand ul li{
	padding: 0 20px 30px;
	width: 50%;
}
.footer .brand ul li a img{
	height:40px;
}
@media (min-width:769px){
.footer .brand ul li{
	padding: 20px 30px;
}
	.footer .brand ul li a img{
		height:60px;
	}
}

.footer .copylight{
	padding:10px;
	text-align:center;
	font-size:12px;
}
.slideMenu{
	position:fixed;
	transition:opacity .4s .1s, transform .6s;
	transition-timing-function:ease;
}
.slideMenu.slide_in{
	opacity:1;
}
.slideMenu.slide_out{
	opacity:0;
	pointer-events:none;
}
.slideMenu.bottom,.slideMenu.top{
	right:0;
	left:0;
	overflow:hidden auto;
	height:auto;
	max-height:100vh;
}
.slideMenu.bottom::-webkit-scrollbar,.slideMenu.top::-webkit-scrollbar{
	display:none;
}
.slideMenu.left,.slideMenu.right{
	top:0;
	bottom:0;
	width:auto;
	max-width:320px;
	height:100vh;
}
.slideMenu.top{
top:0;
transform:translateY(-10%)
}
.slideMenu.top.slide_in{
transform:translateY(0)
}
.slideMenu.top.slide_out{
transform:translateY(-10%)
}
.slideMenu.bottom{
bottom:0;
transform:translateY(10%)
}
.slideMenu.bottom.slide_in{
transform:translateY(0)
}
.slideMenu.bottom.slide_out{
transform:translateY(10%)
}
.slideMenu.right{
right:0;
transform:translateX(10%)
}
.slideMenu.right.slide_in{
transform:translateX(0)
}
.slideMenu.right.slide_out{
transform:translateX(10%)
}
.slideMenu.left{
left:0;
transform:translateX(-10%)
}
.slideMenu.left.slide_in{
transform:translateX(0)
}
.slideMenu.left.slide_out{
transform:translateX(-10%)
}
.slideMenu.menu{
z-index:1001
}
.slideMenu.shade{
z-index:1000
}
.slideMenu.shade{
width:100%;
min-width:100%;
height:100vh;
min-height:100vh;
cursor:pointer;
background-color:#000000;
}
.slideMenu.menu{
background-color:#000000;
padding-top:70px
}
@media (min-width:769px){
.slideMenu.menu{
min-width:1040px
}

}
.slideMenu.menu .main{
padding:30px 20px
}
@media (min-width:769px){
.slideMenu.menu .main .nav{
display:flex
}

}
@media (min-width:769px){
.slideMenu.menu .main .nav div{
margin-right:30px
}

}
.slideMenu.menu .main .nav div:last-child{
margin-right:0
}
.slideMenu.menu .main .nav ul{
list-style-type:none
}
.slideMenu.menu .main .nav ul li a{
display:block;
padding:10px 20px;
color:#FFFFFF;
text-decoration:none;
font-size:1.4rem;
}
.slideMenu.menu .main .nav .corporate ul li{
	border-top:1px solid #666;
}
@media (min-width:769px){
	.slideMenu.menu .main .nav .corporate ul li:last-child{
		border-bottom:1px solid #666;
	}
}
.slideMenu.menu .main .nav .list_brand{
border-width:1px 0;
border-style:solid;
border-color:#666
}
.slideMenu.menu .main .nav .list_brand p{
	padding:14px 20px;
	font-size:1.4rem;
	color: #fff;
}
@media (min-width:769px){
	.slideMenu.menu .main .nav .list_brand ul{
		display:flex;
		align-items:center;
		flex-flow:row wrap
	}
}
@media (min-width:769px){
	.slideMenu.menu .main .nav .list_brand ul li{
		margin-right:10px
	}
	.slideMenu.menu .main .nav .list_brand ul li:last-child{
	margin-right:0;
	}
}
.slideMenu.menu .main .nav .list_brand ul li a{
display:flex;
align-items:center;
text-align:center;
padding-bottom:1em
}
.slideMenu.menu .main .nav .list_brand ul li a img{
display:block;
height:50px
}
.slideMenu.menu .main .nav .list_brand ul li a span{
display:block
}
.slideMenu.menu .main .nav .list_brand ul li a .icon{
margin-right:10px;
text-align:center
}
@media (max-width:768px){
	.slideMenu.menu .main .nav .list_brand ul li a .icon{
	min-width:140px
}

}
.slideMenu.menu .main .nav .list_brand ul li a .name{
	font-size:1.4rem;
}
@media (min-width:769px){
	.slideMenu.menu .main .nav .list_brand ul li a .name{
		font-size:1.4rem;
	}
}
.btn_menu{
cursor:pointer;
transition:.3s;
padding:4px
}
.btn_menu .icon{
position:relative;
width:30px;
height:22px
}
.btn_menu .icon span{
position:absolute;
right:0;
display:inline-block;
box-sizing:border-box;
width:30px;
height:3px;
transition:.3s;
border-radius:2px;
background-color:#333333
}
.btn_menu .icon span:first-of-type{
top:0
}
.btn_menu .icon span:nth-of-type(2){
top:50%;
transform:translateY(-50%)
}
.btn_menu .icon span:nth-of-type(3){
bottom:0
}
.btn_menu.active span:nth-child(n){
width:30px
}
.btn_menu.active span:first-of-type{
transform:translateY(9px) rotate(-45deg)
}
.btn_menu.active span:nth-of-type(2){
transform:translateX(-100%);
opacity:0
}
.btn_menu.active span:nth-of-type(3){
transform:translateY(-10px) rotate(45deg)
}
.color_change{
background-image:linear-gradient(top left, #E75B5B, #f7f2e5, #C9AF8D);
background-size:300% 300%;
animation:color_change 60s ease-in-out infinite
}
@-webkit-keyframes color_change{
	0%{
		background-position:0 0
	}
	50%{
	background-position:100% 100%
}
to{
background-position:0 0
}

}
@keyframes color_change{
0%{
background-position:0 0
}
50%{
background-position:100% 100%
}
to{
background-position:0 0
}

}

.policy_back{
	background-color: #fff;
	padding: 10px;
	color:#333;
	font-size: 1.6rem;
}
.policy_title{
	padding-top: 30px;
	font-size: 2.0rem;
	color: #C80000;
}
@media (min-width:769px){
	.policy_back{
		background-color: #fff;
		padding: 30px;
		color:#333;
		font-size: 1.6rem;
	}
	.policy_title{
		padding-top: 30px;
		font-size: 2.0rem;
	}
}


	

/*# sourceMappingURL=default.css.map */