@charset "utf-8";
@media screen and (min-width : 641px) and (max-width : 1617px) {
.sec_event:before,
.sec_mainvisual .mv_img:after,
.sec_mainvisual .mv_img .splide:after{
	background-size: auto;
}
}
@media screen and (min-width : 641px) and (max-width : 1440px) {
.sec_mainvisual .mv_navbar,
#tmp_link_fixed{
	right: calc((100% - 1220px)/2);
	right: max(10px, calc((100% - 1220px)/2));
}
}
@media screen and (min-width : 641px) and (max-width : 1380px) {
.sec_title:before{
	left: 0;
}
.news_wrapper .sec_title,
.news_wrapper .list_btn{
	width: 312px;
}
.news_wrapper .news_cnt{
	width: calc(100% - 312px);
}
}
@media screen and (min-width : 641px) and (max-width : 1200px) {
.sec_event .event_wrapper{
	margin-left: 10px;
}
.sec_event .splide__controls{
	padding-left: 145px;
}
.sec_event .blog_carousel .splide + .border_link{
	margin-right: 0;
	padding-right: 10px;
}
.sec_event .event_blog .border_link {
	right:10px;
	left:auto;
}
.sec_about:after{
	width: 310px;
}
.sec_mainvisual .mv_navbar,
#tmp_link_fixed{
	right: 10px;
}
}
@media screen and (min-width : 641px) and (max-width : 1100px) {
.sec_about .about_relation{
	margin-right: 30px;
}
.sec_about .sns_item{
	width: 50%;
}
.sec_about .sns_item:nth-child(3n):after{
	content: '';
}
.sec_about .sns_item:nth-last-child(-n + 3):nth-child(3n + 1),
.sec_about .sns_item:nth-last-child(-n + 3):nth-child(3n + 1) ~ .sns_item{
	border-bottom: 1px solid #dddddd;
}
.sec_about .sns_item:nth-child(2n):after{
	content: none;
}
.sec_about .sns_item:nth-last-child(-n + 2):nth-child(2n + 1),
.sec_about .sns_item:nth-last-child(-n + 2):nth-child(2n + 1) ~ .sns_item{
	border-bottom: none !important;
}
}
@media screen and (min-width : 641px) and (max-width : 1020px) {
.sec_information .sec_title:before,
.sec_pickup .sec_title:before{
	background-size: 100% auto;
}
}
@media screen and (max-width : 640px) {
/* pattern common
================================================== */
.sec_title{
	margin-bottom: 21px;
	padding-top: 22px;
}
.sec_title:before{
	left: -15px;
	height: 36px;
}
.sec_title h2{
	padding-top: 19px;
	background-size: auto 8px;
    font-size: 181.2%;
}
.list_thumbnail{
	margin-left: -8px;
	margin-right: -8px;
}
.list_thumbnail .thumbnail_item{
	margin-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}
.thumbnail_item .thumbnail_img{
	margin-bottom: 1px;
}
.thumbnail_item .thumbnail_ttl{
	padding-left: 16px;
	background-image: url(/shared/images/icon/icon_arrow_blue.png);
	background-position: 0 9px;
	background-size: 10px auto;
	line-height: 1.6;
}
.thumbnail_item .thumbnail_date{
	margin-bottom: 2px;
	font-size: 75%;
}
.thumbnail_item .thumbnail_des{
	font-size: 87.5%;
}

/* mainvisual
================================================== */
.sec_mainvisual {
	padding-top: 0;
}
.sec_mainvisual .mv_img {
	padding: 11px 0 97px;
}
.sec_mainvisual .mv_img:after{
	bottom: 89px;
    background-image: url(/shared/templates/top/images/icon/mv_pattern_wave_sp.png);
    background-size: 100% 30px;
	height: 30px;
}
.sec_mainvisual .mv_img .splide{
	height: 242px;
}
.sec_mainvisual .mv_img .splide:after{
	top: -10px;
	background-size: 100% 61px;
	height: 61px;
}
.sec_mainvisual .mv_img .splide .splide__list {
	min-height: 243px;
}
.sec_mainvisual .img_lft:after{
	right: 84px;
    background-image: url(/shared/templates/top/images/icon/mv_pattern_lft_sp.png);
}
.sec_mainvisual .img_rgt:after{
	left: 84px;
    background-image: url(/shared/templates/top/images/icon/mv_pattern_rgt_sp.png);
}
.sec_mainvisual .mv_navbar{
	right: 14px;
	bottom: 5px;
}
.sec_mainvisual .mv_navbar ul{
	display: flex;
	justify-content: flex-end;
	flex-flow: row wrap;
	gap: 0 3px;
	max-width: 192px;
}
.sec_mainvisual .mv_navbar li{
	margin-bottom: 7px;
	width: calc(50% - 3px);
}
.sec_mainvisual .mv_navbar a{
	background-size: 100% auto;
	width: 92px;
	height: 92px;
	box-shadow: 0 3px 9px 1px rgba(9, 18, 58, 0.2);
}
.sec_mainvisual .mv_navbar a:after{
	right: 3px;
    bottom: 2px;
	background-image: url(/shared/templates/top/images/icon/arrow_circle_sp.png);
	width: 20px;
	height: 20px;
}
.sec_mainvisual .mv_navbar .link1 a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar01_sp.png);
}
.sec_mainvisual .mv_navbar .link2 a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar02_sp.png);
}
.sec_mainvisual .mv_navbar .link3 a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar03_sp.png);
}
.sec_mainvisual .mv_navbar .link4 a{
	margin-left: 0;
	background-image: url(/shared/templates/top/images/icon/mv_navbar04_sp.png);
	width: 92px;
	height: 92px;
}
.sec_mainvisual .mv_img .splide__toggle {
	left: 15px;
	bottom: -32px;
}
.sec_mainvisual .mv_img .splide__toggle .splide__toggle__play {
	background: url(/shared/templates/top/images/icon/slide_start_sp.png) no-repeat;
	width: 54px;
	height: 12px;
	background-size: 54px auto;
}
.sec_mainvisual .mv_img .splide__toggle .splide__toggle__pause {
	background: url(/shared/templates/top/images/icon/slide_stop_sp.png) no-repeat;
	width: 46px;
	height: 12px;
	background-size: 46px auto;
}
/* fixed nav */
#tmp_link_fixed{
    right: 0;
    bottom: 50px;
    transform: translateX(calc(100% + 70px));
}
#tmp_link_fixed .btn_close{
    top: -9px;
	left: -8px;
}
#tmp_link_fixed > a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar04_fixed_sp.png);
    width: 70px;
    height: 181px;
    box-shadow: 1px 2px 3px 0 rgba(13, 65, 132, 0.3);
}
#tmp_link_fixed.removed{
	transform: translateX(calc(100% + 70px)) !important;
}
/* information
================================================== */
.sec_information{
	padding-bottom: 19px;
}
.sec_information:after{
    top: 235px;
    background-image: url(/shared/templates/top/images/icon/info_bgr_sp.png);
}
.sec_information .sec_title{
	margin-bottom: 37px;
	padding-top: 69px;
}
.sec_information .sec_title:before{
    left: -15px;
	right: -15px;
    background-image: url(/shared/templates/top/images/icon/info_ttl_mask_sp.png);
	background-size: auto 79px;
    height: 79px;
}
.sec_information .sec_title h2{
    background-image: url(/shared/templates/top/images/icon/info_ttl_sp.png);
	background-size: 124px auto;
}

