@charset "utf-8";
.mainimage {
	margin-top: 50px;
}
.mainimage img {
	width: 100%;
}
rt {
	font-size: 10px;
	letter-spacing: -1.7em;
}
.cap {
	font-size: 10px;
	text-align: right;
}
section > div {
    max-width: 960px;
    margin: 0 auto 30px;
}
.clearfix > .left {
	float: left;
}
.clearfix > .right {
	float: right;
}
.ib > div {
	display: inline-block;
}
.container {
	padding-left: 10px;
	padding-right: 10px;
}
.innerBox {
	border: 1px solid #cecece;
}
.cont01 {
    margin-top: 50px;
    margin-bottom: 30px;
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}
.cont01 .now {
	position: absolute;
	top: -30px;
	right: 20px;
}
.cont01 .inner {
	max-width: 960px;
	margin: 0 auto;
}
.cont01 .name {
	margin-bottom: 30px;
}
.cont01 .name .icon {
	margin-right: 30px;
}

.cont01 .name .spec{
    display: flex;
    align-items: flex-end;
		margin-top: 20px;
    font-size: 16px;
}
.cont01 .name .spec .spec-ldk{
    display: block;
    font-size: 1.8em;
    line-height: 1;
}
.cont01 .name .spec .spec-ldk .big-num {
    font-size: 1.3em;
}
.cont01 .name .spec .spec-sub{
    display: block;
    padding-bottom: 0.2em;
		line-height: 1;
}

.cont01 .specBox {
	position: relative;
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
}
.cont01 .specBox .box01{
	display: flex;
	flex-direction: column;
	gap: .5em;
}
.cont01 .specBox .spec-data{
    display: grid;
    grid-template-columns: auto 1fr;
		align-items: end;
		column-gap: .5em;
		row-gap: .5em;
    font-size: 14px;
    text-align: left;
}
.cont01 .specBox .spec-data dd .big-num{
	font-size: 1.3em;
	line-height: 1;
}
.cont01 .specBox .spec-data-ss{
    display: flex;
    gap: .3em;
    font-size: 14px;
    text-align: left;
}
.cont01 .specBox .spec-data-ss dd::after{
    content: "｜";
    padding-left: 0.3em;
}
.cont01 .specBox .spec-data-ss dd:last-child::after{
    content: none;
}

