@charset "utf-8";



/* ==================================================

contents

================================================== */

/* Common

================================================== */

.format_top .top_wrapper{

	position: relative;

	padding-bottom:135px;

}

.hontai_ttl{

	text-align: center;

	margin-bottom: 30px;

}

.hontai_ttl h2{

	display: inline-block;

	font-size: 200%;

	padding-bottom: 41px;

	color: #222222;

	background-color: transparent;

	background-repeat: no-repeat;

	background-position: bottom center;

}

#tmp_living .hontai_ttl h2{

	min-width: 140px;

	background-image: url(../images/icon/living_eng_blue.jpg);

}

#tmp_topics .hontai_ttl h2{

	color: #ffffff;

	background-image: url(../images/icon/topics_eng_blue.jpg);

}

#tmp_event .hontai_ttl h2{

	padding-bottom: 33px;

	margin-bottom: 16px;

	background-image: url(../images/icon/event_eng_blue.jpg);

}

/* Mainvs

================================================== */

.special_section_wrap{

	padding-bottom: 38px;

	overflow: hidden;

}

#tmp_mainvs{

	position: relative;

	padding-top: 24px;

	color: #222222;

	background-color: #e4f8ff;

}

#tmp_mainvs .mainvs_splide_wrap{

	position: relative;

	padding: 0 30px 119px;

}

#tmp_mainvs .mainvs_inner{

	position: relative;

	z-index: 1;

}

#tmp_mainvs .mainvs_inner:after{

	content: '';

	position: absolute;

    z-index: -1;

    left: 706px;

    bottom: -73px;

    width: 664px;

    height: 450px;

	color: inherit;

	background: transparent url(../images/mainvisual_img_lft.png) no-repeat;

	background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-moz-background-size: 100% auto;

}

#tmp_mainvs .mainvs_splide_wrap:before{

	content: '';

	position: absolute;

	z-index: -1;

    right: 1003px;

    top: 12px;

    width: 370px;

    height: 290px;

	color: inherit;

	background: transparent url(../images/mainvisual_img_rgt.png) no-repeat;

	background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-moz-background-size: 100% auto;

}

#tmp_mainvs .mainvs_splide_inner{

	max-width:1000px;

	margin:0 auto;

	display: flex;

	position: relative;

	z-index: 1;

	color: #ffffff;

	background-color: #1570bb;

	border: 2px solid #3e8ef9;

	padding: 10px 10px 7px;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

}

#tmp_mainvs .mainvs_splide_inner:before,

#tmp_mainvs .mainvs_splide_inner:after{

	content: '';

	position: absolute;

	z-index: -1;

	top: -42px;

	width: 11px;

	height: 40px;

	color: inherit;

	background: transparent url(../images/icon/mainvs_pin_icon.png) no-repeat;

	background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-moz-background-size: 100% auto;

}

#tmp_mainvs .mainvs_splide_inner:before{

	left: 88px;

}

#tmp_mainvs .mainvs_splide_inner:after{

	right: 85px;

}

#tmp_mainvs .mainvs_splide_wrap .splide__slide img {

	width: 100%;

    height: 100%;

    vertical-align: top;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

}

#tmp_mainvs .mainvs_splide:not(.mainvs_splide_thumbnail){

    width: 80%;

	z-index: -1;

}

#tmp_mainvs .mainvs_splide:not(.mainvs_splide_thumbnail) a{

	display: block;

	position: relative;

	border: none !important;

	outline: none !important;

}

#tmp_mainvs_splide.mainvs_splide p{

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	overflow: hidden;

}

#tmp_mainvs .mainvs_splide a:after{

	content: '';

	position: absolute;

	display: none;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	border: 2px solid #00bbff;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

}

#tmp_mainvs .mainvs_splide_wrap .splide__slide a:hover img {

	transform: scale(1.05);

}

#tmp_mainvs .mainvs_splide a:focus:after{

	display: block;

}

#tmp_mainvs .mainvs_splide:not(.mainvs_splide_thumbnail) .splide__slide:focus-visible {

	border: none !important;

	outline: none !important;

}

.mainvs_splide_thumbnail {

    width: 20%;

}

.mainvs_splide_thumbnail .splide__track{

	padding-left: 10px !important;

}

.mainvs_splide_thumbnail .splide__list{

	flex-direction: column;

}

.mainvs_splide_thumbnail .splide__slide:before{

	content: '';

	position: absolute;

	opacity: 0;

	z-index: -1;

	top: 50%;

	left: -13px;

	width: 41px;

	height: 9px;

	color: inherit;

	background: transparent url(../images/icon/thumnail_active.png) no-repeat left top;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-moz-background-size: 100% auto;

}

.mainvs_splide_thumbnail p{

	display: block;

	position: relative;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	overflow: hidden;

}

.mainvs_splide_thumbnail .splide__slide p:before,

.mainvs_splide_thumbnail .splide__slide p:after{

	content: '';

	position: absolute;

	opacity: 0;

}

.mainvs_splide_thumbnail .splide__slide p:after{

	content: '';

	position: absolute;

	opacity: 0;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	border: 3px solid #ffffff;

	background-color: rgb(3, 59, 106, 0.6);

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

}

.mainvs_splide_thumbnail .splide__slide.is-active:before,

.mainvs_splide_thumbnail .splide__slide.is-active p:after{

	opacity: 1;

}

.mainvs_splide_thumbnail .splide__track--nav > .splide__list > .splide__slide{

	border: none;

}

.mainvs_splide_thumbnail .splide__slide{

	padding: 24px 4px 21px 10px;

	border: none;

	border-bottom: 1px solid #388bd0 !important;

}

.mainvs_splide_thumbnail .splide__slide:last-child{

	border-bottom: none !important;

}

.mainvs_splide_thumbnail span{

	display: block;

}

#tmp_mainvs #tmp_banner_myrioku{

	margin-bottom: 0;

}

