@charset "UTF-8";
/* !HTML5 elements
---------------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body,
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
table,
th,
td {
	margin: 0px;
	padding: 0px;
}

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

img {
	border: 0px;
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	margin: 0 0 30px;
}

td {
	padding: 10px 15px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: none;
	vertical-align: top;
}

th {
	padding: 10px 15px;
	background-color: #eeeeee;
	vertical-align: top;
	font-weight: normal;
	border-top: 1px solid #dcdcdc;
	border-right: none;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

/* 【タブレット用のスタイル記述】 */

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

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	table {
		border-top: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
	}

	th {
		display: block;
		border-top: none;
		border-right: 1px solid #dcdcdc;
		border-bottom: none;
		border-left: none;
	}

	td {
		display: block;
		border-top: none;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		border-left: none;
	}
}

/* common
------------------------------------*/

a:link {
	color: #5f8c8f;
	text-decoration: none;
}

a:visited {
	color: #5f8c8f;
	text-decoration: none;
}

a:hover {
	opacity: 0.6;
}

a:active {
	opacity: 0.6;
}

a:hover img {
	opacity: 0.7;
}

body {
	font-size: 85%;
	text-align: center;
	line-height: 1;
	color: #333333;
	font-family: "メイリオ", sans-serif, Myriad, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	-webkit-text-size-adjust: 100%;
}

/* 【PC用のスタイル記述】 */

@media screen and (min-width: 960px) {

	.sp,
	.tab,
	.tabSp {
		display: none;
	}

	.pcTab,
	.pc {
		display: block;
	}
}

/* 【タブレット用のスタイル記述】 */

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

	.pc,
	.sp {
		display: none;
	}

	.tab,
	.pcTab,
	.tabSp {
		display: block;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	body {
		font-size: 11px;
	}

	.pcTab,
	.pc,
	.tab {
		display: none;
	}

	.sp,
	.tabSp {
		display: block;
	}
}

#container {
	background-color: #efefef;
}

#header {
	background-color: #333333;
	/* background-color: #515151; */
	border-bottom: 5px solid #e30000;
	margin: 0 0 42px;
}

#header #headerIn {
	width: 960px;
	margin: 0 auto;
	/* padding: 33px 0; */
}

#header #headerIn h1 {
	float: left;
	width: 35%;
	position: relative;
	left: 47px;
	top: 34px;
}

#header #headerIn h1 img {
	width: 100%;
}

/* 【タブレット用のスタイル記述】 */

@media screen and (max-width: 960px) {
	#header #headerIn {
		width: 96%;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	#header {
		margin: 0;
	}

	#header #headerIn {
		padding: 17px 0;
	}
}

/* #gNavi {
	float: right;
	width: 710px;
	padding: 10px 0 0;
} */

#gNavi ul li {
	float: left;
	padding: 0 30px 0 0;
	background: url("img/navi_bg.png") no-repeat right top;
	margin: 0 20px 0 0;
}

#gNavi ul li:last-child {
	padding: 0;
	background: none;
	margin: 0;
}

/* 【タブレット用のスタイル記述】 */

/* @media screen and (max-width: 959px) {
	#gNavi {
		display: none;
	}
} */

/* 【スマートフォン用のスタイル記述】 */

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

#contents {
	width: 960px;
	background-color: #fff;
	margin: 0 auto 107px;
	line-height: 1.7;
}

#contents h2 {
	position: relative;
	width: 100%;
}

#contents h2:before {
	content: '';
	display: block;
	padding-top: 27%;
}

#contents h2 span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -9999px;
}

#contents h3 {
	background: url("img/h3bg.png") no-repeat left bottom;
	padding: 0 0 5px;
	font-weight: normal;
	font-size: 150%;
	margin: 0 0 30px;
	color: #777;
}

#contents h4 {
	background: url("img/icon01.png") no-repeat left center;
	padding: 0 0 0 20px;
	font-weight: normal;
	font-size: 110%;
	margin: 0 0 15px;
}

#contentsIn {
	padding: 50px 40px;
	text-align: left;
	background-color: #fff;
}

.cassette {
	margin: 0 0 50px;
}

.cassette p,
.cassette ul,
.cassette ol {
	margin: 0 0 30px;
}

/* 【タブレット用のスタイル記述】 */

