@charset "utf-8";

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

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

/* 非表示 */
#footstep_wrap {
	display: none !important;
}
#mymainback {
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	background: none;
}
/* ヘッダ */
#header {
	background: none;
}
#header2 {
    padding: 0;
}
#he_left {
    left: -34px;
    top: 0;
    z-index: 2;
}
#he_right {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 49px;
}
/* メニューボタン【展開】 */
#menu_btn {
	display: inline-block;
	width: 80px;
    height: 80px;
    border: none;
    padding: 0;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 100;
    color: #fff;
    border-radius: 50%;
    background: url(/img/sites/mizu/pc/menu_btn.png) no-repeat center center #006fba;
}
#menu_btn.open {
	color: #333;
    background: url(/img/sites/mizu/pc/clear_btn.png) no-repeat top 20px left 21px #ecf7f6;
}

/* グローバルナビゲーション */
#top_global_nav {
	display: none;
	width: 400px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 90;
    border-radius: 30px 0 0 30px;
    background: url(/img/sites/mizu/pc/dots_1.png) no-repeat top left 60px, 
    			url(/img/sites/mizu/pc/dot_2.png) no-repeat bottom 49px left 56px #cce2f1;
}
#top_global_nav.open {
	display: block;
}
#top_global_nav ul {
    margin: 0;
    padding: 140px 50px 138px;
    list-style: none;
}
#top_global_nav ul li {
    font-size: 2.2rem;
    line-height: 1;
    padding: 0 10px 0 0;
    margin: 0 0 51px;
    letter-spacing: 0.05em;
    background: url(/img/sites/mizu/pc/kuro_arrow.png) no-repeat right;
}
#top_global_nav ul li:last-child {
	margin: 0;
}
#top_global_nav ul li a {
	color: #223847;
    text-decoration: none;
}
#top_global_nav ul li a:hover {
	text-decoration: underline;
}

/* スライドショー */
#top_photo_wrap {
	overflow: hidden;
}
#top_photo_wrap #swiper-container-12 {
	min-width: 2000px;
    left: 50%;
    translate: -50% 0;
}

#top_photo_list .photo img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#top_photo_list .photo a {
	display: block;
	color: inherit;
	text-decoration: none;
}
#top_photo_list .photo span.photo_caption {
	display: block;
	background: #333333;
	color: #ffffff;
	padding: 5px 20px;
}
#top_photo_list .photo span.photo_caption:empty {
	padding: 0px;
}
#top_photo_list .photo span.photo_caption span {
	color: inherit !important;
}

/* スライドショー（3枚表示） */
#top_photo.triple #top_photo_list {
	width: calc(1080px * 3);
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
#top_photo_wrap .pg_class_slide_div_center {
	-webkit-box-align: stretch;
		-ms-flex-align: stretch;
	align-items: stretch;
}
#top_photo_wrap .pg_class_slide_a_center {
	line-height: 0;
}
.pg_class_slide_a_center:before {
	content: "";
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 335px;
	left: 50%;
	translate: -50% 0;
	bottom: 0;
	background: url(/img/sites/mizu/pc/shiro_moya.png);
}
#top_photo_wrap .swiper-slide img {
	object-fit: cover;
}
#top_photo_wrap a:hover img, 
#top_photo_wrap a:focus img {
	 opacity: 1; 
}

/* スライドコントロールボタン */
#top_photo_wrap button[class*="swiper-button-"] {
	width: 30px;
	height: 30px;
	top: inherit;
	bottom: 216px;
	padding: 0;
	-webkit-transform: inherit;
	-ms-transform: inherit;
	        transform: inherit;
	-webkit-box-shadow: unset;
	        box-shadow: unset;
	color: #333;
}
#top_photo_wrap button.swiper-button-prev {
	right: calc(50% - 444px);
	left: inherit;
	background: url(/img/sites/mizu/pc/prev.png)no-repeat !important;
}
#top_photo_wrap button.swiper-button-next {
	right: calc(50% - 484px);
	background: url(/img/sites/mizu/pc/next.png)no-repeat !important;
}
#top_photo_wrap button.swiper-button-start {
	right: calc(50% - 524px);
	background: url(/img/sites/mizu/pc/start.png)no-repeat !important;
}
#top_photo_wrap button.swiper-button-stop {
	right: calc(50% - 524px);
	background: url(/img/sites/mizu/pc/stop.png)no-repeat !important;
}
button.swiper-button-prev::after, 
button.swiper-button-next::after,
:where(button.swiper-button-start,button.swiper-button-stop)::after {
	content: none !important;
}

