@charset "utf-8";
@import url(style_common.css);

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700&display=swap');

/* SP-First CSS */
/* --------------------------------------------------------
A4 SYSTEM プリント箇所指定
↓最後尾に記述
-------------------------------------------------------- */

@media print {

	/* no-print */
	header,
	footer,
	#fv,
	#link,
	#contact,
	#pagetop,
	#pagetop img,
	.movie {
		display: none !important;
	}

	/*A4横*/
	main.w-all,
	section.onepage-print {
		margin: 0 !important;
		padding: 0 !important;
	}

	.onepage-print .a4page {
		width: 297mm;
		height: 200mm;
		page-break-after: always;
		font-size: 0 !important;
		line-height: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.onepage-print .a4page img {
		width: 297mm;
		height: auto;
		margin: 0;
		padding: 0;
	}

	/*最後のページは改ページを入れない*/
	.onepage-print .a4page.lastpage {
		page-break-after: auto;
	}

	/*safari用サイズ調整ハック*/
	_::-webkit-full-page-media,
	_:future,
	:root .onepage-print .a4page {
		width: 267mm;
		height: 170mm;
	}

	_::-webkit-full-page-media,
	_:future,
	:root .onepage-print .a4page img {
		width: 267mm;
	}
}

/* A4縦 */
/*  @page { size: A4; } */
/* A4横 */
@page {
	size: A4 landscape;
}

/* マージン設定 */
@page {
	margin: 0;
}

/* --------------------------------------------------------
font
-------------------------------------------------------- */

/* type */
body,
input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type=submit],
input[type=reset],
input[type=button],
textarea,
select,
label,
/* 
.sec_form form dt,
.sec_form form dd,
.sec_form .note,
.sec_form h2,
.sec_form p,
table.kakunin th,
table.kakunin td,
 */
figcaption {
	font-family: 'M PLUS 1p',
		"ヒラギノ角ゴシック",
		"Hiragino Sans",
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"游ゴシック",
		"Yu Gothic",
		"游ゴシック体",
		"YuGothic",
		"Meiryo UI",
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		sans-serif;
	font-feature-settings: "palt"1;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
}

/* size */
/* commonでは全て下記サイズ
	font-size: 1.6rem;
	line-height: 1.5;
*/

/* weight */
.fb {
	font-weight: 700;
}

/* link */
a {
	cursor: pointer;
}

a:link,
a:visited,
.btn a:hover,
a:active,
a:focus {
	text-decoration: none;
}

a:hover,
li a:hover,
li.stay a {
	text-decoration: underline;
}

/*画像リンク透過*/
a:hover,
a:hover img,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
button:hover,
.ico-btn:hover,
.social_nav a:hover {
	opacity: 0.85;
	filter: opacity(85%);
}

/* size */
th,
td,
li,
select,
input,
label,
dt,
dd,
time,
li {
	font-size: 1.4rem;
}

/* --------------------------------------------------------
カラー
-------------------------------------------------------- */

html {
	background-color: #fff;
}

/* font-color */
body,
h1,
h2 {
	color: #000;
}

/* link-highlight_SP */
a {
	color: #000;
}

/* link-color */
.btn,
a,
a:focus,
input[type=submit],
input[type=button],
input[type=reset],
button,
.ico-btn {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
}

/* contents */
section {
	background-color: #fff;
}

section:nth-child(even) {
	background-color: #fff;
}

/* btn */
#nav-drawer .ico-btn i,
#slide_nav ul.social_nav li a {
	color: #5a5a5a;
}

.btn,
input[type=submit] {
	background-color: #000;
}

.btn,
.btn a {
	color: #fff;
}

/* breadcrumb */
#breadcrumb {
	background-color: #ededed;
}

/* --------------------------------------------------------
レイアウト
-------------------------------------------------------- */

html {
	overflow: auto;
}

body {
	overflow: hidden;
}

main.w-all {
	width: 90%;
	margin: 0 5%;
}

