@charset "utf-8";



/*トップページ　追加設定
---------------------------------------------------------------------------*/



@media (min-width: 800px) {

.top-lead {
    margin: 0 0 40px 0;
    padding: 0 30px;
}
}

@media (max-width: 800px) {

.top-lead {
    margin: 0 0 30px 0;
}
}




/*list2　３つ並びのコンテンツ導入部分のボックス
---------------------------------------------------------------------------*/

.list2 {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 30%;		/*ボックス幅*/
	margin: 0 1.5% 40px;	/*上、左右、下へ、ボックスの外側に空けるスペース*/
	text-align: center;		/*内容を中央よせ*/
}
@media (max-width: 800px) {

.list2 {
	position: relative;
	width: 100%;		/*ボックス幅*/
	margin: 0 0 40px;	/*上、左右、下へ、ボックスの外側に空けるスペース*/
	text-align: center;		/*内容を中央よせ*/
}
}


/*ボックス内の画像*/
.list2 figure {
	margin-bottom: 20px;	/*画像の下に空けるスペース*/
}
.list2 figure a:hover{
	opacity: 0.8;	/*マウスオン時。透明度80%にする。*/
}
/*ボックス内のh4（見出し）タグ*/
.list2 h4 {
	position: absolute;
	top: 0px;	/*list2ボックスの上から0pxの場所に配置*/
	width: 100%;	/*幅*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.6);	/*背景色。0,0,0は黒の事で0.7は70%色がついた状態。*/
	color: #fff;	/*文字色*/
    font-size: 1.1em;
}
/*ボックス内のp（段落）タグ*/
.list2 p {
	padding: 0px !important;
}



/* コンテンツ導入エリア */

.btn_entrance {
	margin-top: 20px;
}

@media (min-width: 800px) {

.lead_entrance {
min-height: 145px;
text-align: left;
}

}

@media (max-width: 800px) {

.lead_entrance {
min-height: ;
text-align: left;
}

}


/* コンテンツ導入　バナーエリア */


@media (min-width: 800px) {

.contents_entrance {
margin: 80px 0 110px 0;
padding: 0 60px;
}

.contents_entrance_b {
display:flex;
justify-content: space-between;
margin: 40px 0 0 0;
gap: 30px 40px; /* 余白 */
}

}


@media (max-width: 800px) {

.contents_entrance {
margin: 0 0 40px 0;
padding: 0 0;
}

.contents_entrance_b {
display:flex;
justify-content: space-between;
margin: 20px 0 0 0;
gap: 0 20px; /* 余白 */

}

.contents_entrance_b img {
width: ;

}

}


/*btn1　３つ並びのコンテンツ導入部分のボタン
---------------------------------------------------------------------------*/
/*btn1共通*/
a.btn1 {
	text-decoration: none;display: inline-block;
	background: #e5831f;	/*古いブラウザ用*/
	color: #FFF !important;
	border: 1px solid #e5831f;	/*枠線の幅、線種、色*/
	border-radius: 2px;			/*角丸のサイズ。ほんの少しだけ角を丸くしています。*/
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
/*マウスオン時*/
a.btn1:hover{
	background: #ff9223;
}
/*contents内のbtn1。主にinfo.htmlやservice.htmlで使っています。*/
#contents a.btn1 {
	padding: 5px 40px 5px 40px;	/*上、右、下、左へのボックス内の余白*/
	letter-spacing: 0.2em;		/*文字間隔を広くとる設定*/
}

a.btn1 i { color:#fff; }