#tmp_mainvs .banner_myrioku{

	position: absolute;

    z-index: 3;

    bottom: 20px;

    left: 0;

	margin-bottom: 0;

	overflow: visible;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

}

#tmp_mainvs .banner_myrioku p{

	position: relative;

}

#tmp_mainvs .banner_myrioku a,

#tmp_mainvs .banner_myrioku img,

#tmp_mainvs .banner_myrioku a::after {

	-webkit-border-radius:8px;

	-moz-border-radius:8px;

	border-radius:8px;

}

#tmp_mainvs .banner_myrioku a {

	display: block;

	position: relative;

	width: 190px;

	height: 140px;

	border-width:2px;

}

#tmp_mainvs .banner_myrioku a::after {

	right:0;

	bottom:0;

}

#tmp_mainvs .banner_myrioku p:before,

#tmp_mainvs .banner_myrioku p:after{

	content: '';

    position: absolute;

    z-index: -1;

    color: inherit;

    background-color: transparent;

    background-repeat: no-repeat;

    background-size: 100% auto;

    -webkit-background-size: 100% auto;

    -moz-background-size: 100% auto;

}

#tmp_mainvs .banner_myrioku p:before{

	left: 50%;

	margin-left: 3px;

	bottom: -21px;

	width: 8px;

	height: 22px;

	background-image: url(../images/icon/active_blue_icon.png);

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

}

#tmp_mainvs .banner_myrioku p:after{

    right: -70px;

    top: 50%;

    width: 74px;

    height: 94px;

	background-image: url(../images/icon/charm_icon.png);

}

#tmp_mainvs .banner_myrioku img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

/* Tab switch */

#tmp_special_alert + #tmp_mainvs + .switch_mode_wrap{

	background-color: #ffffff;

	margin-top: 20px;

}

#tmp_special_alert + #tmp_mainvs + .switch_mode_wrap .switch_select:before,

#tmp_special_alert + #tmp_mainvs + .switch_mode_wrap .switch_select:after{

	display: none;

}

.switch_mode_wrap{

	position: relative;

	background-color: #e4f8ff;

	border-bottom: 2px solid #3e8ef9;

}

#tmp_switch_mode{

	display: flex;

	width: 100%;

	align-items: stretch;

	justify-content: space-between;

	position: relative;

	z-index: 3;

}

#tmp_switch_mode .switch_select{

	position: relative;

	list-style: none;

	display: flex;

	width: calc(100% - 166px);

	margin: 0 -7px;

}

#tmp_switch_mode .switch_select:before {

	content: '';

	position: absolute;

	z-index: -1;

	color: inherit;

	background-color: transparent;

	background-repeat: no-repeat;

	background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-moz-background-size: 100% auto;

}

#tmp_switch_mode .switch_select:before{

	width: 98px;

	height: 160px;

	left: 280px;

	bottom: 23px;

	background-image: url(../images/icon/mainvs_pattern_girl.png);

}

#tmp_switch_mode .switch_select li{

	width: 33.333333%;

	padding: 0 7px;

}

#tmp_switch_mode .switch_select a.switch_target{

	text-decoration: none;

	display: block;

	height: 100%;

	position: relative;

	text-align: center;

	font-size: 111.1%;

	font-weight: bold;

	color: #222222;

	background-color: #ffffff;

	border: 2px solid #3e8ef9;

	border-bottom: none;

    padding: 22px 20px 20px;

	border-radius: 8px 8px 0 0;

	-webkit-border-radius: 8px 8px 0 0;

	-moz-border-radius: 8px 8px 0 0;

	transition: 0.3s ease-in-out color, 0.3s ease-in-out background-color;

	-webkit-transition: 0.3s ease-in-out color, 0.3s ease-in-out background-color;

	-moz-transition: 0.3s ease-in-out color, 0.3s ease-in-out background-color;

}

#tmp_switch_mode .switch_select a.switch_target:after{

	content: '';

	position: absolute;

	opacity: 0;

	bottom: -14px;

	left: 50%;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 15px solid #1570bb;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	transition: 0.3s ease-in-out opacity;

	-webkit-transition: 0.3s ease-in-out opacity;

	-moz-transition: 0.3s ease-in-out opacity;

}

#tmp_switch_mode .switch_select a.switch_target.active,

#tmp_switch_mode .switch_select a.switch_target:hover{

	color: #ffffff;

	background-color: #1570bb;

	border-color: #1570bb;

}

#tmp_switch_mode .switch_select a.switch_target.active:after{

	opacity: 1;

}

#tmp_switch_mode .business_person_link{

	width: 180px;

	padding-left: 35px;

	overflow: hidden;

}

#tmp_switch_mode .business_person_link a{

    text-decoration: none;

    display: block;

    position: relative;

    text-align: center;

	font-weight: bold;

	color: #222222;

	background-color: #ffffff;

	border: 2px solid #3e8ef9;

    padding: 13px 10px 10px;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

	transition: 0.3s ease-in-out color, 0.3s ease-in-out background-color, 0.3s ease-in-out border-color;

	-webkit-transition: 0.3s ease-in-out color, 0.3s ease-in-out background-color, 0.3s ease-in-out border-color;

	-moz-transition: 0.3s ease-in-out color, 0.3s ease-in-out background-color, 0.3s ease-in-out border-color;

}

#tmp_switch_mode .business_person_link a:after{

	content: '';

	position: absolute;

	z-index: -1;

	left: 50%;

	bottom: -22px;

	width: 8px;

	height: 22px;

	color: inherit;

	background: transparent url(../images/icon/active_blue_icon.png) no-repeat left top;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-moz-background-size: 100% auto;

}

#tmp_switch_mode .business_person_link span{

	display: inline-block;

    padding-left: 19px;

    color: inherit;

    background: transparent url(../../../images/icon/arrow_blue_icon_s.png) no-repeat left 7px;

    background-size: 10px auto;

    -webkit-background-size: 10px auto;

    -moz-background-size: 10px auto;

}

/* Special Following

================================================== */

