@charset "utf-8";





/*※文字サイズを「大」にした場合のスタイル

------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*文字サイズ変更ボタン

---------------------------------------------------------------------------*/

/*「大」ボタンを押した時の文字サイズ*/

body {

	font-size: 30px;	/*文字サイズ*/

}

/*「小」ボタン設定*/

#fsize ul li#small a::before {

	background: #ccc;	/*背景色*/

}

/*マウスオン時の「小」ボタン設定*/

#fsize ul li#small a:hover::before {

	background: #009603;	/*背景色*/

}

/*「大」ボタン設定*/

#fsize ul li#large a::before {

	background: #009603;	/*背景色*/

}



/*ヘッダー（ロゴが入った最上段のブロック）

---------------------------------------------------------------------------*/

/*ヘッダーブロック*/

header .inner {
	height: auto;	/*ヘッダーの高さ*/
	min-height: 220px;
}
/*ロゴ画像*/

header #logo {
	width: 450px;		/*ロゴ画像の幅*/
}
#headermenu {
	top: 50px;
}
#headermenu li {
	margin: 0;
}
#headermenu li a {
	font-size: 24px;
	padding: 18px 40px;
	border-radius: 30px;
}
/*ヘッダー内SNSリンク（文字サイズ「大」対応）

---------------------------------------------------------------------------*/

#header-sns {
	padding: 15px 30px;	/*上下、左右へのボックス内の余白を大きく*/
	gap: 25px;
}
#header-sns .sns-label-text {

	font-size: 20px;	/*ラベル文字サイズを大きく*/

}

#header-sns .sns-icons {

	gap: 20px;

}

#header-sns .sns-icons a {

	padding: 10px 12px;	/*パディングを大きく*/

}

#header-sns .sns-icons a i {

	font-size: 42px;	/*アイコンサイズを大きく*/

	margin-bottom: 6px;

}

#header-sns .sns-icons a span {
	font-size: 13px;	/*ラベル文字サイズを大きく*/
	line-height: 1.4;
}

@media screen and (min-width:1101px){
	header .inner {
		height: auto;
		min-height: 220px;
	}
	#fsize,
	#headermenu,
	#header-sns {
		position: static;
	}
	#headermenu {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 10px;
		margin: 0;
	}
	#headermenu li {
		margin: 0;
	}
}


/*メインメニュー

---------------------------------------------------------------------------*/

/*メニュー１個あたりの設定（２段に段落ちさせる形になります）*/

#menubar li {

	width: 33.33%;

}



/*メインメニュー（※メニューが画面上部に到達した際の設定）

---------------------------------------------------------------------------*/

/*最初と最後のメニューへの追加設定*/

body.is-fixed #menubar li:first-child a,

body.is-fixed #menubar li:last-child a {

	border-radius: 0px;	/*角丸をやめる設定*/

}

/*飾り文字を非表示にする*/

body.is-fixed #menubar li span {

	display: none;

}

/*メニューの高さを狭くする*/

body.is-fixed #menubar li a {

	height: 55px;

	padding-top: 0px;

}



/*ドロップダウンメニュー用

----------------------------------------------------------------------------------------------------------------------------------*/

/*メニューブロック*/

#menubar ul.ddmenu {

	width: 33.3%;		/*幅。上の「#menubar li」と合わせる。*/

}

/*メニュー１個あたりの設定*/

#menubar ul.ddmenu li a {

	height: auto;

}



/*fixmenu。メインメニューが画面上部に到達した際の設定

---------------------------------------------------------------------------*/

/*headerブロック*/

body.is-fixed header {

	margin-bottom: 182px;	/*#menubar li aのheight（80）とpadding-top（10）と、border-bottom（1）を合計した数字を２倍（メニューが２段なので）にする。*/

}



/*listブロック

---------------------------------------------------------------------------*/

/*ブロック１個あたりの設定*/

.list {

	width: auto;

	float: none;

	margin-left: 0;

}

/*h4（見出し）とp（段落）タグの設定*/

.list h4, .list p {

	height: auto;

}

/*画像*/

.list figure {

	float: left;	/*左に回りこみ*/

	width: 30%;		/*が蔵の幅*/

	margin-right: 2%;	/*画像の右側に空けるスペース*/

}



/*よく頂く質問

---------------------------------------------------------------------------*/

/*質問と回答共通*/

.faq dt,.faq dd {

	background-size: 60px;

	padding-left: 60px;

}


/*Top page news list (large text size overlap fix)

---------------------------------------------------------------------------*/
#new dt {
	float: none;
	width: auto;
	letter-spacing: 0.05em;
	margin-top: 12px;
}
#new dd {
	padding-left: 0;
	padding-bottom: 12px;
}


/*News archive list (large text size overlap fix)

---------------------------------------------------------------------------*/
.news-list dl,
.news-list dl#news-archive {
	display: block !important;
}
.news-list dt,
.news-list dl#news-archive dt {
	padding: 16px 20px 6px !important;
	border-bottom: none;
	line-height: 1.4;
}
.news-list dd,
.news-list dl#news-archive dd {
	padding: 0 20px 16px !important;
	line-height: 1.6;
}
.news-list dd a {
	padding: 0 !important;
}
.news-list dd a::after {
	position: static;
	transform: none;
	margin-left: 8px;
}



/*テーブル（ta1）

---------------------------------------------------------------------------*/

/*ta1の左側ボックス*/

.ta1 th {

	width: 30%;		/*幅*/

}

/*フッター会社情報（文字サイズ「大」対応）
---------------------------------------------------------------------------*/
#footer-company-info {
	padding: 28px 0 24px;
	font-size: 1.05em;
}
#footer-company-info .company-name {
	font-size: 1.3em;
}
#footer-company-info .info-grid {
	grid-template-columns: 1fr;
	gap: 16px 0;
}
#footer-company-info .info-label {
	width: 8em;
	flex-basis: 8em;
	font-size: 1em;
}
#footer-company-info .info-content {
	font-size: 1.1em;
}
#footer-company-info .info-content .phone-number {
	font-size: 1.25em;
}
#footer-company-info .info-content .business-hours {
	font-size: 1em;
}