@charset "utf-8";

* {
	box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
	color: #6a5852;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

b,strong {
  font-weight: bold;
}

img {
  font-size: 0;
  vertical-align: middle;
	border: 0;
}

ol,ul,li {
  list-style: none;
}

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

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

p {
	padding-bottom: 15px;
}

.container {
	width: 100%;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.section {
	padding-bottom: 80px;
}

header {
	border-top: 3px solid #aa050e;
}

.header-left {
	text-align: center;
	padding: 3%;
}

.header-left .logo img{
	width: 60%;
}

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

.header-right a {
	text-decoration: none;
	color: #6a5852;
}

.site-description h1 {
	text-align: center;
	font-size: 12px;
	color: #6a5852;
}

.top-section img {
	max-width: 100%;
}

.top-section .section-title {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 50px;
}

.top-section .section-title span{
	display: block;
	text-align: center;
	padding-bottom: 1%;
}

.top-section .section-title h3{
	font-size: 24px;
	letter-spacing: 3px;
}

.under-page .page-title {
	text-align: center;
	padding-top: 38px;
	padding-bottom: 10px;
	margin-bottom: 50px;
	border-bottom: 3px solid #aa050e;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.under-page .page-title span{
	display: block;
	text-align: center;
	padding-bottom: 1%;
}

.under-page .page-title h2{
	font-size: 24px;
	letter-spacing: 3px;
}

.content-box-wrapper .img-box {
	padding-bottom: 15px;
}

.content-box-wrapper .text-box {
	line-height: 1.8;
}

footer {
	background: #023403;
}

.copyright {
	color: #fff;
	text-align: center;
	font-size: 13px;
	padding-top : 15px;
	padding-bottom : 15px;
}

.gnav {
	/*background: #aa050e;*/
	background:linear-gradient(180deg, #9c040c 0%,#6f0606 100%);
}

.gnav ul {
	display: flex;
	flex-wrap: wrap;
	width: 960px;
	margin: 0 auto;
}

.gnav ul li {
	width: 16%;
padding: 1% 0;
text-align: center;
}

.gnav ul li a {
	display: inline-block;
	width: 100%;
	height: auto;
	color: #fff;
	text-decoration: none;
}

.top-section.column01 {
	background: #f8fbf1;
}

.section .article {
	padding-bottom: 20px;
}

.text-list01 {
	padding: 3%;
	background: #f8fbf1;
	border-radius: 4px;
	border: 1px solid #9dc742;
	margin-top: 15px;
	margin-bottom: 40px;
}

.text-list01 li{
	padding-bottom: 2%;
	font-weight: bold;
}

.voice-section .voice-box-wrapper p{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

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

.under-page .section h3 {
	text-align: center;
	background: #aa050e;
	color: #fff;
	padding: 1% 2%;
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.under-page .section h4,
.faq-section dl dt {
	border-left: 4px solid #aa050e;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
}

.under-page .section h4 {
	font-size: 18px;
    padding-left: 2%;
    padding-right: 2%;
}

.under-page .section h5 {
	font-size: 14px;
	margin-bottom: 5px;
	letter-spacing: 3px;
}

.faq-section dl dd {
	padding-left: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.main-image-area img {
	max-width: 100%;
}

.page-description {
	margin-bottom: 60px;
	font-weight: bold;
}

.notice-box {
	font-weight: bold;
	color: #ee0000;
}

@media(min-width: 1201px){
	.main-image-area {
		width: 1200px;
}
}

@media(min-width: 1001px){
	.container {
		width: 960px;
	}

	.under-page .container {
		width: 800px;
	}

	.under-page .page-title {
		width: 960px;
		padding-top: 80px;
		margin-bottom: 50px;
}

.under-page .page-title h2{
	font-size: 32px;
}


.header-left .logo img {
	width: 320px;
}

	.main-image-area {
		margin-left: auto;
		margin-right: auto;
	}
	header .inner {
		width: 960px;
		margin: 0 auto;
	}


}

@media(max-width: 1000px) {
	.gnav ul{
		width: 100%;
	}
	.main-image-area {
		width: 100%;
}

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

@media(min-width: 671px) {
	.sp-only{
		display: none;
	}

	.content-box-wrapper {
		display: flex;
	}
	.content-box-wrapper .img-box{
		width: 50%;
		margin: 0 1%;
	}
	.content-box-wrapper .text-box{
		width: 50%;
		margin: 0 1%;
		line-height: 1.8;
	}

	.top-section.column02 .content-box-wrapper{
		flex-flow: row-reverse;
	}

	.top-section .section-title h3{
		font-size: 32px;
		letter-spacing: 3px;
	}
	.gnav ul li {
	border-right: 1px solid rgba(255,255,255,0.5);
	}

	.gnav ul li:first-child {
	border-left: 1px solid rgba(255,255,255,0.5);
	}

	.header-content {
		display: flex;
		justify-content:space-between;
	}

	.header-right {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 10px;
		padding-right: 10px;
	}


	.header-left {
		padding: 10px;
	}

	.header-left .logo img {
		width: 270px;
	}

	.article {
		display: flex;
		flex-wrap: wrap;
	}

	.article .left-box {
		width: 30%;
	}

	.article .left-box img{
		width: 100%;
	}

	.article .right-box {
		width: 70%;
		padding-left: 3%;
	}
    
    .under-page .section p {
        font-size: 14px;
        line-height: 1.8;
    }

    .under-page .section h5 {
        font-size: 16px;
    }

}

@media(max-width: 670px) {
	.pc-only{
		display: none;
	}
	.header-right {
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #F6E5E6;
		text-align: center;
		padding: 5%;
		color: #6a5852;
		font-weight: bold;
	}

	.gnav ul {
		width: 100%;
	}

	.gnav ul li {
		width: 50%;
	padding: 1.5% 0;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
	}

	.gnav ul li {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	}

	.gnav ul li:nth-child(n+1){
		border-right: 1px solid rgba(255,255,255,0.5);
	}

	.section {
		padding-bottom: 30px;
		font-size: 14px;
	}

	.under-page .page-title {
		margin-bottom: 20px;
	}

	.page-description {
		margin-bottom: 20px;
	}

	.under-page .section h3 {
		padding: 3% 2%;
		font-size: 16px;
		letter-spacing: 1px;
	}

	.under-page .section h4 {
		font-size: 16px;
	}

	.top-section .section-title {
		padding-top: 38px;
		padding-bottom: 15px;
	}

	.contents {
		padding-bottom: 80px;
	}

	.section .article img {
		width: 100%;
	}

	.student-image img {
		max-width: 100%;
	}

	.image-box img{
		max-width: 100%;
	}

	.staff-section .article  {
		display: flex;
		flex-wrap: wrap;
	}

	.staff-section .article .left-box {
		width: 50%;
	}

	.staff-section .article .right-box {
		width: 50%;
		padding-left: 3%;
		font-size: 13px;
	}


}