/* スライドナビゲーションボタン */
#top_photo_wrap .swiper-pagination {
	width: auto;
	margin: 0;
	position: absolute;
	left: auto;
	right: calc(50% - 397px);
	bottom: 223px;
    z-index: 2;
    gap: 15px;
    background: transparent !important;
    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: center;
    -ms-flex-align: center;
            align-items: center;
}
#top_photo_wrap .swiper-pagination-bullet {
	width: 16px;
    height: 16px;
    margin: 0;
    opacity: 1;
    background: #dcdcdc !important;
    color: #333 !important;
    border: 3px solid #fff !important;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#top_photo_wrap .swiper-pagination-bullet-active {
	background: #f4ae3f !important;
	color: #fff !important;
}

/* ワープロライク */
#top_detail {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    gap: 43px;
    width: 1080px;
    margin: 0 auto;
}
#main_body div.detail_movie {
	width: 480px;
    margin: 0;
    line-height: 0;
}
#main_body iframe {
	border: 0;
    height: 270px;
}
#main_body .link_box {
    width: 1000px;
    margin: 0 auto -79px;
    padding: 55px 0 0;
    text-align: center;
}

/*  水の都みしまへ */
#cityinfo_wrap {
	width: min(100%, 2000px);
	margin: 0 auto;
	padding: 65px 0 190px;
    background: url(/img/sites/mizu/pc/cityinfo_bg1.png) no-repeat top 38px left calc(50% - 473px), 
    			url(/img/sites/mizu/pc/cityinfo_bg2.png) no-repeat bottom -8px right calc(50% - 632px);
}
#about_city {
	width: 1200px;
    margin: 0 auto;
    padding: 0 60px 37px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#about_city > img {
	width: 540px;
    height: 330px;
    margin: 39px 9px 0 3px;
    border-radius: 100vmax;
}
#about_city .text_box p {
	margin: 59px 8px 0 99px;
    font-size: 1.8rem;
    text-indent: 13px;
    line-height: 2.2;
    letter-spacing: 0.01em;
}
.text_box h2 {
	margin: 0;
	line-height: 0;
}

/* リンク 一覧 */
.link_box:has(a:nth-child(n+2)) {
	width: 1080px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    gap: 26px 45px;
}
.link_box a {
	display: inline-block;
	text-align: left;
    width: 330px;
    padding: 22px 45px 22px 29px;
	font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    background: url(/img/sites/mizu/pc/shiro_arrow.png) no-repeat right 30px center #006fba;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.link_box a:first-child,
.link_box a:nth-child(3n+1) {
	font-size: 1.8rem;
	padding: 22px 45px 20px 29px;
}
.link_box a:hover {
	text-decoration: underline;
}
/* 湧水スポットを写真で見る */
#supotto_wrap {
	width: min(100%, 2000px);
	margin: 0 auto;
	padding: 0 0 79px;
	background: url(/img/sites/mizu/pc/sp_bg1.png) no-repeat top 13px left calc(50% - 586px), 
				url(/img/sites/mizu/pc/sp_bg2.png) no-repeat bottom 17px right calc(50% - 352.5px);
}
#supotto {
    width: 1200px;
    margin: 0 auto;
    padding: 0 27px 77px 61px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    	-webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    	flex-direction: row-reverse;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
#supotto > img {
    width: 540px;
    height: 330px;
    margin: 13px 0 0 33px;
    border-radius: 100vmax;
}
#supotto .text_box p {
    margin: 43px 0 0 7px;
    font-size: 1.8rem;
    text-indent: 12px;
    line-height: 2.2;
    letter-spacing: 0;
}
#supotto .text_box p:last-child {
	margin: 0 0 0 5px;
}

/* 観光・アクセス */
#kankou_wrap {
	width: min(100%, 2000px);
    margin: 0 auto;
    padding: 198px 0 126px;
    background: url(/img/sites/mizu/pc/kankou_bg.png) no-repeat top 1px left calc(50% - 101.5px);
}
#kankou {
	width: 1200px;
    margin: 0 auto;
    padding: 0 69px 59px 3px;
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: nowrap;
    	flex-wrap: nowrap;
	-webkit-box-align: start;
    	-ms-flex-align: start;
	align-items: flex-start;
    -webkit-box-sizing: border-box;
        	box-sizing: border-box;
}
#kankou > img {
	width: 540px;
    height: 330px;
    border-radius: 100vmax;
}
#kankou .text_box {
    margin: 30px 0 0 57px;
}
#kankou .text_box p {
	margin: 49px 0 0;
    font-size: 1.8rem;
    text-indent: 15px;
    line-height: 2.2;
    letter-spacing: -0.02em;
}