.banner_popup{

    position: fixed;

    right: 0;

    z-index: 100;

    bottom: 60px;

	width: 273px;

	height: 224px;

}

.banner_popup.hidden{

	opacity: 0 !important;

}

.banner_popup .banner_popup_wrap{

	position: relative;

	height: 100%;

	padding: 13px 13px 24px;

	color: #222222;

	background-color: #ffffff;

	border: 4px solid #3e8ef9;

	border-radius: 8px 0 8px 8px;

	-webkit-border-radius: 8px 0 8px 8px;

	-moz-border-radius: 8px 0 8px 8px;

	box-shadow: 0 0 9px 0 rgba(60, 109, 149, 0.79);

	-webkit-box-shadow: 0 0 9px 0 rgba(60, 109, 149, 0.79);

	-moz-box-shadow: 0 0 9px 0 rgba(60, 109, 149, 0.79);

}

.banner_popup .special_img{

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	overflow: hidden;

}

.banner_popup .special_img img{

	max-width: inherit;

	width: auto !important;

	height: auto !important;

	max-height: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateY(-50%) translateX(-50%);

	vertical-align: top;

	animation: none !important;

	border-radius: 8px;

}

.banner_popup .special_link a{

	position: absolute;

    right: -4px;

    bottom: -4px;

	display: inline-block;

    text-decoration: none;

    font-size: 77.8%;

    font-weight: bold;

    color: #ffffff;

    background: #0e538b url(../../../images/icon/arrow_wht_icon.png) no-repeat 12px 5px;

    padding: 2px 15px 4px 23px;

	margin-left: 10px;

    background-size: 10px auto;

    -webkit-background-size: 10px auto;

    -moz-background-size: 10px auto;

	border: 2px solid #3e8ef9;

    border-radius: 8px 0 8px 0;

    -webkit-border-radius: 8px 0 8px 0;

    -moz-border-radius: 8px 0 8px 0;

}

.banner_popup .special_close{

    display: inline-block;

    position: absolute;

    right: 0;

    top: -33px;

}

.banner_popup .special_close a{

    display: block;

    color: #ffffff;

    background: #1570bb url(../images/icon/close_special.png) no-repeat center center;

    width: 100%;

    height: 100%;

    width: 36px;

    height: 37px;

    border: 4px solid #3e8ef9;

    border-bottom: none;

    border-radius: 4px 4px 0 0;

    -webkit-border-radius: 4px 4px 0 0;

    -moz-border-radius: 4px 4px 0 0;

    overflow: hidden;

}

.banner_popup .special_close span{

    display: inline-block;

    text-indent: -9999px;

    visibility: hidden;

}

/* ward_office

================================================== */

#tmp_ward_office {

	padding:49px 0 76px;

	clear:both;

}

.aoi_ward #tmp_ward_office {

	background-color:#f2fff4;

}

.surug_ward #tmp_ward_office {

	background-color:#fff7f2;

}

.shimizu_ward #tmp_ward_office {

	background-color:#f0fffc;

}

#tmp_ward_office h2 {

	text-align:center;

	position:relative;

	z-index:1;

	font-size:200%;

	color:#222222;

	background-position:bottom center;

	background-repeat:no-repeat;

	padding:0 0 41px;

}

#tmp_ward_office .col2 {

	width:100%;

	margin-top:-18px;

	border:2px solid;

	background-color:#ffffff;

	color:inherit;

}

#tmp_ward_office div.col2 {

	-webkit-border-radius:8px;

	-moz-border-radius:8px;

	border-radius:8px;

}

#tmp_ward_office .col2 .col2L {

	width:56.1% !important;

	font-weight:bold;

	border:none !important;

	margin:0 !important;

	padding:24px 20px 29px 40px;

}

#tmp_ward_office .col2 .col2R {

	width:43.9% !important;

	border:none !important;

	margin:0 !important;

	padding:24px 40px 29px 20px;

}

#tmp_ward_office .col2 .col2L h3 {

	text-align:center;

	line-height:1.25;

	margin:0 0 18px -41px;

	display:inline-block;

	background-color:#01662e;

	color:#ffffff;

	padding:4px 40px;

	min-width:140px;

}

#tmp_ward_office .col2 .col2L p {

	line-height:1.77;

}

#tmp_ward_office .col2 .col2R ul {

	list-style:none !important;

	margin:0 !important;

	font-size:111.11%;

	font-weight:bold;

	padding:16px 0 0;

}

#tmp_ward_office .col2 .col2R ul li {

	padding:10px 0;

}

#tmp_ward_office .col2 .col2R ul li:first-child {

	border-top:none !important;

}

#tmp_ward_office .col2 .col2R ul li a {

	display:inline-block;

	color:#222222;

	text-decoration:none;

	padding:3px 0 3px 23px;

	background-repeat:no-repeat;

	background-position:left 0.4em;

	-webkit-background-size:12px auto;

	-moz-background-size:12px auto;

	background-size:12px auto;

}

#tmp_ward_office .col2 .col2R ul li a:hover,

#tmp_ward_office .col2 .col2R ul li a:focus {

	text-decoration:underline;

}

/* 区 */

.aoi_ward #tmp_ward_office h2 {

	background-image:url(../images/icon/office_eng_green.png);

}

.aoi_ward #tmp_ward_office .col2 {

	border-color:#18a971;

}

.aoi_ward #tmp_ward_office .col2 .col2L h3 {

	background-color:#01662e;

}

.aoi_ward #tmp_ward_office .col2 .col2R ul li {

	border-top:1px solid #18a971;

}

.surug_ward #tmp_ward_office h2 {

	background-image:url(../images/icon/office_eng_red.png);

}

.surug_ward #tmp_ward_office .col2 {

	border-color:#c03545;

}

.surug_ward #tmp_ward_office .col2 .col2L h3 {

	background-color:#c03545;

}

.surug_ward #tmp_ward_office .col2 .col2R ul li {

	border-top:1px solid #c03545;

}

