@charset "utf-8";

/*===============================
 Base
===============================*/
html {
	height: 100%;
	background: #fff;
}
body {
	color: #fff;
	height: 100%;
	
}
a {
	color: #fff;
	text-decoration: none;
	transition: .5s;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
img {
	width: 100%;
	height: auto;
}
.sp{
  display: none;
}

@media screen and (max-width: 768px) {
  .sp{
    display: block;
  }

  .pc{
  	display: none;
  }

}


/*===============================
 Clear
===============================*/
img {
	border: 0;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}
ol, ul {
	list-style: none!important;
}
* {
	margin: 0;
	padding: 0;
}

/*===============================
 Font
===============================*/
html {
	font-size: 10px;
}
body {
	font-family: 'Noto Serif JP', serif;
	line-height: 1;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.075em;
}
.mincho {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
h1, h2, h3, h4, h5 {
	line-height: 1.5;
	font-weight: 400;
	font-family: serif;

}
p, li, dt, dd, th, td {
	line-height: 1.5;
	font-family:serif;

}

/*===============================
 Wrapper
===============================*/
.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.wrapper {
		width: 100% !important;
		overflow-x: hidden;
	}
}

/*===============================
 Header
===============================*/
.header {
	width: 100%;
	position: absolute;
	margin: 0 auto;
	z-index: 100;
	left: 0;
	top: 0;
}
.header_inner {
    /* max-width: 1280px; */
    margin-left: auto;
    margin-right: auto;
    padding: 10px 2.5% 0;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.header {

}
	.header_inner {
		
}
}


/*===============================
 Key visual 
===============================*/
.kv {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 70%;
	background: url("../img/mv_back_pc.webp") center center / cover no-repeat;
}
.kv_catch {
	position: absolute;
    top: 120px;
    left: calc(45% - 27%);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 52%;
    height: auto;
}
.kv_catch img {
	width: 100%;
	height: auto;

}
.kv_catch_sp img {
	display: none;
	
}


@media screen and (max-width: 768px) {
	.kv {
		padding-top: 115.100%;
		background: url("../img/mv_back_sp.webp") center top / cover no-repeat;
        position: relative;
		background-color: #000;		
}
	.kv_catch {
		position: absolute;
		top: 100px;
    	width: 90%;
		left: 5%;
}
}

img{
width:100%;
}