section {
	padding: 0rem;
}

section.onepage-print {
	padding: inherit;
}

section.onepage-print .a4page {
	margin-bottom: inherit !important;
}


/* --------------------------------------------------------
header
-------------------------------------------------------- */

header h1 a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 8.6rem;
	height: 6.6rem;
	background: url(../img/logo_hd.svg) top left no-repeat;
	background-size: 100% 100%;
	margin: 3rem auto;
}

/* --------------------------------------------------------
footer
-------------------------------------------------------- */

footer {
	font-size: 1.3rem;
}

footer #logo {
	margin: 4rem auto;
	text-align: center;
}

footer a:hover {
	text-decoration: underline;
}

footer #logo img {
	width: 8.6rem;
	height: auto;
}

/* copy */
footer p {
	text-align: center;
	padding: 1.5rem;
	font-size: 1.15rem;
}

/* --------------------------------------------------------
nav
-------------------------------------------------------- */

#right_nav {
	position: fixed;
	right: 1.5rem;
	top: 2rem;
	z-index: 1;
}

#right_nav ul {
	margin-top: 0;
	text-align: left;
}

#right_nav ul li {
	display: block;
}

#right_nav ul li:first-child {
	margin-bottom: 4rem;
}

#right_nav ul li a {
	display: block;
	margin-bottom: 1.5rem;
	text-align: center;
}

#right_nav ul li a img {
	width: auto;
	height: 2.1rem;
}

#right_nav ul li:first-child a img {
	width: 2.4rem;
	height: auto;
}

#right_nav ul #nav-drawer {
	position: relative;
	right: inherit;
	top: inherit;
	z-index: 100;
	margin-bottom: 1.5rem;
}

/* innner */

#slide_nav ul li a {
	text-align: left;
	margin-bottom: 0;
	padding: 1rem 2rem;
}

#slide_nav ul li:first-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------
link
-------------------------------------------------------- */

#link {
	padding: 5rem 2rem 3rem;
	text-align: center;
}

#link p {
	font-size: 1.2rem;
	text-align: left;
	margin-bottom: 1rem;
}

#link ul.banner li {
	margin-bottom: 3rem;
}

#link h2 {
	width: 20rem;
	margin: 5rem 0 2rem;
}

#link ul.client li {
	display: inline-block;
	width: calc(50% - 1rem);
	margin-right: 2rem;
	margin-bottom: 2rem;
	border: .1rem solid #000;
}

#link ul.client li:nth-of-type(even) {
	margin-right: 0;
}

/* --------------------------------------------------------
contact
-------------------------------------------------------- */

#info_box {
	padding: 5rem 2rem;
	text-align: center;
	background: #fbfbfb;
}

.contact_nav a {
	font-feature-settings: "palt"1;
	-webkit-font-smoothing: antialiased;
	font-size: 1.6rem;
	font-weight: 600;

}

/* 前にアイコン */
.contact_nav li:before {
	-webkit-background-size: 7.9rem 5.1rem;
	background-size: 7.9rem 5.1rem;
	content: "";
	display: block;
	width: 7.9rem;
	height: 5.1rem;
	position: relative;
	top: 0;
	margin-bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.contact_nav li:nth-of-type(1):before {
	background: url(../img/ico_contact01.svg) 0 0 no-repeat;
	-webkit-background-size: 13.0rem 6.4rem;
	background-size: 13.0rem 6.4rem;
	width: 13.0rem;
	height: 6.4rem;
}

.contact_nav li:nth-of-type(2):before {
	background: url(../img/ico_contact02.svg) 0 0 no-repeat;
}

.contact_nav li:nth-of-type(3):before {
	background: url(../img/ico_contact03.svg) 0 0 no-repeat;
}

.contact_nav li:nth-of-type(4):before {
	background: url(../img/ico_contact04.svg) 0 0 no-repeat;
}

.contact_nav li {
	margin-bottom: 5rem;
}

.contact_nav li:last-child {
	margin-bottom: 0;
}

/* map */
#map {
	width: 100vw;
	position: relative;
	font-size: 0;
}