.cont01 .specBox .price {
	position: absolute;
	bottom: 50px;
	right: 0;
}
.cont01 .specBox .price .price-data{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.cont01 .specBox .price .price-data dd .price-num {
	font-size: 2em;
	line-height: 1;
}
.cont01 .specBox .price .price-caption {
	font-size: 11px;
	color: #000;
}

.cont01 .checkpoint {
	margin-top: 30px;
	background: #fff;
	padding: 30px;
}
.cont01 .checkpoint .left {
	margin-right: 20px;
}
.cont01 .checkpoint .right {
	/*max-width: 750px;*/
	font-size: 16px;
	color: #007849;
}
.cont01 .checkpoint .ib > div {
	vertical-align: top;
}

.cttl {
    background: #157ea9;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
	margin-top: 15px;
}
.cont02 {
	margin-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
}
.cont02 .col02_02 > div {
	text-align: center;
    margin-top: 20px;
}
.col02_02 .ib > div {
	width: 49%;
}
.col02_02 .ib .left {
	margin-right: 2%;
}
.cont02 .textBox {
	margin-bottom: 40px;
}
.cont02 .textBox li:before {
	margin-right: 10px;
}
.cont02 .textBox li:nth-child(1)::before {
	content: '1.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(2)::before {
	content: '2.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(3)::before {
	content: '3.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(4)::before {
	content: '4.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(5)::before {
	content: '5.';
	font-weight: bold;
}
.cont02 .textBox li span {
	color: #b4914e;
}

.cont02 .mttlp {
	color:#f39a92;
	font-size:18px;

}
.cont02 .mttlr {
	color:#d7000f;
	font-size:18px;

}
.cont02 .mttlg {
	color:#007849;
	font-size:18px;

}


.cont03 {
	background: #f3f3f3;
	padding: 20px 30px 10px;
	margin-bottom: 50px;
}
.cont03 .imgBox {
	margin-bottom: 10px;
}
.cont03 .mttl {
	margin-bottom: 15px;
	/*padding-left: 30px;*/
	position: relative;
	vertical-align: middle;
    }
    .cont03 .mttlg {
        color:#007849;
        font-size:18px;
	margin-bottom: 15px;
	/*padding-left: 30px;*/
	position: relative;
	vertical-align: middle;
}
.cont03 .mttl:before {
	content: '';
	/*background: url(../imgs/lens.png) no-repeat;*/
	margin-right: 10px;
	vertical-align: middle;
	width: 26px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.cont03 #contentsArea .mttl:before {
	content: '';
	background: url(../imgs/icon_shikaku.png);
	margin-right: 10px;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	display: inline-block;
	position: absolute;
	top: 11px;
	left: 5px;
}
.cont03 .sttl {
	margin-bottom: 0px;
}

.mapBtn {
    text-align: center;
    margin-bottom: 50px;
}
.mapBtn .ib div:first-child {
    margin-right: 2.5%;
}
.mapBtn a img {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.mapBtn a:hover img {
    opacity: .8;
}
@media screen and (max-width: 768px) {
	.cont01 .specBox .price {
		position: static;
		margin-top: 30px;
	}
	.cont01 .checkpoint .right {
		font-size: 16px;
	}
	.cont01 .name .icon {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 599px) {
	.cont01 .name .spec{
			font-size: 3.1vw;
	}
	.cont01 .specBox .box01 {
		flex-direction: column;
		align-items: flex-start;
		gap: .5em;
	}
	.cont01 .specBox .box01 .spec-data{
		font-size: 3.4vw;
	}
	.cont01 .specBox .box01 .spec-data-ss{
		font-size: 3.4vw;
	}
	.cont01 .specBox .price .price-data {
		justify-content: flex-start;
		font-size: 4vw;
	}

    .mapBtn .ib div:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .mapBtn {
        margin-bottom: 30px;
    }
	.mapBtn .ib .left {
		display: none;
	}
	.mttl {
		/*text-align: center;*/
	}
	.cont03 .mttl:before {
		content: '';
		/*background: url(../imgs/lens.png) no-repeat;*/
		margin-right: 10px;
		vertical-align: middle;
		width: 26px;
		height: 40px;
		display: inline-block;
		position: absolute;
		top: -5px;
		left: 0;
	}
	.cont03 #contentsArea .mttl:before {
		content: '';
		background: url(../imgs/icon_shikaku.png);
		margin-right: 10px;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 5px;
	}
	.col02_02 .ib > div, .col02_02 .clearfix > div {
	    width: 100%;
	    display: block;
	    margin-bottom: 50px;
	}
}

.cv {
    letter-spacing: -.4em;
    text-align: center;
	margin-bottom: 0;
}
.cv div {
    letter-spacing: normal;
    display: inline-block;
    font-size: 16px;
}
.cv div a {
    display: block;
    padding: 15px 140px;
    color: #fff;
}
.cv div a:hover {
    color: #fff;
}
.cv div.req {
    margin-right: 60px;
	background: rgba(0,127,127,1);
    transition: all .3s ease-in-out;
}
.cv div.res {
	background: rgba(0,63,64,1);
	transition: all .3s ease-in-out;
}
.cv div.req:hover {
	background: rgba(0,127,127,.6);
    transition: all .3s ease-in-out;
}
.cv div.res:hover {
	background: rgba(0,63,64,.6);
	transition: all .3s ease-in-out;
}


@media screen and (max-width:599px) {
	.cv div.req:hover {
		background: rgba(0,127,127,1);
	}
	.cv div.res:hover {
		background: rgba(0,63,64,1);
	}
	.cap ,
	.col02_01 .ib > div .cap + p {
		max-width: 465px;/**/
		margin: 0 auto;
	}
}

.cv div i {
	margin-right: 15px;
	vertical-align: middle;
}
.cv div span {
	vertical-align: middle;
}
.mapBtn {
    text-align: center;
    margin-bottom: 50px;
}
.mapBtn .ib div:first-child {
    margin-right: 2.5%;
}
.mapBtn .ib div {
	width: 205px;
}
.mapBtn a {
	background: #535353;
	color: #fff;
	display: block;
	border: 1px solid #535353;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	font-size: 16px;
	padding: 15px 0;
}
.mapBtn a i {
	margin-right: 15px;
	font-size: 20px;
}
.mapBtn a:hover {
	background: #fff;
	color: #535353;
}
i.fa-angle-up {
	vertical-align: top;
	margin-top: 3px;

}

#btnArea {
	border: none;
}
#btnArea .cv {
	border: none;
}
#btnArea .inner {
	width: 100%;
	margin: 0 auto 50px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
