@charset "UTF-8";

@import url("./normalize.css");
@import url("./general.css");
@import url("./font.css");
@import url("./nla.css");



body {
	font-size: 5.333vw;
}

.pc,
.pcimage,
img[src*="_pc."],
.hidden {
	display: none !important;
}

div.container {
	width: 100%;
}





/* ▼header */
/* ----------------------------------------------------- */
header {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 12.744vh;
	overflow: hidden;
}

header > p {
	width: 100%;
}

header > p a {
	height: 4.498vh;
	font-size: 3.2vw;
}

header > h1 {
	height: 8.246vh;
	padding: 1.874vh 5.333%;
	text-align: left;
}

header > h1 svg {
	width: auto !important;
	height: 4.498vh;
}





/* ▼main */
/* ----------------------------------------------------- */
div#main {
	/* margin: 12.744vh 0 0 0; */
	margin: 0;
}





/* ▼keyvisual */
/* ----------------------------------------------------- */
section#keyvisual {
	padding: 0;
}

section#keyvisual div.container {
	position: relative;
	width: 89.334%;
	height: 31.110vh !important;
	background: url(../img/nla_keyvisual_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}

section#keyvisual h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.8em 1em 0.4em 1em;
	line-height: 0;
	background: #dc007a;
	background: rgba(220, 0, 122, 0.75);
}

section#keyvisual h2 img {
	width: 20.667vw;
}

section#keyvisual h2 strong {
	margin: 0.7em 0 0 0;
	font-size: 3.2vw;
}





/* ▼content */
/* ----------------------------------------------------- */
section#content {
	background: #ffffff;
}

section#content div.container {
	width: 89.334%;
}



section#content div#lead h3 {
	font-size: 7.2vw;
	font-size: 6.667vw;
}

section#content div#lead div.text p {
	font-size: 3.733vw;
}

section#content div#lead div.text figure {
	width: 76.120%;
	margin-left: auto;
	margin-right: auto;
}



section#content div#feature h4 i,
section#content div#place h4 i,
section#content div#contact h4 i {
	line-height: 0;
}

section#content div#feature h4 i img,
section#content div#place h4 i img,
section#content div#contact h4 i img {
	height: 2.999vh;
}

section#content div#feature h4 span,
section#content div#place h4 span,
section#content div#contact h4 span {
	display: block;
	font-size: 0.65em;
}



section#content div#feature {
	margin: 3em 0 6em 0;
}

section#content div#feature article {
	margin: 2em 0;
	padding: 5.335vw;
	background: #f8f8f8;
}

section#content div#feature article div.lead figure {
	margin: 0;
}

section#content div#feature article div.lead div.bodycopy h5 {
	margin: 1em 0 0.7em 0;
	font-size: 6.4vw;
}

section#content div#feature article div.lead div.bodycopy p {
	font-size: 3.733vw;
}

section#content div#feature article dl {
	margin: 1em 0 0 0;
}

section#content div#feature article dl dt {
	padding: 0.5em;
	font-size: 3.733vw;
	text-align: center;
}

section#content div#feature article dl dd ul li {
	margin-right: 0.5em;
	padding: 0 0 0 1em;
	font-size: 3vw;
	text-align: left !important;
}

section#content div#feature article dl dd ul li::before {
	content: "・";
	margin: 0 0 0 -1em;
}



section#content div#place {
	margin: 3em 0 6em 0;
}

section#content div#place h5 {
	margin: 3em 0 0 0;
	font-size: 6.933vw;
}

section#content div#place p {
	margin: 1em 0;
	font-size: 3.467vw;
}

section#content div#place table th {
	font-size: 2.666vw;
}

section#content div#place table td {
	font-size: 2.666vw;
}

section#content div#place table td strong span {
	font-size: 0.917em;
}



section#content div#contact {
	margin: 6em 0 3em 0;
}

section#content div#contact h4 + p {
	margin: 1em 0;
	padding: 0 0 0 1em;
	font-size: 4vw;
}

section#content div#contact h4 + p::first-letter {
	margin: 0 0 0 -1em;
}

section#content div#contact p img {
	background: #dc007a url(../img/nla_optin_sp.png) no-repeat left bottom;
	background-size: 100%;
}



section#content figure#testimonial img {
	width: 48.956%;
}





/* ▼footer */
/* ----------------------------------------------------- */
footer div.container {
	width: 89.334%;
}

footer h2 {
	margin: 0 0 2em 0;
	text-align: center;
	line-height: 0;
}

footer p {
	margin: 1em 0;
}

footer p,
footer address {
	font-size: 2.666vw;
}

