@charset "utf-8";
@import url("./sp-parts-header-footer.css");

/* var() 関数 */
:root {

	/* コンテンツ幅（最小値） */
	--sp-content-min-width: 320px;

	/* #mymainbackの上下余白 */
	--mymainback-margin-top: 15px;
	--mymainback-margin-bottom: 40px;
	/* #mymainbackの左右余白 */
	--mymainback-margin-side: 15px;
	/* コンテンツの上下余白 */
	--content-margin-normal: 30px;
	--content-margin-narrow: 20px;
	--content-margin-wide: 40px;

	/* フォントサイズ */
	--fontsize-main: 1.4rem;
	/* 通常より一段階小さいフォントサイズ（一覧をみるボタンなど） */
	--fontsize-main-small: 1.3rem;
	/* 本文（ #main ） */
	--fontsize-detail: 1.5rem;

	/* リストの区切り線の色 */
	--list-bordercolor: #cccccc;

}
@media screen and (max-width: 370px) {
	:root {
		/* #mymainbackの左右余白 */
		--mymainback-margin-side: 10px;
		/* 本文（ #main ） */
		--fontsize-detail: 1.4rem;
	}
}
/* var() 関数 ここまで */


/* ===== 1 基本設定 ===== */

/* フォント */
body,
button,
input[type="button"],
input[type="submit"],
input[type="text"],
textarea,
select {
	font-size: var(--fontsize-main, 1.4rem);
}

#main {
	font-size: var(--fontsize-detail, 1.5rem);
}

/* リンク */
div[class*="tpl_"]:not(.tpl_top) *[id*="kanren_"] ul li a,
div[class*="tpl_"]:not(.tpl_top) *[id*="_recommend"] ul li a,
div[class*="tpl_"]:not(.tpl_top) *[id*="_list"] ul li a,
div[class*="tpl_"]:not(.tpl_top) *[class*="_list"] ul li a,
div[class*="tpl_"]:not(.tpl_top) .navigation ul li a,
div[class*="tpl_"]:not(.tpl_top) .navigation > div a,
#important_noticest_area .second_important ul li a {
	display: block;
	background: url("/img/sp/arrow_r.png") no-repeat right center transparent;
	background-size: 8px auto;
	padding-right: 15px;
	text-decoration: none;
}

/* 見出し */
#main_header h1 {
	margin: 0px;
	padding: 17px 20px;
	font-size: 2.4rem;
}

#main_body h2 {
	padding: 15px 20px;
	font-size: 2rem;
}
#main_body h2 label[for*="acc_ttl_label"],
#main_body h2.acc_title.accordion .accordion_icon {
	margin: -15px -20px; /* h2 の padding の値をマイナスにして指定する */
	padding: 15px 20px;  /* h2 の padding と同じ値を指定する */
	padding-right: 40px;
	background-position: right 20px top 50%;
}
#main_body h2.acc_title.acc_open,
#main_body h2.acc_title.accordion.acc_open {
	margin-bottom: 0.5em;
}

#main_body h3,
.kakuka_info_ttl,
.life_cat_list_ttl {
	padding: 12px 20px;
	font-size: 1.8rem;
}
#main_body h3 label[for*="acc_ttl_label"],
#main_body h3.acc_title.accordion .accordion_icon,
.life_cat_list_ttl label[for*="acc_ttl_label"],
.life_cat_list_ttl.acc_title.accordion .accordion_icon {
	margin: -12px -20px; /* h3 の padding の値をマイナスにして指定する */
	padding: 12px 20px;  /* h3 の padding と同じ値を指定する */
	padding-right: 40px;
	background-position: right 20px top 50%;
}
#main_body h3.acc_title.acc_open,
#main_body h3.acc_title.accordion.acc_open {
	margin-bottom: 0.5em;
}

#main_body h4 {
	padding: 10px 20px;
	font-size: 1.6rem;
}

#main_body h5 {
	padding: 8px 20px;
	font-size: 1.5rem;
}

