@charset "utf-8";
header {
	width: 100%;
	height: 138px;
	padding-top: 45px;
	box-sizing: border-box;
	background: #fff;
	z-index: 100000;
}
header nav h1 {
	text-align: center;
}
header nav ul {
	margin-top: 22px;
	padding-left: 5px;
	display: flex;
	justify-content: center;
}
header nav ul li {
	float: left;
	padding: 0 30px;
	background: url(../img/common/bg_navi.png) no-repeat;
	position: relative;
	font-size: 22px;
	font-family: 'Crimson Text', serif;
	line-height: 24px;
}
header nav ul li:last-child:after {
	position: absolute;
	top: 0;
	right: 0;
	content: url(../img/common/bg_navi.png);
}
header nav ul li a {
	color: #4b4b4b;
	text-decoration: none;
	transition: 0.3s;
	outline: none;
}
header nav ul li a:hover {
	opacity: 0.7;
	text-decoration: none;
}
#top {
	width: 100%;
	height: 100vh;
	background-image: url(../img/home/top.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}
#watermark {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
}
#btn_scroll {
	width: 70px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	cursor: pointer;
	z-index: 1002;
}
#btn_scroll li {
	text-align: center;
}
#btn_scroll li:last-child {
	margin-top: 4px;
	color: #fff;
	font-size: 15px;
}
#main {
	width: 1600px;
	margin: 0 auto;
	padding-bottom: 100px;
}
#main ul li {
	float: left;
	overflow: hidden;
}
#main ul li img {
	width: 100%;
	height: 100%;
}
#main ul li.ban_l {
	width: 50%;
	position: relative;
}
#main ul li.ban_s {
	width: 25%;
	position: relative;
}
#main ul li.ban_s p.ttl {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 3.636%;
	color: #fff;
	font-size: 20px;
	font-family: 'Crimson Text', serif;
	text-align: right;
	line-height: 22px;
}
#main ul li.ban_l p.ttl {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1.818%;
	color: #fff;
	font-size: 20px;
	font-family: 'Crimson Text', serif;
	text-align: right;
	line-height: 22px;
}
#main ul li.ban_t {
	width: 25%;
}
#main ul li.ban_t div {
	width: 100%;
	padding: 0 6.545%;
	box-sizing: border-box;
	opacity: 0;
}
#main ul li.ban_t div p.ttl_eng {
	font-size: 10px;
	text-align: center;
}
#main ul li.ban_t div p.ttl {
	margin-top: 5px;
	font-size: 22px;
	text-align: center;
}
#main ul li.ban_t div p.txt {
	margin-top: 22px;
	font-size: 12px;
	line-height: 18px;
}

/* ---------- Media Queries ---------- */

/* ----- wide ----- */
@media only screen and (max-width: 1616px) {
#main {
	width: 100%;
}
}

/* ----- pc ----- */
@media only screen and (max-width: 1116px) {
#main ul li.ban_t div {
	width: 275px;
	transform-origin: top left;
}
}

/* ----- sp ----- */
@media only screen and (max-width: 640px) {
#top {
	margin-top: 49px;
	background-image: url(../img/home/sp/top.jpg);
	background-size: 100%;
}
#main {
	padding: 0 0 60px 0;
}
#main ul li.ban_l {
	width: 100%;
}
#main ul li.ban_s {
	width: 50%;
}
#main ul li.ban_t {
	width: 100%;
}
#main ul li.ban_t div {
	width: 100%;
	padding: 10%;
}
#ls_bc, #ls_ne, #ls_ftd, #ls_sc_a {
	margin-top: 60px;
}
}

/* ----- other ----- */
@media only screen and (max-width: 320px) {
}