.shimizu_ward #tmp_ward_office h2 {

	background-image:url(../images/icon/office_eng_blue.png);

}

.shimizu_ward #tmp_ward_office .col2 {

	border-color:#017A99;

}

.shimizu_ward #tmp_ward_office .col2 .col2L h3 {

	background-color:#017A99;

}

.shimizu_ward #tmp_ward_office .col2 .col2R ul li {

	border-top:1px solid #017A99;

}

/* Living

================================================== */

#tmp_living{

	position:relative;

	z-index:1;

    padding: 66px 0 84px;

	clear:both;

}

#tmp_living .living_inner{

	position: relative;

}

#tmp_living .living_inner:after{

    content: '';

    position: absolute;

    z-index: -1;

    top: -60px;

    left: -84px;

	width: 226px;

	height: 253px;

	color: inherit;

	background: transparent url(../images/icon/living_global_icon.png) no-repeat;

	background-size: 100% auto;

	-webkit-background-size: 100% auto;

	-moz-background-size: 100% auto;

}

#tmp_living .living_cnt{

	position: relative;

	padding: 23px 50px 0;

}

#tmp_living .living_cnt:before{

	content: '';

	position: absolute;

	z-index: -1;

	top: -52px;

	bottom: 86px;

	left: 0;

	right: 0;

	border: 14px solid #3e8ef9;

}

/* Topics

================================================== */

#tmp_topics{

	color: #ffffff;

	background-color: #1570bb;

	overflow: hidden;

}

#tmp_topics .topics_inner{

	position: relative;

	z-index: 1;

	padding: 87px 0 100px;

}

#tmp_topics .hontai_ttl{

	margin-bottom: 52px;

}

#tmp_topics .topics_cnt{

	margin-bottom: 21px;

}

#tmp_topics .link_more{

	list-style: none;

	text-align: center;

	padding-right: 8px;

}

#tmp_topics .link_more li{

	display: inline-block;

	padding: 0 16px;

}

#tmp_topics a.view_link{

	color: #ffffff;

	border-bottom-color: #ffffff;

	background-color: transparent;

	background-image: url(../../../images/icon/arrow_wht_icon.png);

}

#tmp_topics .topics_cnt a.post_item {

	min-height:300px;

}

/* Events

================================================== */

.event_media_wrap{

	position: relative;

	z-index: 1;

	overflow: hidden;

}

.event_media_wrap:after{

	content: '';

    position: absolute;

    z-index: -1;

    top: -332px;

    left: 50%;

    margin-left: -756px;

    width: 114px;

    height: 2065px;

    color: inherit;

    background: transparent url(../../../images/icon/get_know_txt.png) no-repeat;

    background-size: 100% auto;

    -webkit-background-size: 100% auto;

    -moz-background-size: 100% auto;

}

.event_media_wrap:before {

	content: '';

	position: absolute;

	z-index: -2;

	top: 436px;

	left: 0;

	bottom:0;

	width: calc(50% - 266px);

	color: inherit;

	background-image: -moz-linear-gradient( 90deg, rgba(232,255,203,0.99608) 0%, rgb(232,255,203) 46%, rgb(255,240,227) 100%);

	background-image: -webkit-linear-gradient( 90deg, rgba(232,255,203,0.99608) 0%, rgb(232,255,203) 46%, rgb(255,240,227) 100%);

	background-image: -ms-linear-gradient( 90deg, rgba(232,255,203,0.99608) 0%, rgb(232,255,203) 46%, rgb(255,240,227) 100%);

}

#tmp_event{

	position: relative;

	overflow: hidden;

}

#tmp_event .event_inner{

	position: relative;

	padding: 86px 0 43px;

}

#tmp_event .link_more{

	text-align: center;

	margin-top: 21px;

}

#tmp_event .link_more a.view_link{

	padding-bottom: 10px;

	background-position: 3px 7px;

}

/* know_shizuoka */

.aoi_ward .know_shizuoka,

.surug_ward .know_shizuoka,

.shimizu_ward .know_shizuoka {

	padding-top:220px;

}

.aoi_ward .know_shizuoka .know_kanji,

.surug_ward .know_shizuoka .know_kanji,

.shimizu_ward .know_shizuoka .know_kanji {

	padding-top: 74px;

}

.aoi_ward .know_shizuoka .know_work,

.surug_ward .know_shizuoka .know_work,

.shimizu_ward .know_shizuoka .know_work {

	margin-top:89px;

}

.aoi_ward .know_shizuoka .know_background,

.surug_ward .know_shizuoka .know_background,

.shimizu_ward .know_shizuoka .know_background {

	top:52px;

}

.aoi_ward .event_media_wrap:before,

.surug_ward .event_media_wrap:before,

.shimizu_ward .event_media_wrap:before {

	display:none;

}

.aoi_ward #tmp_event .event_inner,

.surug_ward #tmp_event .event_inner,

.shimizu_ward #tmp_event .event_inner {

	padding-bottom:83px;

}

.aoi_ward .event_media_wrap:after,

.surug_ward .event_media_wrap:after,

.shimizu_ward .event_media_wrap:after {

	display:none;

}

.aoi_ward .know_shizuoka:before,

.surug_ward .know_shizuoka:before,

.shimizu_ward .know_shizuoka:before {

	content: '';

	position: absolute;

	z-index: -2;

	top: 0;

	left: 0;

	bottom:0;

	width: calc(50% - 266px);

	color: inherit;

	background-image: -moz-linear-gradient( 90deg, rgba(232,255,203,0.99608) 0%, rgb(232,255,203) 46%, rgb(255,240,227) 100%);

	background-image: -webkit-linear-gradient( 90deg, rgba(232,255,203,0.99608) 0%, rgb(232,255,203) 46%, rgb(255,240,227) 100%);

	background-image: -ms-linear-gradient( 90deg, rgba(232,255,203,0.99608) 0%, rgb(232,255,203) 46%, rgb(255,240,227) 100%);

}

