/*-----------------------------------------------
 body
-----------------------------------------------*/
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: url(../img/bg_beige.png) center top;
}




/*-----------------------------------------------
 Font
-----------------------------------------------*/
h1 {
	width: 490px;
	float: left;
}

h2 {
	margin: 10px 0 0;
	padding: 20px 20px 17px;
	border-radius: 10px;
	background: url(../img/bg_h2.png);
	color: #FFF;
	font-size:230.8%;/*font30px*/
}

h3 {
	margin: 30px 0 0;
	padding: 15px 20px 13px;
	border-radius: 10px;
	background: url(../img/bg_h3.png);
	font-size:167%;/*font22px*/
	font-weight: normal;
}

h4 {
	margin: 20px 20px 0;
	padding: 13px 18px 10px;
	border: 2px solid #b5f4ff;
	border-radius: 10px;
	background: #e8ffff;
	font-size:153.9%;/*font20px*/
	font-weight: normal;
	overflow: hidden;
}

h5 {
	margin: 20px 20px 0;
	padding: 13px 18px 10px;
	font-size:153.9%;/*font20px*/
	color: #0089DE;
	font-weight: bold;
	overflow: hidden;
}

h6 { }

p {
	margin: 15px 40px 40px;
	/*padding: 20px 10px 20px 40px;*/
	font-size:138.5%;/*font18px*/
	line-height: 1.7;
	overflow: hidden;
}




/*-----------------------------------------------
 container
-----------------------------------------------*/
#container {
}

#wrapper {
}




/*-----------------------------------------------
 header
-----------------------------------------------*/
#header {
	background: url(../img/bg_sky.png) center top;
}

#top_header_contents {
	width: 1200px;
	height: 133px;
	margin: 0 auto;
	background: url(../img/top_header_bg.png);
	
	/*border:1px solid;*/
}

#second_header_contents {
	width: 1200px;
	height: 133px;
	margin: 0 auto;
	background: url(../img/second_header_bg.png);
	
	/*border:1px solid;*/
}




/*-----------------------------------------------
 top
-----------------------------------------------*/
#top {
	min-width: 1200px;
	background: url(../img/top_bg.png) center top repeat-x;
}

#top_contents {
	width: 1200px;
	height: 491px;
	margin: 0 auto;
	background: url(../img/top_main_bg.png) center top no-repeat;
	position: relative;
	
	/*border:1px solid;*/
}

#top_btn_friend {
	position: absolute;
	top: 14px;
	left: 111px;
}

#top_btn_rekisi {
	position: absolute;
	top: 205px;
	left: 94px;
}

#top_btn_imamukasi {
	position: absolute;
	top: 351px;
	left: 141px;
}

#top_btn_sigoto {
	position: absolute;
	top: 90px;
	left: 400px;
}

#top_btn_eizo {
	position: absolute;
	top: 338px;
	left: 417px;
}

#top_btn_ogaki {
	position: absolute;
	top: -22px;
	left: 688px;
}

#top_btn_senken {
	position: absolute;
	top: 290px;
	left: 670px;
}

#top_btn_sora {
	position: absolute;
	top: -128px;
	left: 932px;
}

#top_btn_yukari {
	position: absolute;
	top: 115px;
	left: 915px;
}

#top_btn_bousai {
	position: absolute;
	top: 345px;
	left: 940px;
}




/*-----------------------------------------------
 menu
-----------------------------------------------*/
#menu {
	min-width: 1200px;
	background: url(../img/bg_green.png) center top;
}

#menu_contents {
	/*width: 1200px;*/
	/*margin: 0 auto;*/
	background: url(../img/menu_bg.png) center top no-repeat;
	text-align: center;
	
	/*border:1px solid;*/
}




/*-----------------------------------------------
 siraberu
-----------------------------------------------*/
#siraberu {
	width: 1200px;
	margin: 50px auto;
	text-align: center;
	
	/*border:1px solid;*/
}




/*-----------------------------------------------
 pan
-----------------------------------------------*/
#pan {
	width: 1040px;
	margin: 15px auto;
}




