@charset "utf-8";

/* ==================================================
PC
================================================== */

/* ========== トップページ ========== */

/* 非表示 */
#footstep_wrap,.top_menu_box {
	display: none !important;
}

/* メインスライド */
.sec_top_main {
	width: var(--content-width, 1080px);
	margin:15px auto 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.box_top_main_slide {
	width:720px;
}
.box_top_main_slide img{
	border-radius: 313px 105px 51px 186px;
	overflow: hidden;
}
.sec_top_main button.swiper-button-prev, .sec_top_main button.swiper-button-next,
.sec_top_main button.swiper-button-start, .sec_top_main button.swiper-button-stop{
	-webkit-box-shadow: none;
    box-shadow: none;
	border:solid 1px #fff;
	background: #013c5a;
	width: 30px;
    height: 30px;
}
.sec_top_main button.swiper-button-prev, .sec_top_main button.swiper-button-next {
	top: calc(50% - 40px);
}
.sec_top_main button.swiper-button-start, .sec_top_main button.swiper-button-stop {
	top:  calc(50% - 5px);
}
.sec_top_main .swiper-pagination {
	margin-top: 15px;
}
.sec_top_main .swiper-pagination-bullet {
	width: 10px;
    height: 10px;
    margin: 0 10px !important;
	background: #fff;
	opacity: 1;
	border:solid 1px #fff;
}
.sec_top_main .swiper-pagination-bullet-active {
	background:#013c5a;
}
.sec_top_main button.swiper-button-prev::after, .sec_top_main button.swiper-button-next::after {
	width: 8px;
    height: 14px;
}

/* メインバナー */
.box_top_bnr .top_bnr {
	margin-bottom:25px;
}
.box_top_bnr .top_bnr:last-child {
	margin-bottom:0;
}
.box_top_bnr .top_bnr a {
	display: block;
}
.box_top_bnr .top_bnr img {
	border-radius: 20px;
	display: block;
}

/* 検索 */
.header_search {
	display: block;
    margin: 8px auto 0;
    border: none;
    background: none;
	position: relative;
}
.header_search .box_top_search {
	gap: 40px;
	padding-bottom: 0;
}

/* コンテンツ */
#container {
	background-image:url(/img/sites/kosodate/top/bg-heade-l.png),url(/img/sites/kosodate/top/bg-heade-r.png);
	background-repeat: no-repeat;
	background-position: center top,center top 248px;
}
#mymainback_bg {
	position:relative;
	background: linear-gradient(180deg, transparent 0%, transparent 40px, #f4f3e9 40px, #f4f3e9 100%);
}
#mymainback_bg:before {
	content:"";
	width:100%;
	height:250px;
	display: block;
	background: url(/img/sites/kosodate/top/nami.png) no-repeat center;
	position:absolute;
	top:-210px;
}
#mymainback {
	width:100%;
}
#main:before {
	display: none;
}
#main_body_bg {
	display: none;
}
#main_body_bg:after {
	display: none;
}
#main_body_bg:has(#main_body div[class*="detail_"])  {
	display: block;
	width: var(--content-width, 1080px);
	margin: 60px auto 15px;
    background: #fff;
    padding: 20px;
}
#main_body_bg:has(#main_body div[class*="detail_"])::after {
	display: block;
}
#main_body {
	width:680px;
	margin: 0px auto;
}

