@charset "utf-8";

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

/*** COMMON ***/

.w202 { width: 21.0416667%;}
.w212 { width: 22.0833333%;}
.w227 { width: 23.645833%;}
.w247 { width: 25.7291667%;}
.w251 { width: 26.1458333%;}
.w300 { width: 31.25%;}
.w358 { width: 37.2916667%;}
.w692 { width: 72.0833333%;}
.w727 { width: 75.7291667%;}
.w758 { width: 78.9583333%;}
@media only screen and (max-width: 640px) {
	.w202 { width: 100%;}
	.w247 { width: 100%; text-align:center;}
	.w692 { width: 100%; text-align:center;}
	.w758 { width: 100%; text-align:center;}
}


.mh54 { min-height: 54px;}
.mh75 { min-height: 75px;}
.mh96 { min-height: 96px;}
.mh117 { min-height: 117px;}
.mh180 { min-height: 180px;}
@media only screen and (max-width: 768px) {
	.mh54 { min-height: 40px;}
	.mh75 { min-height: 40px;}
	.mh96 { min-height: 40px;}
	.mh117 { min-height: 40px;}
	.mh180 { min-height: 40px;}
}

.inline { display: inline !important;}


#mainimage{
	max-width: 1200px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}
#mainimage h2{
	text-align:center;
	position:absolute;
	bottom:10%;
	left:0;
	right:0;
	z-index:999;
}
@media only screen and (max-width: 640px) {
#mainimage h2{
	bottom:10%;
	left:0px;
	right:0px;
	padding-right:20px;
	padding-left:20px;
}
}


ul.ssnav{
	text-align:center;
	margin: 0 auto;
	margin-bottom: 40px;
}
ul.ssnav li{
	display:inline-block;
    *display: inline;
    *zoom: 1;
}
@media only screen and (max-width: 640px) {
ul.ssnav li{
	width:auto;
	float: none;
	margin-left: 0px;
	text-align:center;
	margin-bottom:10px;
}
}

.w3{
	float: left;
	width: 32.2916667%;
	margin-bottom: 30px;
}
.w2{
	width: 66.1458333%;
}
.smr15{
	margin-right: 1.5625%;
}
.ssttl{
	border-bottom: 1px #43bda8 solid;
	padding-bottom: 5px;
}

.w2 p,
.w3 p{
	text-align: left;
}

#share01,
#share02,
#share03{
	margin-top:-740px;	
}
@media only screen and (max-width: 640px) {
#share01,
#share02,
#share03{
	margin-top:-520px;	
}	
.w2 p,
.w3 p{
	text-align: center;
}
}

.green{
	color: #27a28d;
}


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

.clearboth {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
}

ul.col3 {}
ul.col3 li {
	width: 32.291666%;
	margin: 0 0 0 1.5625%;
	float: left;
}
ul.col3 li:first-child {
	margin: 0;
}
ul.col3 li p {
	font-size: 12px;
}
@media only screen and (max-width: 480px) {
	ul.col3 li {
		width: 100%;
		margin: 0 0 30px;
		float: none;
	}
	ul.col3 li:first-child {
		margin: 0 0 30px;
	}
	ul.col3 li p {
		text-align: center;
	}
}


/*** design ***/
	.ttl1 {
		position: absolute;
		top: 40px;
		left: 0;
	}
