@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

a:hover {
	opacity: 0.8;
}

body {
	font-family: "Zen Kaku Gothic New", sans-serif;
	overflow-x:hidden;
}

#privacy {
	transition: all 0.3s;
	position: fixed;
	right: 0;
	bottom: 13px;
	z-index: 1;
}

#privacy img {
	margin: 0 0 0 auto;
	display: flex;
}

#privacy a {
	width: 130px;
	display: flex;
	color: #fff;
	align-items: center;
	padding: 15px;
	background: #00153e;
	opacity: 0;
}

#privacy:hover {
	bottom: 63px;
}

#privacy a:hover {
	opacity: 1;

}

#page_top {
	transition: all 1s;
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 2;
}

/*----------nav----------*/
nav {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	position: fixed;
	justify-content: space-between;
	top: 0;
	left: 0;
	background-color: #fff;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.logo_img1 {
	padding: 0 20px;
}

nav ul {
	display: flex;
	list-style: none;
	/*margin-right: 20px;*/
	padding: 0px;
	align-items: center;
}


@media screen and (max-width: 800px) {
	nav ul {
		position: absolute;
		top: 63px;
		width: 100%;
		height: 250px;
		background: #fff;
		flex-direction: column;
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
		display: none;
	}

	nav ul li a {
		display: block;
		text-align: center;
		height: 50px;
		line-height: 50px;
	}
}

nav ul li {
	/*padding: 0 15px;*/
	width: 120px;
	text-align: center;
}

nav ul li a {
	text-decoration: none;
	color: #000;
}

nav ul li img {
	width: 30px;
	margin: 6px 0 0 0;
}

#navbtn {
	width: 40px;
	height: 40px;
	position: absolute;
	right: -50px;
	top: 50%;
}


@media screen and (max-width: 800px) {
	#navbtn {
		right: 15px;
	}
}

#navbtn span {
	width: 30px;
	height: 4px;
	background: #00153e;
	position: absolute;
	border-radius: 2px;
}

#navbtn span:nth-child(1) {
	transition: all 0.2s;
	right: 20px;
	top: -8px;
}

#navbtn span:nth-child(2) {
	right: 20px;
	top: 0;
}

#navbtn span:nth-child(3) {
	transition: all 0.2s;
	right: 20px;
	top: 8px;
}

.open span:nth-child(1) {
	transform: translateY(8px)rotate(45deg);
}

.open span:nth-child(3) {
	transform: translateY(-8px)rotate(-45deg);
}

.open span:nth-child(2) {
	top: 0;
	opacity: 0;
}

/*----------header----------*/
header {
	width: 100%;
	margin-top: 80px;
	padding: 0;
	position: relative;
	overflow: hidden;
}

header img {
	width: 100%;
	margin: 0;
	padding: 0;
}

@media screen and (max-width:768px) {
	header img {
		height: 30vh;
		object-fit: cover;
	}
}

header ul {
	padding: 0;
	margin-top: 0;
}

.img_slide {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.img_slide img {
	object-fit: cover;
	width: 100%;
	vertical-align: top;
}

/*----------baner----------*/
#banner {
	margin: 50px auto;
	display: flex;
	justify-content: space-around;
}

/*
#banner ul{
	padding:0;
	display: flex;
	justify-content: center;
	list-style:none;
}
#banner ul li{
	padding:0 10px;
}
#banner ul li img{
	object-fit:contain;
}
@media screen and (max-width:1000px){
	#banner ul{
	flex-direction:column;
	text-align:center;
	}
}
@media screen and (max-width:450px){
	#banner ul li img{
	width:100%;
	height:auto;
	}
	#banner ul li{
	padding:0;
	}
}
*/
/*----------body(slideから下)----------*/
#all {
	/*max-width:1200px;
	width:1500px;
	margin:0 auto;*/
}

.sec {
	width: 1200px;
	margin: 0 auto;
}

.flexbox {
	display: flex;
}

/*----------news----------*/
#news {
	/*padding-bottom:110px;*/
	padding:50px 0 110px 0;
}

#news h2 {
	font-size: 32px;
	font-weight: bold;
	color: #004d9f;
	border-bottom: dotted 2px #00153e
}

#news a {
	text-decoration: none;
	color: #000;
}

#topic {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.news1 {
	/*margin:5px;*/
	margin: 50px 5px 25px;
	padding: 0 10px;
	border: 1px solid #000;
}

.news1 a {
	text-decoration: none;
	color: #000;
}

.news1 img {
	width: 340px;
	/*height:280px;*/
	object-fit: cover;
	aspect-ratio: 16/9;
}

.news2 {
	padding: 0 10px;
}

.news3 {
	text-align: right;
}

/*----------schedule----------*/
#schedule {
	padding-bottom: 110px;
}

#schedule h2 {
	font-size: 32px;
	font-weight: bold;
	color: #004d9f;
	border-bottom: dotted 2px #00153e;
	margin-bottom: 50px;
}

.schedule {
	display: block;
	text-align: center;
}

#schedule iframe {
	max-width: 100%;
	max-height: 100%;
}

/*
@media screen and (max-width:500px) {
	#schedule iframe {}
}
*/
/*----------contents----------*/
#contents {
	/*display:flex;
	margin:0;
	padding:0;*/
	background-color: #00153e;
	margin-bottom: 60px;
}

