@charset "utf-8";


section#image {
	padding: 0;
	position: relative;
}

/*++++++++++++++
ナビ
++++++++++++++*/
section.common_nav {
	background: rgba(188, 181,67,0.95);
	padding: 50px;
	margin: -5% auto 0;
	position: relative;
	max-width: 1200px;
	box-sizing: border-box;
}

section.common_nav h5 {
	font-size: 0.9em;
}

section.common_nav:before {
}

section.common_nav ul {overflow: hidden;margin: 50px 0 0 0;}

section.common_nav li {
	width: 19.9%;
	margin: 0;
	float: left;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	border: 2px solid #fff;
	border-right: none;
}

section.common_nav li:last-child {border-right: 2px solid #fff;}


section.common_nav li a {
	display:block;
	border: none;
	background: none;
	padding: 20px 10px;
	box-shadow: none;
	font-size: inherit;
}

section.common_nav li a:hover {
	background:#06507b;
}

section.common_nav li img {
	width: 100%;
}

section.common_nav li dl {
	position: relative;
	bottom: 0;
}

section.common_nav li dt{
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	display: inline-block;
	letter-spacing: 1px;
}

.kamoku_ttl {
    text-align: center;
    font-size: 5.5em;
    color: #fff;
    font-weight: bold;
    letter-spacing: 5px;
    margin: 0 0 20px 0;
}

.kamoku_ttl > ruby > rt {
	font-size: 0.3em;
}

/*sectionタイトル*/
.title {
	text-align: center;
	padding: 30px 0;
	position: relative;
}

.title p {
	font-size: 3em;
	font-weight: bold;
	color: #333;
	
letter-spacing: 2px;
}

.title span {
	color: #BCB543;
	position: relative;
	font-weight: bold;
	display: block;
}

.title span:before{
	content:"";
}

.title span:after{
	content:"";
}

/*++++++++++++++
カリキュラム
++++++++++++++*/
article#curriculum {
	padding:50px 0 0;
}

article#curriculum ul:after {
}

article#curriculum ul:last-child {
	border: none;
	margin: auto;
}

article#curriculum ul:last-child:after {
	display: none;
}

article#curriculum li {
	overflow: hidden;
	margin: 0 3% 0 0;
	width: 31%;
	display: inline-block;
	vertical-align: top;
}

article#curriculum li:nth-child(3n) {
	margin: 0;
}

article#curriculum li figure {
	width: 100%;
	border: 3px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}

article#curriculum li figure img {
	width:100%;
}

article#curriculum li dl {
	width: auto;
	float: none;
	padding: 20px 0;
}


article#curriculum li dt {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: center;
}

article#curriculum li dd {
	font-size: 0.9em;
	line-height: 2;
	letter-spacing: 1px;
}



/*++++++++++++++
メリット
++++++++++++++*/
article#merit {
	clear: both;
	overflow: hidden;
	box-shadow: 0 0 1px rgba(0,0,0,0.1);
	padding: 50px 50px 30px;
	background: #fff;
	border: 1px solid #eee;
	margin: 60px 0 0 0;
}

article#merit h2{
	text-align: left;
	padding: 0;
}

article#merit ul {
	margin: 30px 0 0;
}

article#merit li {
	
}

article#merit li dl {
	border-top: 1px dashed #ccc;
	padding: 30px 0;
}

article#merit  li dt {
	width: 20px;
	height: 20px;
	padding: 20px;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}

article#merit li dt span{
	font-family: 'Poppins', sans-serif;
	font-size: 1.6em;
	line-height: 0.8;
	font-weight: bold;
}

article#merit li dd {
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	width: 85%;
	letter-spacing: 1px;
	padding: 0 0 0 30px;
	line-height: 2;
}

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

/*++++++++++++++
ナビ
++++++++++++++*/
section.common_nav {
	max-width: 95%;
	padding: 20px 0;
}

section.common_nav h5 {
}

section.common_nav ul {overflow: hidden;margin: 50px 0 0 0;}

section.common_nav li dl {
	position: relative;
	bottom: 0;
}

section.common_nav li dt{
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	display: inline-block;
	letter-spacing: 1px;
}

.kamoku_ttl {
    font-size: 4em;
}

/*++++++++++++++
カリキュラム
++++++++++++++*/
article#curriculum {
	padding:50px 0 0;
}


article#curriculum li {
	margin: 0 2.5% 0 0;
}

article#curriculum li dd {
	font-size: 0.8em;
	letter-spacing: 1px;
}



/*++++++++++++++
メリット
++++++++++++++*/
article#merit {
	margin: 30px 0 0 0;
	padding: 40px 50px 30px;
}

article#merit h2{
}

}

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

/*++++++++++++++
ナビ
++++++++++++++*/

section.common_nav li dl {
	position: relative;
	bottom: 0;
}

section.common_nav li dt{
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	display: inline-block;
	letter-spacing: 1px;
}

.kamoku_ttl {font-size: 3.5em;}

/*sectionタイトル*/
.title {
}

.title p {
}

/*++++++++++++++
カリキュラム
++++++++++++++*/
article#curriculum {
	padding:50px 0 0;
}

article#curriculum li dt {font-size: 1.1em;}


/*++++++++++++++
メリット
++++++++++++++*/

article#merit h2{margin: 0 0 30px;font-size: 2em;}

article#merit ul {margin: 0;}


article#merit li dl {
}

article#merit  li dt {
	width: 15px;
	height: 15px;
	padding: 15px;
}

article#merit li dt span{
	font-size: 1.4em;
}

article#merit li dd {
	font-size: 0.9em;
	padding: 0 0 0 10px;
}
}

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

section#image {
	padding: 50px 0 0;
}

/*++++++++++++++
ナビ
++++++++++++++*/

.kamoku_ttl {font-size: 2em;margin: 0 0 10px;}

/*sectionタイトル*/
.title p {
	font-size: 2em;
}


/*++++++++++++++
カリキュラム
++++++++++++++*/
article#curriculum {
	padding: 0;
}


article#curriculum li figure img {
	width:100%;
}

article#curriculum li dt {font-size: 1em;}
	}

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

/*++++++++++++++
ナビ
++++++++++++++*/

section.common_nav h5 {font-size: 0.75em;line-height: 2;}


section.common_nav ul {overflow: hidden;margin: 50px 0 0 0;}

section.common_nav li:last-child {border-right: 2px solid #fff;}

section.common_nav li dl {
	position: relative;
	bottom: 0;
}

section.common_nav li dt{
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	display: inline-block;
	letter-spacing: 1px;
}

/*++++++++++++++
カリキュラム
++++++++++++++*/

article#curriculum li {
	margin: 0 0 3%;
	width: 100%;
	display: block;
}

article#curriculum li figure img {
	width:100%;
}

article#curriculum li dt {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: center;
}

article#curriculum li dd {text-align: center;}



/*++++++++++++++
メリット
++++++++++++++*/
article#merit {
	padding: 30px 20px 30px;
}

article#merit h2{font-size: 1.5em;}

article#merit ul {
	margin: 30px 0 0;
}

article#merit  li dt {vertical-align: top;}


article#merit li dd {
	width: 78%;
	padding: 0 0 0 20px;
}

}