@charset "utf-8";

ul, ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
/* モバイルレイアウト : 480 px およびそれ以下. */

#material_article {
	padding: 5% 0% 10%;
}

#gm_header h1 {
	margin: auto auto 5.555%;
	width: 83.333%;
}
#material_article h2 {
	margin: auto auto 5.555%;
	width: 83.333%;
}
#material_article .image {
	margin: auto auto 8.333%;
}

#material_article .text {
	margin: auto auto 2em;
	width: 100%;
	line-height: 2em;
	text-align: center;
}

#gm_shopping , #gm_recommend , #gm_qa {
	padding-bottom: 11.111%;
}
#gm_shopping .banner {
	margin: auto;
	width: 94.444%;
}
#gm_recommend ul  {
	padding-bottom: 5.555%;

}

#gm_recommend ul li {
	margin: 2.777%;
	float: left;
	width: 27.777%;
	text-align: center;
	line-height: 1.5;
}

#gm_recommend .banner {
	margin: auto;
	width: 62.965%;
}
#gm_qa .box {
	margin: auto;
	width: 83.333%;
	padding-bottom: 5.555%;
	line-height: 2em;
}
#gm_qa .box .question {
	padding: 3em 0em;
	background-image: url(../img/service/material/gmq_icon_q.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 10% auto;
}
#gm_qa .box .answer {
	padding: 3em 0em;
	background-image: url(../img/service/material/gmq_icon_a.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 10% auto;
}


/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 769px) {




#material_article {
	margin: auto;
	width: 1080px;
	text-align: center;
	font-size: 13pt;
	padding: 60px 0px 120px;
}
#gm_header h1 {
	width: 450px;
	height: 90px;
	margin-bottom: 60px;
}
#material_article h2 {
	height: 45px;
	width: 450px;
	margin-bottom: 50px;
}

#material_article .image {
	height: 360px;
	width: 720px;
	margin-bottom: 60px;
}
#material_article .text {
	width: 720px;
}
#gm_shopping , #gm_recommend , #gm_qa{
	padding-bottom: 150px;
}



#gm_shopping .banner {
	margin: auto;
	width: 510px;
}
#gm_recommend ul  {
	padding-bottom: 90px;
	width: 1080px;

}

#gm_recommend ul li {
	margin: 40px;
	width: 280px;
	text-align: center;
	height: 340px;
}

#gm_recommend .banner {
	margin: auto;
	width: 340px;
}
#gm_qa .box {
	margin: auto;
	width: 300px;
	line-height: 1.5em;
	float: left;
	padding: 30px 30px 90px;
	text-align: left;
	font-size: 11pt;
}
#gm_qa .box .question {
	padding: 3em 0em;
	background-size: 45px auto;
}
#gm_qa .box .answer {
	padding: 3em 0em;
	background-image: url(../img/service/material/gmq_icon_a.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 45px auto;
}
}