/*
*-------------- Basic Style --------------
*/

@font-face {
	font-family: 'hannari';
	src: url(./css/font/HannariMincho-Regular.otf) format("opentype");
}

html {
	font-size: 62.5%;
	font-family: 'hannari';
}

body {
	margin: 0;
	padding: 0;
}
.inner {
	display: block;
	width: 1300px;
	margin: 0 auto;
	padding: 10px 40px;
}

.flex {
	display: flex;
}

.flex-b {
	justify-content: space-between;
}

p {
	font-size: 1.7rem;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4{
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 3.2rem;
}

h2 {
	font-size: 2.8rem;
}

h3,h4 {
	font-size: 2.0rem;
}

h4 {

}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.7rem;
}

a{
	text-decoration: none;
	color: inherit;
}

a:visited{
	color: #681da8;
}

a:hover{
	opacity: 0.7;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

.logo {
	margin-left: 150px;
	color: #fff;
}

header{
	background: #000;
	padding-top: 30px;
	padding-bottom: 90px;
}

footer {
	margin: 100px 0 0;
	padding: 50px 0 150px;
	background-color: #000;
	color: #fff;
}

footer p {
	font-size: 2.2rem;
	margin-bottom: 10px;
}

footer ul li {
	margin-bottom: 5px;
}

.copyright {
	text-align: center;
	color: #fff;
	background-color: #000;
	padding: 10px 0;
}

.buttonStyle {
	background-color: #000;
	color: #fff;
	padding: 10px 20px;
	font-size: 1.7rem;
	display: block;
	width: fit-content;
}

/* メニュー */
.hamburger {
	width: 40px;
	height: 32px;
	position: relative;
}

.hamburger_bar {
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	background: #fff;
}

.hamburger_bar:nth-child(1) {
	top: 0;
}

.hamburger_bar:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.hamburger_bar:nth-child(3) {
	top: 100%;
	transform: translateY(-100%);
}

/* リセットCSS */
button {
	border-color: transparent;
	background: transparent;
	cursor: pointer;
}

/*
*-------------- TOP --------------
*/

/* header */
.hederBaseLink {
	margin-top: 10px;
	color: #fff;
}
.hederBaseLink li{
	padding-right: 10px;
}


.hederBaseLink li:last-child{
	padding-right: 0px;
}

/* main image */
.topCover {
	background: #000;
	padding: 10px 0 100px;
}

.topMain{
	height: 1100px;
	background: url('./img/23258836_m.jpg');
	background-size: cover;
	background-position: center center;
}

/* sec001 */
.sec001 {
	padding: 50px 0;
}

.sec001 h1 {
	text-align: center;
	margin-bottom: 70px;
}

.sec001 .productsList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec001 .productsList li{
	width: 22%;
	height: 300px;
	background: rgba(0,0,0,0.7);
	margin-bottom: 50px;
}

.sec001 .productsList li .productBox h2{
	text-align: center;
	line-height: 300px;
	color: #fff;
}

/* sec002 */
.sec002{
	margin:100px 0;
}

.sec002 .coverImage{
	padding: 100px 0;
	background: url('./img/29554348_m.jpg');
	background-size: cover;
	background-position: center center;
}

.sec002 .contentBox {
	width: 40%;
	background: rgba(0,0,0,0.7);
	padding: 50px 40px;
}

.sec002 .contentBox h1 {
	color: #fff;
	margin-bottom: 20px;
}

.sec002 .contentBox h1 span {
	display: block;
	font-size: 1.7rem;
}

.sec002 .contentBox p {
	color: #fff;
	line-height: 1.5;
}

.sec002 .buttonStyle {
	background-color: #fff;
	color: #000;
	margin: 20px 0 0 0;
}

/* sec003 */
.sec003{
	padding: 100px 0;
}
.sec003 .imageBox {
	width: 50%;
}

.sec003 .imageBox img {
	width: 100%;
	height: auto;
}

.sec003 .textBox {
	padding: 120px 20px;
	width: 40%;
}

.sec003 .textBox h1 {
	margin-bottom: 20px;
}

.sec003 .textBox p {
	line-height: 1.5;
}

.sec003 .buttonStyle {
	margin: 20px 0 0 0;
}

.sec004 {
	margin: 100px 0;
}

.sec004 .coverImage{
	padding: 100px 0;
	background: url('./img/28751822_m.jpg');
	background-size: cover;
	background-position: center center;
	height: 400px;
}

.sec005 {
	margin: 100px 0;
}

.sec005 h1{
	margin: 100px 0 50px;
}

.sec005 ul li{
	margin: 0px 0 20px;
}

.sec005 .contentBox h2{
	font-size: 1.7rem;
	margin-bottom: 5px;
}

.sec005 .contentBox p {
	margin-bottom: 5px;
	color: #777;
}

.sec005 .contentBox .buttonStyle {
	background: none;
	margin: 0;
	padding: 0;
	color: #777;
}