/* 新着情報 */
.section_information {
	width: var(--content-width, 1080px);
	margin: 30px auto;
	position:relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 36rem;
}
.section_information .box_information_ttl {
	width:200px;
	height:263px;
	background-color: #afdfeb;
	background-image:url(/img/sites/kosodate/top/bg-info-top.png),url(/img/sites/kosodate/top/bg-info-bottom.png);
	background-repeat: no-repeat;
	background-position: center top 14px,center bottom;
	padding:55px 0 96px;
	text-align: center;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section_information h2 {
	margin: 0px;
	padding: 0px;
	border: none;
	border-radius: 0;
	background: none;
	font-size: 2.4rem;
	height:100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.section_information .section_information_list_wrap {
	width:820px;
}

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

.section_information_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.section_information_list ul li {
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	border-bottom:dashed 1px #b5b5b5;
}
.section_information_list ul li > span {
	display: table-cell;
	vertical-align: top;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.section_information_list ul li > span.article_date {
	width: calc(11em + 10px);
	font-size: var(--fontsize-detail-small, 1.6rem);
	padding-top: 0.1rem;
	font-weight: normal;
	letter-spacing: 0em;
}
.section_information_list ul li > span a {
	text-decoration: none;
}
.section_information_list ul li > span a:hover {
	text-decoration: underline;
}

.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 {
	margin-top:36px;
	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: flex-end;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 20px;
}
.section_information_list div.link_box > span {
	display: inline-block;
	vertical-align: top;
	min-width: 160px;
	max-width: 100%;
}
.section_information_list div.link_box > span > a {
	display: block;
	border:solid 1px #153d5d;
	background: #ffffff;
	border-radius: 20px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.8rem;
	text-decoration: none;
	margin: 0px;
	padding: 10px 20px;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.section_information_list div.link_box > span > a:hover {
	background: #e9f0f2;
}
.section_information_list div.link_box span a > span {
	display: inline-block;
	background: url(/img/sites/kosodate/top/ico-arrow.png) no-repeat right center;
	padding-right:15px;
	width: auto;
}
.section_information_list div.link_box span a:hover,
.section_information_list div.link_box span a:focus {
	text-decoration: underline;
}
.box_event {
	position:absolute;
	top:280px;
	left:0;
	width:200px;
}
.box_event a {
	display: block;
	background-color:#afebd9;
	background-image: url(/img/sites/kosodate/top/ico-event.png),url(/img/sites/kosodate/top/ico-arrow.png) ;
	background-position: left 20px center,right 12px center;
	background-repeat: no-repeat;
	padding:20px 20px 20px 80px;
	border-radius: 20px;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.box_event a:hover {
	background-color:#c0f4e4;
}

/** 検索エリア **/
.bg_top_search_area {
	background: #fff;
	margin:95px 30px 0;
	padding-bottom: 50px;
	border-radius: 20px;
	position:relative;
}
.bg_top_search_area:before {
	content:"";
	width:108px;
	height:65px;
	display: block;
	background: url(/img/sites/kosodate/top/ico-flower.png) no-repeat center;
	position:absolute;
	top: -45px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.box_sec_old,.box_sec_mokuteki {
	width: var(--content-width, 1080px);
	margin:0 auto;
	padding: 70px 0 60px;
}
.box_sec_mokuteki {
	padding-top:0;
}
.box_sec_old h2,.box_sec_mokuteki h2 {
	font-size:2.4rem;
	margin:0 0 40px;
	text-align: center;
	letter-spacing: 0.1em;
}
.box_sec_old .sec_old_list {
	list-style: none;
	margin:0;
	padding:0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	gap:78px;

}
.box_sec_old .sec_old_list li {
	width:180px;
	text-align: center;
}
.box_sec_old .sec_old_list li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.box_sec_old .sec_old_list li a:hover {
	text-decoration: underline;
}
.box_sec_old .sec_old_list li a:before {
	content:"";
	width:180px;
	height:180px;
	display: block;
	margin-bottom:15px;
}
.box_sec_old .sec_old_list li#old_list_01 a:before {
	background: url(/img/sites/kosodate/top/ico-old-01.png) no-repeat center;
}
.box_sec_old .sec_old_list li#old_list_02 a:before {
	background: url(/img/sites/kosodate/top/ico-old-02.png) no-repeat center;
}
.box_sec_old .sec_old_list li#old_list_03 a:before {
	background: url(/img/sites/kosodate/top/ico-old-03.png) no-repeat center;
}
.box_sec_old .sec_old_list li#old_list_04 a:before {
	background: url(/img/sites/kosodate/top/ico-old-04.png) no-repeat center;
}
.box_sec_mokuteki .sec_mokuteki_list {
	list-style: none;
	margin:0;
	padding:0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.box_sec_mokuteki .sec_mokuteki_list li {
	width: 336px;
	margin-bottom: 38px;
}
.box_sec_mokuteki .sec_mokuteki_list li:nth-child(3n - 1) {
	width: 346px;
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_11 {
	
}
.box_sec_mokuteki .sec_mokuteki_list:after {
    content: "";
    display: block;
    width: 336px;
    height: 0;
}
.box_sec_mokuteki .sec_mokuteki_list li a {
	display: block;
	text-decoration: none;
	font-size:1.5rem;
	letter-spacing: 0.05em;
	padding-left:120px;
	min-height: 94px;
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.box_sec_mokuteki .sec_mokuteki_list li a:hover {
	text-decoration: underline;
}
.box_sec_mokuteki .sec_mokuteki_list li a .tit {
	font-size:1.8rem;
	font-weight: bold;
	display: block;
	margin-bottom:5px;
	white-space: nowrap;
}
.font_size_changed .box_sec_mokuteki .sec_mokuteki_list li a .tit,
.easy_active .box_sec_mokuteki .sec_mokuteki_list li a .tit {
	white-space: unset; 
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_01 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-01.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_02 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-02.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_03 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-03.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_04 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-04.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_05 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-05.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_06 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-06.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_07 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-07.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_08 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-08.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_09 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-09.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_10 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-10.png);
}
.box_sec_mokuteki .sec_mokuteki_list li#mokuteki_list_11 a {
	background-image: url(/img/sites/kosodate/top/ico-mokuteki-11.png);
}

/** 手続き **/
.box_sec_procedure {
	background: #e5f3f8;
}
.box_procedure_wrap {
	width: var(--content-width, 1080px);
	margin:0 auto;
	padding-bottom:35px;
}
.box_procedure_wrap h2 {
	margin:0;
	padding:20px 0px 0px 180px;
	position:relative;
	font-size:2.4rem;
	letter-spacing: 0.1em;
}
.box_procedure_wrap h2:before {
	content:"";
	width:71px;
	height:70px;
	display: block;
	background: url(/img/sites/kosodate/top/ico-procedure.png) no-repeat center;
	border-radius: 50em;
	border:solid 18px #e5f3f8;
	position: absolute;
    top: -35px;
    left: 65px;
}
.box_procedure_wrap .procedure_list,.box_procedure_wrap .procedure_search {
	list-style: none;
	margin:30px 0 0;
	padding:0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	gap: 24px;
}
.box_procedure_wrap .procedure_search {
	margin-top:40px;
}
.box_procedure_wrap .procedure_list li {
	min-width:250px;
}
.box_procedure_wrap .procedure_list li a {
	display: block;
	background: #fff url(/img/sites/kosodate/common/ico-arrow-red.png) no-repeat right 10px center;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border-radius: 20px;
    padding: 14px 20px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.box_procedure_wrap .procedure_list li a:hover {
	background-color:#f8fdff;
}
.box_procedure_wrap .procedure_search li {
	min-width:400px;
}
.box_procedure_wrap .procedure_search li a {
	display: block;
	background-image: linear-gradient(90deg, #11705d, #15968b);
	background-color:#11705d;
    color: #fff;
	text-align: center;
	font-size:2.2rem;
	font-weight: bold;
	text-decoration: none;
	border-radius: 20px;
    padding: 0px 20px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.box_procedure_wrap .procedure_search li a:hover {
	background-image: linear-gradient(90deg, #0d5e4e, #0e7b72);
}
.box_procedure_wrap .procedure_search li a span {
	display: inline-block;
	background: url(/img/sites/kosodate/top/ico-navi.png) no-repeat left bottom -12px;
	padding:11px 0 11px 70px;
}

/** 施設案内 **/
.box_sec_guide {
	width: var(--content-width, 1080px);
	margin:50px auto;
}
.box_sec_guide h2 {
	text-align: center;
	background: url(/img/sites/kosodate/top/ico-dot.png) no-repeat center top;
	padding:35px 0 0;
	margin:0 0 50px;
	font-size:2.4rem;
	letter-spacing: 0.1em;
}
.box_sec_guide .box_guide_list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	gap:50px 90px;
}
.box_sec_guide .box_guide_list .free_box {
	width:300px;
	text-align: center;
	position:relative;
	line-height: 1.4;
}
.box_sec_guide .box_guide_list .free_box img {
	border-radius: 20px;
}
.box_sec_guide .box_guide_list .free_box a:before {
	content:"";
	width:100%;
	height:100%;
	display: block;
	position: absolute;
}
/** バナー **/
.box_sec_top_bnr {
	display: none;
}
.box_sec_top_bnr:has(.free_box) {
	display: block;
	background: #e7e5d5;
	margin:80px 30px 0;
	border-radius: 20px;
	position:relative;
}
.box_sec_top_bnr .box_top_bnr_list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	gap:50px;
	padding:40px 0;
}
.box_sec_top_bnr .box_top_bnr_list .free_box img {
	border-radius: 20px;
}



/* ========== 背景色変更 ========== */

/* 共通 */
.color_change #mymainback_bg:before {
	display: none!important;
}
.color_change .section_information .box_information_ttl,
.color_change .box_event a,
.color_change .section_information_list div.link_box span a > span,
.color_change .box_procedure_wrap .procedure_search li a{
	background: none!important;
}
.color_change .box_procedure_wrap .procedure_list li a {
	background: none!important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	border:solid 1px;
}
.color_change .sec_top_main .swiper-pagination-bullet-active {
	background: #fff!important;
}
/* 黒 */
.color_black * {

}
/* 青 */
.color_blue * {

}

/* ==================================================
PC ここまで
================================================== */


/* ==================================================
スマートフォン
================================================== */
@media screen and (max-width: 1080px) {

	/* ========== トップページ ========== */
	#mymainback_bg {
		background: #f4f3e9;
	}
	#mymainback_bg:before {
		display: none;
	}
	#mymainback {
		width:auto;
	}
	#main_body {
		width:auto;
	}
	#main_body_bg:has(#main_body)  {
		max-width: 100%;
	}
	#container {
		background-image: url(/img/sites/kosodate/sp/bg-top-heade-l.png), url(/img/sites/kosodate/sp/bg-top-heade-r.png);
		background-repeat: no-repeat;
		background-position: left top, right top 35em;
	}
	/* ヘッダー */
	.btn_top_search {
		display: none;
	}
	#spm_wrap .btn_top_search {
		display:block;
		width: 100%;
        height: 70px;
		text-indent: -9999rem;
		color:#fff;
		background: url(/img/sites/kosodate/sp/btn-search.png) no-repeat center center #013c5a;
		border-radius: 15px 15px 0 0;
	}
	#spm_wrap .btn_top_search a {
		color:#fff;
	}
	
	/* スライドショー */
	.sec_top_main {
		display: block;
		width:auto;
		margin:20px 0 0;
	}
	.box_top_main_slide {
		max-width: 720px;
		width:auto;
		margin:0 auto;
	}
	.swiper-slide img {
        margin: 0 20px;
        width: calc(100% - 40px) !important;
    }
	.box_top_bnr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
		gap:10px;
	}
	.box_top_bnr .top_bnr {
		margin:0px;
	}
	
	/* 検索 */
	.header_search {
		position: relative;
		z-index: 1;
		padding: 20px;
		background: linear-gradient(180deg, transparent 0%, transparent 80px, #f4f3e9 80px, #f4f3e9 100%);
		margin-top: 30px;
		overflow: hidden;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		width: auto;
		height: auto;
		max-height: none;
		-ms-scroll-chaining: chained;
		    overscroll-behavior: auto;
	}
	.header_search:before {
		content: "";
		width: 110%;
		height: 80px;
		display: block;
		background: url(/img/sites/kosodate/top/nami.png) no-repeat center;
		background-size: 100% 80px;
		position: absolute;
		top: 0px;
		left:-5%;
	}
	.header_search .box_top_search {
		background: none;
		padding:0;
		position:relative
	}
	/* メニュー */
	.spm_menu_open .sec_top_main,.spm_menu_open .header_search {
		display: none;
	}
	.spm_menu_open .top_menu_box {
		display: block!important;
		position: relative;
        margin-bottom: 60px;
        z-index: 998;
		background: #f4f3e9;
        padding: 20px;
        border-radius: 0 0 20px 20px;
	}

	/* 新着情報 */
	.section_information {
		padding: 0px;
		width:100%;
		display: block;
		min-height: auto;
	}
	.section_information .box_information_ttl {
		width:100%;
		height:auto;
		background-image: url(/img/sites/kosodate/top/bg-info-top.png),url(/img/sites/kosodate/sp/bg-info-bottom.png);
		background-position: right 56px top 18px,right bottom;
		background-repeat: no-repeat;
		background-size: 27px auto,auto;
		padding: 20px 25px;
	}
	.section_information h2 {
		margin: 0px;
		padding: 15px 60px 15px 0px;
		font-size: 2rem;
		display: block;
    	text-align: left;
	}
	.section_information .section_information_list_wrap{
		width:100%;
		height:auto;
	}

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

	.section_information_list ul {
	}
	.section_information_list ul li {
		display: block;
		width: auto;
		margin: 0px;
		padding: 15px 0px;
	}
	.section_information_list ul li > span {
		display: block;
	}
	.section_information_list ul li > span.article_date {
		width: auto;
		padding-top: 0px;
	}
	.section_information_list ul li a {
	}

	.section_information_list ul li:has(img.icon_new) {
		position: relative;
	}
	.section_information_list ul li:has(img.icon_new) > span.article_date {
		padding-left: 45px;
	}
	.section_information_list ul li:has(img.icon_new) img.icon_new {
		margin: 0px;
		position: absolute;
		top: 17px;
		left: 0px;
	}

	/* 新着情報（一覧 / RSS） */
	.section_information_list div.link_box {
		padding: 0px 20px 30px;
		gap: 10px;
		margin-top:25px;
		-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	}
	.section_information_list div.link_box span {
		width: auto;
		max-width: none;
		min-width: calc(50% - 5px);
	}
	.section_information_list div.link_box span a {
		font-size: var(--fontsize-main-small, 1.3rem);
		min-width:200px;
	}
	.box_event {
		position: static;
		width:100%;
	}
	
	/* 検索エリア */
	.bg_top_search_area {
		margin:60px 0 0;
		padding-bottom: 30px;
	}
	.bg_top_search_area::before {
		width: 75px;
  		height: 46px;
		background-size:100% auto;
		top:-25px;
	}
	.box_sec_old, .box_sec_mokuteki {
		width:auto;
		padding: 40px 0 65px;
	}
	.box_sec_mokuteki {
		padding-top: 0;
	}
	.box_sec_old h2, .box_sec_mokuteki h2 {
		font-size: 2rem;
		margin: 0 0 30px;
	}
	.box_sec_old .sec_old_list {
		gap: 30px 13px;
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.box_sec_old .sec_old_list li {
		width: 144px;
	}
	.box_sec_old .sec_old_list li a::before {
		width: 144px;
		height:144px;
		background-size:100% auto!important;
	}
	.box_sec_mokuteki .sec_mokuteki_list {
		margin: 0 12px;
		-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	}
	.box_sec_mokuteki .sec_mokuteki_list li,.box_sec_mokuteki .sec_mokuteki_list li:nth-child(3n - 1) {
		margin-bottom: 17px;
		width:100%;
		max-width:346px;
	}
	.box_sec_mokuteki .sec_mokuteki_list li a {
		background-size:75px 75px;
		padding-left: 88px;
		font-size:1.4rem;
		line-height: 1.5;
		min-height: 75px;
	}
	.box_sec_mokuteki .sec_mokuteki_list li a .tit {
		font-size:1.6rem;
	}
	
	/* 手続き */
	.box_procedure_wrap {
		width: auto;
		padding-bottom: 30px;
	}
	.box_procedure_wrap h2 {
		font-size:2rem;
		padding: 10px 0px 0px 105px;
	}
	.box_procedure_wrap h2:before {
		width: 56px;
    	height: 56px;
		border: solid 16px #e5f3f8;
		left: 15px;
	}
	.box_procedure_wrap .procedure_list, .box_procedure_wrap .procedure_search {
		margin:30px 20px 0;
		gap: 10px;
	}
	.box_procedure_wrap .procedure_search {
		margin-top:20px;
	}
	.box_procedure_wrap .procedure_list li {
		width:100%;
		max-width: 330px;
	}
	.box_procedure_wrap .procedure_search li {
		width:100%;
		max-width:330px;
		min-width: auto;
	}
	.box_procedure_wrap .procedure_search li a {
		font-size: 1.7rem;
		text-align: left;
		padding: 0px 10px;
		letter-spacing: 0.1em;
	}
	.box_procedure_wrap .procedure_search li a span {
		background-position:left bottom -5px;
		background-size: 47px auto;
		padding: 15px 0 15px 50px;
	}
	
	/** 施設案内 **/
	.box_sec_guide {
		width:100%;
		margin-top:35px;
	}
	.box_sec_guide h2 {
		background-size:8px auto;
		padding: 30px 0 0;
		margin: 0 0 30px;
		font-size:2rem;
	}
	.box_sec_guide .box_guide_list {
		gap: 30px;
	}
	
	/** バナー **/
	.box_sec_top_bnr:has(.free_box) {
		margin: 35px 0 0;
		padding: 15px;
	}
	.box_sec_top_bnr .box_top_bnr_list {
		padding: 0;
		gap:10px;
	}

	/* ========== 背景色変更 ========== */

	/* 共通 */
	.color_change .header_search:before,
	.color_change .header_search{
		background: none!important;
	}
	/* 黒 */
	.color_black * {

	}
	/* 青 */
	.color_blue * {

	}

}
/* ==================================================
スマートフォン ここまで
================================================== */