@charset "utf-8";

#footstep_wrap{
	display: none !important;
}

#header2{
	min-height: 700px;
	background: url(/img/sites/kosodate/top-mainimg.jpg) no-repeat center bottom transparent;
	background-size: cover;
}
@media (min-width: 1101px){
	#header2_box{
		display: grid;
		grid-template-areas:
			'links'
			'top-logo';
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}
	
}
#he_left{
	grid-area: top-logo;
}

@media (min-width: 1101px){
	#he_left #logo{
		display: grid;
		place-content: center center;
		margin-top: 60px;
	}
	
}
#mymainback {
	width: auto;
	margin-inline: 0px;
	margin-top: 40px;
}

#main_a {
	display: grid;
	grid-template-columns: 1fr min(var(--content-width),100%) 1fr;
}

#main_a > div {
	grid-column: 2 / 3;
}

#main :is(#area1,#area2,#area3) {
	grid-column: 1 / 4;
}

#topics {
	margin: 0px;
	padding-block: 40px;
}
#topics:has(.topics_slide_wrap:empty){
	display: none;
}
#topics h2{
	margin: 0px 0px 40px;
	padding: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.6rem;
	line-height: 1;
	gap: 15px;
}
#topics h2 :where(img,span){
	display: block;
}
#topics h2 span.h2text{
	margin-bottom: 10px;
}

.topics_slide_wrap {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 500px;
}
#topics .topics_slide_wrap:empty{
	height: auto;
}
.topics_slide_wrap .swiper.detail_slideshow{
	position: absolute;
	left: calc(50vw - 1000px);
}

#topics :is(
	button.swiper-button-prev, 
	button.swiper-button-next,
	button.swiper-button-start, 
	button.swiper-button-stop
){
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #000;
	color: #000;
	-webkit-transition: -webkit-filter 0.15s ease;
	transition: -webkit-filter 0.15s ease;
	-o-transition: filter 0.15s ease;
	transition: filter 0.15s ease;
	transition: filter 0.15s ease, -webkit-filter 0.15s ease;
}
#topics :is(
	button.swiper-button-prev, 
	button.swiper-button-next,
	button.swiper-button-start, 
	button.swiper-button-stop
):where(:hover,:focus){
	-webkit-filter: invert(1);
	filter: invert(1);
}
#topics :is(
	button.swiper-button-prev,
	button.swiper-button-next
){
	top: 220px;
}
#topics button.swiper-button-prev{
	right: auto;
	left: calc(50% - 340px);
}
#topics button.swiper-button-next{
	right: calc(50% - 340px);
	left: auto;
}
#topics button.swiper-button-start, 
#topics button.swiper-button-stop{
	right: calc(50% - 340px);
	left: auto;
	top: 280px;
}

#topics :is(button.swiper-button-start,button.swiper-button-stop,button.swiper-button-prev, button.swiper-button-next)::after{
	background: #000;
}
#topics button.swiper-button-prev::after{
	left: 20px;
}
#topics button.swiper-button-next::after{
	right: 20px;
}

#topics :where(button.swiper-button-start,button.swiper-button-stop)::after{
	height: 14px;
	width: 8px;
}
#topics button.swiper-button-stop::after{
	-webkit-clip-path: polygon(0 0, 25% 0, 25% 100%, 75% 100%, 75% 0, 100% 0%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 25% 0, 25% 100%, 75% 100%, 75% 0, 100% 0%, 100% 100%, 0 100%);
}

#topics .swiper-pagination{
	margin-top: 30px;
}
#topics .swiper-pagination-bullet{
	opacity: 1;
	width: 18px;
	height: 18px;
	margin-inline: 10px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
	-webkit-box-shadow: 0px 0px 0px 10px #fff inset;
	box-shadow: 0px 0px 0px 10px #fff inset;
	-webkit-transition: -webkit-box-shadow 0.25s ease;
	transition: -webkit-box-shadow 0.25s ease;
	-o-transition: box-shadow 0.25s ease;
	transition: box-shadow 0.25s ease;
	transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}
#topics .swiper-pagination-bullet-active{
	-webkit-box-shadow: 0px 0px 0px 4px #fff inset;
	box-shadow: 0px 0px 0px 4px #fff inset;
}

#kosotade_tab {}

