@charset "UTF-8";
/**/
.contents{
margin:0 auto;
padding:40px 0 30px 0;
position:relative;
text-align:center;
width:960px;
}
.contents:after{
content:"";
clear:both;
display:block;
}
h2{
	font-size:240%;
	margin-top:60px;
}
.coase{
	margin:0 auto;
	width:840px;
}
.coase:after{
content:"";
clear:both;
display:block;
}
.coase01{
	width:400px;
	float:left;
}
.coase02{
	width:400px;
	float:right;
}
.coase01 img,
.coase02 img{
	width:400px;
}
.more{
	width:840px;
	height:151px;
	text-indent: -9999px;
	display: block;
	background: url(../img/more_pc.png) no-repeat;
	margin: 30px auto 0;
}
.list{
	width:845px;
	margin: 0 auto;
	text-align: left;
}
.list ul{
	font-size: 0;
}
.list li{
	display: inline-block;
	margin-right: 35px;
}
.list li:nth-child(3n) {
	margin-right: 0px;
}
.list li a:hover img{
	opacity: 0.7;
}
.list_note{
	margin:10px auto 60px;
	width:840px;
	text-align:left;
}
.noteTtl{
	margin:0 auto;
	width:840px;
	font-weight:bold;
	text-align:left;
	font-size:120%;
	padding:20px 1.0em 0 1.0em;
}

.note{
	margin:0 auto;
	width:840px;
	display:inline-block;
	padding:10px 1.0em 0 1.0em;
	text-align:left;
}
.note li{
	clear:both;
	margin:0 0 0 1.0em;
	text-indent:-1.0em;
	vertical-align:top;
}
.note .mark{
	width:1.0em;
	display:inline-block;
	text-indent:0;
}
.note .txt{
}

.bottomContact{
padding:30px 0;
background:#e7e7e7;
}
.bottomContact .inner{
margin:20px auto 0 auto;
text-align:center;
}
.bottomContact .inner:after{
content:"";
clear:both;
display:block;
}
.bottomContact .txt{
padding:4px 0 0 0;
text-align:center;
display:inline-block;
width:auto;
font-size:130%;
}
.bottomContact .stxt{
}
.bottomContact .num{
padding:0 0 0 15px;
display:inline-block;
}
.bottomContact .num span,
.bottomContact .num a{
background:url(/cmn/img/tel_num_pc.png) no-repeat 0 0.3em;
text-align:left;
font-size:180%;
line-height:1.2;
font-weight:bold;
padding:0 0 0 40px;
width:189px;
position:relative;
top:5px;
}
.bottomContact .num a{
display:none;
}
.bottomContact .time{
width:224px;
padding:5px 0 0 10px;
display:inline-block;
width:auto;
font-size:80%;
text-align:right;
}
.bottomContact .btn{
padding:10px 0 0 0;
text-align:center;
}
.bottomContact .btn a{
margin:0 auto;
padding:18px 0 0 0;
display:block;
width:670px;
height:40px;
border-radius:5px;
background:#7bb101 url(/cmn/img/arrow06.png) no-repeat 97% 50%;
color:#fff;
font-size:140%;
font-weight:bold;
}
.bottomContact .btn a:hover{
text-decoration:none;
background:#bfd88c url(/cmn/img/arrow06.png) no-repeat 97% 50%;
}

@media only screen and (max-width: 640px) {
.contents{
width:auto;
padding:45px 0 30px 0;
}

/**/
.main img{
	width:100%;
}
h2{
	font-size:200%;
}
.coase{
	width:auto;
}
.coase:after{
content:"";
clear:both;
display:block;
}
.coase01{
	padding:0 10px 0 10px;
	width:auto;
	float:none;
}
.coase01 img{
	width:100%;
}
.coase02{
	padding:10px 10px 0 10px;
	width:auto;
	float:none;
}
.coase02 img{
	width:100%;
	
}
.more{
	width:auto;
	height:0;
	padding-top: 40.62%;
	background: url(../img/more_sp.png) no-repeat;
	background-size: contain;
	margin-left: 10px;
	margin-right: 10px;
}

.list{
	width:auto;
	margin:20px 10px 0;
}
.list li{
	display: inline-block;
	width:47%;
	margin-right: 4%;
	margin-bottom: 20px;
}
.list li:nth-child(2n) {
	margin-right: 0px;
}
.list li:nth-child(3n) {
	margin-right: 4%;
}
.list li img{
	max-width: 100%;
}
.list_note{
	padding:0px 10px;
	width: auto;
}
.noteTtl{
	padding:20px 10px 0 10px;
	width:auto;
}
.note{
	width:auto;
	padding:10px 10px 0 10px;
}



.bottomContact{
padding:20px 0;
text-align:center;
}
.bottomContact .inner{
width:auto;
}
.bottomContact .txt{
width:auto;
float:none;
}
.bottomContact .stxt{
	padding:0 10px 10px 10px;
}
.bottomContact .num{
padding:10px 0 0 0;
width:auto;
float:none;
}
.bottomContact .time{
width:auto;
float:none;
}
.bottomContact .num{
background:#fff;
margin:0 auto;
display:block;
width:256px;
padding:0;
height:36px;
border:solid 2px #7bb101;
border-radius:5px;
}
.bottomContact .num span{
display:none;
}
.bottomContact .num a{
background:#fff url(/cmn/img/tel_num_sp.png) no-repeat 0 50%;
background-size:27px 18px;
display:inline;
}
.bottomContact .time{
font-size:90%;
}
.bottomContact .btn a{
width:260px;
padding:13px 0;
height:auto;
line-height:1.2;
}
}