.aoi_ward .know_shizuoka::after,

.surug_ward .know_shizuoka::after,

.shimizu_ward .know_shizuoka::after {

	content:'';

	position:absolute;

	top:0;

	bottom:0;

    left: 50%;

    margin-left: -756px;

    width: 60px;

    background-image: url(../../../images/icon/get_know_txt_ward.png);

	background-position:bottom center;

	background-repeat:no-repeat;

    background-size: 100% auto;

    -webkit-background-size: 100% auto;

    -moz-background-size: 100% auto;

}

/* ward_idx

================================================== */

#tmp_ward_idx {

	background-color:#1570bb;

	color:#ffffff;

	padding:69px 0 85px;

	clear:both;

}

#tmp_ward_idx .hontai_ttl h2 {

	color:#ffffff;

	line-height:1.5;

}

#tmp_ward_idx .ward_idx_cnt {

	padding-top:15px;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list {

	list-style:none;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap:wrap;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list,

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li,

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li a {

	display: -webkit-flex;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list {

	margin:0 -13px 0 -14px;

	padding-bottom:11px;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li {

	width:25%;

	padding:0 13px 0 14px;

	margin:0 0 19px;

	font-size:111.11%;

	font-weight:bold;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li a {

	border:2px solid;

	text-decoration:none;

	padding:10px 16px;

	color:#222222;

	background-color:#ffffff;

	align-items: center;

	flex-grow:1;

	-webkit-border-radius:8px;

	-moz-border-radius:8px;

	border-radius:8px;

	min-height:80px;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	position:relative;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li span {

	padding-left:17px;

	display:inline-block;

	background-repeat:no-repeat;

	background-position:left 0.45em;

    background-size: 10px auto;

    -webkit-background-size: 10px auto;

    -moz-background-size: 10px auto;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li a:hover,

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li a:hover span,

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li a:focus,

#tmp_ward_idx .ward_idx_cnt .ward_idx_list li a:focus span {

	text-decoration:underline;

}

/* ボタン（大） */

#tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn {

	margin:0 -11px 0 -17px;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li {

	width:50%;

	padding:0 12px 0 27px;

	position:relative;

	z-index:0;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn2 {

	padding-left:24px;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li a {

	padding:10px 260px 10px 16px;

	min-height:120px;

	background-repeat:no-repeat;

	background-position:right top;

}

#tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li a::before {

	content: '';

	position: absolute;

    top: 10px;

    left: -10px;

    right: 10px;

	bottom:-10px;

	color: inherit;

	background-repeat:repeat;

	background-position:0 0;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	z-index:-1;

}

/* 区 */

.aoi_ward #tmp_ward_idx .hontai_ttl h2 {

	background-image:url(../images/icon/index_eng_green.png);

}

.aoi_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li a::before {

	background-image:url(../../../images/icon/pattern_line_green.jpg);

}

.aoi_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn1 a {

	background-image:url(../images/idx_btn_aoi_bg1.jpg);

}

.aoi_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn2 a {

	background-image:url(../images/idx_btn_aoi_bg2.jpg);

}

.surug_ward #tmp_ward_idx .hontai_ttl h2 {

	background-image:url(../images/icon/index_eng_red.png);

}

.surug_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li a::before {

	background-image:url(../../../images/icon/pattern_line_red.jpg);

}

.surug_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn1 a {

	background-image:url(../images/idx_btn_surug_bg1.jpg);

}

.surug_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn2 a {

	background-image:url(../images/idx_btn_surug_bg2.jpg);

}

.shimizu_ward #tmp_ward_idx .hontai_ttl h2 {

	background-image:url(../images/icon/index_eng_blue.png);

}

.shimizu_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li a::before {

	background-image:url(../../../images/icon/pattern_line_sky.jpg);

}

.shimizu_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn1 a {

	background-image:url(../images/idx_btn_shimizu_bg1.jpg);

}

.shimizu_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn2 a {

	background-image:url(../images/idx_btn_shimizu_bg2.jpg);

}

.shimizu_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn3 a {

	background-image:url(../images/idx_btn_shimizu_bg3.jpg);

}

.shimizu_ward #tmp_ward_idx .ward_idx_cnt .ward_idx_list.idx_btn li.idx_btn4 a {

	background-image:url(../images/idx_btn_shimizu_bg4.jpg);

}

/* publicity

================================================== */

#tmp_publicity{

	padding-top:88px;

	overflow: hidden;

}

#tmp_publicity .publicity_inner{

	display: flex;

	align-items: center;

}

#tmp_publicity .publicity_ttl{

	width: 210px;

	padding-right: 20px;

}

#tmp_publicity .publicity_heading{

	margin-bottom: 26px;

}

#tmp_publicity .publicity_heading h2{

	font-size: 166.7%;

}

#tmp_publicity .publicity_list ul {

	flex: 1;

	list-style: none;

	display: flex;

	flex-wrap: wrap;

	margin: 0 -10px;

	padding-top: 10px;

}

#tmp_publicity .publicity_list li{

	width: 20%;

	padding: 0 10px;

}

#tmp_publicity .publicity_list a{

	display: block;

}

#tmp_publicity .publicity_list img{

	width: 100%;

	height: auto;

	vertical-align: top;

	opacity: 1;

	transition: 0.3s ease-in-out opacity;

}

#tmp_publicity .publicity_link{

	padding-left: 10px;

}

/* ==================================================

Switch Layout

================================================== */

/* Banner popup */

.format_top .vc_aoi,

.format_top .vc_surug,

.format_top .vc_shimizu{

	display: none;

}

.format_top .aoi_ward .vc_global,

.format_top .aoi_ward .vc_surug,

.format_top .aoi_ward .vc_shimizu{

	display: none;

}

.format_top .aoi_ward .vc_aoi{

	display: block;

}

.format_top .surug_ward .vc_global,

.format_top .surug_ward .vc_aoi,