#btnArea .inner > div {
	max-width: 47%;
}
.cv div.req {
	margin-right: 4%;
}

@media only screen and (max-width: 959px) {
#btnArea .inner > div {
	max-width: 100%;
	width: 100%;
}
#btnArea .inner > div a {
	padding: 15px 0;
}
.cv div.req {
	margin-bottom: 15px;
}

}
.bx-pager {
	letter-spacing: -.4em;
	text-align: left;
}
.bx-pager a {
	display: inline-block;
	letter-spacing: normal;
	width: 25%;
}
.snav {
    margin-top: 50px;
    margin-bottom: 50px;
	text-align: center;
}
.snav li {
    display: inline-block;
    border: 1px solid #ccc;
}
.snav li.on ,
.snav li:hover {
	border: 1px solid #ccc;
}
.snav li:nth-child(1) ,
.snav li:nth-child(2) {
    border-right: 0px;
}
.snav li:nth-child(1)
.snav li:nth-child(3) {
    border-left: 0px;
}
.snav li a img {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.snav li a:hover img {
    opacity: 0;
}
.snav li:nth-child(1) {background: url(../imgs/snav_01_ov.png); background-position: center center; background-size: cover;}
.snav li:nth-child(2) {background: url(../imgs/snav_02_ov.png); background-position: center center; background-size: cover;}
.snav li:nth-child(3) {background: url(../imgs/snav_03_ov.png); background-position: center center; background-size: cover;}
@media screen and (max-width:979px) {
	.cont01 .inner {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width:599px) {
.snav li {
    display: inline-block;
    border: 1px solid #ccc;
}
.snav li.on {
	border: 1px solid #5AC7DC !important;
}
.snav li:nth-child(1) ,
.snav li:nth-child(2) {
    border-right: 1px solid #ccc;
	border-bottom: 0;
}
.snav li:nth-child(3) {
    border-left: 1px solid #ccc;
}
}

body #contentsArea {
	margin-top: 30px;
	padding-bottom: 5px;
}
body #contentsArea .mttl {
	margin-bottom: 0;
}
body #contentsArea .boxStage {
	position: relative;
	float: left;
	padding: 16px 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
body #contentsArea .boxStage .cap {
	display: none;
	padding-bottom: 3px;
	text-align: right;
}
body #contentsArea .boxStage a{
	position: relative; display: block; overflow: hidden;z-index: 1;
	text-decoration: none;
}
body #contentsArea .boxStage a img {
	height: auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
body #contentsArea .boxStage a:hover img{
	opacity: 1;
	/* transition */
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
body #contentsArea .boxStage .frameIcon { position: absolute; z-index:999;}
body #contentsArea .boxStage .frameIcon.lt { left: 0px; top: 0px;}
body #contentsArea .boxStage .frameIcon.lb { left: 0px; bottom: 0px;}
body #contentsArea .boxStage .frameIcon.rt { right: 0px; top: 0px;}
body #contentsArea .boxStage .frameIcon.rb { right: 0px; bottom: 0px;}
body #contentsArea .boxStage .lens {
	position: absolute;  right: 10px;  bottom: 10px;  z-index: 999;  width: 20;  height: 30px;
}
body #contentsArea .boxStage .lens img {
	max-width: 100%;
	height: auto;
}
body #contentsArea .boxStage a span {
	display: block; position: absolute; bottom: -100px; left: 0; padding: 15px 0; width: 100%; z-index: 888; color: #000; text-align: center; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; background: rgba(0, 0, 0, 0.5);;
}
body #contentsArea .boxStage a span {
	font-size: 11px;
}
body #contentsArea .boxStage a span strong {
	font-size: 17px;
}