@media screen and (max-width: 959px) {
	#contents {
		width: 96%;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	#contents {
		width: 100%;
		margin: 0 auto 60px;
	}

	#contents h2:before {
		padding-top: 40%;
	}

	#contents h3 {
		margin: 0 0 15px;
	}

	#contentsIn {
		padding: 20px 2%;
	}

	.cassette {
		margin: 0 0 15px;
	}

	.cassette p,
	.cassette ul,
	.cassette ol {
		margin: 0 0 20px;
	}
}

#footer {
	background-color: #333333;
	border-bottom: 5px solid #e30000;
	color: #fff;
}

#footer #footerIn {
	width: 960px;
	margin: 0 auto;
	padding: 27px 0 0;
}

#footer #footerIn .box01 {
	position: relative;
	text-align: left;
	margin: 0 0 80px;
}

#footer #footerIn .box01 .box01In {
	display: table;
}

#footer #footerIn .box01 .box01In div {
	display: table-cell;
	vertical-align: bottom;
	line-height: 1.8;
}

#footer #footerIn .box01 .box01In img {
	width: 40%;
	margin: 0 30px 0 0;
}

#footer #footerIn #fnavi {
	position: absolute;
	right: 0;
	bottom: 0;
}

#footer #footerIn #fnavi ul {
	display: table;
}

#footer #footerIn #fnavi ul li {
	display: table-cell;
	padding: 0 0 0 20px;
}

#footer #footerIn #fnavi ul li a:before {
	content: '》';
}

#footer #footerIn #fnavi ul li a:link,
#footer #footerIn #fnavi ul li a:visited {
	color: #fff;
}

#footer #footerIn #fnavi ul li a:hover,
#footer #footerIn #fnavi ul li a:active {
	opacity: 0.7;
}

.pageTopLink {
	/* 	background-color: #fff;
	height: 95px; */
}

.pageTopLink p {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	position: relative;
}

.pageTopLink p a {
	display: inline-block;
	position: relative;
	top: -40px;
	width: 80px;
}

.pageTopLink p a img {
	width: 100%;
}

.copyright {
	padding: 0 0 10px;
	font-style: oblique;
}

/* 【タブレット用のスタイル記述】 */

@media screen and (max-width: 959px) {
	#footer #footerIn {
		width: 96%;
	}

	#footer #footerIn .box01 .box01In {
		margin: 0 0 30px;
	}

	#footer #footerIn #fnavi {
		position: static;
	}

	#footer #footerIn #fnavi ul li {
		padding: 0 20px 0 0;
	}

	.pageTopLink p {
		width: 96%;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	#footer #footerIn {
		padding: 15px 0 0;
	}

	#footer #footerIn .box01 {
		margin: 0 0 15px;
	}

	#footer #footerIn .box01 .box01In div {
		display: block;
	}

	#footer #footerIn .box01 .box01In img {
		display: block;
		margin: 0 0 10px;
	}

	#footer #footerIn #fnavi ul {
		display: block;
	}

	#footer #footerIn #fnavi ul li {
		display: block;
		margin: 0 0 15px;
	}

	.pageTopLink {
		height: 60px;
	}

	.pageTopLink p a {
		top: -30px;
		width: 60px;
	}

	.copyright {
		font-size: 90%;
	}
}

#commonBnrArea div {
	position: relative;
	width: 100%;
}

#commonBnrArea .box01:before,
#commonBnrArea .box02:before {
	content: '';
	display: block;
	padding-top: 8.86363636%;
}

#commonBnrArea .box01 span,
#commonBnrArea .box02 a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -9999px;
}

#commonBnrArea .box01 span {
	background: url("img/bnr01.png") no-repeat center top;
	background-size: cover;
}

#commonBnrArea .box02 a {
	background: url("img/bnr02.png") no-repeat center top;
	background-size: cover;
}

/* 【タブレット用のスタイル記述】 */

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

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	#commonBnrArea .box01:before {
		padding-top: 28.125%;
	}

	#commonBnrArea .box02:before {
		padding-top: 32.1875%;
	}

	#commonBnrArea .box01 span {
		background: url("img/sp/bnr01.png") no-repeat center top;
		background-size: cover;
	}

	#commonBnrArea .box02 a {
		background: url("img/sp/bnr02.png") no-repeat center top;
		background-size: cover;
	}
}

.columnRight {
	display: block;
	float: right;
}

.columnLeft {
	display: block;
	float: left;
}

.textRed {
	color: #ff0000;
}

.textGreen {
	color: #5f8c8f;
}

/* 【タブレット用のスタイル記述】 */

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

/* 【スマートフォン用のスタイル記述】 */

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