/* 三島市プロモーション「水の都で子育て」 */
#childcare_wrap {
    background: url(/img/sites/mizu/pc/mary.png) no-repeat top left calc(50% - 614px), 
    			url(/img/sites/mizu/pc/pinkkumo.png) no-repeat bottom center;
}
#childcare {
    width: 1080px;
    margin: 0 auto;
    padding: 0 0 66px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
            align-items: flex-end;
}
#childcare::before {
	content: "";
	position: absolute;
	width: 273px;
	height: 182px;
	bottom: -15px;
	right: -192px;
	background: url(/img/sites/mizu/pc/baby_bath.png) no-repeat;
}
#childcare > img {
    margin: 0 2px 27px 0;
}
#childcare h2 {
    margin-left: -1px;
}
#childcare .text_box {
	position: relative;
	padding: 40px 55px 10px 0;
	background: url(/img/sites/mizu/pc/bottle.png) no-repeat bottom right 120px;
}
#childcare .text_box::before {
	content: "";
	position: absolute;
	width: 157px;
	height: 106px;
	top: 0;
	right: -18px;
	background: url(/img/sites/mizu/pc/garland.png) no-repeat;
}
#childcare .text_box::after {
	content: "";
	position: absolute;
	width: 114px;
	height: 109px;
	bottom: 16px;
	right: -23px;
	background: url(/img/sites/mizu/pc/building_blocks.png)no-repeat;
}
#childcare .text_box p {
	margin: 44px 0 67px 40px;
    font-size: 1.8rem;
    text-indent: 27px;
    line-height: 2.2;
    letter-spacing: -0.01em;
}
#childcare .link_box a {
    color: #333333;
    background: url(/img/sites/mizu/pc/kuro_arrow.png) no-repeat right 30px center #fcc1c1;
}

/* 検索 */
.search_box {
	padding: 86px 49px 86px 40px;
}

/* みしまっぷ */
#mishimappu_box {
	background: url(/img/sites/mizu/pc/baikamo.png)no-repeat top center;
}
#mishimappu_box ul {
	margin: 0 auto;
    padding: 86px 0 204px;
    list-style: none;
    width: 1080px;
    gap: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
#mishimappu_box ul li {
	width: 520px;
}
#mishimappu_box ul li a {
    display: block;
    line-height: 0;
}
#mishimappu_box ul li a img {
    width: 100%;
    height: auto;
    border-radius: 100vmax;
}

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

/* 共通 */
.color_change .text_box h2 img {
	background: #fff !important;
}
.color_change #he_left,
.color_change #he_left > *,
.color_change #he_left #logo img,
.color_change #he_right,
.color_change .header_nav, 
.color_change .header_nav ul, 
.color_change .header_nav ul li.h_lang,
.color_change .header_nav ul li.moji_size, 
.color_change .header_nav ul li.haikei_color,
.color_change .header_nav ul li dl,
.color_change .text_box h2 {
	background: transparent !important;
}
.color_change .moji_size dl dt,
.color_change .haikei_color dl dt {
	background-color: transparent !important;
}
.color_change div[id*="_wrap"], .color_change #childcare .text_box,
.color_change #mishimappu_box {
	background: none !important;
}
.color_change .link_box a {
    outline: 1px solid rgba(255, 255, 255, 0.7);
}
.color_change #childcare::before, .color_change #childcare .text_box::before,
.color_change #childcare .text_box::after {
	content: none;
}
.color_change #menu_btn.open {
    background-image: url(/img/sites/mizu/pc/btn_clear.png);
}
.color_change #top_global_nav ul {
    border-radius: 30px 0 0 30px;
}
.color_change #top_global_nav ul li,
.color_change #childcare .link_box a {
	background-image: url(/img/sites/mizu/pc/shiro_arrow.png);
}