.contents-img {
	/*padding:20px;*/
	margin: 50px auto;
	background-color: #00153e
}

#contents img {
	width: 500px;
	height: 550px;
	object-fit: cover;
}

#contents h2 {
	text-align: center;
	font-size: 24px;
}

.contents1 {
	width: 500px;
	margin: 50px auto;
	padding: 16px;
	line-height: 2;
	background-color: #fff;
}

.contents1-inner {
	padding-top: 10px;
	text-align: center;
}

.contents1 h4 {
	padding-top: 16px;
	font-weight: bold;
	color: #004d9f;
	border-bottom: dotted 2px #00153e
}

.contents1 span {
	font-size: 26px;
}

.contents-btn {
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	color: #fff;
	background-color: #00153e;
}

/*
@media screen and (max-width:970px) {
	#contents {
		flex-direction: column;
	}

	.contents-img {
		background: none;
		text-align: center;
		order: 2;
	}

	.contents1 {
		width: 90%;
		order: 1;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:550px) {
	#contents img {
		width: 360px;
		height: 390px;
	}

	.contents-img {
		padding: 0;
		margin-bottom: 30px;
	}

	.contents-btn {
		width: 90%;
	}
}
*/
/*----------course----------*/
#course {
	padding: 50px 0;
	background-color: #00153e;
}

#course ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	list-style: none;
	flex-wrap: wrap;
}

#course ul li {
	color: #fff;
	margin: 0 10px;
	width: 360px;
	height: auto;
	line-height: 1.8;
}

#course ul li a {
	color: #fff;
}

#course img {
	width: 360px;
	height: 200px;
	object-fit: cover;
}

#course a {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	display: inline-block;
	margin-top: 16px;
}

/*
@media screen and (max-width:970px) {
	#course ul li {
		margin-bottom: 20px;
		width: 99%;
	}

	#course img {
		width: 99%;
		height: auto;
	}
}
*/
/*----------access----------*/
#access {
	padding-bottom: 110px;
}

#access h2 {
	font-size: 32px;
	font-weight: bold;
	color: #004d9f;
	border-bottom: dotted 2px #00153e;
	margin-bottom: 16px;
}

#access p {
	line-height: 1.8;
	margin-bottom: 16px;
}

.accessimg {
	display: block;
	text-align: center;
}

#access iframe {
	max-width: 800px;
}

/*----------footer----------*/
footer {
	background: #e1e1e1;
	padding-top: 30px;
}

.footer1 {
	/*width: 100%;*/
	width: 1500px;
	margin: 0 auto;
	padding: 0;
	/*display: flex;
	justify-content: center;*/
}

.footer1_area {
	display: flex;
	justify-content: center;
}

/*
@media screen and (max-width: 500px) {
	.footer1{
	text-align:center;
	flex-direction:column;
	}
}
*/
.logo_img2 {
	margin: 20px;
	padding: 0;
}

.address {
	margin: 20px;
	padding: 0;
}

footer ul {
	display: flex;
	list-style: none;
	margin: 20px;
	padding: 0;
}

/*
@media screen and (max-width:1000px) {
	footer ul {
		flex-direction: column;
	}
}
*/
footer ul li {
	margin: 0 15px;
	padding: 0;
}

footer ul li a {
	text-decoration: none;
	color: #000;
}

footer ul li img {
	width: 30px;
}

/*
@media screen and (max-width: 1000px){
	footer ul li img{
	margin-top:10px;
	}
}
*/
.copy {
	text-align: center;
}

/*レスポンシブ大島*/
@media screen and (max-width:768px) {

	.sec {
		width: 100%;
	}

	nav ul li {
		width: 100%;
	}

	/*バナーエリア*/
	#banner {
		flex-direction: column;
		text-align: center;
	}

	#banner img {
		width: 80%;
	}

	/*news*/
	#news {
		padding: 0 0 110px;
	}

	#news h2 {
		font-size: 24px;
	}

	.news1 {
		margin: 25px 5px;
	}

	.news1 img {
		width: 100%;
		object-fit: contain;
	}

	/*スケジュール*/
	#schedule {
		padding: 0 0 110px;
	}

	#schedule h2 {
		font-size: 24px;
	}

	.schedule iframe {
		width: 100%;
	}

	/*CONTENTS*/
	#contents .flexbox {
		flex-direction: column;
	}

	.contents-img {
		height: 150px;
		width: 100%;
		text-align: center;
	}

	#contents img {
		width: 100%;
	}

	.contents1 {
		width: 80%;
	}

	#course img {
		width: 100%;
		height: 200px;
		aspect-ratio: 16/9;
	}

	#course ul li {
		width: 100%;
		margin: 0 50px 50px;

	}

	/*アクセス*/
	#access {
		padding: 0 0 110px;
	}

	#access h2 {
		font-size: 24px;
	}

	.footer1 {
		width: 100%;
	}

	.footer1_area {
		flex-direction: column;
		align-items: center;
	}

	footer ul {
		flex-direction: column;
		text-align: center;
		line-height: 2.5;
	}

	.address {
		margin: 0 auto;
		padding: 0;
		text-align: center;
		line-height: 1.5;
	}
}

@media screen and (max-width:768px) {
	.sec {
		width: 90%;
	}
}