#main_body h6 {
	padding: 5px 20px;
	font-size: 1.4rem;
}

/* ===== 2 ヘッダ / フッタ ===== */

/* 「 sp-parts-header-footer 」 参照 */

/* ===== 3 パンくず / 足あと ===== */

/* パンくず・足あと */
#pankuzu_wrap {
	font-size: 1.2rem;
	padding: 20px 0px 10px;
}
#pankuzu_wrap > div {
	width: auto;
	margin: 0px var(--mymainback-margin-side, 15px) 10px;
}
.pankuzu,
#footstep {
	padding-left: 5rem;
}
.pankuzu:first-child .icon_current,
#footstep_ttl {
	width: 4rem;
	font-size: 1rem;
	top: -1px;
}

/* 足あと 非表示 */
#footstep_wrap {
	display: none !important;
}

/* ===== 4 メイン ===== */

/* メイン */
#mymainback {
	margin: var(--mymainback-margin-top, 15px) var(--mymainback-margin-side, 15px) var(--mymainback-margin-bottom, 40px);
}

/* コンテンツヘッダ */
#content_header {
	font-size: var(--fontsize-main-small, 1.3rem);
}
#content_header > span {
	margin-left: 1em;
}

/* コンテンツフッタ */
#content_footer {}

/* 印刷 */
#content_header > span.link_print,
#print_mode_link,
#print_mode_link_large {
	display: none !important;
}

/* SDGsアイコン */
.d-flex.f-wrap-wrap > *,
.sdgs-icons > *,
.d-flex.f-wrap-wrap img,
.sdgs-icons img,
.d-flex.f-wrap-wrap > * img,
.sdgs-icons > * img {
	width: 60px;
}

/* カレンダー登録 */
#calendar_button_google,
#calendar_button_yahoo {
	margin: var(--content-margin-narrow, 20px) 20px 0px 0px;
}
#calendar_button_google a,
#calendar_button_yahoo a {
	font-size: var(--fontsize-main-small, 1.3rem);
}

/* SNSボタン */
.sns_button_wrap {}

/* PDF・WMPリンク */
.pdf_download,
.wmplayer_download {
	display: block;
	width: auto;
}
.pdf_download .pdf_img,
.wmplayer_download .wmplayer_img {
	display: block;
}
.tenpu_txt {
	display: block;
	padding: 10px 0px 0px;
	font-size: 1.2rem;
	line-height: 1.5;
}

/* 評価エリア */
#hyouka_area_box {
	padding: 30px 20px;
}
#hyouka_area_box h2,
#main_body #hyouka_area_box h2 {
	font-size: 1.8rem;
	letter-spacing: 0em;
}
@media screen and (max-width: 370px) {
	#hyouka_area_box h2,
	#main_body #hyouka_area_box h2 {
		font-size: 1.6rem;
	}
}
#hyouka_area_box .hyouka_box_detail {
	font-size: var(--fontsize-main-small, 1.3rem);
}
#hyouka_area_box .hyouka_box_detail fieldset span {
	margin-right: 2em;
}
#hyouka_area_box .hyouka_box_detail fieldset span:first-of-type {
	min-width: auto;
}

#hyouka_area_submit {
	margin: 10px 0 0px;
}
#hyouka_area_submit input {
	display: block;
	width: 100%;
	max-width: 100%;
	font-size: var(--fontsize-main-small, 1.3rem);
}

/* お問い合わせ先 */
#section_footer {
	padding: 30px 20px;
}
#section_footer h2,
#main_body #section_footer h2 {
	font-size: 1.8rem;
	letter-spacing: 0em;
}
@media screen and (max-width: 370px) {
	#section_footer h2,
	#main_body #section_footer h2 {
		font-size: 1.6rem;
	}
}

/* おすすめコンテンツ */
#osusume_contents_area .second_osusume {
	padding: 30px 15px 15px;
}
#osusume_contents_area .second_osusume h2,
#osusume_contents_area .second_osusume_ttl {
	font-size: 1.8rem;
	margin: 0px 5px 20px;
}
#osusume_contents_area .second_osusume ul {
	max-width: 420px;
	margin: 0px auto;
}
#osusume_contents_area .second_osusume ul li {
	width: calc(50% - 10px);
	margin: 0px 5px 15px;
}