/*-----------------------------------------------
 main
-----------------------------------------------*/
#main {
	width: 1000px;
	margin: 0 auto 40px;
	padding: 20px;
	border-radius: 15px;
	background: #FFF;
}




/*-----------------------------------------------
 hanyo_table
-----------------------------------------------*/
.hanyo_table {
	margin: 20px auto 50px;
}

.hanyo_table th,
.hanyo_table td {
	padding: 15px 20px;
	border-bottom: 1px solid #CCC;
	font-size:138.5%;/*font18px*/
	line-height: 1.7;
}

.hanyo_table th {
	background: #DCFFBC;
}

.hanyo_table td {
}

.hanyo_table th.noborder,
.hanyo_table td.noborder {
	border: none;
}


.hanyo_table02 {
	margin: 20px auto 50px;
}

.hanyo_table02 th,
.hanyo_table02 td {
	padding: 15px 20px;
	border-bottom: 1px solid #CCC;
	font-size:138.5%;/*font18px*/
	line-height: 1.7;
}

.hanyo_table02 th {
	background: #DCFFBC;
}

.hanyo_table02 td {
}

.hanyo_table02 th.noborder,
.hanyo_table02 td.noborder {
	border: none;
}

.hanyo_table02 .line {
	border-right: 1px solid #CCC;
}



/*-----------------------------------------------
 img_table
-----------------------------------------------*/
.img_table {
	margin-top: 10px;
	margin-bottom: 30px;
	font-size:116%;/*font15px*/
	line-height: 1.3;
	text-align: center;
}

.img_table img{
	margin-bottom: 5px;
}



/*-----------------------------------------------
 防災
-----------------------------------------------*/

.bousai_list div {
	margin: 0px 0px;
	display: inline-block;
	vertical-align: top;
	
	/*background:#930;*/
}

.bousai_list div ul {
	margin-top: 0px;
	font-size:123.1%;/*font16px*/
	line-height: 3;
	text-align: left;
	
	/*background: #FC6;*/
}


/*-----------------------------------------------
 friendlycity
-----------------------------------------------*/
.friendlycity_list {
	text-align: center;
	
	/*background:#09F;*/
}

.friendlycity_list div {
	margin: 20px 40px;
	display: inline-block;
	vertical-align: top;
	
	/*background:#930;*/
}

.friendlycity_list div ul {
	margin-top: 10px;
	font-size:123.1%;/*font16px*/
	line-height: 3;
	text-align: left;
	
	/*background: #FC6;*/
}




/*-----------------------------------------------
 yukari
-----------------------------------------------*/
.yukari_img_box {
	text-align: center;
	font-size:123.1%;/*font16px*/
	line-height: 1.5;
	
	/*background:#09F;*/
}

.yukari_img_box div {
	padding: 20px;
	display: inline-block;
	vertical-align: top;
	
	/*background:#930;*/
}

.yukari_img_box div.tatesen {
	border-left: 1px dashed #C7C7C7;
}

.yukari_img_box2 {
	text-align: center;
	font-size:123.1%;/*font16px*/
	line-height: 1.5;
}

.yukari_img_box2 div {
	display: inline-block;
	vertical-align: top;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 20px;
	
	/*background:#930;*/
}

.yukari_img_box2 div.tatesen {
	border-left: 1px dashed #C7C7C7;
	padding-left: 100px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}




/*-----------------------------------------------
 rekisi
-----------------------------------------------*/
.rekisi_img_box {
	width: 270px;
	margin: 20px 50px 20px 40px;
	text-align: center;
	font-size:123.1%;/*font16px*/
	line-height: 1.5;
	float: left;
	
	/*background:#09F;*/
}
.kaigyo {
	width: 280px;
	margin: 20px 40px 20px 40px;
	text-align: left;
}

.sanryo_yama {
	margin: 20px 20px 0;
	padding: 13px 20px 10px;
	border-radius: 8px;
	background: #DCFFBC;
	font-size:146.5%;/*font19px*/
}

.odori_yama {
	margin: 20px 20px 0;
	padding: 13px 20px 10px;
	border-radius: 8px;
	background: #FFE2E9;
	font-size:146.5%;/*font19px*/
}