/* emergency */
.sec_information .emergency_sec{
	margin-bottom: 41px;
	flex-direction: column;
}
.sec_information .emergency_ttl{
	padding: 14px 14px 8px;
	width: 100%;
	justify-content: flex-start;
	text-align: left;
}
.sec_information .emergency_ttl > p{
	font-size: 131.2%;
}
.sec_information .emergency_cnt{
	padding: 14px 16px 17px 27px;
}
.sec_information .emergency_cnt li{
	margin-bottom: 12px;
	line-height: 1.7;
}
.sec_information .emergency_cnt li:last-child{
	margin-bottom: 0;
}

/* search */
.sec_information .search_wrap{
	margin-bottom: 29px;
}
.sec_information .wrap_sch_box{
	margin-bottom: 5px;
}
.sec_information .search_wrap h3.star_ttl{
	margin-bottom: 13px;
}
.sec_information .search_wrap .btn_arrow a {
    background-position: 0 9px;
}
.sec_information .search_wrap .search_column:first-child {
	padding-right: 0;
	margin-bottom: 27px;
}
.sec_information .purpose_tab_ttl a:focus-visible:before{
    margin-left: -6px;
}
.sec_information .purpose_tab_ttl{
    width: calc(71%/3);
}
.sec_information .purpose_tab_ttl:nth-child(1){
    width: 29%;
}

