@charset "utf-8";

.only-m {display:none;}
.only-pc {display:block;}
.viewall {display:none;}	
.inner {position: relative; max-width:1400px; margin:0 auto; }

/* header */
header .top_wrap {position: relative; background:#151515; height:70px; line-height: 70px; color:#fff; font-size:18px;}
header .top_wrap span {font-weight: 300;}
header .top_wrap .inner > div {display: inline-block; float:right;}

header .logo_wrap {position:relative; width:100%; background:url('/images/common/bg_header.png') no-repeat; background-size: cover; padding:39px 0;}
header .logo_wrap .inner > * {display: inline-block; vertical-align: middle;}
header .logo_wrap .inner > div {font-size:32px; font-weight: 700; font-style: italic; color:#000009; line-height: 35px; padding:14px 0 0 136px;}
header .logo_wrap .inner > div span {display: block; font-size:20px; font-weight: 500; }

header .menu_wrap {position: relative; background:#151515;}
header .menu_wrap .inner > * {display: inline-block; }
header .menu_wrap .inner .menu > li {display: inline-block; color:#fff;}
header .menu_wrap .inner .menu > li a {color:#fff; font-size:20px; font-weight: 600; padding:25px 48px 25px 33px; display: block; width:100%; height:100%; box-sizing: border-box;}
header .menu_wrap .inner .menu > li a::after {content: ''; display: inline-block; width:9px; height:11px; background: url('/images/common/icon_menu.png') no-repeat; margin-left:10px;}
header .menu_wrap .inner .menu > li.on {background:#f01111;}
header .menu_wrap .search_box {position: absolute; right:0; top:17px;}
header .menu_wrap .search_box input {width:295px; height:40px; padding:0 20px;}
header .menu_wrap .search_box input::-webkit-input-placeholder {color:#b8b8b8;}
header .menu_wrap .search_box .icon {position: absolute; top: 10px; width:21px; height:21px; right:18px; color:#000; background: url('/images/common/icon_search.png') no-repeat; }

.main_visual {position: relative; height:480px;}
.main_visual .visual01 {background: url('/images/common/main_visual01.jpg') center no-repeat; background-size:cover;}
.main_visual .visual02 {background: url('/images/common/main_visual02.jpg') center no-repeat; background-size:cover;}
.main_visual .visual03 {background: url('/images/common/main_visual03.jpg') center no-repeat; background-size:cover;}
.main_visual .visual04 {background: url('/images/common/main_visual04.jpg') center no-repeat; background-size:cover;}
.main_visual .text_wrap {position: relative; max-width:1400px; margin:0 auto; color:#fff; line-height: 24px; top: 50%; left: 0; transform: translate(0, -50%);}
.main_visual .text_wrap > span {display: block; font-size:22px; font-weight: 600;}
.main_visual .text_wrap > div {display: block; font-size:76px; font-weight: 700; margin:48px 0 72px 0; letter-spacing: -.28rem;}
.main_visual .swiper-button-prev {width:40px; height:40px; background: url(/images/common/btn_mv_prev.png) no-repeat; top: 50%; left: 5%; transform: translate(-5%, -50%);}
.main_visual .swiper-button-next {width:40px; height:40px; background: url(/images/common/btn_mv_next.png) no-repeat; top: 50%; right: 5%; transform: translate(-5%, -50%);}

.lo_wrap {position: relative; width:100%; display: block; text-align: center; background:#151515; color:#fff; padding:22px 0 21px 0;}
.lo_wrap .inner h2 {font-size:30px; font-weight: 500;}
.lo_wrap .inner h2::before {content: ''; display: inline-block; width:17px; height:17px; background: url('/images/common/icon_lo.png') no-repeat; margin-right:20px;}
.lo_wrap .inner h2::after {content: ''; display: inline-block; width:17px; height:17px; background: url('/images/common/icon_lo.png') no-repeat; margin-left:20px;}

.lotx_wrap {position: relative; width:100%; display: block; text-align: center; background:#f01111; color:#fff; padding:15px 0 15px 0;}
.lotx_wrap .inner span {font-size: 18px;}
.lotx_wrap .inner span::after {content: ''; display: inline-block; width:15px; height:24px; background: url('/images/common/icon_hand.png') no-repeat; margin-left:20px;     vertical-align: middle;}

.loty_wrap {position: relative; width:100%; display: block; text-align: center; background:#f01111; color:#fff; padding:15px 0 15px 0;}
.loty_wrap .inner span {font-size: 18px;}

/* product */
.pro_wrap {position:relative; padding:60px 0 100px 0;}
.pro_con {position:relative; display: flex; width:100%; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; gap: 20px 24px;}
.pro_con .pro {position:relative; width:calc(25% - 18px); height:319px; border-radius: 20px; 
	background: #dfdfe2; /* Old browsers */
	background: -moz-linear-gradient(top,  #dfdfe2 1%, #f8f8f8 20%, #f8f8f8 75%, #efeff0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #dfdfe2 1%,#f8f8f8 20%,#f8f8f8 75%,#efeff0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #dfdfe2 1%,#f8f8f8 20%,#f8f8f8 75%,#efeff0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfe2', endColorstr='#efeff0',GradientType=0 ); /* IE6-9 */
}
.pro_con .pro a {display: block; width:100%; height:100%;}
.pro_con .pro a > div {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.pro_con .pro a > button {position:absolute; right:10px; top:10px; background:url('/images/common/btn_more.png') no-repeat; width:29px; height:29px;}
.pro_con .pro a > div > div {padding-top:20px; color:#0d0807;}

/* footer */
footer {}
footer .link_wrap {position: relative; width:100%; background:#151515;}
footer .link_wrap .link {display: flex; flex-wrap: wrap; position: relative; padding:30px 0 28px 0;}
footer .link_wrap .link > * {vertical-align: middle; display: inline-block; line-height: 57px; }
footer .link_wrap .link > ul {text-align: center; width: calc(100% - 285px);}
footer .link_wrap .link > ul li {display: inline-block; }
footer .link_wrap .link > ul li:first-child {padding-right:57px;}
footer .link_wrap .link > ul li a {color:#fff; font-size:20px; font-weight: 600;}
footer .link_wrap .link > div:last-child {width:46px; position:absolute; right:0;}

footer .logo_warp > ul {text-align: center;}
footer .logo_warp > ul > li {display: inline-block; padding:20px 30px;}
footer .logo_warp > ul > li:last-child {padding-right:0;}
footer .copy_wrap {position: relative; width:100%; padding:70px 0; background:#002245;}
footer .copy_wrap .copy {color:#fff; text-align: center;}
footer .copy_wrap .copy > div {display: block; width:100%; font-size:14px; line-height: 24px;}
footer .copy_wrap .copy > div a {color:#fff;}
footer .copy_wrap .copy > div:first-child {margin:70px 0 60px 0;}
footer .copy_wrap .copy > div:last-child {margin-top:95px;}

@media screen and (max-width:1024px) {
	
	.only-m {display:block;}
	.only-pc {display:none !important;}
	
	.inner {padding:0 20px;}	
	
	/* mobile menu */
	.m_menu_wrap {position: relative;}
	.m_menu_wrap .overlay {display: none; position: fixed; top:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); z-index: 999;}
	.m_menu_wrap .inner {display: none; position: fixed; right: 0; top: 0; bottom: 0;  width: 60%; background: #fff;  z-index: 9999;  padding: 50px 30px; -webkit-box-shadow: -11px 10px 18px -8px rgba(0,0,0,0.34); -moz-box-shadow: -11px 10px 18px -8px rgba(0,0,0,0.34); box-shadow: -11px 10px 18px -8px rgba(0,0,0,0.34); }
	.logo_wrap .inner h1 img {width:80%;}
	.m_menu_wrap .open_m {position: absolute; transform: translate(0, -305%); right:20px; width: 35px;}
	.m_menu_wrap .mclose {text-align: right;}
	.m_menu_wrap .mclose img {width:30px;}
	.m_menu_wrap .mmenu {font-size:30px; font-weight: 700;}
	.m_menu_wrap .mmenu li {padding:10px 0;}
	.m_menu_wrap .mmenu li.on a {color:#f01111;}
	.m_menu_wrap .mmenu a {color:#202020; letter-spacing: -.075rem;}
	
	
	/* main visual */
	.main_visual {height:840px;}
	.main_visual .visual01 {background: url('/images/common/main_visual01_m.jpg') no-repeat; background-size:cover; background-position: center;}
	.main_visual .visual02 {background: url('/images/common/main_visual02_m.jpg') no-repeat; background-size:cover; background-position: center;}
	.main_visual .visual03 {background: url('/images/common/main_visual03_m.jpg') no-repeat; background-size:cover; background-position: center;}
	.main_visual .visual04 {background: url('/images/common/main_visual04_m.jpg') no-repeat; background-size:cover; background-position: center;}
	.main_visual .text_wrap {padding:0 20px; top:40%;}
	.main_visual .text_wrap > div {line-height:79px; margin:28px 0 20px 0; font-size:65px;}
	.main_visual .swiper-button-prev, .main_visual .swiper-button-next {display: none;}
	
	/* contents */	
	.pro_con .pro {width:calc(50% - 12px);}
	
	/* footer */
	footer .link_wrap .link {padding:30px 20px 28px 20px;}
	
	
}

@media screen and (max-width:768px) {
	
	footer .link_wrap .link > ul li a {font-size:18px;}
	footer .link_wrap .link > ul {width: auto; margin-left: 50px;}
}

@media screen and (max-width:425px) {	
	
	footer .link_wrap .link > ul {width:100%; margin-left:0;}
	footer .logo_warp > ul > li {padding-bottom:20px;}
	
}

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

@media (orientation: landscape) {
/*
  body { overflow: hidden; }
  #landscape { display: block; }
*/
}