/* ===== 5 サイド ===== */

/* サイドバー */
#sidebar1,
#sidebar2 {
	margin-top: var(--content-margin-wide, 40px);
}

/* 重要なお知らせ */
#important_noticest_area .second_important {}

#important_noticest_area .second_important h2,
#important_noticest_area .second_important_ttl {
	font-size: 1.8rem;
}

#important_noticest_area .second_important ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#important_noticest_area .second_important ul li {
	margin: 0px;
	padding: 15px 0px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
}

#important_noticest_area .second_important .link_box {
	text-align: center;
}
#important_noticest_area .second_important .link_box > span a {
	font-size: var(--fontsize-main-small, 1.3rem);
}

/* カウントダウン */
#count_down_area .count_down_box {}

/* レコメンド・AIレコメンド */
#recommend_title h2,
#ai_recommend_title h2 {
	font-size: 1.6rem;
}

#sidebar_recommend ul,
#sidebar_ai_recommend ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sidebar_recommend ul li,
#sidebar_ai_recommend ul li {
	padding: 15px 20px;
}

/* 関連リンク */
#kanren_link h2 {
	font-size: 1.8rem;
}
#kanren_link ul {
	margin: 0px;
	padding: 10px 0px;
	list-style: none;
}
#kanren_link ul li {
	margin: 0px;
	padding: 15px 20px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
}

/* 「見つからないときは」「よくある質問」バナー */
#main .common_banner_link ul {
	margin-top: var(--content-margin-normal, 30px);
}

/* 関連情報 */
#kanren_info h2 {
	font-size: 1.8rem;
}
#kanren_info .kanren_box h3 {
	font-size: 1.6rem;
}
/*
#kanren_info .kanren_box ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#kanren_info .kanren_box ul li {
	margin: 0px;
	padding: 15px 0px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
}
*/
#kanren_info div.link_ichiran {
	margin: 0px;
	padding: 30px 20px 10px;
}

/* サイドメニュー */
.side_box_ttl h2 {
	font-size: 1.8rem;
}

.side_box_list ul {
	margin: 0px;
	padding: 20px;
	list-style: none;
}
.side_box_list ul li {
	margin: 0px;
	padding: 15px 0px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
}
.side_box_list ul li ul {
	padding: 10px 0px 0px 10px;
}
.side_box_list ul li ul li {
	margin-bottom: 0px;
	padding: 10px 0px;
}
.side_box_list ul li ul li:last-child {
	border-bottom: none;
}

/* サブサイト大小メニュー */
.subsite_menu {
	margin-bottom: 10px;
}

.subsite_menu_ttl {
	font-size: 1.6rem;
	text-align: left;
}

.subsite_menu_list ul {
	margin: 0px;
	padding: 20px 20px 30px;
	list-style: none;
}
.subsite_menu_list ul li {
	margin: 0px;
	padding: 15px 0px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
}

.subsite_menu_list div.link_ichiran {
	margin: 0px;
	padding: 0px 40px 30px;
}

/* サブサイト大小メニュー（開閉） */
.subsite_menu summary {
	display: list-item;
	pointer-events: auto;
	cursor: pointer;
}
.subsite_menu summary a {
	pointer-events: auto;
}

.subsite_menu summary:only-child {
	display: block;
	list-style-type: none;
	pointer-events: none;
	cursor: auto;
}
.subsite_menu summary:only-child::-webkit-details-marker {
	display: none;
}
.subsite_menu summary:only-child a {
	pointer-events: auto;
}