#kosodate_tab_select {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
	width: min(var(--content-width));
	margin-inline: auto;
}
#kosodate_tab_select button[id]{
	display: grid;
	place-content: center center;
	background: none;
	margin: 0px;
	padding: 30px 10px 30px;
	border:none;
	border-radius: 25px 25px 0px 0px;
	position: relative;
	background: #fdf9d5;
	z-index: 2;
	bottom: -10px;
}
#kosodate_tab_select button[id].is-active{
	pointer-events: none;
	-webkit-box-shadow: 0px 0px 10px -00px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px -00px rgba(0,0,0,0.1);
	background: #fff;
	z-index: 3;
	bottom: 0;
}
#kosodate_tab_select button[id].is-active::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 20px;
	background: #fff;
	bottom: -10px;;
}

#kosodate_tab_select button[id] .tab_inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.6rem;
	line-height: 1;
	gap: 10px;
	position: relative;
}
#kosodate_tab_select button[id].is-active .tab_inner::after{
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: #fdcccc;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-radius: 100px;
}
#kosodate_tab_select button[id] span{
	display: block;
}
#kosodate_tab_select button[id] :is(.title_text,.title_img){
	position: relative;
	z-index: 2;
}
#kosodate_tab_select button[id] span.title_text{
	margin-bottom: 15px;
}

#kosodate_tab_detail {
	-webkit-box-shadow: 0px -10px 10px -10px rgba(0,0,0,0.1);
	box-shadow: 0px -10px 10px -10px rgba(0,0,0,0.1);
	position: relative;
	z-index: 2;
	background: #fff;
}


#kosodate_tab_detail .kosodate_tab_box {
	width: min(var(--content-width),100%);
	margin-inline: auto;
	padding-block: 80px;
}
#kosodate_tab_detail .kosodate_tab_box:not(.is-active){
	display: none;
}
#kosodate_tab_detail .kosodate_tab_box ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 50px 60px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	
}

#kosodate_tab_detail .kosodate_tab_box ul li a:-webkit-any-link{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 230px auto;
	width: 230px;
	gap: 20px;
	color: currentcolor;
	text-decoration: none;
}

#kosodate_tab_detail .kosodate_tab_box ul li a:-moz-any-link{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 230px auto;
	width: 230px;
	gap: 20px;
	color: currentcolor;
	text-decoration: none;
}

#kosodate_tab_detail .kosodate_tab_box ul li a:any-link{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 230px auto;
	width: 230px;
	gap: 20px;
	color: currentcolor;
	text-decoration: none;
}
#kosodate_tab_detail .kosodate_tab_box ul li a:-webkit-any-link:hover{
	text-decoration: underline;
}
#kosodate_tab_detail .kosodate_tab_box ul li a:-moz-any-link:hover{
	text-decoration: underline;
}
#kosodate_tab_detail .kosodate_tab_box ul li a:any-link:hover{
	text-decoration: underline;
}
#kosodate_tab_detail .kosodate_tab_box ul li a span{
	display: block;
}

#kosodate_tab_detail .kosodate_tab_box ul li a span.icon_img{
	border-radius: 50%;
	display: grid;
	place-content: center center;
}
#kosodate_tab_detail .kosodate_tab_box ul li a span.icon_text{
	text-align: center;
}
#kosodate_tab_detail #kosodate_tab_detail_age.kosodate_tab_box ul li a span.icon_img{
	background: #feefef;
}
#kosodate_tab_detail #kosodate_tab_detail_pps.kosodate_tab_box ul{
	gap: 50px 80px;
}

#kosodate_tab_detail #kosodate_tab_detail_pps.kosodate_tab_box ul li a span.icon_img{
	background: #fdf9d5;
}

#area3{
	background: url(/img/sites/kosodate/ptn-stripe1.jpg) repeat center top;
}

.area3_inner {
	width: min(var(--content-width,100%));
	margin-inline: auto;
	display: grid;
	grid-template-columns: 710px 330px;
	gap: 60px;
	padding: 100px 0px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}


/* 新着情報 */
.section_information {
	margin: 0px;
	background: #fff;
	padding: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 25px;
}

.section_information h2 {
	margin: 0px;
	padding: 0px 0px;
	border: none;
	border-radius: 0;
	background: none;
	font-size: 1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 10px;
}
.section_information h2 :where(span,img){
	display: block;
}

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

.section_information_list ul {
	margin: 0px;
	padding: 20px 0px;
	list-style: none;
}

.section_information_list ul li {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 20px;
	border-bottom: 1px dashed #f59859;
}
.section_information_list ul li:first-child{
	border-top: 1px dashed #f59859;
}

.section_information_list ul li>span {
	display: block;
}

