@charset "utf-8";

.cap-width {
	width: auto!important;
}
.clearboth {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
}

	.green { color: #27a28d;}
	.sttl {
		padding-bottom: 10px;
		border-bottom: 1px #43bda8 solid;
	}

.snav {
		text-align: center;
	}
	.snav li {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.snav li.last {
		margin-right: 0;
	}
	.snav li img {
		vertical-align: top;
	}
@media only screen and (max-width: 640px) {
	.snav li {
		display: block;
		margin-right: 0;
	}
}


.snav li span {
		display: none;
}

	/*.snav {
		text-align: center;
	}
	.snav li {
		display: inline-block;
		margin-right: 10px;
/*
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
*/
	/*}
	.snav li.last {
		margin-right: 0;
	}
	.snav li span {
		display: none;
	}
	.snav li img {
		vertical-align: top;
	}
@media only screen and (max-width: 700px) {
	.snav li {
		display: inline-block;
		width: 50%;
		margin-right: 0;
		border-right: solid 1px #940d0d;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 16px;
		line-height: 20px;
		color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.snav li:last-child {
		border-right: none;
	}
	.snav li a {
		display: block;
		width: 100%;
		padding: 20px 0;
		background: url(../imgs/bg-snav.png) no-repeat 0 0;
		background-size: cover;
	}
	.snav li a:hover {
		background: url(../imgs/bg-snav_ov.png) no-repeat 0 0;
	}
	.snav li strong {
		display: block;
		width: 100%;
		padding: 20px 0;
		background: url(../imgs/bg-snav_ov.png) no-repeat 0 0;
		font-weight: normal;
	}
	.snav li a {
		text-decoration: none;
		color: #fff;
	}
	.snav li img {
		display: none;
	}
	.snav li span {
		display: block;
	}
}
@media only screen and (max-width: 480px) {
	.snav li {
		font-size: 14px;
	}
}*/

	.brdA { border-top: solid 1px #a6a6a6;}

	.clmBox {
		overflow: hidden;
	}
	.clmBox > div {
		float: left;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.clmBox.col2 {
		margin-left: -2%;
	}
	.clmBox.col2 > div {
		width: 48%;
		margin-left: 2%;
	}
	.clmBox.col3 {
		margin-left: -2.33%;
	}
	.clmBox.col3 > div {
		width: 31%;
		margin-left: 2.33%;
	}
@media only screen and (max-width: 599px) {
	.clmBox {
		margin-top: -20px;
	}
	.clmBox > div {
		float: none;
		margin-top: 20px;
		margin-left: 0;
	}

	.clmBox.col2 {
		margin-left: 0;
	}
	.clmBox.col2 > div {
		width: auto;
		margin-left: 0;
	}
	.clmBox.col3 {
		margin-left: 0;
	}
	.clmBox.col3 > div {
		width: auto;
		margin-left: 0;
	}
}

	.imgBoxL {
		display: table;
		width: 100%;
	}
	.imgBoxL .Rarea,
	.imgBoxL .Larea {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBoxL .Rarea {
		width: 300px;
	}
	.imgBoxL .Larea {
		padding-right: 30px;
	}
@media only screen and (max-width: 960px) {
	.imgBoxL .Larea {
		padding-right: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.imgBoxL .Rarea {
		display: block;
		width: auto;
		margin-top: 20px;
	}
	.imgBoxL .Larea {
		display: block;
		width: auto;
		padding-right: 0;
	}
}

	.imgBox01 {
		display: table;
		width: 100%;
	}
	.imgBox01 .Rarea,
	.imgBox01 .Larea {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBox01 .Rarea {
		padding-left: 30px;
		border-left: solid 1px #a6a6a6;
	}
	.imgBox01 .Larea {
		width: 300px;
		padding-right: 30px;
	}
@media only screen and (max-width: 900px) {
	.imgBox01 .Rarea {
		display: block;
		width: auto;
		margin-top: 30px;
		padding-top: 30px;
		padding-left: 0;
		border-left: none;
		border-top: solid 1px #a6a6a6;
	}
	.imgBox01 .Larea {
		display: block;
		width: auto;
		padding-right: 0;
	}
}

	.imgBox02 {
		display: table;
		width: 100%;
	}
	.imgBox02 .txt,
	.imgBox02 .photo {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBox02 .photo {
		width: 218px;
		padding-right: 30px;
	}
	.imgBox02 .txt {
	}
@media only screen and (max-width: 960px) {
	.imgBox02 .photo {
		padding-right: 20px;
	}
}
@media only screen and (max-width: 480px) {
	.imgBox02 .photo {
		display: block;
		width: auto;
		text-align: center;
	}
	.imgBox02 .txt {
		display: block;
		width: auto;
		margin-top: 20px;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
}

	.httl {
		position: relative;
		padding: 10px 10px 10px 125px;
		background: #ad343f;
	}
	.icn {
		position: absolute;
		top: -9px;
		left: 0;
	}
	.rBox {
		margin-left: 23px;
		padding: 20px 18px;
		border: solid 2px #ad343f;
	}

	.rBox .clmBox.Half > div {
		width: 50%;
	}
@media only screen and (max-width: 768px) {
	.rBox .clmBox {
		margin-top: -20px;
	}
	.rBox .clmBox > div {
		float: none;
		margin-top: 20px;
		margin-left: 0;
	}

	.rBox .clmBox.col2 {
		margin-left: 0;
	}
	.rBox .clmBox.col2 > div {
		width: auto;
		margin-left: 0;
		text-align: center;
	}

	.rBox .clmBox.Half > div {
		width: auto;
		text-align: center;
	}
	.rBox .clmBox.Half > div.pt40 {
		padding-top: 0;
	}
}

	.imgBox03 {
		display: table;
		width: 100%;
	}
	.imgBox03 .Larea,
	.imgBox03 .Rarea {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBox03 .Larea {
		width: 352px;
		padding-right: 80px;
	}
@media only screen and (max-width: 960px) {
	.imgBox03 .Larea {
		padding-right: 20px;
	}
}
@media only screen and (max-width: 640px) {
	.imgBox03 .Larea {
		display: block;
		width: auto;
		text-align: center;
	}
	.imgBox03 .Rarea {
		display: block;
		width: auto;
		margin-top: 20px;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
}
	.imgBox04 {
		display: table;
		width: 100%;
	}
	.imgBox04 .Larea,
	.imgBox04 .Rarea {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBox04 .Larea {
		width: 204px;
		padding-right: 20px;
	}
@media only screen and (max-width: 640px) {
	.imgBox04 .Larea {
		display: block;
		width: auto;
		text-align: center;
	}
	.imgBox04 .Rarea {
		display: block;
		width: auto;
		margin-top: 20px;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
}

/*** Renewal **********
***********************/


	.clmBox {
		overflow: hidden;
	}
	.clmBox > div {
		float: left;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.clmBox.col3 {
		margin-left: -2.33%;
	}
	.clmBox.col3 > div {
		width: 31%;
		margin-left: 2.33%;
	}
@media only screen and (max-width: 599px) {
	.clmBox {
		margin-top: -20px;
	}
	.clmBox > div {
		float: none;
		margin-top: 20px;
		margin-left: 0;
	}

	.clmBox.col3 {
		margin-left: 0;
	}
	.clmBox.col3 > div {
		width: auto;
		margin-left: 0;
	}
}

	.bBox {
		padding: 20px;
		border: solid 2px #9b2a36;
	}

@media only screen and (max-width: 900px) {
	.bBox .clmBox.col3 {
		margin-left: -2%;
	}
	.bBox .clmBox.col3 > div.txtArea {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.bBox .clmBox.col3 > div {
		float: left;
		width: 48%;
		margin-left: 2%;
	}
}
@media only screen and (max-width: 480px) {
	.bBox .clmBox.col3 {
		margin-left: 0;
	}
	.bBox .clmBox.col3 > div {
		float: none;
		width: auto;
		margin-left: 0;
	}
}