/* サブサイト大小メニュー（開閉） ＋－ */
.subsite_menu summary {
	display: block;
	list-style-type: none;
}
.subsite_menu summary::-webkit-details-marker {
	display: none;
}
.subsite_menu summary .tti_icon {
	margin: -18px -20px; /* .subsite_menu_ttl の padding の値をマイナスにして指定する */
	padding: 18px 20px;  /* .subsite_menu_ttl の  padding と同じ値を指定する */
	padding-right: 40px;
	display: block;
	background: url("/img/sp/acc_open.png") no-repeat right 20px top 50%;
	background-size: 15px 15px;
}
.subsite_menu details[open] summary .tti_icon {
	background-image: url("/img/sp/acc_close.png");
}

.subsite_menu summary:only-child .tti_icon,
.subsite_menu details[open] summary:only-child .tti_icon {
	background: none !important;
}

.color_change .subsite_menu summary .tti_icon {
	background-image: url("/img/sp/acc_open_white.png");
}
.color_change .subsite_menu details[open] summary .tti_icon {
	background-image: url("/img/sp/acc_close_white.png");
}

/* ===== 6 リスト ===== */

/* リスト（横並び） */
.navigation,
.navigation ul {
	display: block;
}
.navigation ul li,
.navigation ul li:last-child,
.navigation > div,
.navigation > div:last-child {
	display: block;
	margin: 0px;
	padding: 15px 20px;
	border: none;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
}

#main_body h2 + .navigation {
	margin-top: -0.75em;
}
#main_body h3 + .navigation {
	margin-top: -0.5em;
}
#main_body h4 + .navigation {
	margin-top: -0.25em;
}

/* リスト（一覧） */
.info_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.info_list ul li {
	margin: 0px;
	padding: 15px 20px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
}

/*
#main_body h2 + .info_list {
	margin-top: -0.75em;
}
#main_body h3 + .info_list {
	margin-top: -0.5em;
}
#main_body h4 + .info_list {
	margin-top: -0.25em;
}
*/

/* リスト（日付） */
.info_list.info_list_date ul li {
	display: block;
	width: auto;
}
.info_list.info_list_date ul li > span {
	display: block;
}
.info_list.info_list_date ul li > span.article_date {
	width: auto;
}

/* リスト（担当課） */
.article_section {
	display: block;
	text-align: right;
}
.article_section a {
	display: inline !important;
	background: none !important;
	padding-right: 0px !important;
	text-decoration: underline !important;
}

/* リスト（サムネイル） */
.list_pack .article_img {
	width: 120px;
}
.list_pack .article_img span,
.list_pack .article_img span:empty {
	height: 90px;
}
@media screen and (max-width: 370px) {
	.list_pack .article_img {
		width: 100px;
	}
	.list_pack .article_img span,
	.list_pack .article_img span:empty {
		height: 75px;
	}
}

/* リスト（一覧リンク） */
div.link_ichiran {
	margin: 0px;
	padding: 30px 20px;
	text-align: center;
}
div.link_ichiran a {
	display: block;
	padding: 10px;
	text-align: center;
}
#main div.link_ichiran a {
	min-width: auto;
}

/* ===== 7 新着情報 ===== */

/* 新着情報 */
.section_information {
	padding: 0px;
}
.section_information h2 {
	margin: 0px;
	padding: 15px 20px;
	font-size: 2rem;
}
.section_information h2 label[for*="acc_ttl_label"],
.section_information h2.acc_title.accordion .accordion_icon {
	margin: -15px -20px; /* h2 の padding の値をマイナスにして指定する */
	padding: 15px 20px;  /* h2 の padding と同じ値を指定する */
	padding-right: 40px;
	background-position: right 20px top 50%;
}

.section_information p.no_data {
	padding: 20px;
}

.section_information_list img.icon_new {
	margin: 0px;
	position: absolute;
	top: 15px;
	left: calc(11em + 10px);
}
div[class*="site_index2"] .section_information_list img.icon_new {
	top: 15px;
	left: 0px;
}
/*
.section_information_list ul {
	padding: 0px 20px 20px;
}
*/
.section_information_list ul li {
	display: block;
	width: auto;
	margin: 0px;
	padding: 15px 0px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
	position: relative;
}
.section_information_list ul li > span {
	display: block;
}
.section_information_list ul li > span.article_date {
	width: auto;
}