.karakuri_yama {
	margin: 20px 20px 0;
	padding: 13px 20px 10px;
	border-radius: 8px;
	background: #D7EEFF;
	font-size:146.5%;/*font19px*/
}


/*-----------------------------------------------
 bousai
-----------------------------------------------*/
.sonae_p01 {
	position: absolute;
	top: 140px;  
	left: 110px;  
}

.sonae_p02 {
	position: absolute;
	top: 350px;  
	left: 55px;  
}

.sonae_p03 {
	position: absolute;
	top: 30px;  
	left: 580px;  
}

.sonae_p04 {
	position: absolute;
	top: 130px;  
	left: 350px;  
}

.sonae_p05 {
	position: absolute;
	bottom: 140px;  
	left: 540px;  
}

.sonae_p06 {
	position: absolute;
	top: 20px;  
	left: 340px;  
}

.sonae_p07 {
	position: absolute;
	bottom: 160px;  
	left: 250px;  
}

.sonae_p08 {
	position: absolute;
	bottom: 200px;  
	left: 650px;  
}

.sonae_p09 {
	position: absolute;
	bottom: 50px;  
	left: 530px;  
}

/*-----------------------------------------------
 suito
-----------------------------------------------*/
.suito_img_box {
	width: 300px;
	margin: 20px 40px 20px 40px;
	text-align: center;
	font-size:123.1%;/*font16px*/
	line-height: 1.5;
	float: left;
}
.suito_img_box2 {
	width: 300px;
	margin: 20px 40px 20px 40px;
	text-align: center;
	font-size:123.1%;/*font16px*/
	line-height: 1.5;
	float: right;
}
.suito_text1col {
	margin: 0 40px 0;
	padding: 15px 0px 30px 0px;
	font-size:138.5%;/*font18px*/
	line-height: 1.7;
	overflow: hidden;
}

/*-----------------------------------------------
 sora
-----------------------------------------------*/
.relative img {
	margin-bottom:30px;
}

.sdgs .relative img {
	margin-bottom:0;
}

.no1_p01 {
	position: absolute;
	top: 135px;  
	left: 67px;  
}

.no1_p02 {
	position: absolute;
	bottom: 190px; 
	right: 80px;  
}

.no2_p03 {
	position: absolute;
	top: 35px;  
	left: 235px;  
}

.no2_p04 {
	position: absolute;
	top: 105px;  
	right: 415px;  
}

.no2_p05 {
	position: absolute;
	bottom: 255px;  
	left: 365px;  
}

.no2_p06 {
	position: absolute;
	bottom: 145px;  
	left: 395px;  
}

.no2_p07 {
	position: absolute;
	top: 175px;  
	left: 10px; 
	display: none;
}

.no2_p24 {
	position: absolute;
	top: 125px;  
	left: 130px;  
}

.no3_p08 {
	position: absolute;
	top: 140px;  
	left: 485px;  
}

.no3_p09 {
	position: absolute;
	bottom: 250px;  
	right: 245px;  
}

.no3_p10 {
	position: absolute;
	bottom: 200px;  
	left: 425px;  
}

.no4_p11 {
	position: absolute;
	bottom: 185px;  
	left: 375px;  
}

.no4_p12 {
	position: absolute;
	bottom: 265px;  
	right: 430px;  
}

.no4_p13 {
	position: absolute;
	top: 100px;  
	right: 390px;  
}

.no4_p14 {
	position: absolute;
	top: 5px;  
	left: 370px;  
}

.no4_p15 {
	position: absolute;
	bottom: 205px;  
	left: 165px;  
}

.no4_p16 {
	position: absolute;
	bottom: 120px;  
	left: 250px;  
}

.no4_p25 {
	position: absolute;
	top: 205px;  
	left: 265px;  
}

.no6_p17 {
	position: absolute;
	top: 118px;  
	left: 196px;  
}

.no6_p18 {
	position: absolute;
	top: 62px;  
	left: 563px;  
}

.no6_p19 {
	position: absolute;
	top: 5px;  
	left: 752px;  
}