.format_top .surug_ward .vc_shimizu{

	display: none;

}

.format_top .surug_ward .vc_surug{

	display: block;

}

.format_top .shimizu_ward .vc_global,

.format_top .shimizu_ward .vc_aoi,

.format_top .shimizu_ward .vc_surug{

	display: none;

}

.format_top .shimizu_ward .vc_shimizu{

	display: block;

}

.aoi_ward .banner_popup .banner_popup_wrap,

.aoi_ward .banner_popup .special_link a,

.aoi_ward .banner_popup .special_close a{

	border-color: #19a973;

}

.aoi_ward .banner_popup .special_link a,

.aoi_ward .banner_popup .special_close a{

	background-color: #278441;

}

.surug_ward .banner_popup .banner_popup_wrap,

.surug_ward .banner_popup .special_link a,

.surug_ward .banner_popup .special_close a{

	border-color: #ac1b2c;

}

.surug_ward .banner_popup .special_link a,

.surug_ward .banner_popup .special_close a{

	background-color: #c03545;

}

.shimizu_ward .banner_popup .banner_popup_wrap,

.shimizu_ward .banner_popup .special_link a,

.shimizu_ward .banner_popup .special_close a{

	border-color: #006d88;

}

.shimizu_ward .banner_popup .special_link a,

.shimizu_ward .banner_popup .special_close a{

	background-color: #017A99;

}

/* Mainvs */

.aoi_ward .special_section_wrap,

.surug_ward .special_section_wrap,

.shimizu_ward .special_section_wrap {

	padding-bottom: 0;

}

.aoi_ward #tmp_mainvs .mainvs_splide_wrap,

.surug_ward #tmp_mainvs .mainvs_splide_wrap,

.shimizu_ward #tmp_mainvs .mainvs_splide_wrap {

	padding-bottom:121px;

}

.aoi_ward #tmp_mainvs,

.surug_ward #tmp_mainvs,

.shimizu_ward #tmp_mainvs{

	overflow: hidden;

}

.aoi_ward #tmp_mainvs{

	background-color: #dbffe1;

    border-bottom: 3px solid #18a971;

}

.surug_ward #tmp_mainvs{

	background-color: #fae9dd;

    border-bottom: 3px solid #c03545;

}

.shimizu_ward #tmp_mainvs{

	background-color: #e4fffa;

    border-bottom: 3px solid #017A99;

}

.aoi_ward #tmp_mainvs .mainvs_splide_inner{

	background-color: #278441;

	border-color: #19a973;

}

.surug_ward #tmp_mainvs .mainvs_splide_inner{

	background-color: #c03545;

	border-color: #ac1b2c;

}

.shimizu_ward #tmp_mainvs .mainvs_splide_inner{

	background-color: #017A99;

	border-color: #006d88;

}

.aoi_ward #tmp_mainvs .mainvs_splide_inner:before,

.aoi_ward #tmp_mainvs .mainvs_splide_inner:after{

	background-image: url(../images/icon/mainvs_pin_green_icon.png);

}

.surug_ward #tmp_mainvs .mainvs_splide_inner:before,

.surug_ward #tmp_mainvs .mainvs_splide_inner:after{

	background-image: url(../images/icon/mainvs_pin_red_icon.png);

}

.shimizu_ward #tmp_mainvs .mainvs_splide_inner:before,

.shimizu_ward #tmp_mainvs .mainvs_splide_inner:after{

	background-image: url(../images/icon/mainvs_pin_dark_blue_icon.png);

}

.aoi_ward #tmp_mainvs .banner_myrioku p:before{

	background-image: url(../images/icon/active_green_icon.png);

}

.aoi_ward #tmp_mainvs .banner_myrioku p:after{

	background-image: url(../images/icon/charm_icon_aoi.png);

}

.surug_ward #tmp_mainvs .banner_myrioku p:before{

	background-image: url(../images/icon/active_red_icon.png);

}

.surug_ward #tmp_mainvs .banner_myrioku p:after{

	background-image: url(../images/icon/charm_icon_surug.png);

}

.shimizu_ward #tmp_mainvs .banner_myrioku p:before{

	background-image: url(../images/icon/active_dark_blue_icon.png);

}

.shimizu_ward #tmp_mainvs .banner_myrioku p:after{

	background-image: url(../images/icon/charm_icon_shimizu.png);

}

.aoi_ward #tmp_mainvs .mainvs_splide_wrap::before {

	background-image:url(../images/mainvisual_aoi_img_lft.png);

	width:380px;

	height:280px;

	top:1px;

	right:1002px;

}

.aoi_ward #tmp_mainvs .mainvs_inner::after {

	background-image:url(../images/mainvisual_aoi_img_rgt.png);

	width:520px;

	height:440px;

	left:838px;

	bottom:-1px;

}

.surug_ward #tmp_mainvs .mainvs_splide_wrap::before {

	background-image:url(../images/mainvisual_surug_img_lft.png);

	width:400px;

	height:270px;

	top:4px;

	right:998px;

}

.surug_ward #tmp_mainvs .mainvs_inner::after {

	background-image:url(../images/mainvisual_surug_img_rgt.png);

	width:400px;

	height:190px;

	left:950px;

	bottom:8px;

}

.shimizu_ward #tmp_mainvs .mainvs_splide_wrap::before {

	background-image: url(../images/mainvisual_shimizu_img_lft.png);

	width:390px;

	height:250px;

	top:15px;

	right:957px;

}

.shimizu_ward #tmp_mainvs .mainvs_inner::after {

	background-image:url(../images/mainvisual_shimizu_img_rgt.png);

	width:370px;

	height:440px;

	left:935px;

	bottom:3px;

}

.surug_ward #tmp_mainvs_splide_thumbnail::after {

	content:'';

	position:absolute;

	top:113px;

	right:-100px;

	background:url(../images/mainvisual_surug_side.png) no-repeat;

	width:96px;

	height:210px;

}

.aoi_ward #tmp_mainvs .mainvs_splide_wrap::after,