/* indexLayout
------------------------------------*/

.indexLayout #header {
	margin: 0;
	height: 180px;
}

.indexLayout #mainImg {
	position: relative;
}

.indexLayout #mainImg .cover {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.indexLayout #mainImg .cover:before {
	content: '';
	display: block;
	padding-top: 21.33333333%;
}

.indexLayout #mainImg .cover span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: contain;
	text-indent: -9999px;
}

.indexLayout #mainImg .slider li {
	position: relative;
	width: 100%;
}

.indexLayout #mainImg .slider li:before {
	content: '';
	display: block;
	padding-top: 65.5%;
}

.indexLayout #mainImg .slider li div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -9999px;
}

.indexLayout #mainImg .slider li#m00 div {
	background: url("img/main00.png") no-repeat center top;
	background-size: cover;
}


.indexLayout #mainImg .slider li#m01 div {
	background: url("img/main01.png") no-repeat center top;
	background-size: cover;
}

.indexLayout #mainImg .slider li#m02 div {
	background: url("img/main02.jpg") no-repeat center top;
	background-size: cover;
}

.indexLayout #mainImg .slider li#m03 div {
	background: url("img/main03.jpg") no-repeat center top;
	background-size: cover;
}

.indexLayout #mainImg .slider li#m04 div {
	background: url("img/main04.jpg") no-repeat center top;
	background-size: cover;
}

.indexLayout #c01 {
	background-color: #fff;
}

.indexLayout #c01 .box {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
}

.indexLayout #c01 .box .img {
	position: relative;
	width: 100%;
	margin: 0 0 30px;
}

.indexLayout #c01 .box .img:before {
	content: '';
	display: block;
	padding-top: 37.395833333%;
}

.indexLayout #c01 .box .img span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -9999px;
	background: url("img/index_img01.png") no-repeat center top;
	background-size: cover;
}

.indexLayout #c01 ul li {
	float: left;
	width: 460px;
}

.indexLayout #c01 ul li:first-child {
	margin: 0 40px 0 0;
}

.indexLayout #contents {
	margin: 80px auto 0;
	background: none;
}

.indexLayout .cassetteIn {
	padding: 50px 40px;
	margin: 0 0 80px;
	text-align: left;
	background-color: #fff;
}

.indexLayout #c02 h2 {
	background: url("img/index_ttl01.jpg") no-repeat center top;
	background-size: cover;
}

.indexLayout #c02 ul {
	margin: 0;
}

.indexLayout #c02 ul li {
	float: left;
	width: 190px;
	margin: 0 40px 20px 0;
}

.indexLayout #c02 ul li:nth-child(4n) {
	margin: 0;
}

.indexLayout #c02 ul li img {
	width: 100%;
}

.indexLayout #c02 .btn {
	text-align: right;
}

.indexLayout #c03 h2 {
	background: url("img/index_ttl01.png") no-repeat center top;
	background-size: cover;
}

.indexLayout #c03 .center {
	text-align: center;
}

.indexLayout #c03 h4 {
	color: #5f8c8f;
}

.indexLayout #c03 .columnLeft {
	padding: 0 0 30px;
}

.indexLayout #c03 .columnLeft img {
	width: 100%;
}

.indexLayout #c03 .columnRight {
	width: 650px;
}

.indexLayout #c04 h2 {
	background: url("img/h3bg.png") no-repeat left bottom;
	padding: 0 0 5px;
	font-weight: normal;
	font-size: 150%;
	margin: 0 0 30px;
	color: #777;
}

.indexLayout #c04 h2:before {
	content: '';
	display: inline;
	padding-top: 0;
}

/*.indexLayout #c04 article {
	padding: 0 30px 15px;
	margin: 0 0 15px;
	border-bottom: 1px dashed #aaaaaa;
}

.indexLayout #c04 article time {
	color: #dd5039;
	display: block;
	float: left;
	width: 150px;
}*/

.indexLayout #c04 article a:before {
	content: '>';
}

.indexLayout #c04 .btn {
	text-align: right;
}

.indexLayout #bnrArea {
	width: 100%;
	background-color: #fff;
	padding: 50px 0;
	margin: 0 0 80px;
}

.indexLayout #bnrArea #bnrAreaIn {
	width: 880px;
	margin: 0 auto;
}

.indexLayout #bnrArea #bnrAreaIn div {
	position: relative;
	width: 100%;
}

