@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');

.section-area .section-title-area> .section-title,
.header-area> .btn-menu,
.header-area> .logo,
.footer-area .footer-logo {
	color: transparent;
	font: 0/0 a;
}

/* reset
---------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
detail,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none;
}

/* border-box */

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Reset input */

input,
button,
textarea,
select {
	margin: 0;
	padding: 0;
	background: none;
	outline: none;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* cmn
---------------------------------------- */

.sp-hide {
	display: inline-block !important;
}

.pc-hide {
	display: none !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.weight-bold {
	font-weight: bold;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.inner {
	position: relative;
	margin: 0 auto;
	zoom: 1;
}

.inner:before,
.inner:after {
	content: '';
	display: table;
}

.inner:after {
	clear: both;
}

/* cmn
---------------------------------------- */

body {
	position: relative;
	color: #000;
	font-size: 14px;
	font-family: 'Noto Sans JP', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}

body a,
body button {
	color: #000;
	cursor: pointer;
}

body a:hover,
body button:hover {
	opacity: .6;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
}

.inner {
	width: 960px;
}

.section-area {
	padding: 60px 0;
}

.section-area .section-title-area {
	display: block;
	margin-bottom: 30px;
}

.section-area .section-title-area> .section-title {
	display: block;
	width: 100%;
	height: 38px;
	background-position: center bottom;
	background-size: 640px auto;
	background-repeat: no-repeat;
}

.section-area .section-title-area> .section-title-sub {
	display: inline-block;
	width: 100%;
	margin-top: .5em;
	color: #00c3cd;
	font-weight: 500;
	font-size: 130%;
	text-align: center;
}

.section-area.section-1 .section-title {
	background-image: url('../images/ttl_sec-1.png');
}

.section-area.section-2 .section-title {
	background-image: url('../images/ttl_sec-2.png');
}

.section-area.section-3 .section-title {
	background-image: url('../images/ttl_sec-3.png');
}

.section-area.section-4 .section-title {
	background-image: url('../images/ttl_sec-4.png');
}

.section-area.section-5 .section-title {
	background-image: url('../images/ttl_sec-5.png');
}

.section-area.section-6 .section-title {
	background-image: url('../images/ttl_sec-6.png');
}

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

.header-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	-ms-flex-pack: end;
	-ms-flex-align: center;
	width: 280px;
	height: 48px;
	padding: 0 24px 0 120px;
	background: rgba(0, 0, 0, .7);
	border-radius: 0 0 24px 0;
	z-index: 1000;
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.header-area> .btn-menu {
	display: inline-block;
	width: 26px;
	height: 20px;
	margin-right: 12px;
	background: url('../images/icn_header_menu.svg') center center no-repeat;
	background-size: contain;
	z-index: 2000;
}

.header-area> .btn-menu.-open {
	background-image: url('../images/icn_header_menu-close.svg');
}

.header-area> .logo {
	display: inline-block;
	width: 94px;
	height: 22px;
	background: url('../images/img_header_logo.gif') center center no-repeat;
	background-size: contain;
}

/* gnav
---------------------------------------- */

.gnav-area {
	display: none;
	position: fixed;
	top: 0;
	left: 100px;
	z-index: 1000;
}

.gnav-area .gnav-list {
	display: block;
	padding: 70px 0 40px 0;
	background: rgba(0, 0, 0, .7);
}

.gnav-area .gnav-list> .gnav-item> .gnav-item-link {
	display: block;
	width: 100%;
	padding: 0 40px;
	color: #fff;
	font-size: 130%;
	line-height: 2.555555556;
}

.gnav-area .gnav-list> .gnav-item> .gnav-item-link:hover {
	background: #00c3cd;
	opacity: 1;
}

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

.footer-area {
	padding: 30px 0;
	background: #000;
}

.footer-area .footer-logo {
	display: block;
	width: 153px;
	height: 58px;
	margin: 0 auto;
	background: url('../images/img_main_logo.png') center center no-repeat;
	background-size: contain;
}

.footer-area .text-area {
	margin-top: 30px;
	text-align: center;
}

.footer-area .text-area> p {
	display: inline-block;
	color: #fff;
}

.footer-area .text-area> p.name,
.footer-area .text-area> p.copyright {
	display: block;
}

.footer-area .text-area> p.copyright {
	margin-top: 20px;
}

.footer-area .text-area> p.tel {
	margin-left: 1em;
}

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

.sp-hide {
	display: none !important;
}

.pc-hide {
	display: inline-block !important;
}

body {
	font-size: 3.2vw;
}

.inner {
	width: 100%;
	padding: 0 5.33333vw;
}

.section-area {
	padding: 10.66667vw 0;
}

.section-area .section-title-area {
	margin-bottom: 5.33333vw;
}

.section-area .section-title-area> .section-title {
	height: 7.6vw;
	background-size: 100% auto;
}

.section-area.section-1 .section-title {
	background-image: url('../images/sp_ttl_sec-1.png');
}

.section-area.section-2 .section-title {
	background-image: url('../images/sp_ttl_sec-2.png');
}

.section-area.section-3 .section-title {
	background-image: url('../images/sp_ttl_sec-3.png');
}

.section-area.section-4 .section-title {
	background-image: url('../images/sp_ttl_sec-4.png');
}

.section-area.section-5 .section-title {
	background-image: url('../images/sp_ttl_sec-5.png');
}

.section-area.section-6 .section-title {
	background-image: url('../images/sp_ttl_sec-6.png');
}

.header-area {
	width: 56vw;
	height: 13.33333vw;
	padding: 0 5.33333vw;
	border-radius: 0 0 6.66667vw 0;
}

.header-area> .btn-menu {
	width: 8vw;
	height: 8vw;
	margin-right: 2.66667vw;
}

.header-area> .logo {
	width: 32vw;
	height: 10.66667vw;
}

.gnav-area {
	left: 5.33333vw;
}

.gnav-area .gnav-list {
	padding: 13.33333vw 0 2.66667vw 0;
}

.gnav-area .gnav-list> .gnav-item> .gnav-item-link {
	padding: 0 5.33333vw;
}

.footer-area {
	padding: 4vw 0;
}

.footer-area .footer-logo {
	width: 30.66667vw;
	height: 11.6vw;
}

.footer-area .text-area {
	margin-top: 4vw;
}

.footer-area .text-area> p {
	display: block;
}

.footer-area .text-area> p.tel {
	margin: .5em auto 1.5em auto;
}

}