/* 新着情報（一覧 / RSS） */
.section_information_list div.link_box {
	padding: 0px 15px 30px;
}
.section_information_list div.link_box span {
	margin: 10px 5px 0px;
	width: auto;
	max-width: none;
	min-width: calc(50% - 10px);
}
.section_information_list div.link_box span a {
	font-size: var(--fontsize-main-small, 1.3rem);
}

/* 新着情報（サムネイル） */
.section_information_thum {
	margin: 0px 20px;
	padding: 15px 0px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
	width: calc(100% - 40px);
}
.section_information_thum > div.lettering2 {
	width: 120px;
}
@media screen and (max-width: 370px) {
	.section_information_thum > div.lettering2 {
		width: 100px;
	}
}

/* 新着情報2 */
.section_information2 {
	margin: 20px 20px;
}
.section_information2 h2 {
	font-size: 1.8rem;
}
.section_information2 h2.acc_title.acc_open {
	margin-bottom: 0.5em;
}
.section_information2 h2 label[for*="acc_ttl_label"],
.section_information2 h2.acc_title.accordion .accordion_icon {
	background-position: right 0px top 50%;
	padding-right: 20px;
}
.section_information2 .info_list ul li {
	padding-left: 0px;
	padding-right: 0px;
}

/* ===== 8 バナー ===== */

/* バナー広告 */
#footer_banner {
	width: auto;
	max-width: 420px;
	margin: 0px auto var(--mymainback-margin-bottom, 40px);
}
#footer_banner ul.banner_list {
	padding: 0px calc(var(--mymainback-margin-side, 15px) - 5px);
}
#footer_banner ul.banner_list li,
#footer_banner ul.banner_list li:nth-child(5n),
#footer_banner ul.banner_list li:nth-child(n+6) {
	width: calc(50% - 10px);
	margin: 5px;
}

.banner_text span:nth-child(2n) {
	font-size: var(--fontsize-main-small, 1.3rem);
}

/* ===== 9 各ページ ===== */

/* サイトマップ */

/* 分類でさがす */

/* 大分類（見出し） */
/*
div[id^="main_header_life3_"] {
	height: 0px;
	padding-top: 18.5%;
}
*/
div[id^="main_header_life3_"] h1 {
	padding: 0px 20px;
	font-size: 2.4rem;
}

/* 大分類（ライフイベント） */
.list_lifestage h2 {
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.list_lifestage ul li,
.list_lifestage ul li:nth-child(8n),
.list_lifestage ul li:nth-child(n+9) {
	width: calc(25% - 10px);
	margin: 5px;
}
.list_lifestage ul li a {
	background-size: auto 30px;
	background-position: center 10px;
	font-size: 1.2rem;
	padding: 50px 5px 10px;
}

/* 分類 */
#life_cat_list_wrap {
	display: block;
}
.life_cat_list,
.life_cat_list:nth-child(2n),
.life_cat_list:nth-child(n+3) {
	display: block;
	width: auto;
	margin: 0px 0px 20px;
}
.life_cat_list:last-child {
	margin-bottom: 0px;
}

div[class*="life_list3"] .life_cat_list,
div[class*="life_list3"] .life_cat_list:nth-child(2n),
div[class*="life_list3"] .life_cat_list:nth-child(n+3),
div[class*="life_list3"] .life_cat_list:nth-child(3n),
div[class*="life_list3"] .life_cat_list:nth-child(n+4) {
	display: block;
	width: auto;
	margin: 0px 0px 20px;
}
div[class*="life_list3"] .life_cat_list:last-child {
	margin-bottom: 0px;
}

/* サブカテゴリ */
#lifesub_cat_list_wrap {
	display: block;
}
.lifesub_cat_list,
.lifesub_cat_list:nth-child(2n),
.lifesub_cat_list:nth-child(n+3) {
	display: block;
	width: auto;
	margin: 0px 0px 20px;
}
.lifesub_cat_list:last-child {
	margin-bottom: 0px;
}

