@charset "utf-8";

/*------------------------------------------------------------------------------
株式会社 菱健 HISHIKEN Co. Ltd., - CSS Modules Import
Date: 2018-08-07
Copyright (C) 2013 株式会社 菱健 All rights reserved.
------------------------------------------------------------------------------*/

div#container {
	background: #d6d6e2 url(/files/img/top/bg_sp04.jpg) no-repeat 50% calc(100% - 130px);
	background-size: 100%;
}

.mBlock {
	position: relative;
	width: 100%;
	text-align: center;
}
.mBlock:before {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 13%;
}
#m01 {
	padding: 9% 0 4%;
	background: url(/files/img/top/bg_sp01_01.jpg) no-repeat 50% 100%;
	background-size: 105%;
}
#m02 {
	padding: 16% 0 5%;
	background: #656a80 url(/files/img/top/bg_sp02_01.jpg) no-repeat 50% 100%;
	background-size: 105%;
}
#m02:before {
	background: url(/files/img/top/bg_sp01_02.png) no-repeat 50% 0;
	background-size: 105%;
}
#m03 {
	padding: 16% 0 4%;
	background: url(/files/img/top/bg_sp03_01.jpg) no-repeat 50% 100%;
	background-size: 105%;
}
#m03:before {
	background: url(/files/img/top/bg_sp02_02.png) no-repeat 50% 0;
	background-size: 105%;
}
#m04 {
	padding: 8% 0 10%;
}
#m04:before {
	background: url(/files/img/top/bg_sp03_02.png) no-repeat 50% 0;
	background-size: 105%;
}

.mBlock .inBlock {
	width: calc(100% - 30px);
	max-width: 412px;
	margin: 0 auto;
}

#btn01,
#btn02,
#btn03 {
	text-align: center;
}
#btn01 img,
#btn02 img,
#btn03 img {
	width: 80%;
	max-width: 360px;
}


h1#topLogo {
	margin: 0 auto 12%;
}
h1#topLogo img {
	width: 23%;
	max-width: 90px;
}
#m01 #obj01 {
	position: absolute;
	top: 10.5%;
	right: 0;
	text-align: right;
	width: 100%;
}
#m01 #obj01 img {
	margin-right: 8%;
	width: 25%;
}

.inBlock h2 img {
	width: 100%;
}
.inBlock h2.spmgb5 {
	margin-bottom: 5%;
}

.infoBlock01 {
	width: 90%;
	margin: 10% 0 11%;
	padding: 6% 5% 5%;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 12px -3px #404040;
}
#m03 .infoBlock01,
#m04 .infoBlock01 {
	padding: 9% 5% 7%;
}
.infoBlock01 img {
	width: 100%;
	margin-bottom: 2%;
}
.infoList li {
	text-align: left;
	font-size: 13px;
	margin-bottom: 1%;
}
.infoList li span {
	display: block;
}

#products01 {
	width: 100%;
	margin: 10% 0;
	padding: 5% 0 8%;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 12px -3px #404040;
}
#products01 img {
	width: 96%;
	height: auto;
	padding: 5% 0 0;
}
#products01 p {
	width: 48%;
	margin: 5% 26% 0;
}


/* ----------------------------------------

clearfix (必要なければ消す)

---------------------------------------- */

/* Modern Browsers
------------------------------- */

.xxx:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */

.xxx li {
	*zoom: 1;
}