.no6_p20 {
	position: absolute;
	top: 201px;  
	left: 563px;  
}

.no6_p21 {
	position: absolute;
	top: 406px;  
	left: 625px;  
}

.no6_p26 {
	position: absolute;
	top: 361px;  
	left: 546px;  
}

.no7_p22 {
	position: absolute;
	top: 119px;  
	left: 0px;  
}

.no7_p23 {
	position: absolute;
	top: 479px;  
	left: 810px;  
}

.no7_p27 {
	position: absolute;
	top: 150px;  
	left: 440px;  
}


.no8_p28 {
	position: absolute;
	top: 155px;  
	right: 440px;  
}

.no8_p29 {
	position: absolute;
	top: 20px;  
	right: 280px;  
}

.no8_p30 {
	position: absolute;
	top: 80px;  
	right: 120px;  
}


.no9_p31 {
	position: absolute;
	top: 205px;  
	left: 360px;  
}

.no9_p32 {
	position: absolute;
	top: 255px;  
	right: 340px;  
}

.no9_p33 {
	position: absolute;
	bottom: 100px;  
	right: 205px;  
}


.no10_p34 {
	position: absolute;
	bottom: 100px;  
	left: 355px;  
}

.no10_p31 {
	position: absolute;
	top: 80px;  
	left: 20px;  
	display: none;
}

.no10_p32 {
	position: absolute;
	top: 115px;  
	left: 110px;  
	display: none;
}

.no10_p33 {
	position: absolute;
	top: 230px;  
	left: -30px;  
}

.no10_p35 {
	position: absolute;
	top: 200px;  
	left: 225px;  
}

.no10_p36 {
	position: absolute;
	top: 265px;  
	left: 345px;  
}

.no10_p37 {
	position: absolute;
	top: 220px;  
	right: 395px;  
}

.no10_p38 {
	position: absolute;
	top: 160px;  
	right: 330px;  
}

.no10_p39 {
	position: absolute;
	top: 55px;  
	right: 350px;  
}


.no5_question01 {
	position: absolute;
	bottom: 75px;  
	right: 240px;  
}
.no5_question02 {
	position: absolute;
	bottom: 5px;  
	left: 210px;  
}
.no5_question03 {
	position: absolute;
	top: 90px;  
	right: 310px;  
}

/*-----------------------------------------------
 eizo
-----------------------------------------------*/
.movie_box {
	margin: 20px auto;
	text-align: center;
	font-size:123.1%;/*font16px*/
	line-height: 1.5;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	/*background:#9F9;*/
}

.movie_box div {
	width: 48%;
	margin-bottom: 40px;
	
	/*background: #FCF;*/
}

.movie_box div video {
	width: 100%;
	display: block;
}




/*-----------------------------------------------
 footer
-----------------------------------------------*/
#footer {
	background: #FFF;
}

#footer:before {
	content: "";
	width: 100%;
	height: 4px;
	display: block;
	background: -webkit-linear-gradient(left, rgb(0, 160, 224) 0%, rgb(34, 35, 136) 20%, rgb(228, 0, 126) 40%, rgb(230, 31, 31) 60%, rgb(254, 237, 0) 80%, rgb(2, 152, 75) 100%);
	background: linear-gradient(to right, rgb(0, 160, 224) 0%, rgb(34, 35, 136) 20%, rgb(228, 0, 126) 40%, rgb(230, 31, 31) 60%, rgb(254, 237, 0) 80%, rgb(2, 152, 75) 100%);
}

#footer_contents {
	width: 960px;
	margin: 0 auto;
	padding: 35px 0;
	
	/*background:#CFC;*/
}

#footer_contents img {
	margin-right: 30px;
	padding-right: 30px;
	border-right: 1px solid #B2DDFD;
	display: block;
	float: left;
}

#footer_contents address {
	margin-top: 10px;
	font-size:108%;/*font14px*/
	line-height:2;
	letter-spacing:0.1em;
	float: left;
}







/*-----------------------------------------------
 other
-----------------------------------------------*/

/* 線 */
.line01 {
	border-bottom: solid 1px #b8b8b8;
}