.section_information_list ul li>span.article_date {
	font-size: var(--fontsize-detail-small, 1.6rem);
	line-height: 1;
	margin: 0px 0px 5px;
}

.section_information_list img.icon_new {
	vertical-align: baseline;
	margin-left: 0.5em;
}

/* 新着情報（文字拡大時） */
.font_size_changed .section_information_list ul li,
.font_size_changed .section_information_list ul li>span {
	display: block;
}

.font_size_changed .section_information_list ul li>span.article_date {
	width: auto;
	padding-top: 0px;
}

/* 新着情報（一覧 / RSS） */
.section_information_list div.link_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 20px;
	margin: 20px 0px 0px;
}

.section_information_list div.link_box span {
	display: block;
	width: auto;
	max-width: 100%;
}

.section_information_list div.link_box span a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	border: 1px solid transparent;
	border-radius: 0;
	background: #ffffff;
	color: #333333;
	font-size: var(--fontsize-main-small, 1.5rem);
	line-height: 1;
	text-decoration: none;
	margin: 0px;
	padding: 10px 20px;
	text-align: center;
}

.section_information_list div.link_box span a::after {
	content: url(/img/sites/kosodate/icon-link.png);
}

.section_information_list div.link_box span a:hover::after {}

.section_information_list div.link_box span a:hover,
.section_information_list div.link_box span a:focus {
	text-decoration: underline;
}

/* リスト（一覧リンク） */
div.link_ichiran {
	margin: 30px 0px 20px;
	padding: 0px;
	text-align: right;
}

div.link_ichiran a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	border: var(--btn-border, 1px solid transparent);
	border-radius: var(--btn-borderradius, 0);
	-webkit-box-shadow: var(--btn-boxshadow, none);
	box-shadow: var(--btn-boxshadow, none);
	/* color: var(--btn-color, #333333); */
	-webkit-text-decoration: var(--btn-textdecoration, none);
	text-decoration: var(--btn-textdecoration, none);
	font-size: var(--fontsize-main-small, 1.5rem);
	line-height: 1.8rem;
	padding: 10px 20px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: var(--btn-transition, none);
	-o-transition: var(--btn-transition, none);
	transition: var(--btn-transition, none);
}

div.link_ichiran a:hover,
div.link_ichiran a:focus {
	color: var(--btn-hover-color, #333333);
	-webkit-text-decoration: var(--btn-hover-textdecoration, underline);
	text-decoration: var(--btn-hover-textdecoration, underline);
}

#main div.link_ichiran a:-webkit-any-link {
	/* min-width: 260px; */
}

#main div.link_ichiran a:-moz-any-link {
	/* min-width: 260px; */
}

#main div.link_ichiran a:any-link {
	/* min-width: 260px; */
}

div.link_ichiran a::after {
	content: '';
	display: block;
	background: currentColor;
	-webkit-clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0% 100%, 75% 50%, 0% 0%);
	clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0% 100%, 75% 50%, 0% 0%);
	width: 6px;
	height: 12px;
}

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

.sidebar2_in{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
}

.top_side_link ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top_side_link ul li{
	display: block;
	margin: 0px;
	padding: 0px;
}
.top_side_link ul li a:-webkit-any-link{
	display: grid;
	grid-template-columns:100px 1fr;
	-webkit-box-align: center;
	align-items: center;
	text-decoration: none;
	text-align: left;
	padding: 20px 10px;
	border-radius: 15px;
	gap: 10px;
	font-size: 1.6rem;
	font-weight: bold;
}
.top_side_link ul li a:-moz-any-link{
	display: grid;
	grid-template-columns:100px 1fr;
	align-items: center;
	text-decoration: none;
	text-align: left;
	padding: 20px 10px;
	border-radius: 15px;
	gap: 10px;
	font-size: 1.6rem;
	font-weight: bold;
}
.top_side_link ul li a:any-link{
	display: grid;
	grid-template-columns:100px 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	text-align: left;
	padding: 20px 10px;
	border-radius: 15px;
	gap: 10px;
	font-size: 1.6rem;
	font-weight: bold;
}
.top_side_link ul li a:-webkit-any-link:hover{
	text-decoration: underline;
}
.top_side_link ul li a:-moz-any-link:hover{
	text-decoration: underline;
}
.top_side_link ul li a:any-link:hover{
	text-decoration: underline;
}
.top_side_link ul li a:-webkit-any-link:has(img[src*="icon-event"]){
	background: #fbf6a8;
}
.top_side_link ul li a:-moz-any-link:has(img[src*="icon-event"]){
	background: #fbf6a8;
}
.top_side_link ul li a:any-link:has(img[src*="icon-event"]){
	background: #fbf6a8;
}
.top_side_link ul li a:-webkit-any-link:has(img[src*="icon-shisetsu"]){
	background: #d3effe;
}
.top_side_link ul li a:-moz-any-link:has(img[src*="icon-shisetsu"]){
	background: #d3effe;
}
.top_side_link ul li a:any-link:has(img[src*="icon-shisetsu"]){
	background: #d3effe;
}