.indexLayout #bnrArea .box01:before,
.indexLayout #bnrArea .box02:before {
	content: '';
	display: block;
	padding-top: 8.86363636%;
}

.indexLayout #bnrArea .box01 span,
.indexLayout #bnrArea .box02 a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -9999px;
}

.indexLayout #bnrArea .box01 span {
	background: url("img/index_bnr01.png") no-repeat center top;
	background-size: cover;
}

.indexLayout #bnrArea .box02 a {
	background: url("img/index_bnr02.png") no-repeat center top;
	background-size: cover;
}

/* 【タブレット用のスタイル記述】 */

@media screen and (max-width: 959px) {
	.indexLayout #c01 .box {
		width: 96%;
	}

	.indexLayout #c01 ul li {
		float: left;
		width: 48%;
	}

	.indexLayout #c01 ul li:first-child {
		margin: 0 4% 0 0;
	}

	.indexLayout #c01 ul li img {
		width: 100%;
	}

	.indexLayout #c02 ul li {
		width: 22%;
		margin: 0 4% 20px 0;
	}

	.indexLayout #c02 ul li:nth-child(4n) {
		margin: 0 0 20px;
	}

	.indexLayout #c03 .columnLeft {
		width: 25%;
	}

	.indexLayout #c03 .columnRight {
		width: 71%;
	}

	.indexLayout #bnrArea #bnrAreaIn {
		width: 96%;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.indexLayout #mainImg .slider li:before {
		content: '';
		display: block;
		padding-top: 155.9375%;
	}

	.indexLayout #mainImg .slider li#m01 div {
		background: url("img/sp/main01.jpg") no-repeat center top;
		background-size: cover;
	}

	.indexLayout #mainImg .slider li#m02 div {
		background: url("img/sp/main02.jpg") no-repeat center top;
		background-size: cover;
	}

	.indexLayout #mainImg .slider li#m03 div {
		background: url("img/sp/main03.jpg") no-repeat center top;
		background-size: cover;
	}

	.indexLayout #mainImg .slider li#m04 div {
		background: url("img/sp/main04.jpg") no-repeat center top;
		background-size: cover;
	}

	.indexLayout #mainImg .cover span {
		background: url("img/sp/main_cover.png") no-repeat center bottom;
		background-size: cover;
	}

	.indexLayout #mainImg .cover:before {
		padding-top: 98.90625%;
	}

	.indexLayout #c01 .box .img:before {
		padding-top: 78.33333%;
	}

	.indexLayout #c01 .box .img span {
		background: url("img/sp/index_img01.png") no-repeat center top;
		background-size: cover;
	}

	.indexLayout #c01 ul li {
		float: none;
		width: 100%;
	}

	.indexLayout #c01 ul li:first-child {
		margin: 0 0 20px;
	}

	.indexLayout #contents {
		margin: 0 auto;
	}

	.indexLayout .cassette {
		margin: 0;
	}

	.indexLayout .cassetteIn {
		padding: 15px 10px;
		margin: 0;
	}

	.indexLayout #c02 ul li {
		width: 48%;
		margin: 0 4% 10px 0;
	}

	.indexLayout #c02 ul li:nth-child(2n) {
		margin: 0 0 10px;
	}

	.indexLayout #c03 .columnLeft {
		width: 190px;
		float: none;
		margin: 0 auto;
	}

	.indexLayout #c03 .columnRight {
		float: none;
		width: 100%;
	}

	.indexLayout #c04 article {
		padding: 0 10px 15px;
	}

	.indexLayout #c04 article time {
		float: none;
	}

	.indexLayout #c04.cassette {
		margin: 0 0 60px;
	}

	.indexLayout #bnrArea .box01:before {
		padding-top: 28.125%;
	}

	.indexLayout #bnrArea .box02:before {
		padding-top: 32.1875%;
	}

	.indexLayout #bnrArea .box01 span {
		background: url("img/sp/index_bnr01.png") no-repeat center top;
		background-size: cover;
	}

	.indexLayout #bnrArea .box02 a {
		background: url("img/sp/index_bnr02.png") no-repeat center top;
		background-size: cover;
	}
}

/* newsDetailLayout
------------------------------------*/

.newsDetailLayout h2 {
	background: url("img/news_h2.jpg") no-repeat center top;
	background-size: cover;
}

.newsDetailLayout article {
	border-bottom: 1px solid #d0d0d0;
	padding: 0 0 30px;
}

.newsDetailLayout#contents article h3 {
	color: #dd5039;
	font-weight: bold;
}