/* サブカテゴリ小 */
div[class*="kanren1"] .info_list ul li:last-child {
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
	margin-bottom: 0px;
}

/* サブカテゴリ中 */
div[class*="kanren2"] .acc_title + input[id*="acc_ttl_label"] + .life_gaiyou + *,
div[class*="kanren2"] .acc_title.accordion + .life_gaiyou + * {
	display: none;
}
div[class*="kanren2"] .acc_title + input[id*="acc_ttl_label"]:checked + .life_gaiyou + *,
div[class*="kanren2"] .acc_title.accordion.acc_open + .life_gaiyou + * {
	display: block;
}

/* 組織 / 部局 / 課室 */

/* 新着情報 */
div[class*="soshiki_news"] .info_list ul li {
	position: relative;
}
div[class*="soshiki_news"] img.icon_new {
	margin: 0px;
	position: absolute;
	top: 15px;
	left: calc(11em + 10px);
}

/* 改ページ */
.page_num {
	font-size: 1.6rem;
}
.page_num_ttl,
.page_num_view {
	font-size: 1.4rem;
}

/* ウェブブック */
#book_list_wrap {
	display: block;
}
.book_list_box,
.book_list_box:nth-child(2n),
.book_list_box:nth-child(n+3) {
	display: block;
	width: auto;
	margin: 0px 0px 20px;
}
.book_list_box:last-child {
	margin-bottom: 0px;
}

/* アンケート */
#main_body table.tbl_ques {
	margin-top: var(--content-margin-narrow, 20px);
}
#main_body table.tbl_ques th {
	font-size: 1.1rem;
	padding: 4px;
}
#main_body table.tbl_ques th.title {
	width: 42%;
}
#main_body table.tbl_ques th.date {
	width: 22%;
}
#main_body table.tbl_ques th.date2 {
	width: 22%;
}
#main_body table.tbl_ques th.button {
	width: 14%;
}
#main_body table.tbl_ques td {
	font-size: 1.3rem;
	padding: 4px;
}
div[class*="question"] #main_body table.tbl_ques td input {
	font-size: 1.1rem;
	padding: 5px;
}

div[class*="question_detail"] #main_body input[type="text"] {
	width: 100%;
}
div[class*="question_detail"] #main_body textarea {
	width: 100%;
}
div[class*="question_detail"] #main_body h2 {
	margin: var(--content-margin-narrow, 20px) 0px;
}
div[class*="question_detail"] #main_body img {
	max-width: 100%;
	height: auto !important;
	vertical-align: top;
}

div[class*="question"] #main_body input[type="submit"],
div[class*="question"] #main_body input[type="button"] {
	width: calc(40% - 20px);
	min-width: auto;
	padding: 10px;
}

/* お問い合わせフォーム */
#main_body table#mail_form_tbl tbody,
#main_body table#mail_form_tbl tr,
#main_body table#mail_form_tbl th,
#main_body table#mail_form_tbl td {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: none;
}
#main_body table#mail_form_tbl th {
	font-size: 1.2rem;
	padding: 5px 10px;
	text-align: left;
	border-top: 1px solid var(--table-bordercolor, #333333);
}
#main_body table#mail_form_tbl tr:first-child th {
	border-top: none;
}
#main_body table#mail_form_tbl td {
	font-size: 1.3rem;
	padding: 10px;
	border-top: 1px dotted #cccccc;
}
#main_body table#mail_form_tbl td:only-child {
	border-top: none;
}
#main_body table#mail_form_tbl td textarea {
	vertical-align: middle;
}
#main_body table#mail_form_tbl td input[type="text"]#mail_to,
#main_body table#mail_form_tbl td input[type="text"]#mail_to2 {
	width: 100%;
}

#mail_form_btn_wrap input[type="submit"] {
	width: calc(40% - 20px);
	min-width: auto;
	padding: 10px;
}

#mail_form_btn_wrap p {
	font-size: var(--fontsize-main-small, 1.3rem);
}

/* googleカスタム検索結果 */