.top_side_link ul li a span{
	display: block;
}
.top_side_link ul li a span.iconimg{
	display: grid;
	place-content: center center;
}


.top_side_qa{
	padding: 30px;
	background-image: -o-linear-gradient(315deg, #f4fade 25%, #ffffff 25%, #ffffff 50%, #f4fade 50%, #f4fade 75%, #ffffff 75%, #ffffff 100%);
	background-image: linear-gradient(135deg, #f4fade 25%, #ffffff 25%, #ffffff 50%, #f4fade 50%, #f4fade 75%, #ffffff 75%, #ffffff 100%);
	background-size: 20px 20px;
	background-repeat: repeat;
	background-position: center top;
	border-radius: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.top_side_qa h2{
	margin: 0px 0px 10px;
	padding:0px;
	display: inline-grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	font-size: 1.6rem;
}

.top_side_qa_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 25px;
}
.top_side_qa_wrap .free_box{
	position: relative;
	width: calc(100% - 90px);
	margin: 0px;
	background: #ccc;
	padding: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.4rem;
	border-radius: 10px;
	line-height: 1.4;
}
.top_side_qa_wrap .free_box a{
	color: currentcolor;
}
.top_side_qa_wrap .free_box:nth-child(odd){
	/* padding-right: 90px; */
	margin-right: auto;
	background: #fef3a8;
}
.top_side_qa_wrap .free_box:nth-child(even){
	/* padding-left: 90px; */
	margin-left: auto;
	background: #e4fcfe;
}

.top_side_qa_wrap .free_box:nth-child(odd)::before{
	content: url(/img/sites/kosodate/char-qa-odd.png);
	position: absolute;
	left: calc(100% + 20px);
	top: 0;
	z-index: 2;
}
.top_side_qa_wrap .free_box:nth-child(odd)::after{
	content: url(/img/sites/kosodate/fkds-odd.png);
	position: absolute;
	left: 100%;
	top: 10px;
	z-index: 2;
}
.top_side_qa_wrap .free_box:nth-child(even)::before{
	content: url(/img/sites/kosodate/char-qa-even.png);
	position: absolute;
	right: calc(100% + 20px);
	top: 0;
}
.top_side_qa_wrap .free_box:nth-child(even)::after{
	content: url(/img/sites/kosodate/fkds-even.png);
	position: absolute;
	right: 100%;
	top: 10px;
}

p.qa_link {
	margin: 40px 0px 0px;
	text-align: right;
	/* align-self: flex-end; */
	width: 100%;
}
p.qa_link a:-webkit-any-link{
	display: inline-grid;
	grid-template-columns: auto 30px;
	gap: 10px;
	color: currentcolor;
	text-decoration: none;
}
p.qa_link a:-moz-any-link{
	display: inline-grid;
	grid-template-columns: auto 30px;
	gap: 10px;
	color: currentcolor;
	text-decoration: none;
}
p.qa_link a:any-link{
	display: inline-grid;
	grid-template-columns: auto 30px;
	gap: 10px;
	color: currentcolor;
	text-decoration: none;
}
p.qa_link a:-webkit-any-link:hover{
	text-decoration: underline;
}
p.qa_link a:-moz-any-link:hover{
	text-decoration: underline;
}
p.qa_link a:any-link:hover{
	text-decoration: underline;
}
p.qa_link a::after{
	content: url(/img/sites/kosodate/icon-link.png);
}


@media (max-width: 720px){
	#topics{
		
	}
	#topics .swiper-wrapper {
		  height: 75vw !important;
	}
	
	#topics .swiper-slide img.pg_class_slide_img_fit {
		width: 100vw;
		height: 75vw;
		-o-object-fit: contain;
		object-fit: contain;
	}
	
	#topics .swiper-slide {
		width: 100vw !important;
	}
	
	#topics .swiper-container {
		width: 300vw !important;
		margin-left: -100vw;
		height: 100%;
	}
	
	#topics .topics_slide_wrap {
		height: calc(75vw + 100px);
	}
	#topics .topics_slide_wrap .swiper.detail_slideshow{
		left: calc(50vw - 50%);
		height: 100%;
	}
	#topics .swiper-pagination{
		/* left: 0vw; */
		top: auto;
		bottom: -80px;
		margin: 0;
	}
	#topics :is( button.swiper-button-prev, button.swiper-button-next, button.swiper-button-start, button.swiper-button-stop ){
		top: calc(100% - 60px);
		bottom: auto;
	}
	#topics :is( button.swiper-button-prev, button.swiper-button-next ){
		
	}
	#topics button.swiper-button-prev{
		left: calc(50% - 90px);
	}
	#topics button.swiper-button-next{
		right: auto;
		left: calc(50% - 25px);
	}
	#topics button.swiper-button-start, #topics button.swiper-button-stop{
		right: auto;
		left: calc(50% + 40px);
	}
}