@media only screen and (max-width: 768px) {
	.ttl1 {
		position: static;
		padding: 20px 0;
	}
}

	.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: 100%;
		margin-left: 0;
	}

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

	.imgBoxL {
		display: table;
		width: 100%;
	}
	.imgBoxL .text,
	.imgBoxL .photo {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBoxL .text {
	}
	.imgBoxL .photo {
		width: 545px;
		padding-right: 50px;
		text-align: left;
	}
@media only screen and (max-width: 900px) {
	.imgBoxL .text {
		display: block;
		margin-top: 20px;
	}
	.imgBoxL .photo {
		display: block;
		width: auto;
		padding-right: 0;
		text-align: center;
	}
}

	.imgBoxR {
		display: table;
		width: 100%;
	}
	.imgBoxR .text,
	.imgBoxR .photo {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBoxR .text {
	}
	.imgBoxR .photo {
		width: 545px;
		padding-left: 50px;
		text-align: left;
	}
@media only screen and (max-width: 900px) {
	.imgBoxR .text {
		display: block;
	}
	.imgBoxR .photo {
		display: block;
		width: auto;
		margin-top: 20px;
		padding-left: 0;
		text-align: center;
	}
}

	.imgBox {
		display: table;
		width: 100%;
	}
	.imgBox .Larea,
	.imgBox .Rarea {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBox .Larea {
	}
	.imgBox .Rarea {
		width: 198px;
		padding-left: 15px;
		text-align: left;
	}
	.imgBox .Rarea p img {
		max-width: none;
	}
	.imgBox .Larea img {
		width: auto;
	}
@media only screen and (max-width: 900px) {
	.imgBox .Larea {
		display: block;
		text-align: center;
	}
	.imgBox .Rarea {
		display: block;
		width: auto;
		margin-top: 30px;
		padding-left: 0;
		text-align: center;
	}
}
	.bBox {
		position: relative;
		padding: 19px;
		background: #f4f2eb;
		border: solid 1px #943f41;
	}
@media only screen and (max-width: 900px) {
	.bBox .Rarea p {
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.bBox .Rarea p:last-child {
		margin-right: 0;
	}
	.bBox .Rarea p.mb20 ,
	.bBox .Rarea p.mb25 {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 900px) {
	.bBox .Rarea p {
		margin-right: 10px;
	}
}
@media only screen and (max-width: 640px) {
	.bBox .Rarea p {
		display: block;
		margin-right: 0;
	}
	.bBox .Rarea p.mb20 {
		margin-bottom: 20px;
	}
	.bBox .Rarea p.mb25 {
		margin-bottom: 25px;
	}
}

	.innerh {
		position: absolute;
		top: 20px;
		left: 0;
	}
	.innerh span {
		display: none;
	}

@media only screen and (max-width: 480px) {
	.innerh img {
		display: none;
	}
	.innerh span {
		padding: 0 10px;
		font-size: 16px;
		text-align: left;
		display: block;
		color: #bb1111 !important;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
}



/* Q&A */
.qa {}
.qa dl {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 50px;
}
.qa dl.end {
	width: 62.5925926%;
	margin: 0 0 0 4.5%;
	float: left;
}
@media only screen and (max-width: 768px) {
	.qa dl.end {
	width:90%;
	margin: 0 auto;
	float: none;
}
}

.qa dl dt {
	width: 4.16666667%;
	padding: 5px 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: solid 1px #d6999f;
	text-align: center;
	float: left;
}
@-moz-document url-prefix() {
	.qa dl dt {
		padding: 10px 0.72916667%;
	}
}
.qa dl.end dt {
	width: 7.16666667%;
	padding: 5px 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: solid 1px #d6999f;
	text-align: center;
	float: left;
}
.qa dl dt.q2 {
	position: relative;
	width: 4.16666667%;
	padding: 0 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: none;
	float: left;
}
.qa dl.end dt.q2 {
	position: relative;
	width: 7.16666667%;
	padding: 0 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: none;
	float: left;
}
.qa dl dt.q2 img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.qa dl dd {
	width: 90%;
	padding: 11px 0 11px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: solid 1px #d6999f;
	float: left;
}
.qa dl.end dd {
	width: 87%;
	padding: 11px 0 11px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: solid 1px #d6999f;
	float: left;
}
.qa dl dd.a2 {
	width: 90%;
	padding: 6px 0 6px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: none;
	float: left;
}
.qa dl.end dd.a2 {
	width: 87%;
	padding: 6px 0 6px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: none;
	float: left;
}
@media only screen and (max-width: 768px) {
	.qa dl dt {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl.end dt {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl dt.q2 {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl.end dt.q2 {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl dt.q2 img {
		right: auto;
	}
	.qa dl.end dt.q2 img {
		right: auto;
	}
	.qa dl dd {
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.qa dl.end dd {
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.qa dl dd.a2 {
		width: 100%;
		padding: 0;
		border-left: none;
		float: none;
	}
	.qa dl.end dd.a2 {
		width: 100%;
		padding: 0;
		border-left: none;
		float: none;
	}
	
	.ph {
		width: 100%;
		text-align: center;
	}
}

.imgsize img {
	max-width: none;
}








#mainimage2{
	max-width: 100%;
	height: auto;
	background: url(../imgs/img-main_bg.jpg) no-repeat top center;
}

#mainimage2 .maininner{
	text-align: center;
}
p.attention {
	text-align: right;
	font-size:11px;
	font-weight: bold;
}
p.attention2 {
	font-size:11px;
	font-weight: bold;
}

#infobox{
	background: url(../landscape/imgs/img-03_bg.gif);
	border: 3px #e1e1e1 solid;
	padding: 20px 25px;
	margin-top: 40px;
}

.w2{
	width: 48.4375%;
}
.w4{
	width: 47.0967742%;
	margin-bottom: 20px;
}
.fb{
	font-weight: bold;
}


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

.clearboth {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
}

ul.col4 {}
ul.col4 li {
	width: 22.8125%;
	margin: 0 0 0 2.91666667%;
	float: left;
}
ul.col4 li:first-child {
	margin: 0;
}