.newsDetailLayout article time {
	color: #dd5039;
	display: block;
	margin: 0 0 20px;
}

.newsDetailLayout .btn {
	text-align: right;
}

/* 【タブレット用のスタイル記述】 */

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

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.newsDetailLayout h2 {
		background: url("img/sp/news_h2.jpg") no-repeat center top;
		background-size: cover;
	}
}

/* newsLayout
------------------------------------*/

.newsLayout h2 {
	background: url("img/news_h2.jpg") no-repeat center top;
	background-size: cover;
}

.newsLayout #c01 article {
	padding: 0 30px 15px;
	margin: 0 0 15px;
	border-bottom: 1px dashed #aaaaaa;
}

.newsLayout #c01 article time {
	color: #dd5039;
	display: block;
	float: left;
	width: 150px;
}

.newsLayout #c01 article a:before {
	content: '>';
}

/* 【タブレット用のスタイル記述】 */

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

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.newsLayout h2 {
		background: url("img/sp/news_h2.jpg") no-repeat center top;
		background-size: cover;
	}

	.newsLayout #c01 article {
		padding: 0 10px 15px;
	}

	.newsLayout #c01 article time {
		float: none;
	}
}

/* contactLayout
------------------------------------*/

.contactLayout h2 {
	background: url("img/contact_h2.jpg") no-repeat center top;
	background-size: cover;
}

.contactLayout #c01 .box {
	display: table;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #aaaaaa;
}

.contactLayout #c01 .box img {
	width: 280px;
}

.contactLayout table th .textRed {
	background-color: #db1e1e;
	color: #fff;
	border-radius: 4px;
}

.contactLayout table td input[type="text"],
.contactLayout table td input[type="email"] {
	width: 100%;
	line-height: 40px;
	padding: 1px 5px;
	font-size: 16px;
	box-sizing: border-box;
}

.contactLayout table td textarea {
	width: 100%;
	border: 1px solid #ddd;
	font-size: 16px;
	padding: 1px 5px;
	box-sizing: border-box;
}

.contactLayout .btn input[type="submit"] {
	width: 220px;
	height: 46px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("img/contact_btn01.png") no-repeat left top;
	background-size: cover;
	border: none;
	cursor: pointer;
	display: block;
}

/* 【タブレット用のスタイル記述】 */

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

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.contactLayout h2 {
		background: url("img/sp/contact_h2.jpg") no-repeat center top;
		background-size: cover;
	}

	.contactLayout #c01 .box {
		display: block;
	}

	.contactLayout #c01 .box img {
		width: 100%;
	}
}

/* ppLayout
------------------------------------*/

.ppLayout h2 {
	background: url("img/pp_h2.jpg") no-repeat center top;
	background-size: cover;
}

.ppLayout .box {
	border: 1px solid #aaaaaa;
	text-align: center;
	padding: 20px 80px 10px;
	display: table;
	margin: 0 auto;
}

.ppLayout#contents .box h4 {
	padding: 0;
	margin: 0 0 10px;
	background: none;
	font-size: 100%;
}

.ppLayout#contents .box p {
	margin: 0 0 10px;
}

/* 【タブレット用のスタイル記述】 */

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

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.ppLayout h2 {
		background: url("img/sp/pp_h2.jpg") no-repeat center top;
		background-size: cover;
	}
}

/* dismantlingLayout
------------------------------------*/

.dismantlingLayout h2 {
	background: url("img/dismantling_h2.jpg") no-repeat center top;
	background-size: cover;
}

.dismantlingLayout #c01 ul li,
.dismantlingLayout #c02 ul li {
	float: left;
	width: 190px;
	margin: 0 40px 20px 0;
}

.dismantlingLayout #c01 ul li:nth-child(4n),
.dismantlingLayout #c02 ul li:nth-child(4n) {
	margin: 0;
}

.dismantlingLayout #c01 ul li img,
.dismantlingLayout #c02 ul li img {
	width: 100%;
}

/* 【タブレット用のスタイル記述】 */

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

	.dismantlingLayout #c01 ul li,
	.dismantlingLayout #c02 ul li {
		width: 22%;
		margin: 0 4% 20px 0;
	}

	.dismantlingLayout #c01 ul li:nth-child(4n),
	.dismantlingLayout #c02 ul li:nth-child(4n) {
		margin: 0 0 20px;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.dismantlingLayout h2 {
		background: url("img/sp/dismantling_h2.jpg") no-repeat center top;
		background-size: cover;
	}

	.dismantlingLayout #c01 ul li,
	.dismantlingLayout #c02 ul li {
		width: 48%;
		margin: 0 4% 10px 0;
	}

	.dismantlingLayout #c01 ul li:nth-child(2n),
	.dismantlingLayout #c02 ul li:nth-child(2n) {
		margin: 0 0 10px;
	}
}