@media (max-width: 1100px){
	#header2{
		min-height: 375px;
		background-size: auto 230px;
	}

	#kosodate_tab_select{
		gap: 10px;
		margin-inline: 10px;
		width: auto;
	}
	#kosodate_tab_select button[id]{
		padding: 20px 10px;
	}
	#kosodate_tab_select button[id] .tab_inner{
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 35px auto;
	}
	#kosodate_tab_select button[id] span.title_img img{
		width: auto;
		height: 35px;
	}
	#kosodate_tab_detail .kosodate_tab_box{
		padding-block: 60px;
	}
	#kosodate_tab_detail #kosodate_tab_detail_pps.kosodate_tab_box ul,
	#kosodate_tab_detail .kosodate_tab_box ul{
		gap: 20px 40px;
	}
	#kosodate_tab_detail .kosodate_tab_box ul li a:-webkit-any-link{
		width: 160px;
		grid-template-rows: 160px auto;
		gap: 10px;
	}
	#kosodate_tab_detail .kosodate_tab_box ul li a:-moz-any-link{
		width: 160px;
		grid-template-rows: 160px auto;
		gap: 10px;
	}
	#kosodate_tab_detail .kosodate_tab_box ul li a:any-link{
		width: 160px;
		grid-template-rows: 160px auto;
		gap: 10px;
	}
	#kosodate_tab_detail .kosodate_tab_box ul li a span.icon_img img{
		-webkit-transform: scale(0.65);
		-ms-transform: scale(0.65);
		transform: scale(0.65);
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
	}



	.area3_inner{
		display: block;
		width: auto;
		padding: 80px 10px;
	}

	.section_information{
		padding: 40px 20px;
		margin-block: 0px 40px;
	}
	.section_information_list div.link_box{
		gap: 10px;
		padding: 0;
		margin: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.section_information_list div.link_box span a{
		padding: 10px;
	}

	#main_body:has(*){
		padding: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* 色変更 */
.color_change #he_left #logo {
	background: none !important;
}

.color_change #header div#header2 {
	background: url(/img/sites/kosodate/top-mainimg.jpg) no-repeat center bottom transparent !important;
}

.color_change #he_right {
	background-color: var(--acc_bg_col) !important;
}

.color_change #container #topics :is(button.swiper-button-start,button.swiper-button-stop,button.swiper-button-prev, button.swiper-button-next)::after{
	background: #fff !important;
	color: #000 !important;
}
.color_change #topics .swiper-pagination-bullet-active{
	background: #fff !important;
}

.color_change #kosodate_tab_select button[id].is-active::after{
	display: none;
}
.color_change #kosodate_tab_detail{
	background: var(--acc_dark_bg_col) !important;
}
.color_change #kosodate_tab_detail .kosodate_tab_box ul li a:-webkit-any-link .icon_img{
	background-color: #fff4 !important;
	color: #000;
	
}
.color_change #kosodate_tab_detail .kosodate_tab_box ul li a:-moz-any-link .icon_img{
	background-color: #fff4 !important;
	color: #000;
	
}
.color_change #kosodate_tab_detail .kosodate_tab_box ul li a:any-link .icon_img{
	background-color: #fff4 !important;
	color: #000;
	
}
.color_change #area3{
	background: none;
}
.color_change .top_side_link ul li a:-webkit-any-link{
	border: 1px solid;
}
.color_change .top_side_link ul li a:-moz-any-link{
	border: 1px solid;
}
.color_change .top_side_link ul li a:any-link{
	border: 1px solid;
}
.color_change .top_side_qa{
	background: none;
	border: 1px solid;
}
/* 色変更ここまで */