/* 配下ページ共通部分 */
.wrapper{
	width:100%;
	margin:4% 0 6%;
	padding:10px;
	/* text-align: center; */}

.content{
	padding: 3% 6%;
	width:100%;
	text-align: center;}

.log{
	text-align: center;}

.log	a{
	  color: #606464;}

img{
	width:100%;
	height:auto;}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* 見出し */
h1{
	padding:6% 0 3% 0;}
h2{
	padding:4% 0;}
h3{
	padding: 3% 0;}

/* 配下用h1装飾 */
.h1_line01{
	/* border-bottom: solid 2px;
	padding-bottom: 3px;
	font-weight: bolder; */}

/*fontサイズ*/
.font_S{
	font-size: 0.8em;}

.font_M{
	font-size: 1.2em;}

.font_L{
	font-size: 1.2em;}

/* marginのclass*/
.m_rl10{
	margin:4% 10%;}

/* 6040 */
.content .box6040_01{
	width:50%;
	padding-left:6%;
	float:left;}

.content .box6040_02{
	width:40%;
	padding:0 4% 0 2%;
	float:left;
	text-align: left;}

/* 4カラム*/
.content .box4_01{
	width:17%;
	margin-left:6%;
	margin-right:3%;
	float:left;}

.content .box4_02{
	width:17%;
	margin:0 3%;
	float:left;}

.content .box4_04{
	width:17%;
	margin-left:3%;
	margin-right:6%;
	float:left;}

/* ポンシブ
--------------------------*/
@media screen and (max-width: 767px) {
	.m_rl10{
	margin:auto;}

	.log{
	padding-bottom: 5%;}
	
	.wrapper{
	width:100%;
	margin:24% 0 40%;
	padding:2%;}

	.content{
	padding: 16% 6%;
	width:100%;}
	
	/* 見出し */
	h1{
		padding:12% 0 8% 0;}
	h2{
		letter-spacing: 6px;
		padding:8% 0;}
	h3{
		padding: 6% 0;}

	/* 2カラム */
	.content .box6040_01{
		width:100%;
		height:auto;
		margin:auto;
		padding:0 3%;
		float:none;}

	.content .box6040_02{
		width:100%;
		height:auto;
		margin:4% 0 0;
		padding:0 3%;
		text-align:center;
		float:none;}
	}