/* tabs */
.sec_information .purpose_sec{
	margin-bottom: 4px;
}

/* keywords */
.sec_information .keyword_sec {
    margin-bottom: 7px;
}
.sec_information .keyword_ttl {
    margin-bottom: 9px;
}
.sec_information .keyword_list li {
    margin-right: 17px;
}

/* disaster */
.sec_information .blog_disaster .star_ttl {
    margin-bottom: 13px;
}
.sec_information .blog_disaster .purpose_item{
	width: calc(100% / 3);
}
.sec_information .blog_disaster .purpose_item a{
	padding-bottom: 10px;
	line-height: 1.3;
}
.sec_information .blog_disaster .purpose_item a .icon{
	margin-bottom: 0;
	width: 40px;
}
.sec_information .blog_disaster .purpose_item a .txt{
	min-height: 62px;
}

/* news
================================================== */
.sec_news{
	padding: 0 0 43px;
}
.news_wrapper .sec_title,
.news_wrapper .list_btn{
	width: 100%;
	float: none;
}
.news_wrapper .sec_title{
	margin-bottom: 19px;
}
.news_wrapper .sec_title:before{
    background-image: url(/shared/templates/top/images/icon/news_ttl_mask_sp.png);
	background-size: auto 36px;
}
.news_wrapper .sec_title h2{
    background-image: url(/shared/templates/top/images/icon/news_ttl_sp.png);
}
.news_wrapper .list_btn{
	display: flex;
	justify-content: center;
	gap: 0 10px;
}
.news_wrapper .list_btn li{
	width: calc(50% - 5px);
}
.news_wrapper .border_link a{
	padding: 16px 42px 12px 14px;
	min-width: auto;
	width: 100%;
}
.news_wrapper .news_cnt{
	padding-top: 0;
	padding-left: 0;
	width: 100%;
}
.news_wrapper .news_cnt p.nocnt {
	margin: 0 0 0.8em 0;
}
/* pickup
================================================== */
.sec_pickup{
	padding: 30px 0 56px;
}
.sec_pickup .sec_title{
	margin-bottom: 24px;
	padding-top: 42px;
}
.sec_pickup .sec_title:before{
    background-image: url(/shared/templates/top/images/icon/pickup_ttl_mask_sp.png);
	background-size: auto 79px;
	height: 79px;
}
.sec_pickup .sec_title h2{
    padding-top: 18px;
    background-image: url(/shared/templates/top/images/icon/pickup_ttl_sp.png);
}
.sec_pickup .thumbnail_item{
	width: 50%;
}
.sec_pickup .thumbnail_item .thumbnail_ttl{
	font-size: 87.5%;
}

/* event
================================================== */
.sec_event{
	padding: 88px 0 131px;
	background-image: url(/shared/templates/top/images/icon/event_bgr_sp.jpg);
}
.sec_event .event_wrapper{
	margin-left: 15px;
	padding-left: 15px;
	padding-bottom: 30px;
	box-shadow: 0 3px 14px 2px rgba(20, 40, 124, 0.1);
}
.sec_event:before{
	background-image: url(/shared/templates/top/images/icon/event_bgr_pattern_top_sp.png);
	height: 35px;
	background-size: 100% 35px;
}
.sec_event .sec_title {
    margin-bottom: 18px;
    padding-top: 40px;
}
.sec_event .sec_title:before{
    left: -15px;
    background-image: url(/shared/templates/top/images/icon/event_ttl_mask_sp.png);
	height: 76px;
	background-size: auto 76px;
}
.sec_event .sec_title h2{
    background-image: url(/shared/templates/top/images/icon/event_ttl_sp.png);
}
.sec_event .star_ttl{
	margin-bottom: 13px;
}
.sec_event .splide__slide{
	width: 210px;
}
.sec_event .splide__slide .thumbnail_img {
    margin-bottom: 10px;
}
#tmp_recommend_carousel .splide__slide .thumbnail_img{
	height: 140px;
}
.sec_event .splide__controls{
	margin: 12px auto 0;
	padding-right: 40px;
	max-width: 100%;
}
.sec_event .event_blog .border_link {
	display: block;
	position: static;
}
.sec_event .blog_carousel .splide + .border_link{
	justify-content: center;
	padding-right: 40px;
	margin: 20px auto 0;
}
.sec_event .blog_carousel .splide + .border_link a {
    padding-top: 14px;
    padding-bottom: 12px;
	min-width: 200px;
	width: auto;
}
.sec_event #tmp_street_corner_carousel .splide__controls{
	margin-top: 20px;
}
.sec_event .event_blog:not(:last-child){
	margin-bottom: 44px;
}
.sec_event .event_blog .border_link {
	text-align: center;
	padding-right: 30px;
}

