@charset "utf-8";
/* CSS Document */

/* ------------------------

pageCommon

------------------------- */
main h3{
	font-size:1.1em;
	color:#fff;
	background-color:#60c2d7;
	padding:5px 10px;
	margin:0 0 20px;
	border-radius: 5px;
}
main h3 span{
	font-size:0.8em;
	font-weight:normal;
}
/* PC */
@media print, screen and (min-width: 769px) {
main h3{
	
}
main h3 span{
	padding-left:10px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
main h3{
	
}
main h3 span{
	display:block;
	padding-top:3px;
}
}

/* ------------------------

01 aboutArea

------------------------- */
/* PC */
@media print, screen and (min-width: 769px) {
.aboutArea p{
	margin:0 0 20px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.aboutArea p{
	margin:0 0 15px;
}
}


/* ------------------------

02 cyoshoArea

------------------------- */
.movieArea ul{
	color:#377ac4;
	border:1px solid #377ac4;
	padding:15px 20px;
	margin:0;
}
.movieArea ul li{
	list-style:none;
	font-weight:bold;
	margin:7px 0;
}
/* PC */
@media print, screen and (min-width: 769px) {
.movieArea{
	height:auto;
}
.movieArea ul{
	width:300px;
	float:left;
}
.movieArea .videoFrame{
	width:310px;
	float:right;
}
.movieArea h5{
	font-weight:normal;
	margin:0;
	margin-bottom:6px;
	font-size:0.9em;
	text-align:center;
}
.movieArea video{
	width:900px;
}
.movieArea .videoFrame:nth-last-child(1){
	margin-right:15px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.movieArea ul{
	margin:0 0 15px;
}
.movieArea .videoFrame{
	width:100%;
	margin:0 0 10px;
}
.movieArea .videoFrame h5{
	text-align:center;
	padding:0 0 5px;
	font-size:1.1em;
}
.movieArea video{
	width:100%;
}
}


/* ------------------------

03 seihouArea

------------------------- */
.seihouArea div{
	height:auto;
}
.seihouArea div ul{
	padding:0;
	margin:0;
	list-style:none;
}
/* PC */
@media print, screen and (min-width: 769px) {
.seihouArea div p{
	width:500px;
	float:left;
	line-height:170%;
}
.seihouArea div ul li{
	width:210px;
	float:left;
	margin:0 0 0 20px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.seihouArea div p{
	margin:0 0 15px;
}
.seihouArea div ul{
	height:auto;
}
.seihouArea div ul li{
	width:48%;
	float:left;
}
.seihouArea div ul li:nth-child(2){
	margin-left:4%;
}
}


/* ------------------------

04 historyArea

------------------------- */
.historyArea div{
	height:auto;
}
.historyArea div img{
	float:left;
}
.historyArea div p a{
	background-color:#337ab7;
	text-align:center;
	color:#fff;
}
.historyArea div p a:hover{
	text-decoration:none;
	background-color:#3e87c6;
}
/* PC */
@media print, screen and (min-width: 769px) {
.historyArea div img{
	width:213px;
}
.historyArea div p{
	width:717px;
	float:right;
	line-height:170%;
}
.historyArea div p a{
	display:block;
	width:400px;
	padding:7px;
	border-radius: 5px;
	margin-top:20px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.historyArea div img{
	width:35%;
	margin:0 15px 5px 0;
}
.historyArea div p a{
	display:block;
	padding:15px;
	border-radius:10px;
	margin-top:13px;
}
}


/* ------------------------

05 katachiArea

------------------------- */
.katachiArea p{
	margin:0 0 15px;
}
.katachiArea ul,
.katachiArea ol{
	margin:0 0 20px;
	padding:0;
	list-style:none;
}
.katachiArea ul{
	height:auto;
}
.katachiArea ul li{
	float:left;
}
/* PC */
@media print, screen and (min-width: 769px) {
.katachiArea ul li{
	width:160px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.katachiArea ul li{
	width:32%;
	margin-bottom:7px;
}
.katachiArea ul li:nth-of-type(3n+2){
	margin-left:2%;
	margin-right:2%;
}
}