#map .btn {
	position: absolute;
	bottom: 3rem;
	right: 6rem;
	padding: 1rem 2rem;
	width: auto;
	margin: inherit;
	border-radius: 0;
}

#map .btn a {
	font-size: 1.4rem;
	font-weight: 800;
}

#map .btn:hover {
	opacity: 1;
	filter: opacity(100%);
	background-color: #7b7b7b;
}

/* --------------------------------------------------------
main
-------------------------------------------------------- */

main h2,
main p {
	text-align: center;
	margin-bottom: 3rem;
	max-width: 100%;
}

.nav_box {
	position: relative;
}

.nav_box .vertical_nav {
	position: absolute;
}

/* --------------------------------------------------------
movie
-------------------------------------------------------- */
.movie video {
	width: 100%;
	height: auto;
}

/* --------------------------------------------------------
form
-------------------------------------------------------- */

section#contactform {
	padding: 5rem 2rem;
}

/* title */
#contactform h2 {
	display: block;
	width: 80%;
	margin: 0 0 4rem;
}

#contactform h2 img {
	width: 100%;
	height: auto;
}

.sec_form form dt,
.sec_form form dd,
.sec_form .note,
.sec_form h2,
.sec_form p,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select,
label,
input[type=submit],
input[type=reset],
input[type=button],
table.kakunin th,
table.kakunin td {
	font-family: 'M PLUS 1p',
		"ヒラギノ角ゴシック",
		"Hiragino Sans",
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"游ゴシック",
		"Yu Gothic",
		"游ゴシック体",
		"YuGothic",
		"Meiryo UI",
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		sans-serif;
	font-feature-settings: "palt"1;
	-webkit-font-smoothing: antialiased;
	font-size: 1.6rem;
	font-weight: 600;
}

.sec_form dt img {
	display: block;
	width: 10rem;
	height: auto;
	margin: 4rem auto 2rem;
}

.sec_form dd p {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.6;
}

.sec_form dd p a {
	color: #E4007F;
	font-weight: 800;
}

.sec_form form dt,
.sec_form form dd,
.sec_form form label .radiobox_txt,
.sec_form form label .checkbox_txt {
	letter-spacing: .3rem;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
table.kakunin td {
	font-weight: 400;
}

.sec_form form label {
	display: block;
	padding: 1rem 0;
	margin-bottom: .5rem;
}

.form_combo {
	margin-bottom: 2.5rem;
}

table.kakunin th,
table.kakunin td {
	border: none;
	min-height: 4.5rem;
}

table.kakunin th {
	border-radius: 6px;
}

table.kakunin td {
	padding: 2rem 1rem;
}

.btn,
input.btn {
	padding: 2rem;
}

.box_workshop {
	display: block;
	background-color: #d5d5d6;
	margin: 0 -2rem 2rem;
	padding: 2rem 2rem .5rem;
}

.box_workshop p {
	text-align: left;
	margin-bottom: 1rem;
}

.sec_form form label .radiobox_txt,
.sec_form form label .checkbox_txt {
	letter-spacing: 0;
	font-size: 1.4rem;
}

/* .box_other */
.box_other {
	padding: 4rem 0;
}

.box_other p {
	margin-bottom: .1rem;
	font-size: 1.4rem;
}

.box_other p.cost {
	font-size: 2rem;
	font-weight: 800;
	margin-bottom: 3rem;
}

.box_other figure.cost img {
	display: block;
	width: 55%;
	margin: 0 auto;
	margin-bottom: 5rem;
}

.box_other h3 {
	font-feature-settings: "palt"1;
	-webkit-font-smoothing: antialiased;
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 5rem;
	/* ライン用 */
	display: flex;
	align-items: center;
}

.box_other h3:before {
	-webkit-background-size: 5rem 5rem;
	background-size: 5rem 5rem;
	content: "";
	width: 5rem;
	height: 5rem;
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 1.5rem;
}

/* ライン用 */
.box_other h3:after {
	border-top: 2px solid #000;
	content: "";
	/* 幅いっぱいに */
	flex-grow: 1;
	margin-left: 1em;
}

.box_other h3.title01:before {
	background: url(../img/img_contact01_ico02.svg) 0 0 no-repeat;
}

.box_other h3.title02:before {
	background: url(../img/img_contact01_ico03.svg) 0 0 no-repeat;
}

.flowbox dl {
	margin-bottom: 5rem;
}

.flowbox dt img {
	display: block;
	width: 9rem;
	height: auto;
	margin: 0 0 2rem;
}

.flowbox dl dd:after {
	position: relative;
	z-index: 10;
	display: block;
	content: '';
	background: url(../img/ico_arrlow_flow.svg) top left no-repeat;
	-webkit-background-size: 2.5rem 2.5rem;
	background-size: 2.5rem 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: 3rem;
	margin-left: 3rem;
	margin-bottom: 2rem;
}

.flowbox dl dd:last-of-type:after {
	display: none;
}

.box_other p:last-of-type {
	font-size: 1.2rem;
	font-weight: normal;
	text-align: left;
	margin-bottom: 0;
	margin-top: -4rem;
}

.page_check #contactform h2,
.thanks #contactform h2 {
	text-align: center;
	width: 100%;
	margin: 0 auto 4rem;
}