/* othersLayout
------------------------------------*/

.othersLayout h2 {
	background: url("img/others_h2.jpg") no-repeat center top;
	background-size: cover;
}

.othersLayout #c02 ul.heightLine li {
	float: left;
	width: 190px;
	margin: 0 40px 20px 0;
}

.othersLayout #c02 ul.heightLine li:nth-child(4n) {
	margin: 0;
}

.othersLayout #c02 ul.heightLine li img {
	width: 100%;
}

.othersLayout #c02 ul.list01 li {
	display: inline-block;
	margin: 0 15px 0 0;
}

.othersLayout #c03 ol li {
	text-align: center;
	margin: 0 0 30px;
}

.othersLayout #c03 ol li img {
	width: 448px;
}

/* 【タブレット用のスタイル記述】 */

@media screen and (max-width: 959px) {
	.othersLayout #c02 ul li {
		width: 22%;
		margin: 0 4% 20px 0;
	}

	.othersLayout #c02 ul li:nth-child(4n) {
		margin: 0 0 20px;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.othersLayout h2 {
		background: url("img/sp/others_h2.jpg") no-repeat center top;
		background-size: cover;
	}

	.othersLayout #c02 ul li {
		width: 48%;
		margin: 0 4% 10px 0;
	}

	.othersLayout #c02 ul li:nth-child(2n) {
		margin: 0 0 10px;
	}

	.othersLayout #c03 ol li img {
		width: 100%;
	}
}

/* metalLayout
------------------------------------*/

.metalLayout h2 {
	background: url("img/metal_h2.jpg") no-repeat center top;
	background-size: cover;
}

.metalLayout #c02 ul.heightLine li {
	float: left;
	width: 190px;
	margin: 0 40px 20px 0;
}

.metalLayout #c02 ul.heightLine li:nth-child(4n) {
	margin: 0;
}

.metalLayout #c02 ul.heightLine li img {
	width: 100%;
}

.metalLayout #c02 ul.list01 li {
	display: inline-block;
	margin: 0 15px 0 0;
}

.metalLayout #c03 ol li {
	text-align: center;
	margin: 0 0 30px;
}

.metalLayout #c03 ol li img {
	width: 448px;
}

/* 【タブレット用のスタイル記述】 */

@media screen and (max-width: 959px) {
	.metalLayout #c02 ul li {
		width: 22%;
		margin: 0 4% 20px 0;
	}

	.metalLayout #c02 ul li:nth-child(4n) {
		margin: 0 0 20px;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.metalLayout h2 {
		background: url("img/sp/metal_h2.jpg") no-repeat center top;
		background-size: cover;
	}

	.metalLayout #c02 ul li {
		width: 48%;
		margin: 0 4% 10px 0;
	}

	.metalLayout #c02 ul li:nth-child(2n) {
		margin: 0 0 10px;
	}

	.metalLayout #c03 ol li img {
		width: 100%;
	}
}

/* resorceLayout
------------------------------------*/

.resorceLayout h2 {
	background: url("img/resorce_h2.jpg") no-repeat center top;
	background-size: cover;
}

.resorceLayout #c01 p.btn {
	text-align: center;
}

.resorceLayout #c01 p.btn a img {
	width: 220px;
}

.resorceLayout #c02 ul li,
.resorceLayout #c03 ul li {
	float: left;
	width: 190px;
	margin: 0 40px 0 0;
}

.resorceLayout #c02 ul li:last-child,
.resorceLayout #c03 ul li:last-child {
	margin: 0;
}

.resorceLayout #c02 ul li img,
.resorceLayout #c03 ul li img {
	width: 100%;
}

.resorceLayout #c02 p.btn,
.resorceLayout #c03 p.btn {
	text-align: right;
}