/* about
================================================== */
.sec_about{
	margin-top: -61px;
	padding: 25px 0 39px;
}
.sec_about:before{
	min-width: 360px;
    background-image: url(/shared/templates/top/images/icon/about_pattern_txt_sp.png);
    background-position: center 26px;
    background-size: auto 88px;
    -webkit-mask-image: url(/shared/templates/top/images/icon/about_pattern_mask_sp.png);
    mask-image: url(/shared/templates/top/images/icon/about_pattern_mask_sp.png);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
	height: 160px;
}
.sec_about:after{
	content: none;
}
.sec_about .sec_title{
	margin-bottom: 44px;
	padding-top: 46px;
}
.sec_about .sec_title h2{
    padding-top: 18px;
    background-image: url(/shared/templates/top/images/icon/about_ttl_sp.png);
}
.sec_about .about_cnt{
	flex-direction: column;
}
.sec_about .about_relation{
	position: relative;
	margin: 0 0 44px;
	padding-bottom: 30px;
	width: 100%;
	z-index: 1;
}
.sec_about .about_relation:after{
	content: '';
	position: absolute;
    left: -15px;
	right: -15px;
    bottom: 0;
    background: transparent url(/shared/templates/top/images/icon/about_bgr_sp.jpg) no-repeat center center;
    background-size: 100% 100%;
	height: 412px;
	z-index: -1;
}
.sec_about .about_relation .relation_inner{
	padding: 13px 0 20px 15px;
	box-shadow: 0 3px 9px 1px rgba(20, 40, 124, 0.1);
}
.sec_about .about_relation .star_ttl{
	margin-bottom: 14px;
}
.sec_about .about_relation .splide__slide{
	width: 248px;
}
.sec_about .about_relation .thumbnail_img{
	margin-bottom: 5px;
}
.sec_about .about_relation .thumbnail_ttl{
	background-position: 0 10px;
}
.sec_about .about_introduce .star_ttl {
    margin-bottom: 12px;
}
.sec_about .about_introduce .list_thumbnail {
    margin-bottom: 10px;
}
.sec_about .about_introduce .thumbnail_item{
	margin-bottom: 11px;
	width: 100%;
}
.sec_about .about_introduce .thumbnail_img{
	margin-bottom: 5px;
}
.sec_about .about_introduce .thumbnail_ttl{
	background-position: 0 10px;
}
.sec_about .about_relation .splide__controls {
    margin-top: 17px;
    padding-right: 14px;
}
.sec_about .about_relation .splide__progress{
	margin: 0 27px 0 29px;
}
.sec_about .about_introduce{
	padding: 0;
}
.sec_about .list_sns{
	box-shadow: 0 3px 14px 2px rgba(20, 40, 124, 0.1);
}
.sec_about .sns_item{
	width: 50%;
}
.sec_about .sns_item a{
	padding: 15px 16px;
	font-size: 87.5%;
}
.sec_about .sns_icon{
	margin-right: 7px;
	width: 31px;
}
.sec_about .sns_item:nth-child(3n):after{
	content: '';
}
.sec_about .sns_item:nth-last-child(-n + 3):nth-child(3n + 1),
.sec_about .sns_item:nth-last-child(-n + 3):nth-child(3n + 1) ~ .sns_item{
	border-bottom: 1px solid #dddddd;
}
.sec_about .sns_item:nth-child(2n):after{
	content: none;
}
.sec_about .sns_item:nth-last-child(-n + 2):nth-child(2n + 1),
.sec_about .sns_item:nth-last-child(-n + 2):nth-child(2n + 1) ~ .sns_item{
	border-bottom: none !important;
}