.surug_ward #tmp_mainvs .mainvs_splide_wrap::after,

.shimizu_ward #tmp_mainvs .mainvs_splide_wrap::after {

	content:'';

	position:absolute;

	bottom:0;

	left:0;

	right:0;

	height:80px;

	background-repeat:no-repeat;

	background-position:bottom center;

}

.aoi_ward #tmp_mainvs .mainvs_splide_wrap::after {

	background-image:url(../images/mainvisual_en_aoi.png);

}

.surug_ward #tmp_mainvs .mainvs_splide_wrap::after {

	background-image:url(../images/mainvisual_en_surug.png);

}

.shimizu_ward #tmp_mainvs .mainvs_splide_wrap::after {

	background-image:url(../images/mainvisual_en_shimizu.png);

}

.aoi_ward .mainvs_splide_thumbnail .splide__slide{

	border-bottom-color: #75c58b !important;

}

.surug_ward .mainvs_splide_thumbnail .splide__slide{

	border-bottom-color: #ffdac9 !important;

}

.shimizu_ward .mainvs_splide_thumbnail .splide__slide{

	border-bottom-color: #e4fffa !important;

}

.aoi_ward .switch_mode_wrap,

.surug_ward .switch_mode_wrap,

.shimizu_ward .switch_mode_wrap{

	display: none;

}

/* Living */

.format_top #tmp_wrapper .tab_children,

.format_top #tmp_wrapper .tab_senior{

	display: none;

}

.format_top.children #tmp_wrapper .tab_children{

	display: flex;

}

.format_top.children #tmp_wrapper .tab_general,

.format_top.children #tmp_wrapper .tab_senior{

	display: none;

}

.format_top.senior #tmp_wrapper .tab_senior{

	display: flex;

}

.format_top.senior #tmp_wrapper .tab_general,

.format_top.senior #tmp_wrapper .tab_children{

	display: none;

}

.format_top.children #tmp_living .living_inner:after{

	top: -37px;

    left: -99px;

	width: 377px;

	height: 265px;

	background-image: url(../images/icon/living_children_icon.png);

}

.format_top.senior #tmp_living .living_inner:after{

	top: -32px;

    left: -30px;

	width: 182px;

	height: 233px;

	background-image: url(../images/icon/living_senior_icon.png);

}

.aoi_ward #tmp_living .living_inner:after{

	top: -75px;

    left: -26px;

	width: 239px;

	height: 292px;

	background-image: url(../images/icon/living_aoi_icon.png);

}

.surug_ward #tmp_living .living_inner:after{

	top: -43px;

    left: -66px;

	width: 262px;

	height: 225px;

	background-image: url(../images/icon/living_surug_icon.png);

}

.shimizu_ward #tmp_living .living_inner:after{

	top: 2px;

    left: -121px;

	width: 235px;

	height: 154px;

	background-image: url(../images/icon/living_shimizu_icon.png);

}

.aoi_ward #tmp_living .hontai_ttl h2{

	background-image: url(../images/icon/living_eng_green.jpg);

}

.surug_ward #tmp_living .hontai_ttl h2{

	background-image: url(../images/icon/living_eng_red.jpg);

}

.shimizu_ward #tmp_living .hontai_ttl h2{

	background-image: url(../images/icon/living_eng_dark_blue.jpg);

}

.aoi_ward #tmp_living .living_cnt:before{

	border-color: #3e9757;

}

.surug_ward #tmp_living .living_cnt:before{

	border-color: #c03545;

}

.shimizu_ward #tmp_living .living_cnt:before{

	border-color: #017A99;

}

/* Topics */

.aoi_ward #tmp_topics,

.aoi_ward #tmp_ward_idx {

	background-color: #278441;

}

.surug_ward #tmp_topics,

.surug_ward #tmp_ward_idx {

	background-color: #c03545;

}

.shimizu_ward #tmp_topics,

.shimizu_ward #tmp_ward_idx {

	background-color: #017A99;

}

.aoi_ward #tmp_topics .hontai_ttl h2{

	background-image: url(../images/icon/topics_eng_green.png);

}

.surug_ward #tmp_topics .hontai_ttl h2{

	background-image: url(../images/icon/topics_eng_red.png);

}

.shimizu_ward #tmp_topics .hontai_ttl h2{

	background-image: url(../images/icon/topics_eng_dark_blue.png);

}

/* Event */

.aoi_ward #tmp_event .hontai_ttl h2{

	background-image: url(../images/icon/event_eng_green.png);

}

.surug_ward #tmp_event .hontai_ttl h2{

	background-image: url(../images/icon/event_eng_red.png);

}

.shimizu_ward #tmp_event .hontai_ttl h2{

	background-image: url(../images/icon/event_eng_dark_blue.png);

}

.aoi_ward #tmp_event .link_more a.view_link{

	color: #27743c;

	border-bottom-color: #18a971;

	background-image: url(../../../images/icon/arrow_green_icon.png);

}

.surug_ward #tmp_event .link_more a.view_link{

	color: #c03545;

	border-bottom-color: #c03545;

	background-image: url(../../../images/icon/arrow_red_icon.png);

}

.shimizu_ward #tmp_event .link_more a.view_link{

	color: #017A99;

	border-bottom-color: #017A99;

	background-image: url(../../../images/icon/arrow_dark_blue_icon.png);

}

/* Hover

================================================== */

#tmp_publicity .publicity_list a:hover img,

.banner_popup .banner_popup_wrap.active img{

	opacity: 0.7;

}

#tmp_switch_mode .business_person_link a:hover,

#tmp_switch_mode .business_person_link a:focus{

	color: #1570bb;

	background-color: #e1f2ff;

	border-color: #e1f2ff;

}

#tmp_switch_mode .business_person_link a:hover span,

#tmp_switch_mode .business_person_link a:focus span,

.banner_popup .banner_popup_wrap.active .special_link a{

	text-decoration: underline;

}

