@charset "utf-8";

#contents {
	width:100%;
	margin:0;
	padding:0;
	margin-top:96px;
}

#contents h2 {}

#contents h2 p {
	width:1100px;
	margin:0 auto;
	font-size:36px;
	color:#FFFFFF;
	line-height:310px;
	font-weight:normal;
}

#contents h3 {
	margin:0;
	padding:0;
	font-family: "Nirmala UI", "Meiryo UI", "Segoe UI", "Ebrima", "Gadugi", "Segoe UI Symbol", "Khmer UI", /* etc.*/ ;
	text-align:center;
	color:#5F8C8C;
	font-size:32px;
	font-weight:normal;
	margin-bottom:30px;
}

#contents h3 span {
	font-size:14px;
	display:block;
	color:#333333;
	padding-top:15px;
}

#contents .lead {
	text-align:center;
	line-height:180%;
	margin-bottom:40px;
}

#contents .fee {
	border:#5F8C8C 1px solid;
	background:#F8F8F8;
	padding:30px;
	margin-top:40px;
}

#contents .fee dl {
	margin:0;
	padding:0;
}

#contents .fee dt {
	margin:0;
	padding:0;
	width:90px;
	float:left;
}

#contents .fee dd {
	margin:0;
	padding:0 0 0 120px;
}

#contents .fee dd strong {
	font-size:20px;
	color:#5F8C8C;
}

#contents .fee dd p {
	margin-top:15px;
}



#contents #block01 {
	width:1100px;
	margin:60px auto 0;	
}

#contents .sample ul{
	margin:0;
	padding:0;
	list-style:none;
}

#contents .sample li{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:15px;
	text-align:center;
}

.youtube {
  position: relative;
  width: 100%;
  height:0px;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#contents .sample li:nth-child(3n) {
	margin-right:0;
}

#contents .sample p {
	margin-top:5px;
}

#contents #block02 {
	width:100%;
	margin:60px auto 0;
	background-color:#F8F8F8;
}

#contents #block02 .inbox {
	width:1100px;
	margin:0 auto;
	padding:60px 0;
}

#contents h4 {
	margin: 0;
	padding: 0;
	color: #5F8C8C;
	font-size: 20px;
	border-bottom: solid 2px #5F8C8C;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 40px;
}

#contents h4 span {
	font-size: 15px;
	font-weight:normal;
	color: #333333;
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

#contents {
	width:100%;
	margin:0;
	padding:0;
	margin-top:96px;
}

#contents h2 {}

#contents h2 p {
	width:92%;
	margin:0 auto;
	font-size:32px;
	color:#FFFFFF;
	line-height:200px;
	font-weight:normal;
}

#contents h3 {
	margin:0;
	padding:0;
	font-family: "Nirmala UI", "Meiryo UI", "Segoe UI", "Ebrima", "Gadugi", "Segoe UI Symbol", "Khmer UI", /* etc.*/ ;
	text-align:center;
	color:#5F8C8C;
	font-size:30px;
	font-weight:normal;
	margin-bottom:30px;
}

#contents h3 span {
	font-size:14px;
	display:block;
	color:#333333;
	padding-top:15px;
}

#contents .lead {
	text-align:center;
	line-height:180%;
	margin-bottom:40px;
}

#contents .fee {
	border:#5F8C8C 1px solid;
	background:#F8F8F8;
	padding:30px;
	margin-top:40px;
}

#contents .fee dl {
	margin:0;
	padding:0;
}

#contents .fee dt {
	margin:0;
	padding:0;
	width:90px;
	float:left;
}

#contents .fee dd {
	margin:0;
	padding:0 0 0 120px;
}

#contents .fee dd strong {
	font-size:20px;
	color:#5F8C8C;
}

#contents .fee dd p {
	margin-top:15px;
}



#contents #block01 {
	width:92%;
	margin:60px auto 0;	
}

#contents .sample ul{
	margin:0;
	padding:0;
	list-style:none;
}

#contents .sample li{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:15px;
	text-align:center;
}

#contents .sample li img {
	width:100%;
	height:auto;
}

.youtube {
  position: relative;
  width: 100%;
  height:0px;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#contents .sample li:nth-child(3n) {
	margin-right:0;
}

#contents .sample p {
	margin-top:5px;
}

#contents #block02 {
	width:100%;
	margin:60px auto 0;
	background-color:#F8F8F8;
}

#contents #block02 .inbox {
	width:92%;
	margin:0 auto;
	padding:60px 0;
}

#contents h4 {
	margin: 0;
	padding: 0;
	color: #5F8C8C;
	font-size: 20px;
	border-bottom: solid 2px #5F8C8C;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 40px;
}

#contents h4 span {
	font-size: 15px;
	font-weight:normal;
	color: #333333;
}

}

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

#contents h2 p {
	width:92%;
	margin:0 auto;
	font-size:32px;
	color:#FFFFFF;
	line-height:180px;
	font-weight:normal;
}


#contents h3 {
	margin:0;
	padding:0;
	font-family: "Nirmala UI", "Meiryo UI", "Segoe UI", "Ebrima", "Gadugi", "Segoe UI Symbol", "Khmer UI", /* etc.*/ ;
	text-align:center;
	color:#5F8C8C;
	font-size:28px;
	font-weight:normal;
	margin-bottom:20px;
}

#contents .lead {
	text-align:left;
	line-height:180%;
	margin-bottom:40px;
}	


#contents .sample li{
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:15px;
	text-align:center;
}

#contents .sample li:nth-child(3n) {
	margin-right:2%;
}

#contents .sample li:nth-child(2n) {
	margin-right:0%;
}

}