/* 黒 */
.color_black * {

}
/* 青 */
.color_blue * {

}

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


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

	/* ========== トップページ ========== */
	.spm_menu_open #top_photo_wrap,
	.spm_menu_open #main,
	.spm_menu_open #mishimappu_box {
		display: none;
	}
	/* ヘッダ */
	#he_left {
		pointer-events: none;
		width: calc(100% - 70px);
		position: absolute;
		padding: 0;
	    top: 16px;
	    left: 50%;
	    translate: -50% 0;
	}
	#he_left #logo {
	    background: url(/img/sites/mizu/sp/logo.png) no-repeat center center !important;
    	background-size: 100% auto !important;
	}
	#he_left #logo img {
	    opacity: 0;
	    width: 100%;
	    height: 100%;
	}
	/* グローバルナビゲーション */
	#menu_btn {
		display: none;
	}
	#top_global_nav {
	    display: block;
	    width: auto;
	    position: static;
	    border-radius: 0;
	    border-top: 1px solid #fff;
        background: transparent;
	}
	#top_global_nav ul {
		margin: 0 10px;
    	padding: 25px 0 0;
	}
	#top_global_nav ul li {
		padding: 0 20px 0 0;
	    margin: 0 0 25px;
	    font-size: 2rem;
	    line-height: 1.2;
	}

	/* スライドショー */
	#top_photo_wrap {
		margin: 0 0 -30px;
	}
	#top_photo_wrap #swiper-container-12 {
		min-width: 100%;
	}
	#top_photo_wrap .swiper-container {
		padding: 0 0 30px;
	}
	#top_photo_wrap .swiper-slide img {
		height: 100vw;
	}
	.pg_class_slide_a_center:before {
		height: 75px;
		bottom: -1px;
	    background-size: 375px 75px;
	}

	/* スライドショー（3枚表示） */
	#top_photo.triple #top_photo_list {
		width: auto;
		left: auto;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}

	/* スライドコントロールボタン */
	#top_photo_wrap button.swiper-button-prev {
	    right: 100px;
    	bottom: 0;
	}
	#top_photo_wrap button.swiper-button-next {
		right: 60px;
    	bottom: 0;
	}
	#top_photo_wrap button.swiper-button-stop,
	#top_photo_wrap button.swiper-button-start {
	    bottom: 0;
    	right: 20px;
	}

	/* スライドナビゲーションボタン */
	#top_photo_wrap .swiper-pagination {
	    position: static;
	    width: auto;
	    display: none;
	}

	/* バナー広告 */
	#footer_banner {
		width: auto;
		margin: 0px var(--mymainback-margin-side, 15px) 40px;
	}
	#footer_banner ul.banner_list {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 10px;
	}
	#footer_banner ul.banner_list li {
		width: calc(50% - 5px);
		max-width: 200px;
	}

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

	/* 新着情報 */
	.section_information {
		padding: 0px;
	}
	.section_information h2 {
		margin: 0px;
		padding: 15px 20px;
		font-size: 2rem;
	}

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

	.section_information_list ul {
		padding: 0px 20px 20px;
	}
	.section_information_list ul li {
		display: block;
		width: auto;
		margin: 0px;
		padding: 15px 0px;
		border-bottom: 1px solid #cccccc;
	}
	.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 {
		display: block;
		background: url("/img/sp/arrow_r.png") no-repeat right center transparent;
		background-size: 8px auto;
		padding-right: 15px;
		text-decoration: none;
	}

	.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;
	}
	.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);
	}

	/* 水の都みしまへ */
	#cityinfo_wrap {
        width: auto;
        padding: 59px 0 30px;
        background: url(/img/sites/mizu/sp/cf_bg1.png) no-repeat top -42px left, 
        			url(/img/sites/mizu/sp/cf_bg2.png) no-repeat bottom -3px right;
	}
	#about_city {
	    width: auto;
	    display: block;
	    padding: 0;
	    margin: 0 20px;
	    line-height: 0;
	}
	#about_city > img {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	}
	#about_city .text_box {
        margin: 29px 0 0;
	}
	#about_city .text_box h2 img {
		width: calc(100% - 53px);
    	max-width: 300px;
	}
	#about_city .text_box p {
        margin: 25px 0 30px;
		font-size: 1.6rem;
	    line-height: 2;
	}

	/* リンク 一覧 */
	.link_box {
		max-width: 335px;
	    margin: 0 auto !important;
	    text-align: center;
	}
	.link_box:has(a:nth-child(n+2)) {
		width: calc(100% - 40px);
        gap: 15px 0;
	}
	.link_box a {
		width: calc(100% - 5px);
	    margin: 0 auto;
	    padding: 23px 45px 23px 29px !important;
	    font-size: 1.4rem !important;
	}

	/* 湧水スポットを写真で見る */
	#supotto_wrap {
		width: auto;
	    padding: 0;
        background: url(/img/sites/mizu/sp/supotto_bg.png) no-repeat top 100px center;
        background-size: 100% auto;
	}
	#supotto {
		width: auto;
	    display: block;
	    margin: 0 20px;
	    padding: 30px 0 25px;
	    line-height: 0;
	}
	#supotto > img {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	}
	#supotto .text_box {
		margin: 31px 0 0;
	}
	#supotto .text_box h2 img {
		width: 190px;
	}
	#supotto .text_box p {
		margin: 25px 0 0;
	    font-size: 1.6rem;
	    line-height: 2;
	}
	#supotto .text_box p:last-child {
	    margin: 0;
	}

	/* ワープロライク */
	#top_detail {
		display: block;
	    width: auto;
	    margin: 0 20px;
	    padding: 30px 0;
	}
	#main_body div.detail_movie {
		width: auto;
		max-width: 560px;
	    margin: 0 auto 15px;
	    line-height: 0;
	}
	#main_body div.detail_movie:last-child {
		margin-bottom: 0;
	}
	#main_body .link_box {
		width: calc(100% - 40px);
		padding: 0;
	}
	#main_body .link_box a {
		font-size: 1.6rem !important;
	}

	/* 観光・アクセス */
	#kankou_wrap {
		width: auto;
		padding: 60px 0 30px;
	    background: url(/img/sites/mizu/sp/kankou_bg1.png) no-repeat top 71px left, 
	    			url(/img/sites/mizu/sp/kankou_bg2.png) no-repeat bottom 3px right;
	}
	#kankou {
	    width: auto;
    	margin: 0 20px;
   		display: block;
    	padding: 0;
    	line-height: 0;
	}
	#kankou > img {
	    width: 100%;
    	height: auto;
	}
	#kankou .text_box {
		margin: 30px 0;
	}
	#kankou .text_box h2 img {
		width: 154px;
    	height: 89px;
	}
	#kankou .text_box p {
		margin: 25px 0 0;
	    font-size: 1.6rem;
	    line-height: 2;
	    text-indent: 16px;
	    letter-spacing: -0.01em;
	}
	#kankou .text_box p br {
		display: none;
	}


	/* 三島市プロモーション「水の都で子育て」 */
	#childcare_wrap {
	    background: url(/img/sites/mizu/sp/pinkkumo.png) repeat-x bottom center;
	}
	#childcare {
	    width: auto;
    	display: block;
    	margin: 0 20px;
    	padding: 0 0 53px;
    	line-height: 0;
	}
	#childcare::before {
		width: 121px;
        height: 80px;
        bottom: 53px;
        right: 0;
        background-size: 100% auto;
	}
	#childcare > img {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    z-index: 2;
        position: relative;
	}
	#childcare .text_box {
		padding: 0 0 95px;
        background: url(/img/sites/mizu/sp/child_bg.png) no-repeat bottom left 6px;
	}
	#childcare .text_box::before {
		width: 94px;
	    height: 63px;
	    top: -32px;
	    right: -16px;
	    background-size: 100% auto;
	}
	#childcare .text_box::after {
		width: 79px;
        height: 229px;
        bottom: inherit;
        top: -52px;
        left: -20px;
        background: url(/img/sites/mizu/sp/mary.png) no-repeat;
	}
	#childcare h2 {
		margin: 30px 0 0 23px;
    	width: calc(100% - 42px);
        position: relative;
        z-index: 1;
	}
	#childcare h2 img {
		max-width: 100%;
	}
	#childcare .text_box p {
		position: relative;
        margin: 25px 0 25px 3px;
        font-size: 1.6rem;
        line-height: 2;
        text-indent: 23px;
        z-index: 1;
	}
	
	/* みしまっぷ */
	#mishimappu_box {
		background: url(/img/sites/mizu/sp/shiro_kumo.png)repeat-x bottom center,
					url(/img/sites/mizu/sp/baikamo.png) no-repeat top -84px left calc(50% - 10px);
	}
	#mishimappu_box ul {
		width: auto;
	    display: block;
	    margin: 0 20px;
	    padding: 60px 0 106px;
	}
	#mishimappu_box ul li {
		width: auto;
        max-width: 335px;
        margin: 0 auto 20px;
	}

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

	/* 共通 */
	.color_change * {

	}
	/* 黒 */
	.color_black * {

	}
	/* 青 */
	.color_blue * {

	}

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