/* 【タブレット用のスタイル記述】 */

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

	.resorceLayout #c02 ul li,
	.resorceLayout #c03 ul li {
		width: 22%;
		margin: 0 4% 0 0;
	}

	.resorceLayout #c02 ul li:last-child,
	.resorceLayout #c03 ul li:last-child {
		margin: 0;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.resorceLayout h2 {
		background: url("img/sp/resorce_h2.jpg") no-repeat center top;
		background-size: cover;
	}

	.resorceLayout #c02 ul,
	.resorceLayout #c03 ul {
		margin: 0 0 10px;
	}

	.resorceLayout #c02 ul li,
	.resorceLayout #c03 ul li {
		width: 48%;
		margin: 0 4% 10px 0;
	}

	.resorceLayout #c02 ul li:nth-child(2n),
	.resorceLayout #c03 ul li:nth-child(2n) {
		margin: 0 0 10px;
	}
}

/* philosophyLayout
------------------------------------*/

.philosophyLayout h2 {
	background: url("img/philosophy_h2.jpg") no-repeat center top;
	background-size: cover;
}

.philosophyLayout #c01 .columnLeft,
.philosophyLayout #c01 .columnRight {
	width: 420px;
}

.philosophyLayout #c01 .columnleft img {
	width: 90%;
}

.philosophyLayout #c01 .columnRight img {
	width: 100%;
}

.philosophyLayout #c02 .columnLeft,
.philosophyLayout #c02 .columnRight {
	width: 420px;
}

.philosophyLayout #c02 .columnRight img {
	width: 100%;
}

.philosophyLayout #c04 h4 {
	color: #5f8c8f;
}

.philosophyLayout #c04 .columnLeft {
	width: 190px;
	padding: 0 0 30px;
}

.philosophyLayout #c04 .columnLeft img {
	width: 100%;
}

.philosophyLayout #c04 .columnRight {
	width: 650px;
}

/* 【タブレット用のスタイル記述】 */

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

	.philosophyLayout #c01 .columnLeft,
	.philosophyLayout #c01 .columnRight {
		width: 90%;
	}

	.philosophyLayout #c02 .columnLeft,
	.philosophyLayout #c02 .columnRight {
		width: 48%;
	}

	.philosophyLayout #c04 .columnLeft {
		width: 25%;
	}

	.philosophyLayout #c04 .columnRight {
		width: 71%;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.philosophyLayout h2 {
		background: url("img/sp/philosophy_h2.jpg") no-repeat center top;
		background-size: cover;
	}

	.philosophyLayout #c01 .columnLeft,
	.philosophyLayout #c01 .columnRight,
	.philosophyLayout #c02 .columnLeft,
	.philosophyLayout #c02 .columnRight {
		float: none;
		width: 100%;
	}

	.philosophyLayout #c01 .columnRight,
	.philosophyLayout #c02 .columnRight {
		margin: 0 0 20px;
	}

	.philosophyLayout #c04 .columnLeft {
		width: 190px;
		float: none;
		margin: 0 auto;
	}

	.philosophyLayout #c04 .columnRight {
		float: none;
		width: 100%;
	}
}

/* companyLayout
------------------------------------*/

.companyLayout h2 {
	background: url("img/company_h2.jpg") no-repeat center top;
	background-size: cover;
}

.companyLayout #c01 .columnLeft,
.companyLayout #c01 .columnRight {
	width: 420px;
}

.companyLayout #c01 .columnRight img {
	width: 100%;
}

.companyLayout #c02 table th {
	white-space: nowrap;
}

.companyLayout #c02 table td p {
	margin: 0 0 15px;
}

.companyLayout #c02 table td p:last-child {
	margin: 0;
}

.companyLayout #c02 iframe {
	margin: 0 0 30px;
}

.companyLayout #c03 .box {
	border: 1px solid #dddddd;
	margin: 0 0 30px;
}

.companyLayout #c03 .box h4 {
	background: url("img/icon01.png") no-repeat 15px center #efefef;
	padding: 10px 15px 10px 40px;
	border-bottom: 1px solid #dddddd;
	margin: 0;
}

.companyLayout #c03 .box h4 span {
	font-size: 85%;
}

.companyLayout #c03 .box h4 span a:before {
	content: '>';
}

.companyLayout #c03 .box p {
	padding: 10px 15px;
	margin: 0;
}

.companyLayout #c04 h4 {
	background: url("img/icon01.png") no-repeat 15px center;
	padding: 10px 15px 10px 40px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	margin: 0;
}

.companyLayout #c04 a:before {
	content: '>';
}

.companyLayout #c04 .box {
	display: inline-block;
	width: 80px;
}

/* 【タブレット用のスタイル記述】 */

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

	.companyLayout #c01 .columnLeft,
	.companyLayout #c01 .columnRight {
		width: 48%;
	}
}