/* hover
================================================== */
.thumbnail_item > a:hover .thumbnail_ttl,
.sec_about .sns_item a:hover,
.news_wrapper .news_des a:hover{
    text-decoration: none;
}

/* accessibility
================================================== */
.color_black #tmp_wrapper .sec_mainvisual .mv_navbar .link1 a,
.color_blue #tmp_wrapper .sec_mainvisual .mv_navbar .link1 a,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_navbar .link1 a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar01_sp.png) !important;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_navbar .link2 a,
.color_blue #tmp_wrapper .sec_mainvisual .mv_navbar .link2 a,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_navbar .link2 a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar02_sp.png) !important;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_navbar .link3 a,
.color_blue #tmp_wrapper .sec_mainvisual .mv_navbar .link3 a,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_navbar .link3 a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar03_sp.png) !important;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_navbar .link4 a,
.color_blue #tmp_wrapper .sec_mainvisual .mv_navbar .link4 a,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_navbar .link4 a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar04_sp.png) !important;
}
.color_black #tmp_wrapper #tmp_link_fixed > a,
.color_blue #tmp_wrapper #tmp_link_fixed > a,
.color_yellow #tmp_wrapper #tmp_link_fixed > a{
    background-image: url(/shared/templates/top/images/icon/mv_navbar04_fixed_sp.png) !important;
}
.color_black #tmp_wrapper .sec_information .emergency_ttl,
.color_blue #tmp_wrapper .sec_information .emergency_ttl,
.color_yellow #tmp_wrapper .sec_information .emergency_ttl{
	border-right: none;
	border-bottom: 1px solid;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_img:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_wave_sp_black.png);
}
.color_black #tmp_wrapper .sec_mainvisual .img_lft:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_lft_sp_black.png);
}
.color_black #tmp_wrapper .sec_mainvisual .img_rgt:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_rgt_sp_black.png);
}
.color_blue #tmp_wrapper .sec_mainvisual .mv_img:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_wave_sp_blue.png);
}
.color_blue #tmp_wrapper .sec_mainvisual .img_lft:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_lft_sp_blue.png);
}
.color_blue #tmp_wrapper .sec_mainvisual .img_rgt:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_rgt_sp_blue.png);
}
.color_yellow #tmp_wrapper .sec_mainvisual .mv_img:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_wave_sp_yellow.png);
}
.color_yellow #tmp_wrapper .sec_mainvisual .img_lft:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_lft_sp_yellow.png);
}
.color_yellow #tmp_wrapper .sec_mainvisual .img_rgt:after{
    background-image: url(/shared/templates/top/images/icon/mv_pattern_rgt_sp_yellow.png);
}
.color_black #tmp_wrapper .sec_event .blog_carousel .splide + .border_link a,
.color_blue #tmp_wrapper .sec_event .blog_carousel .splide + .border_link a,
.color_yellow #tmp_wrapper .sec_event .blog_carousel .splide + .border_link a{
    padding-right: 14px;
}
.color_black #tmp_wrapper .sec_about .about_relation:after,
.color_blue #tmp_wrapper .sec_about .about_relation:after,
.color_yellow #tmp_wrapper .sec_about .about_relation:after{
	content: none;
}
/* no-js */
.no_javascript #tmp_wrapper .sec_event .splide__track{
    max-height: 280px;
}
.no_javascript #tmp_wrapper .sec_event #tmp_street_corner_carousel .splide__track{
    max-height: 340px;
}
.no_javascript #tmp_wrapper .sec_event .splide__list,
.sec_event .no-splide .splide__list{
    gap: 0;
}
.no_javascript #tmp_wrapper .sec_event .splide__slide,
.sec_event .no-splide .splide__slide{
    margin-bottom: 20px;
    width: 100%;
}
.no_javascript #tmp_wrapper .sec_event .splide,
.sec_event .no-splide,
.no_javascript #tmp_wrapper .sec_about .about_relation .splide,
.sec_about .about_relation .no-splide{
    padding-right: 15px;
}
.no_javascript #tmp_wrapper .sec_about .about_relation .splide__track{
    max-height: 460px;
}
.no_javascript #tmp_wrapper .purpose_tabs_wrap .purpose_tab_ttl a{
	filter: drop-shadow(0px 1px 10px rgba(20, 40, 124, 0.15));
}
}