/* 地図でさがす */
#shisetsu_list_txt p {
	padding: 15px;
}

#shisetsu_list_link ul {
	padding: 0px;
}
#shisetsu_list_link ul li {
	display: block;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid var(--list-bordercolor, #cccccc);
}

#shisetsu_detail_wrap .shisetsu_detail_box {
	margin-bottom: 0px;
}







#pankuzu_wrap{
        font-size: 1rem;
}
#pankuzu_wrap > div{
    align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
}
.pankuzu:first-child .icon_current, #footstep_ttl{
    border-radius: 4px;
        width: 8rem;
        min-width: 8rem;
}
#main_body > *:first-child, #main_body #sp_headline_0 + h2, #main_body #toc1 + h2{
    margin-top: 20px;
}
#main_header h1{
        font-size: 2.0rem;
}
#main_body h2{
    margin-top: 2em;
        font-size: 1.8rem;
}
#main_body h3, .kakuka_info_ttl, .life_cat_list_ttl{
	padding: 0 0 6px;
        font-size: 1.6rem;
}
#main_body .list_ccc ul li{
    flex-direction: column;
    padding: 10px;
}
#main_body .list_ccc ul li .date{
	    margin-bottom: 4px;
}
div[class*="tpl_"]:not(.tpl_top) *[id*="kanren_"] ul li a, div[class*="tpl_"]:not(.tpl_top) *[id*="_recommend"] ul li a, div[class*="tpl_"]:not(.tpl_top) *[id*="_list"] ul li a, div[class*="tpl_"]:not(.tpl_top) *[class*="_list"] ul li a, div[class*="tpl_"]:not(.tpl_top) .navigation ul li a, div[class*="tpl_"]:not(.tpl_top) .navigation > div a, #important_noticest_area .second_important ul li a{
	background: none;
	padding: 0;
	text-decoration: underline;
}

#section_footer{
        padding: 20px 10px 10px;
}
#section_footer_info a{
    display: table;
}
#section_footer_title{
	text-align: center;
	font-size: 1.8rem;
}
#hyouka_box_title{
	font-size: 1.8rem;
}

.list_type_a_title h2{
        font-size: 1.8rem;
}
.list_type_a_list_box .list_ccc ul li{
        flex-direction: column;
        padding: 10px;
}
.list_type_a_list_box .text_d2, #main_body .list_ccc .text_d3{
    gap: 1em;
    margin-top: 1em;
    flex-direction: column;
    align-items: flex-end;
}

.category_h1{
	padding: 20px;
	font-size: 2.0rem;
}
#h1_life span:before{
    width: 25px;
    height: 25px;
    background-size: 25px;
    min-width: 25px;
    margin-top: 2px;
}
#koukoku_side ul{
    flex-direction: column;
    gap: 15px;
}
#koukoku_side ul li{
    width: 100%;
}
#koukoku_side ul li a{
    padding: 15px 20px;
}
#koukoku_side ul li span{
    font-size: 1.6rem;
        padding: 0 10px 0 0;
}
#koukoku_side ul li a img{
	max-width: 120px;
        height: auto;
}
#halfbox_wrap{
    gap: 30px 20px;
}
#halfbox_wrap .halfbox{
	width: 100%;
}
#halfbox_wrap .halfbox .navigation ul{
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
        gap: 10px 0;
}
#halfbox_wrap .halfbox .navigation ul li{
    display: inline-block;
    border: none;
    border-right: 1px solid;
        padding: 3px 1em;
}
#halfbox_wrap .halfbox .navigation ul li a{
    line-height: unset;
}
.list_type_a_list_box {
    margin-top: 2em;
}
#sidebar1, #sidebar2{
        width: 100%;
}


