@charset "UTF-8";

html,html * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Noto Sans JP", sans-serif;
}

body {
	background: #fff;
	font-size: 16px;
	font-weight: 400;
	color: #737373;
}

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

h3 {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 20px;
}

h3.arrow {
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
	line-height: 30px;
}

p {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 30px;
}

p:last-child {
	margin-bottom: 0px;
}

section {
	padding: 60px 0;
}

.container {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 30px;
}

/* ヘッダー */
header {
	display: flex;
	flex-direction: column-reverse;
}

/* ヒーローエリア */
header h1 img {
	width: 100%;
	height:auto
}

/* フッター */
footer {
	background: #224264;
	padding: 45px 0px;
}

footer p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
}

footer h2 img {
	display: block;
	max-width: 522px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

footer nav {
	margin-bottom: 20px;
}

footer nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: #4e6883;
	padding: 6px 8px;
	margin-bottom: 8px;
}

/* ABOUT */
section.about {
	background: #f3f3f3;
}

section.about h2 img {
	display: block;
	max-width: 587px;
	width: 100%;
	height: auto;
	margin: 0 auto 45px;
}

section.about div.photo img {
	display: block;
	max-width: 642px;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}

/* BUSINESS */
section.business2 {
	background: #f3f3f3;
}

section.business1 h2 img {
	display: block;
	max-width: 424px;
	width: 100%;
	height: auto;
	margin: 0 auto 45px;
}

/* image */
div.image img {
	width: 100%;
	height: auto;
}

/* PARTNERS */
section.partners h2 img {
	display: block;
	max-width: 572px;
	width: 100%;
	height: auto;
	margin: 0 auto 45px;
}

section.partners div.box div.text:first-child {
	margin-bottom: 30px;
}


/* ACCESS */
section.access {
	background: #f3f3f3;
}

section.access h2 img {
	display: block;
	max-width: 360px;
	width: 100%;
	height: auto;
	margin: 0 auto 45px;
}

iframe {
	border: 0;
	width: 100%;
	height: 360px;
	margin-bottom: 15px;
}

/* --- パララックス効果 --- */
.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* 大きい画面用の設定 */
@media(min-width:700px) {
	img.pc {
	display: block !important ;
	}
	img.sp {
	display: none;
	}
	h3 {
	font-size: 24px;
	line-height: 36px;
	}
	p {
	font-size: 18px;
	line-height: 30px;
	}
	section {
	padding: 90px 0;
	}
	/* ナビゲーション */
	header nav {
	display: block !important ;
	width: 100%;
	background: #fff;
	}
	header nav ul {
	display: flex;
	max-width: 1180px;
	margin: 0 auto;
	}
	header nav a {
	display: block;
	padding: 6px 8px;
	font-weight: 500;
	color: #666;
	text-decoration: none;
	}
	/* フッター */
	footer h2 img {
	max-width: 310px;
	}
	/* ABOUT */
	section.about h2 img {
	margin: 0 auto 60px;
	}
	section.about div.box {
	display: flex;
	}
	section.about div.box div.photo {
	flex: 1;
	margin-right: 30px;
	}
	section.about div.box div.text {
	flex: 1;
	}
	/* BUSINESS */
	section.business1 h2 img {
	margin: 0 auto 60px;
	}
	/* PARTNERS */
	section.partners h2 img {
	margin: 0 auto 60px;
	}
	section.partners div.box {
	display: flex;
	}
	section.partners div.box div.text {
	flex: 1;
	}
	section.partners div.box div.text:first-child {
	margin-bottom: 0px;
	}
	/* ACCESS */
	section.access h2 img {
	margin: 0 auto 60px;
	}
}

@media(min-width:1000px){
	footer div.ftrArea {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	}
	footer nav ul {
	display: flex;
	}
	footer nav a {
	background: #224264;
	}

}

/* 小さい画面用の設定 */
@media (max-width: 699px) {
	img.pc {
	display: none;
	}
	img.sp {
	display: block;
	}
	/* ナビゲーション */
	header nav {
	display: none;
	}
}