/* ----------------------------------------------------------------------------------------------
PC START
---------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------
base layout
-------------------------------------------------------- */

@media screen and (min-width : 768px) {

	/* for all desktop PC ※縦メニュー位置都合でPC用は幅1024pxのみ */
	#wrapper {
		margin: 0 auto;
		width: 1024px;
		min-height: 100%;
	}

	#header-in,
	#breadcrumb ol,
	#link,
	#info_box .contact_nav,
	#footer-in,
	footer p {
		margin: 0 auto;
		width: 1024px;
	}

	main.w-all {
		width: 1024px;
		height: 100%;
		min-height: 100%;
		float: none;
		margin: 0;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {

	/* for 縦 ipad&tablet */
	#wrapper,
	#header-in,
	#breadcrumb ol,
	#link,
	#info_box .contact_nav,
	#footer-in,
	footer p,
	main.w-all {
		width: 730px;
		margin: 0 auto;
		display: block;
	}
}

/* --------------------------------------------------------
design details
-------------------------------------------------------- */

@media screen and (min-width : 768px) {

	/* for PC 共通↓ */
	section,
	section.onepage-print {
		margin: 0px -500%;
		padding: 3rem 500%;
		display: block;
	}

	/* --------------------------------------------------------
	hd
	-------------------------------------------------------- */

	#header-in {
		position: relative;
	}

	#header-in h1 {
		position: absolute;
		right: 19.5rem;
		top: 3.5rem;
	}

	#header-in h1 a {
		width: 9.8rem;
		height: 7.6rem;
		margin: 0;
	}

	#header-in #nav-hd {
		position: absolute;
		right: 4rem;
		top: 3rem;
		display: block;
		border-left: .4rem solid #000;
		padding-left: 1.5rem;
	}

	#header-in #nav-hd li,
	#header-in #nav-hd li a {
		font-weight: 800;
		line-height: 1.3;
		letter-spacing: .1rem;
	}

	/* --------------------------------------------------------
	fv
	-------------------------------------------------------- */

	#fv {
		padding-top: 15rem;
	}

	/* --------------------------------------------------------
	nav
	-------------------------------------------------------- */

	#right_nav {
		top: 4rem;
		right: 2rem;
	}

	#right_nav ul li:first-child {
		margin-bottom: 7rem;
	}

	#right_nav ul li a {
		margin-bottom: 2rem;
	}

	/* innner */

	#slide_nav ul li a {
		margin-bottom: 0;
		padding: 1.5rem 2rem;
	}

	#slide_nav ul li:first-child {
		margin-bottom: 0;
	}

	#nav-open,
	.ico-close,
	.ico-btn img {
		width: 2.88rem;
		height: 2.88rem;
	}

	#right_nav ul li:first-child a img {
		width: 2.7rem;
		height: auto;
	}

	/* --------------------------------------------------------
	link
	-------------------------------------------------------- */

	#link {
		padding: 5rem 0;
	}

	#link ul.banner li {
		display: inline-block;
		width: calc(50% - 2rem);
		margin: 0 1rem;
	}

	#link p {
		font-size: 1.4rem;
		margin: 1rem 0 0 1rem;
	}

	#link h2 {
		width: 28rem;
		margin: 8rem 0 4rem;
	}

	#link ul.client li {
		width: calc(25% - 1.5rem);
		margin: 0 .7rem 2rem;
	}

	#link ul.client li:nth-of-type(even) {
		margin: 0 .7rem 2rem;
	}

	#link ul.client li:hover {
		border: .1rem solid rgba(0, 0, 0, 0.4);
	}

	/* --------------------------------------------------------
	contact
	-------------------------------------------------------- */

	#info_box {
		padding: 5rem 0;
	}

	.contact_nav li {
		padding-bottom: 1rem;
	}

	.contact_nav li:nth-of-type(1) {
		padding-bottom: 4rem;
	}

	.contact_nav a {
		font-size: 1.8rem;
	}

	/* 前にアイコン */
	.contact_nav li:before {
		display: inline-block;
		top: 2rem;
		left: -11rem;
		margin-bottom: inherit;
		transform: inherit;
		-webkit-transform: inherit;
		-ms-transform: inherit;
	}

	.contact_nav li:nth-of-type(1):before {
		-webkit-background-size: 15.0rem 7.4rem;
		background-size: 15.0rem 7.4rem;
		width: 15.0rem;
		height: 7.4rem;
	}

	.contact_nav {
		padding-left: 15.5rem;
		padding-top: 1rem;
		text-align: left;
	}

	.contact_nav li {
		margin-bottom: 0;
		text-align: left;
	}

	.contact_nav li a {
		margin-left: -8rem;
	}

	/* --------------------------------------------------------
	table
	-------------------------------------------------------- */

	table th {
		width: 30%;
	}

	table td {
		width: 70%;
	}

	/* --------------------------------------------------------
	btn
	-------------------------------------------------------- */

	.btn,
	input.btn {
		width: 40%;
		margin: 0 auto 3rem;
	}

	/* --------------------------------------------------------
movie
-------------------------------------------------------- */
	.movie video {
		width: 100%;
		height: auto;
		margin: 12rem 0 0;
	}

	/* --------------------------------------------------------
	form
	------------------------------------------------------- */
	/*
	section.sec_contents,
	section.sec_form {
		margin: 0px -500%;
		padding: 8rem 500%;
		display: block;
	}
 	*/
	section.sec_form form,
	section.sec_form .box_other,
	#contactform h2 {
		width: 70%;
		max-width: 768px;
		margin: 0 auto;
	}

	/* title */
	#contactform h2 {
		text-align: left;
		margin: 15rem auto 4rem;
	}

	#contactform h2 img {
		width: 34rem;
		margin-bottom: 5rem;
	}

	.sec_form form dl {
		display: inline-block;
	}

	.sec_form form dt {
		display: inline-block;
		width: 25%;
		vertical-align: top;
		padding-top: .75rem;
		margin-bottom: 3rem;
	}

	.sec_form form dd {
		display: inline-block;
		width: 75%;
		margin-bottom: 3rem;
	}

	.kakunin table th,
	.kakunin table td {
		width: 100%;
	}

	.kakunin .btn01 input.btn,
	.kakunin .btn02 input.btn {
		width: 100%;
	}

	.sec_form dt img {
		width: 12rem;
		margin: 0 0 6rem;
	}

	.sec_form dd p {
		font-size: 1.6rem;
		text-align: left;
		padding-top: 5rem;
	}

	.box_workshop {
		margin: 0 -4rem 4rem;
		padding: 3rem 4rem 0;
	}

	.box_workshop p {
		margin-bottom: 4rem;
	}

	.sec_form form label .radiobox_txt,
	.sec_form form label .checkbox_txt {
		letter-spacing: .1rem;
		font-size: 1.6rem;
	}

	/* .box_other */
	.box_other {
		padding: 0 0;
	}

	.box_other p.cost {
		margin-bottom: 5rem;
	}

	.box_other figure.cost img {
		display: block;
		width: 20rem;
		margin: 0 auto;
		margin-bottom: 10rem;
	}

	.box_other h3 {
		font-size: 2rem;
		margin-bottom: 6rem;
	}

	.box_other h3:before {
		-webkit-background-size: 6.5rem 6.5rem;
		background-size: 6.5rem 6.5rem;
		width: 6.5rem;
		height: 6.5rem;
		top: -.75rem;
	}

	.flowbox dl {
		width: 60rem;
		margin: 0 auto 8.5rem;
	}

	.flowbox dl dt {
		display: inline-block;
		vertical-align: middle;
		width: 27%;
		margin-top: 3rem;
	}

	.flowbox dt img {
		width: 14rem;
		margin: 0;
	}

	.flowbox dl dt:after {
		position: relative;
		z-index: 10;
		display: block;
		content: '';
		background: url(../img/ico_arrlow_flow.svg) top left no-repeat;
		-webkit-background-size: 3rem 3rem;
		background-size: 3rem 3rem;
		width: 3rem;
		height: 3rem;
		margin-top: 3rem;
		margin-left: 5.2rem;
		margin-bottom: 0;
	}

	.flowbox dl dd {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.6rem;
		font-weight: 600;
		width: 72%;
		margin-left: 0;
		padding-left: 3.5rem;
		margin-top: -2rem;
	}

	.flowbox dl dd:after {
		display: none;
	}

	.flowbox dl dt:last-of-type:after {
		display: none;
		background: none;
	}

	.flowbox dl dd:last-of-type {
		padding-top: 4rem;
	}

	.box_other p:last-of-type {
		font-size: 1.4rem;
		font-weight: 500;
		text-align: right;
		margin-top: -7rem;
		margin-bottom: 6rem;
	}

	.page_check #contactform h2,
	.thanks #contactform h2 {
		text-align: center;
		margin: 18rem auto 4rem;
	}

	/* ----------------------------------------------------------------------------------------------
	PC END
	---------------------------------------------------------------------------------------------- */
}