div[id^="main_header_life3_"] h1,
.category_h1 span, div[id^="main_header_life3_"] span{
    padding: 0;
    font-size: 2.0rem;
        margin: 0;
}
.category_h1, div[id^="main_header_life3_"]{
        padding: 20px;
        font-size: 2.0rem;
        width: calc(100% - 40px);
        margin-bottom: 0;
}
#main_header_life3_2 span:before{
        width: 25px;
        height: 25px;
        background-size: 25px;
        min-width: 25px;
        margin-top: 2px;
    margin-right: 14px;
}
#main_header_life3_3 span:before{
        width: 38px;
        height: 36px;
        background-size: 38px;
        min-width: 35px;
        margin-top: -6px;
        margin-right: 14px;
}
#main_header_life3_4 span:before{
        width: 36px;
        height: 34px;
        min-width: 36px;
        background-size: 36px;
        margin-top: -4px;
        margin-right: 14px;
}
#main_header_life3_5 span:before{
        width: 38px;
        height: 36px;
        min-width: 38px;
        background-size: 38px;
        margin-top: -6px;
        margin-right: 14px;
}
#main_header_life3_6 span:before{
        width: 38px;
        height: 36px;
        min-width: 38px;
        background-size: 38px;
        margin-top: -6px;
        margin-right: 14px;
}
#main_header_life3_7 span:before{
        width: 36px;
        height: 34px;
        min-width: 36px;
        background-size: 36px;
        margin-top: -4px;
        margin-right: 14px;
}

#sidebar1.soshiki_side{
    width: 100%;
    padding: 0;
}
#sidebar1.soshiki_side .side_box_list ul li{
    margin: 0px 0px 20px;
    padding: 0 0 0 18px;
    border: none;
}
.section_information h2{
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}
.section_information_list div.link_box{
    gap: 1em;
    margin-top: 1em;
    flex-direction: column;
    align-items: flex-end;
    padding: 0;
}
.section_information_list div.link_box span{
    margin: 0;
    min-width: auto;
}
#main_body .info_list ul li{
        flex-direction: column;
        padding: 10px;
}
.list_lifestage ul{
    padding: 10px;
    gap: 18px;
}
.list_lifestage ul li, .list_lifestage ul li:nth-child(8n), .list_lifestage ul li:nth-child(n+9){
        margin: 0;
        width: calc(100% / 3 - 12px);
}
.list_lifestage ul li a{
        padding: 10px;
        width: auto;
        height: calc(100% - 20px);
}
#main_body ul.nodot_list{
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}
#main_body ul.nodot_list li{
    display: inline-block;
    border: none;
    border-right: 1px solid;
    padding: 3px 1em;
    margin: 0;
}
#hyouka_area_box{
    margin: 0;
    padding: 0;
}
.system_box, #hyouka_area_box{
    margin: 0;
}


/*保育*/
.hoikukakuho_contents .interview2_box .catch{
    min-width: auto;
}
.hoikukakuho_contents .nakama_box .nakama_tit{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.hoikukakuho_contents .interview2_box .talk_box{
    flex-direction: column;
}
.hoikukakuho_contents .interview2_box .talk{
    flex-direction: column;
    border-left: none;
    border-top: 1px solid #e7672c;
}
.hoikukakuho_contents .interview2_box .talk:before{
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #e7672c;
  border-top: 0;
    top: 0;
    left: auto;
}
.hoikukakuho_mati_main .hoikukakuho_mati_off .inner{
    width: auto;
    float: none;
}
.hoikukakuho_contents .fr{
    float: none;
}
.tdlife_contents .tdlife_bg_top{
    padding: 20px;
    width: calc(100% - 40px);
    flex-direction: column;
}
.tdlife_contents .tdlife_bg_top .tdlife_img01{
    order: 0;
    width: 100%;
    height: auto;
    max-width: 300px;
    margin: 20px auto 0;
}
.tdlife_contents .tdlife_bg_top .tdlife_txt01{
    width: 100%;
    height: auto;
        text-align: center;
}
.tdlife_contents .tdlife_bg_bottom{
    padding: 20px;
    width: calc(100% - 40px);
    flex-direction: column;
    align-items: center;
}
.tdlife_contents .tdlife_appeal, .tdlife_contents .tdlife_family{
    width: 100%;
    max-width: 440px;
}