/* Accessibility

================================================== */

/* Color */

.color_blue #tmp_mainvs .mainvs_splide_wrap:before,

.color_black #tmp_mainvs .mainvs_splide_wrap:before,

.color_yellow #tmp_mainvs .mainvs_splide_wrap:before,

.color_blue #tmp_mainvs .mainvs_inner:after,

.color_black #tmp_mainvs .mainvs_inner:after,

.color_yellow #tmp_mainvs .mainvs_inner:after,

.color_blue .mainvs_splide_thumbnail .splide__slide:before,

.color_black .mainvs_splide_thumbnail .splide__slide:before,

.color_yellow .mainvs_splide_thumbnail .splide__slide:before,

.color_blue #tmp_switch_mode .switch_select:before,

.color_black #tmp_switch_mode .switch_select:before,

.color_yellow #tmp_switch_mode .switch_select:before,

.color_blue #tmp_switch_mode .switch_select:after,

.color_black #tmp_switch_mode .switch_select:after,

.color_yellow #tmp_switch_mode .switch_select:after,

.color_blue #tmp_switch_mode .switch_select a.switch_target:after,

.color_black #tmp_switch_mode .switch_select a.switch_target:after,

.color_yellow #tmp_switch_mode .switch_select a.switch_target:after,

.color_blue #tmp_mainvs .banner_myrioku p:before,

.color_black #tmp_mainvs .banner_myrioku p:before,

.color_yellow #tmp_mainvs .banner_myrioku p:before,

.color_blue #tmp_mainvs .banner_myrioku p:after,

.color_black #tmp_mainvs .banner_myrioku p:after,

.color_yellow #tmp_mainvs .banner_myrioku p:after,

.color_blue #tmp_mainvs .mainvs_splide_inner:before,

.color_black #tmp_mainvs .mainvs_splide_inner:before,

.color_yellow #tmp_mainvs .mainvs_splide_inner:before,

.color_blue #tmp_mainvs .mainvs_splide_inner:after,

.color_black #tmp_mainvs .mainvs_splide_inner:after,

.color_yellow #tmp_mainvs .mainvs_splide_inner:after{

	display: none;

}

.color_blue #tmp_wrapper .banner_popup .special_close a,

.color_black #tmp_wrapper .banner_popup .special_close a{

	background-image: url(../images/icon/close_special.png) !important;

}

.color_yellow #tmp_wrapper .banner_popup .special_close a{

	background-image: url(../images/icon/close_special_sp.png) !important;

	background-size: 18px auto;

	-webkit-background-size: 18px auto;

	-moz-background-size: 18px auto;

}

.color_yellow #tmp_wrapper .banner_popup .special_link a{

	background-color: #FFFF00 !important;

}

.color_blue #tmp_wrapper .banner_popup .special_link a{

	background-color: #00008B !important;

}

.color_black #tmp_wrapper .banner_popup .special_link a{

	background-color: #000000 !important;

}

.color_blue #tmp_publicity .publicity_list a,

.color_black #tmp_publicity .publicity_list a,

.color_yellow #tmp_publicity .publicity_list a{

	border: 1px solid;

}

.color_blue #tmp_ward_office h2,

.color_black #tmp_ward_office h2,

.color_yellow #tmp_ward_office h2 {

	padding-bottom:0 !important;

}

.color_blue #tmp_ward_office .col2,

.color_black #tmp_ward_office .col2,

.color_yellow #tmp_ward_office .col2 {

	margin-top:0 !important;

}

.color_blue #tmp_switch_mode .switch_select a.switch_target.active,

.color_blue #tmp_ward_office .col2 .col2L h3 {

	background-color:#FFFF00 !important;

	color: #00008B !important;

}

.color_black #tmp_switch_mode .switch_select a.switch_target.active,

.color_black #tmp_ward_office .col2 .col2L h3 {

	background-color:#FFFF00 !important;

	color: #000000 !important;

}

.color_yellow #tmp_switch_mode .switch_select a.switch_target.active,

.color_yellow #tmp_ward_office .col2 .col2L h3 {

	background-color:#000000 !important;

	color: #FFFF00 !important;

}

/* Fsize */

.fsize_small .banner_popup .special_link a{

	background-position: 12px 3px;

}

.fsize_small #tmp_switch_mode .business_person_link span{

	background-position: left 2px;

}

.fsize_small #tmp_event .link_more a.view_link{

	background-position: 3px 3px;

}

.fsize_big2 a.view_link{

	background-position: 0 12px;

}

.fsize_big2 #tmp_publicity .publicity_ttl{

	width: 244px;

    padding-right: 10px;

}

/* No-js */

.no_javascript #tmp_mainvs .mainvs_splide:not(.mainvs_splide_thumbnail),

#tmp_mainvs .splide.no-splide{

	width: 100% !important;

}

.no_javascript #tmp_mainvs .splide {

    visibility: visible;

}

#tmp_mainvs .splide.no-splide .splide__list{

	display: block;

}

.no_javascript #tmp_mainvs .splide__list{

	gap: 10px;

    overflow-x: auto;

}

.no_javascript #tmp_mainvs .splide__slide{

	width: 100%;

	margin-bottom: 10px;

}

.no_javascript #tmp_event .link_more a,

.no_javascript #tmp_topics .topics_link_more > a{

	display: inline-block;

}

.no_javascript #tmp_switch_mode .switch_select li{

	display: none;

}

.no_javascript #tmp_switch_mode .switch_select li:first-child{

	display: block;

}

.no_javascript .switch_mode_wrap{

	padding-top: 130px;

}

.no_javascript .banner_popup{

	position: absolute;

	right: 28%;

	bottom: -120px;

}

/* ==================================================

clearfix

================================================== */

/* for modern browser */

#tmp_ward_office .office_cnt:after{

	content: "";	/* Do not edit */

	display: table;	/* Do not edit */

	clear: both;	/* Do not edit */

}





/* ==================================================

print

================================================== */

@media print {



}