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

/* ブログコンテンツ */

#contents01{
	width:100%;
	margin:0 0 50px 0;
	}

#contents01 h2{
	font-size:2.0rem;
	}

#contents01 p{
	margin:0 0 10px 0;
	font-size:1.6rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	}

#contents01 p a{
	color:#434343;
	}

#contents01 .photo{
	width: 80%;
	margin:50px 10%;
	}

#contents01 .photo img{
	width: 100%;
	height: auto;
	}

#contents01 .photo03 img{
	width: 40%;
	height: auto;
	margin: 30px 30%;
	}
	
#contents01 .movie-wrap{
	margin: 40px 0 100px 0;
	text-align: center;
	}

#contents01 .photo02{
	margin: 0 0 40px 0;
	}

#contents01 .photo02 li{
	width: 22%;
	margin: 0 4% 0 0;
	float: left;	
	}

#contents01 .photo02 li:last-child{
	margin: 0;
	}

#contents01 .photo02 li img{
	width: 100%;
	height: auto;
	}

#contents01 p.date{
	margin: 50px 0 0 0;
	}

#contents01 .images{
	margin: 30px 0 0 0;
	}

#contents01 .images li{
	width: 30%;
	margin: 0 5% 5% 0;
	float: left;
	}

#contents01 .images li:nth-child( 3n ){
	margin: 0 0 5% 0;
	}

#contents01 .images li img{
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	}

#contents01 .title_text01{
	padding: 0 0 0 15px;
	border-left: #203669 solid 8px;
	font-size: 1.8rem;
	color: #203669;
	font-weight: bold;
	}

#contents01 table {
	width:90%;
	margin:5%;
	border-spacing: 0;
	border-top:1px solid #B5B5B5;
	border-left:1px solid #B5B5B5;
	border-right:1px solid #B5B5B5;
	}

#contents01 table th {
	width:20%;
	padding:15px;
	font-size:1.5rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	font-weight: normal;
	border-right:1px solid #B5B5B5;
	border-bottom:1px solid #B5B5B5;
	background: #E5E5E5;
	}

#contents01 table td {
	padding:15px;
	font-size:1.5rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	border-bottom:1px solid #B5B5B5;
	}

#contents01 .contact{
	width: 200px;
	margin: 0 auto;
	text-align: center;
	}

#contents01 .foot_contact{
	width:200px;
	margin:20px auto 80px auto;
	padding:13px 0;
	background: #2A4073;
	border-bottom: solid 4px #203669;
	border-radius: 3px;
	font-size:1.3em;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;
	display: inline-block;
	}

#contents01 .foot_contact:active {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	border-bottom: none;
	}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:494px) {
	/* 表示領域が767px未満の場合に適用するスタイル */
	#contents01 .images ul{
	width: 90%;
	margin: 0 5%;
	}
	#contents01 .images li{
	width: 100%;
	margin: 0 0 15% 0;
	float: none;
	}
}


/* -------------------------------------------------- タブレット */
@media screen and (min-width:450px) and (max-width:750px) {
	/* 表示領域が450px以上750px以下の場合に適用するスタイル */
	#contents01 table th {
	font-size:1.4rem;
	}
	#contents01 table td {
	font-size:1.4rem;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:450px) {
	/* 表示領域が450px未満の場合に適用するスタイル */
	#contents01 table th {
	width:100%;
	border-right:none;
	font-size:1.4rem;
	display: block;
	}
	#contents01 table td {
	width:100%;
	font-size:1.4rem;
	display: block;
	}
}



/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:860px) {
	/* 表示領域が860px未満の場合に適用するスタイル */
	#contents01 .movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	}
	#contents01 .movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	}
}


/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:750px) {
	/* 表示領域が750px未満の場合に適用するスタイル */
	#contents01 p{
	font-size:1.5rem;
	}
	#contents01 .photo{
	width: 100%;
	margin:50px 0;
	}
	#contents01 .photo03 img{
	width: 80%;
	margin:50px 10%;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:450px) {
	/* 表示領域が450px未満の場合に適用するスタイル */
	#contents01 .photo02 li{
	width: 48%;
	margin: 0 4% 4% 0;
	float: left;	
	}
	#contents01 .photo02 li:nth-child(2){
	margin: 0;
	}
	#contents01 .photo02 li:last-child{
	margin: 0;
	}
	
}



/* 　ブログ一覧ページ */

#contents02{
	min-height: 800px;
	}

#contents02 span.title{
	position: relative;
	line-height: 1.4;
	padding:5px 15px 3px 15px;
	margin:0 0 10px 0;
	background:none;
	display: inline-block;
	color:#2A4073;
	font-weight: bold;
	top:0;
	}

#contents02 span.title:before, #contents02 span.title:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
	}

#contents02 span.title:before {
	border-left: solid 1px #2A4073;
	border-top: solid 1px #2A4073;
	border-bottom: solid 1px #2A4073;
	left: 0;
	}

#contents02 span.title:after {
	content: '';
	border-top: solid 1px #2A4073;
	border-right: solid 1px #2A4073;
	border-bottom: solid 1px #2A4073;
	right: 0;
	}

#contents02 p{
	margin:0 0 20px 0;
	font-size:1.6rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	}

#contents02 .blog_contents{
	width: 80%;
	margin: 0 10%;
	}

#contents02 .blog_contents li{
	width: 30%;
	margin: 0 5% 5% 0;
	float: left;
	}

#contents02 .blog_contents li:nth-child( 3n ){
	margin: 0 0 5% 0;
	}

/* -------------------------------------------------- タブレット */
@media screen and (min-width:450px) and (max-width:750px) {
	/* 表示領域が450px以上750px以下の場合に適用するスタイル */
	#contents02 .blog_contents{
	width: 100%;
	margin: 0;
	}
	#contents02 .blog_contents li{
	width: 48%;
	margin: 0 4% 4% 0;
	float: left;
	}
	#contents02 .blog_contents li:nth-child( 1 ){
	margin: 0 4% 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 2 ){
	margin: 0 0 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 3 ){
	margin: 0 4% 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 4 ){
	margin: 0 0 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 5 ){
	margin: 0 4% 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 6 ){
	margin: 0 0 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 7 ){
	margin: 0 4% 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 8 ){
	margin: 0 0 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 9 ){
	margin: 0 4% 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 10 ){
	margin: 0 0 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 11 ){
	margin: 0 4% 4% 0;
	}
	#contents02 .blog_contents li:nth-child( 12 ){
	margin: 0 0 4% 0;
	}
}


/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:450px) {
	/* 表示領域が450px未満の場合に適用するスタイル */
	#contents02 .blog_contents{
	width: 90%;
	margin: 0 5%;
	}
	#contents02 .blog_contents li{
	width: 100%;
	margin: 0 0 5% 0;
	float:none;
	}
	#contents02 .blog_contents li:nth-child( 3n ){
	margin: 0 0 5% 0;
	}
	
}

#contents02 .blog_contents li a{
	text-decoration: none;
	}

#contents02 .blog_contents li img{
	width: 100%;
	height: auto;
	}

#contents02 .blog_contents li h3{
	margin: 5px 0;
	padding: 0 0 0 10px;
	border-left: #2A4072 solid 7px;
	font-size:1.6rem;
	color:#2A4072;
	}

#contents02 .blog_contents li p{
	font-size:1.1rem;
	color:#434343;
	line-height:170%;
	}