body #contentBottomInner {
	padding-top: 40px; padding-bottom: 103px;
}
body #contentsArea .boxStage.col3 {
	/*float: none;*/
}
body #contentsArea .boxStage.col1 {
	width: 67.037861915%;
}
body #contentsArea .boxStage.col2 {
	width: 48.440979955%;
}
body #contentsArea .boxStage.col3 {
	width: 29.732739421%;
}
body #contentsArea .boxStage.col4 {
	width: 32.604166667%;
}
body #contentsArea .boxStage img.thumb {
	width: 100%;
}
body #contentsArea .boxStage.col2.first {
	margin-right: 3.11804009%;
}
body #contentsArea .boxStage.col3 ,
body #contentsArea .boxStage.col5 {
	float: right;
}
body #contentsArea .boxStage.col4 {
	float: left;
}
body #contentsArea .boxStage.col4:last-child {
	/*float: none;*/
}

@media only screen and (max-width:970px) {
body #contentsArea .boxStage .frameIcon { display: none;}
.section.wrapper {
	max-width: 640px;
}
body #contentsArea .boxStage img.thumb{width: 100%;}
body #contentsArea .boxStage.col1 ,
body #contentsArea .boxStage.col5 {width: 100%;}
body #contentsArea .boxStage.col2 ,
body #contentsArea .boxStage.col3 ,
body #contentsArea .boxStage.col4 {width: 48.440979955%;}
body #contentsArea .boxStage.col3.first ,
body #contentsArea .boxStage.col4.first {
	margin-right: 3.11804009%;
}
}
@media only screen and (max-width:960px) {
.section.wrapper {
	max-width: 670px;
}
}


/* @media 599 START */
@media only screen and (max-width:599px) {
body #contentsArea .boxStage ,body #contentsArea .boxStage.col3, body #contentsArea .boxStage.col5 , body #contentsArea .boxStage.col4 {
	float: none;
	width: 100%;
	/*max-width: 330px;*/
	margin: 5px auto;
}
body #contentsArea .boxStage.col3.first, body #contentsArea .boxStage.col4.first ,body #contentsArea .boxStage.col2.first {
	margin-right: auto;
}
body #contentsArea .boxStage .cap {
	display: block;
}
body #contentsArea .boxStage.col2,
body #contentsArea .boxStage.col4 {
	width: 100%;
}
body #contentsArea .boxStage a img{ border: none; width: 100%;}
body #contentsArea .boxStage.col1 img.thumb,
body #contentsArea .boxStage.col2 img.thumb
body #contentsArea .boxStage.col3 img.thumb,
body #contentsArea .boxStage.col4 img.thumb { width: 100%;}
body #contentsArea .boxStage a { cursor: default;}
body #contentsArea .boxStage a img{ opacity: 1;}
body #contentsArea .boxStage a:hover img{ opacity: 1;
	/* transition */
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}
body #contentsArea .boxStage a span { display: none;}
body #contentsArea .boxStage .lens { display: none!important;}
}
/* @media 599 END */

.col2,.col3,.col4 {
width: auto ;
}

/*img.lens {
display: none!important;
}*/



@media print {
	header ,
	.pinch ,
	.mapBtn ,
	#btnArea ,
	footer .fNav ,
	.pagetop ,
	.bnrArea ,
	.company ,
	.copy {
		display: none;
	}
	.maintitle {
		margin-top: 0;
	}
	.cont01 {
		margin-bottom: 20px;
	}

}


@media print {
body {
zoom: 90%;
}
}