@charset "utf-8";


/*PC・タブレット・スマホ(全端末)共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
	color: #666;	/*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fffff;	/*背景色*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}



/*リンク
---------------------------------------------------------------------------*/

a {
  color:#666;
}

a hover{
  color:#546247;
}

/*ヘッダ
ー---------------------------------------------------------------------------*/
header {
	text-align: center;	/*内容を中央よせ*/
}
/*ロゴ画像*/
#logo img {
	width: 400px;	/*画像幅*/
	margin: 40px auto 40px;	/*ロゴの上と下に40pxスペースを空ける設定*/
}
/*フッター
ー---------------------------------------------------------------------------*/
footer {
	text-align: center;	/*内容を中央よせ*/
}
/*ロゴ画像*/
#logo2 img {
	width: 250px;	/*画像幅*/
	margin: 10px auto 40px;	/*ロゴの上と下に40pxスペースを空ける設定*/
}
/*メイン少しずらしたボックス
---------------------------------------------------------------------------*/
h2 {
	clear: both;
	margin-bottom: 20px;
	color: #000;		/*文字色*/
	padding: 20px 20px;	/*上下、左右への余白*/
	font-size: 18px;

}


.box2-6{text-align: left;
	margin: 2em auto;
	padding:2em;/*内側の余白*/
	background: none;/*元のボックス背景色なし*/
	border:1px solid #ccc ;/*線の太さ・種類・色*/
	position: relative;/*配置（基準）*/
width:50%;
}
.box2-6:after{
text-align: left;
	background-color:#eee;/*ずらしたボックスの背景色*/
	border:none;
	content: '';
	position: absolute;/*配置（ここを動かす）*/
	top: 7px;/*上から7pxずらす*/
	left: 7px;/*左から7pxずらす*/
	width: 100%;
	height: 100%;
	z-index: -1;
}

.box2-6 a {
  display: inline-block;
  color:#666;
  font-size:105%;
  text-decoration:none;
  position: relative;
  transition: .3s;
}
.box2-6 a::after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #546247;
  transition: .3s;
}
.box2-6 a:hover::after{
  width: 100%;
}


@media screen and (max-width: 768px) {
    h2 {
	clear: both;
	margin-bottom: 20px;
	color: #000;		/*文字色*/
	padding: 10px 0px;	/*上下、左右への余白*/
	font-size: 18px;

}


.box2-6{text-align: left;
	margin: 2em auto;
	padding:2em;/*内側の余白*/
	background: none;/*元のボックス背景色なし*/
	border:1px solid #ccc ;/*線の太さ・種類・色*/
	position: relative;/*配置（基準）*/
width:65%;
}
.box2-6:after{
text-align: left;
	background-color:#eee;/*ずらしたボックスの背景色*/
	border:none;
	content: '';
	position: absolute;/*配置（ここを動かす）*/
	top: 7px;/*上から7pxずらす*/
	left: 7px;/*左から7pxずらす*/
	width: 100%;
	height: 100%;
	z-index: -1;
}

 }
 
 @media screen and (max-width: 480px) {
h2 {
	clear: both;
	margin-bottom: 20px;
	color: #000;		/*文字色*/
	padding: 10px 0px;	/*上下、左右への余白*/
	font-size: 18px;

}

.box2-6{text-align: left;
	margin: 2em auto;
	padding:2em;/*内側の余白*/
	background: none;/*元のボックス背景色なし*/
	border:1px solid #ccc ;/*線の太さ・種類・色*/
	position: relative;/*配置（基準）*/
width:65%;
}
.box2-6:after{
text-align: left;
	background-color:#eee;/*ずらしたボックスの背景色*/
	border:none;
	content: '';
	position: absolute;/*配置（ここを動かす）*/
	top: 7px;/*上から7pxずらす*/
	left: 7px;/*左から7pxずらす*/
	width: 100%;
	height: 100%;
	z-index: -1;
}
 }