@charset "UTF-8";
/* --------------------------------
 * top
 * -------------------------------- */
.top-ttl{
	position:relative;
	margin:0;
	padding:0 0 0 50px;
	font-size: 32px;
	font-size:3.2em;
	text-align: center;
}
.top-ttl--1,.top-ttl--2{
	color: #248a00;
}
.top-ttl--1 img{
	position:relative;
	top:8px;
	right:10px;
	margin:0 0 0 -50px;
}
.top-ttl--2 img{
	position:relative;
	top:8px;
	right:10px;
	margin:0 0 0 -50px;
}
@media screen and (max-width: 639px){
	.top-ttl{
		position:relative;
		margin:0;
		padding:0 0 0 50px;
		font-size: 24px;
		font-size:2.4em;
		line-height: 1.4;
		text-align: center;
	}
}
/* --------------------------------
 * mainWrap ブランド用に再設定
 * -------------------------------- */
.mainWrap{
	padding: 18px 0;
	background: #fff;
}
.mod__brandBlockCenter {
	max-width:960px;
	margin:0 auto;
}
.mod__brandBlockCenter img{
	max-width: 100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
.main h1{
	margin-bottom:5%;
}
.movie{
	max-width:640px;
	max-height:360px;
	margin:0 auto;
	border:solid 1px #ccc;
}
.mod__headingWrap{
	margin-bottom:1.5%;
}
@media screen and (max-width: 639px){
	.mainWrap{
		margin:0;
		padding: 3.355%;
		background: #fff;
	}
	.mainWrapInner{
		
	}
	.main{
		background: #fff;
	}
	.movie {
		position: relative;
		width: 100%;
		padding: calc(360 / 640 * 100%) 0 0;
	}
	.movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mod__headingWrap{
		margin-bottom:5%;
	}
}
/* --------------------------------
 * brandCont
 * -------------------------------- */
.brandCont{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
.brandContInner{
	max-width: 960px;
	margin: 0 auto;
}

/* --------------------------------
 * mod__brandBlock
 * -------------------------------- */
.mod__brandBlock{
	margin: 0 auto;
}
.mod__brandBlockInner{
	overflow: hidden;
	margin: 0 auto 40px;
}
.mod__brandBlockInner h3 {
    background: url(/common2016/img/main/h3Icon.png) no-repeat;
    font-size: 1.2em;
    font-weight: bold;
    background-size: 5px 25px;
    background-position: 0% 75%;
    padding: 0 0 0 15px;
    margin: 20px 0 10px;
    clear: both;
}
.mod__brandBlockRight{
	float: right;
	width: auto;
	margin: 0;
}
.mod__brandBlockLeft{
	float: left;
	width: auto;
	margin: 0;
}
.mod__brandW--30 {
	max-width: 29%;
}
.mod__brandW--40 {
	max-width: 39%;
}
.mod__brandW--50 {
	max-width: 49%;
}
.mod__brandW--60 {
	max-width: 59%;
}
.mod__brandW--70 {
	max-width: 69%;
}
.mod__brandW--80 {
	max-width: 79%;
}
.mod__brandW--90 {
	max-width: 89%;
}
.mod__brandBlockImg {
	overflow: hidden;
	width: auto;
	margin: 0;
}
.mod__brandBlockText{
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
}
.mod__brandBlockImg img {
	display: block;
	float: none;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 639px){
	.mod__brandBlockRight{
		float: none;
		width: auto;
		margin: 0;
	}
	.mod__brandBlockLeft{
		float: none;
		width: auto;
		margin: 0;
	}
	.mod__brandW--30 {
		max-width: 100%;
	}
	.mod__brandW--40 {
		max-width: 100%;
	}
	.mod__brandW--50 {
		max-width: 100%;
	}
	.mod__brandW--60 {
		max-width: 100%;
	}
	.mod__brandW--70 {
		max-width: 100%;
	}
	.mod__brandW--80 {
		max-width: 100%;
	}
	.mod__brandW--90 {
		max-width: 100%;
	}
	.mod__brandBlockImg {
		overflow: hidden;
		width: auto;
		margin:3.15% 0;
	}
}
/* --------------------------------
 * mod__brandBlockImg2col
 寄せた画像のboxを更に2カラムに
 * -------------------------------- */
.mod__brandBlockImg2col{
	float:left;
	max-width: 100%;
	margin:0 2%;
}
.mod__brandBlockImg2col img{
	display: block;
	float: none;
	width: 100%;
	height: auto;
}
 /* --------------------------------
 * mod__brandBlock3col
 * -------------------------------- */
.mod__brandBlock3col{
	overflow: hidden;
	margin: 0 -1% 1%;
}
.mod__brandBlock3colInner{
	display: inline-block;
	width: 31%;
	height: auto;
	margin: 0 1%;
}
.mod__brandBlock3colImg{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
.mod__brandBlock3colImg img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
@media screen and (max-width: 639px){
	.mod__brandBlock3col{
		overflow: hidden;
		margin: 0 auto;
	}
	.mod__brandBlock3colInner{
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.mod__brandBlock3colImg{
		display: block;
		width: 100%;
		height: auto;
		margin: 3.15% 0;
	}
	.mod__brandBlock3colImg img{
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
	}
}
/* --------------------------------
 * mod__brandBlockImg4col
 * -------------------------------- */
.mod__brandBlock4col{
	overflow: hidden;
	margin: 0 -1%;
}
.mod__brandBlock4colInner{
	display: inline-block;
	width: 22.6%;
	height: auto;
	margin: 0 1%;
}
.mod__brandBlock4colImg{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
.mod__brandBlock4colImg img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
@media screen and (max-width: 639px){
	.mod__brandBlock4col{
		overflow: hidden;
		margin: 0 auto;
	}
	.mod__brandBlock4colInner{
		display: block;
		width: 100%;
		height: auto;
		margin: 3.15% 0;
	}
	.mod__brandBlock4colImg{
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.mod__brandBlock4colImg img{
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
	}
}
/* --------------------------------
 * group
 * -------------------------------- */
.group {
	position: relative;
	width:100%;
	margin:0 auto;
	padding:50px 0 0;
	background:#fff;
}
.group__wrap {
	max-width:960px;
	margin:0 auto 137px;
	padding:43px 0 0;
}
.group__list {
	overflow:hidden;
	margin:0 0 0 -30px;
	padding:0;
	list-style:none;
}
.group__list--top {
	padding-bottom:30px;
}
.group__item {
	float:left;
	width:300px;
	padding:0 0 30px 30px;
}
.group__item a {
	padding:0;
}


@media screen and (max-width: 639px){
	.group {
		width:auto;
		margin:0 auto;
		padding:50px 0 0;
		background:#fff;
	}
	.group__wrap {
		max-width:960px;
		margin:0 auto;
		padding:43px 0 80px;
	}
	.group__list {
		overflow:hidden;
		width: auto;
		margin:0 auto;
		padding:0;
		list-style:none;
	}
	.group__list--top {
		padding-bottom:30px;
	}
	.group__item {
		float:left;
		width:46%; 
		height:auto;
		margin:0 2% 5%;
		padding:0;
	}
	.group__item img{
		display: block;
		max-width: 100%;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	.group__item a {
		padding:0;
	}
}
.pcOnly{
	display:block;
}
h1.pcOnly {
	margin: 0;
}
.spOnly{
	display:none;
}
@media screen and (max-width: 639px){
	.pc{
		dOnlyisplay:none;
	}
	.spOnly{
		display:block;
	}
}