/* ----------------------------------------------------------------------------------------------
For IE
---------------------------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none) {

	input[type="checkbox"]:checked+span::before {
		background-color: #fbfbfb;
		background-image: url("../img/ico_check_for_ie.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 2.4rem 2.4rem;
	}

	input[type="radio"]:checked+span::before {
		background-color: #fbfbfb;
		background-image: url("../img/ico_radio_for_ie.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 2.4rem 2.4rem;
	}

	/* ----------------------------------------------------------------------------------------------
For IE END
---------------------------------------------------------------------------------------------- */
}

/* ----------------------------------------------------------------------------------------------
For Edge
---------------------------------------------------------------------------------------------- */

@supports (-ms-ime-align: auto) {

	/* ----------------------------------------------------------------------------------------------
For Edge END
---------------------------------------------------------------------------------------------- */
}

/* ----------------------------------------------------------------------------------------------
追加調整
---------------------------------------------------------------------------------------------- */

/* iPhone5 @media */
@media screen and (max-width: 374px) {}

/* iPad vertical  @media */
@media screen and (max-width: 991px) and (min-width: 768px) {

	#info_box .contact_nav {
		width: 70%;
		margin: 0 15% 5rem;
	}
}

/* ----------------------------------------------------------------------------------------------
 END
---------------------------------------------------------------------------------------------- */