/* ダウンロードアイコン */
a[href$=".pdf"] {
	padding-right:20px;
	background:url(../img/dlIconPdf.gif) no-repeat right center;
	}
a.p-link{/*画像のpdfリンクアイコンを外す*/
	padding-right:0px;
	background:none;
	}
a[href$=".xls"] ,
a[href$=".xlsx"]{
	padding-right:20px;
	background:url(../img/dlIconXls.gif) no-repeat right center;
	}
a[href$=".ppt"] ,
a[href$=".pptx"]{
	padding-right:20px;
	background:url(../img/dlIconPpt.gif) no-repeat right center;
	}
a[href$=".doc"],
a[href$=".docx"] {
	padding-right:20px;
	background:url(../img/dlIconDoc.gif) no-repeat right center;
	}

.link_noborder {
	text-decoration: none;
}


/*-----------------------------------------------
 mokuji
-----------------------------------------------*/
.sec-mokuji {
    margin: 1.8em 0 0 0;
	padding: 0.8em 2em 2em 3em;
	box-sizing: border-box;
	border: solid 3px #0130A5;
	background: #FFFFF2;
    line-height: 1.7;
}
.title_mikuji {
    border-bottom: 1px dashed #0130A5;
    margin-bottom: 0.5em;
    padding-top: 0.6em;
    padding-bottom: 0.8em;
    padding-left: 2.2em;
	background:url(../img/m_ico.png) no-repeat left 9px;
	font-size: 21.5px;
	font-weight: bold;
	color: #411909;
}
.m-category {
	display: inline-block;
	font-size: 17px;
}


/*-----------------------------------------------
 mirai
-----------------------------------------------*/
.mirai p {
	text-indent: 1em;
}
.mirai ul.list_cir {
	margin: 15px 40px 20px;
	font-size: 138.5%;
	list-style: none;
}
.mirai ul.list_cir li {
	position: relative;
	padding-left: 1.5rem;
	line-height: 1.8;
}
.mirai ul.list_cir li::before {
	content: '';
	width: 12px;
	height: 12px;
	color: #333;
	border-radius: 999px;
	border: 2px solid #333;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(50%);
}
.mirai ul.list_cir li + li {
	margin-top: 0.25rem;
}
.mirai ul.list_cir + p {
	margin: 0 40px 40px;
}
.mirai ul.list_cir + p:has(+ ul.list_cir) {
	margin: 0 40px;
}
.mirai ul.list_cir + p + ul.list_cir {
	margin: 0 40px 20px;
}
.mirai ul.list_cir:has(+ p + ul.list_cir) {
	margin: 15px 40px 0;
}
.mirai .fl_imgbox {
	display: flex;
	justify-content: center;
	gap: 0 1rem;
}
.mirai .fl_imgbox > div {
	width: 300px;
	text-align: center;
	font-size: 123.1%;
}
.mirai .fl_imgbox > div img {
	margin-bottom: 0.5rem;
}
.mirai .suito_img_box + p {
	margin: 40px;
}


/*-----------------------------------------------
 play
-----------------------------------------------*/
.play p {
	text-indent: 1em;
}
.play ol {
	margin: 15px 40px 20px;
	font-size: 138.5%;
}
.play ol:first-of-type {
	list-style: none;
	counter-reset: number;
	padding-left: 0;
}
.play ol:first-of-type li {
	counter-increment: number;
	line-height: 1.8;
	display: flex;
	align-items: flex-start;
}
.play ol:first-of-type li::before {
	content: "\FF08" counter(number) "\FF09 ";
	display: inline-block;
	width: 3em; 
}
.play ol:not(:first-of-type) li {
	color: #e32636;
	margin-bottom: 1rem;
	line-height: 1.5;
}
.play ol:not(:first-of-type) li span {
	color: #000;
	display: block;
}
.play_catch {
	text-align: center;
	background: #fff1e4;
	padding: 1.5rem 2rem;
	font-size: 167%;
	font-weight: bold;
	border-radius: 8px;
}
.play .suito_img_box,
.play .suito_img_box2 {
	width: 400px;
}
.play .suito_img_box + ol {
	margin: 40px 40px 20px;
}