/* パソコン用画像表示 */
.pc { display: block !important; }
.sp { display: none !important;
padding: 0px 10px 10px 10px; }
 
/* スマートフォン用画像表示 */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


/* 特大デバイス（ワイド・デスクトップ, 1200px 以上）
==============================================*/
@media screen and (min-width: 1200px) {
h1.logo{
	padding: 80px 0px 0px 10px;
}
h2 {
	padding: 40px 0px 30px 0px;
}
.about {
    padding-top: 60px;
    margin-top:-60px;
	margin: 0px 0px 30px 0px;
}
.parts {
    position: relative;
	width: 900px;
    margin: 0px auto;
}

#footer{
	background: url( "../img/bg_footer.png" ) top center no-repeat #53b052;
	height: auto;
	padding: 300px 0px 80px 0px;
}
.contact {
	width:850px;
	background: url( "../img/bg_contact.png" ) top center no-repeat;
	padding: 100px 0px 300px 280px;
	margin: 0px 0px 100px -200px;
}

.service {
	width: 900px;
}

.comment {
	position:absolute;
	bottom:0;
	margin: 10px 5px 0px 10px;
	padding: 0px 0px 15px 0px;
}

.board {
	width: 698px;
	min-height: 600px;
	padding: 50px 20px 20px 20px;
	background: url( "../img/intro/bg_board.png" ) center center no-repeat;
	margin: 0 auto;
}

.intro .Box01 {
position: relative;
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
	  background: url( "../img/intro/intro_pct_01.png" ) right 10% top 0% / 50% auto no-repeat,
    url( "../img/intro/intro_pct_02.png") left 10% top 600px / 80% auto no-repeat;
}
.intro .Box02 {
position: relative;
    content: "";
    display: block;
    padding-top: 50%; /* 1:1 */
}

.img1    {
    position:    absolute;
    z-index:    0;
    top:        50px;
    left:        0px;

}
.img2    {
    position:    absolute;
    z-index:    1;
    top:        300px;
    right:        180px;
}
.img3    {
    position:    absolute;
    z-index:    2;
    top:        -100px;
    left:        40px;
}
.img4    {
    position:    absolute;
    z-index:    2;
    top:        100px;
    right:        100px;
}
.map {
	float: left;
	width: 252px;
	margin: 0px 20px 0px 0px;
}
.estimate {
	width: 72%;
}
a.ser {
	display: block;
    padding-top: 100px;
    margin-top:-100px;
}
.v2h {
	margin-top: -20px;
    position: relative;
}

} /* END */



/* 大デバイス（デスクトップ, 1200px 未満）
==============================================*/
@media screen and (max-width:1199.98px) {
h1.logo{
	padding: 50px 0px 0px 40px;
}
h2 {
	padding: 30px 0px;
}
	
#footer{
	background: url( "../img/bg_footer.png" ) top center no-repeat #53b052;
	height: auto;
	padding: 300px 0px 80px 0px;
}
.contact {
	width:850px;
	background: url( "../img/bg_contact.png" ) top center no-repeat;
	padding: 100px 0px 300px 280px;
	margin: 0px 0px 100px -300px;
}
.map {
	float: left;
	width: 252px;
	margin: 0px 20px 0px 0px;
}
.v2h {
	margin-top: -20px;
    position: relative;
}

} /* END */

/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
h1.logo{
	padding: 50px 0px 20px 20px;
}
h2 {
	padding: 15px 0px 15px 0px;
}
.about {
    padding-top: 30px;
    margin-top:-30px;
}
  .pc_area{
    display:none;
  }
  .phone_area{
    display:block;
  }
.parts {
    position: relative;
    margin: 0px auto;
}

.detail, .battery {
	height: auto;
}
.detail {
	width: 40%;
    top: 40%;
    right: 0%;
	margin: 30px 0px 0px 0px;
}
.battery {
	width: 35%;
    top: 50%;
    left: 0%;
	margin: 15px 0px 0px 0px;
}

#footer{
	background: url( "../img/bg_footer.png" ) top center no-repeat #53b052;
	background-size: cover;
	height: auto;
	padding: 80px 0px 80px 0px;
	margin: 0px;
}
.contact {
	width: auto;
	height: 800px;
	background: url( "../img/bg_contact_s.png" ) top center no-repeat;
	background-size:contain;
	text-align: center;
	margin: 0px auto;
	padding: 10px 0px;
}
.contact p {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em
}

.map {
	text-align: center; 
	clear: both;
	margin: 0px;
	padding: 40px 0px 10px 0px;
	width: 100%;
}


.board {
	min-height: 680px;
	padding: 50px 0px 20px 0px;
	background: url( "../img/intro/bg_board.png" ) center center no-repeat;
}
.board h3 {
	padding: 80px 0px 10px 0px;
}

.comment {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

.chara {
	margin: 20px;
}
.estimate {
	width: 90%;
}

.intro .Box01 {
	  background: url( "../img/intro/intro_pct_01.png" ) right 10% top 0% / 50% auto no-repeat,
    url( "../img/intro/intro_pct_02.png") left 0% top 400px / 100% auto no-repeat;
}

.img1    {
	width: 100%;
	height: auto;
}
.img2    {
	width: 100%;
	height: auto;
}
.img3    {
	width: 100%;
	height: auto;
}
.img4    {
	width: 60%;
	height: auto;
}
a.ser {
	display: block;
    padding-top: 40px;
    margin-top:-40px;

}
.v2h {
	margin-top: 40px;
    position: relative;
}

}





/* 中デバイス（タブレット, 992px 未満）
==============================================*/
@media screen and (max-width:991.98px) {
} /* END */

/* 小デバイス（横向きモバイル, 768px 未満）
==============================================*/
@media screen and (max-width:767.98px) {
} /* END */


/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width:575.98px) {
} /* END */