/* 【スマートフォン用のスタイル記述】 */

@media screen and (max-width: 760px) {
	.companyLayout h2 {
		background: url("img/sp/company_h2.jpg") no-repeat center top;
		background-size: cover;
	}

	.companyLayout #c01 .columnLeft,
	.companyLayout #c01 .columnRight {
		float: none;
		width: 100%;
	}

	.companyLayout #c01 .columnRight {
		margin: 0 0 20px;
	}

	.companyLayout #c04 .box {
		display: block;
		width: 100%;
	}

	.companyLayout #c04 .box a {
		display: block;
	}
}

/* tab sp menu
------------------------------------*/

#spNavi {
	display: none;
}

.pull-down-list {
	display: none;
}

@media only screen and (max-width: 959px) {
	#spNavi {
		display: block;
	}

	#spNavi h1 {
		position: absolute;
		top: 8px;
		left: 50%;
		width: 50px;
		margin: 0 0 0 -25px;
	}

	#spNavi h1 img {
		width: 75px;
		vertical-align: top;
	}

	.drawer-btn {
		width: 75px;
		text-align: center;
		position: absolute;
		z-index: 10;
		top: 45px;
		right: 0;
	}

	.drawer-btn a {
		display: inline-block;
		width: 75px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 2% 0 0;
		font-size: 13px;
	}

	.drawer-btn a:link,
	.drawer-btn a:visited {
		color: #172771;
	}

	drawer-btn a.current {
		opacity: 0.3;
	}

	.drawer-btn a img {
		height: 33px;
	}

	.pull-down-list {
		display: block;
	}

	.pull-down-inner {
		width: 100%;
		position: relative;
		padding: 15px;
		box-sizing: border-box;
		background-color: #607d8b;
	}

	.pull-down-inner h1 {
		color: #fafafa;
		font-size: 18px;
		display: block;
	}

	.pull-down-list li a {
		display: block;
		width: 100%;
		position: relative;
		padding: 10px 15px;
		box-sizing: border-box;
		text-decoration: none;
		color: #212121;
		line-height: 2em;
	}

	.pull-down-list li a:after {
		font-family: 'FontAwesome';
		content: "\f054";
		color: #212121;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -1em;
	}

	.pull-down-list li:nth-child(odd) {
		background: #eee;
	}

	.pull-down-list li:nth-child(even) {
		background: #fff;
	}
}

@media only screen and (max-width: 760px) {
	.drawer-btn {
		top: 25px;
	}
}

/* WordPressデフォルト
------------------------------------*/

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* pager
------------------------------------*/

.wpNavi {
	margin: 30px auto;
}

.wpNavi ol {
	text-align: center;
}

.wpNavi ol li {
	display: inline-block;
	padding: 0 0.5em;
	margin: 0.5em;
	font-size: 100%;
	border: 1px solid #aaa;
}

.wpNavi ol li a {
	color: #333;
}

/* clearfix
------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.clearfix {
	display: inline-block;
}

/* exlude MacIE5 \*/

* html .clearfix {
	height: 1%
}

/* .clearfix {
	display: block;
	margin-left: 42px;
}
 */
/* end MacIE5 */

.indexLayout #c07 h2 {
	background: url(img/index_ttl07.png) no-repeat center top;
	background-size: cover;
}

.indexLayout #c05 h2 {
	background: url(img/index_ttl05.png) no-repeat center top;
	background-size: cover;
}

.indexLayout #c06 h2 {
	background: url(img/index_ttl06.png) no-repeat center top;
	background-size: cover;
}

.indexLayout .cassetteIn p {
	font-size: 110%;
}

.notesLayout h2 {
	background: url(img/notes_h2.jpg) no-repeat center top;
	background-size: cover;
}

#telLayer {
	color: #ccd2d2;
	width: 240px;
	height: 46px;
	float: right;
	border: 1px solid #fff;
	border-radius: 30px;
	position: relative;
	left: -30px;
	top: 107px;
}

#f_info {
	position: relative;
	left: -35%;
}

@media (min-width: 960px) {
	#gNavi {
		position: relative;
		left: 15px;
		top: 95px;
	}
}


@media (max-width: 960px) {
	#gNavi ul {
		display: flex;
		position: absolute;
        left: 0;
        top: 0;
	}

	#gNavi li {
		margin-bottom: 10px;
	}

	#mainImg{
		display: none;
	}
}