@charset "UTF-8";




/* #region 市議会の進め方 ヘッダー部分 */
#s_council_flow .flow {
    display: grid;
    grid-template-columns: 1fr;

    /*height: 1400px;*/
    background-color: #E3D1BD;
}


#s_council_flow .flow .flow_header1 { 
    /*position: absolute;*/
    width: 100%; 
    /*overflow: hidden;*/
    /*line-height: 0; */
    transform: rotate(0deg); 
	background-color: #E3D1BD;


	position: relative;
	/*height: 500px;*/ /* SVGの高さと同じにします */

	display: flex;
	justify-content: center;
	align-items: center;

	margin: 0 0 -1px 0;	/*白がでてしまうため調整*/
    padding: 0 0 0 0;
	
	/*border: 1px solid red;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/

} 

#s_council_flow .flow .flow_header1 svg { 
	/*position: relative; */
    /*display: block; */
    /*width: calc(112% + 1px);*/
    /*height: 210px; */
    /*transform: rotateY(180deg); */
    /*transform: rotateX(180deg); */


} 

#s_council_flow .flow .flow_header2 { 
    /*position: absolute;*/
    width: 100%; 
    /*overflow: hidden;*/
    /*line-height: 0; */
    transform: rotate(0deg); 
	background-color: #E3D1BD;


	position: relative;
	height: 300px; /* SVGの高さと同じにします */

	justify-content: center;
	align-items: center;

	margin: 0 0 -1px 0;	/*白がでてしまうため調整*/
    padding: 0 0 0 0;
	
	/*border: 1px solid red;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/

} 

#s_council_flow .flow div.sidelogo {
    position: absolute;
    width: 126px;
    z-index: 20;
    
}

#s_council_flow .flow div.sidelogo p.en1 {
	width: 1100px;
	/*height: 40px;*/
	position: absolute;
	/*top: 12%;*/
	right: 2%;

	margin:  800px -500px 0px 0px;
    /*transform: translate(-50%, 0%);*/

	
	transform: rotate(90deg); 

	color: #EBDFD1; /* テキスト色を指定 */
	font-size: 76px; /* フォントサイズを指定 */
	font-weight: bold;
    letter-spacing: 27px;
    
}

@media screen and (max-width: 430px) {
    #s_council_flow .flow .flow_header2 div.logo {
        position: relative;
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        margin: 0;

        text-align: center; /* 子要素を中央揃え */

    }
    #s_council_flow .flow .flow_header2 div.logo img{
        height: 70px;
        display: block; /* ブロック要素にして中央揃え */
        margin: 0 auto; /* 中央に配置 */
        position: relative; /* 下げるために relative を使用 */
        top: 30px; /* 下に移動 */

    }

    #s_council_flow .flow .flow_header2 h1.title {
        position: relative; /* 画像の上に重ねるために relative を使用 */
        pointer-events: none;
        text-align: center;
        height: 50px;
        margin-top: 0px; /* 画像との間にスペースを追加 */

    }
    #s_council_flow .flow_header2 h1.title p.en{
        /*display: block;*/ /* pタグをブロック要素に設定 */
        margin: 0;
        /*height: 32px;*/
        font-size: 19px;
        color: black; /* 文字色を設定 */
        position: relative; /* 下げるために relative を使用 */
        top: 0px; /* 下に移動 */

        font-family: 'Arial Black', 'MS Gothic', sans-serif; /* ゴシックフォントを指定 */
        font-weight: bold; /* 太めに設定 */
        line-height: 1.1;

    }
    #s_council_flow .flow .flow_header2 h1.title p.jp{
        /*display: block;*/ /* pタグをブロック要素に設定 */
        margin: 0 0 0 0;
        /*height: 30px;*/
        font-size: 10px;
        color: black; /* 文字色を設定 */
        position: relative; /* 下げるために relative を使用 */
        top: 0px; /* 下に移動 */

        font-weight: bold; /* 太めに設定 */
    }
}
@media screen and (min-width: 431px) {
    #s_council_flow .flow .flow_header2 div.logo {
		position: relative;
		top: 0%;
		left: 50%;
		transform: translate(-50%, 0%);
		margin: 0;

		text-align: center; /* 子要素を中央揃え */

    }
    #s_council_flow .flow .flow_header2 div.logo img{
		height: 80px;
		display: block; /* ブロック要素にして中央揃え */
		margin: 0 auto; /* 中央に配置 */
		position: relative; /* 下げるために relative を使用 */
		top: 28px; /* 下に移動 */

    }

    #s_council_flow .flow .flow_header2 h1.title {
		position: relative; /* 画像の上に重ねるために relative を使用 */
		pointer-events: none;
		text-align: center;
		height: 50px;
		margin-top: 0px; /* 画像との間にスペースを追加 */

    }
    #s_council_flow .flow .flow_header2 h1.title p.en{
		/*display: block;*/ /* pタグをブロック要素に設定 */
		margin: 0;
		/*height: 32px;*/
		font-size: 22px;
		color: black; /* 文字色を設定 */
		position: relative; /* 下げるために relative を使用 */
		top: 0px; /* 下に移動 */

		font-family: 'Arial Black', 'MS Gothic', sans-serif; /* ゴシックフォントを指定 */
		font-weight: bold; /* 太めに設定 */
		line-height: 1.1;

    }
    #s_council_flow .flow .flow_header2 h1.title p.jp{
		/*display: block;*/ /* pタグをブロック要素に設定 */
		margin: 0 0 0 0;
		/*height: 30px;*/
		font-size: 11px;
		color: black; /* 文字色を設定 */
		position: relative; /* 下げるために relative を使用 */
		top: 0px; /* 下に移動 */

		font-weight: bold; /* 太めに設定 */
    }

}

#s_council_flow .flow .flow_header2 .msg1 {
    position: relative;
	top: 2%;
	/*left: 50%;*/

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 170px;

}
#s_council_flow .flow .flow_header2 .msg1 p.honbun{
    pointer-events: none;
    text-align: center;
    color: black;
    line-height: 1.7;
    letter-spacing: 1px;
    margin: 50px calc(10%) 40px calc(10%);
    /* border: 1px solid red;*/

}
@media screen and (max-width: 400px) {
    #s_council_flow .flow .flow_header2 .msg1 p.honbun{
		font-size: 13px;
	}
}
@media screen and (min-width: 401px) {
    #s_council_flow .flow .flow_header2 .msg1 p.honbun{
		font-size: 15px;
	}
}



/* #endregion 市議会の進め方 ヘッダー部分 */


/* #region 市議会の進め方 */
/******************************************
	aboutページ
	政策1
******************************************/
/* #region 政策1 */
#s_council_flow .flow .flow_main1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
	
    width: 100%; 
    overflow: hidden; 
    transform: rotate(0deg); 


	position: relative;


	margin: 0 0 0 0;	/*白がでてしまうため調整*/
    padding: 0 0 50px 0px;
    z-index: 21;
}

#s_council_flow .flow .flow_main1 .image {
	position: relative;
	margin: 1em 0 0;
	text-align: left;

    max-width: 700px;
    /* max-height: 550px; */
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #F59C00;
    width: calc(90%);
    /* height: 100px; */
    width: 70vw;
    /* height: 40vw; */
    /* max-height: 400px; */
    height: auto;
    /*aspect-ratio: 16 / 9;*/

}


#s_council_flow .flow .flow_main1 .group {
    position: relative; /* right を使用するために position を設定 */


	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;

	--epb-column-width-tablet: 100% !important;

}

#s_council_flow .flow .flow_main1 img{
    position: relative;
	margin: 1em 0 0;
	text-align: left;



    max-width: 700px;
    /* max-height: 550px; */
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #F59C00;
    width: calc(90%);
    /* height: 100px; */
    width: 70vw;
    /* height: 40vw; */
    /* max-height: 400px; */
    height: auto;
    /*aspect-ratio: 16 / 9;*/

    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;

}

#s_council_flow .flow .flow_main1 .group .msg {

    z-index: 22;
    padding: 0px 0px 0px 0px;

}

#s_council_flow .flow .flow_main1 .group .msg p.No{
    display: block;
    height: 60px;
    font-size: 22px;
    color: black;
    line-height: 2;
    letter-spacing: 1.2px;

    font-weight: bold;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

}

#s_council_flow .flow .flow_main1 .group .msg p.title1 {
    font-weight: bold;
    font-size: 22px;
    color: black;
    /*height: 60px;*/
    width: 150px;
    background-color: rgba(255, 255, 255, 1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 10px 0 0 0;


}
#s_council_flow .flow .flow_main1 .group .msg p.honbun1 {
    
    font-weight: bold;
    font-size: 16px;
    color: black;
    /*height: 60px;*/
    width: 500px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    margin: 10px 0px 0px 0;

}

#s_council_flow .flow .flow_main1 .group .msg p.title2 {
    font-weight: bold;
    font-size: 22px;
    color: black;
    /*height: 60px;*/
    width: 150px;
    background-color: rgba(255, 255, 255, 1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 10px 0 0 0px;


}
#s_council_flow .flow .flow_main1 .group .msg p.honbun2 {
    
    font-weight: bold;
    font-size: 16px;
    color: black;
    /*height: 60px;*/
    width: 500px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    margin: 10px 0px 0px 0;

}


/* #endregion 政策1 */

/******************************************
	aboutページ
	政策2
******************************************/
/* #region 政策2 */
#s_council_flow .flow .flow_main2 { 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
	
    width: 100%; 
    overflow: hidden; 
    transform: rotate(0deg); 


	position: relative;


	margin: 0 0 0 0;	/*白がでてしまうため調整*/
    padding: 0 0 50px 0px;
    z-index: 21;
}

#s_council_flow .flow .flow_main2 .image {
	position: relative;
	margin: 1em 0 0;
	text-align: left;

    max-width: 700px;
    /* max-height: 550px; */
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #F59C00;
    width: calc(90%);
    /* height: 100px; */
    width: 70vw;
    /* height: 40vw; */
    /* max-height: 400px; */
    height: auto;
    /*aspect-ratio: 16 / 9;*/

}


#s_council_flow .flow .flow_main2 .group {
    position: relative; /* right を使用するために position を設定 */


	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;

	--epb-column-width-tablet: 100% !important;

}

#s_council_flow .flow .flow_main2 img{
    position: relative;
	margin: 1em 0 0;
	text-align: left;



    max-width: 700px;
    /* max-height: 550px; */
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #F59C00;
    width: calc(90%);
    /* height: 100px; */
    width: 70vw;
    /* height: 40vw; */
    /* max-height: 400px; */
    height: auto;
    /*aspect-ratio: 16 / 9;*/

    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;

}

#s_council_flow .flow .flow_main2 .group .msg {

    z-index: 22;
    padding: 0px 0px 0px 0px;

}

#s_council_flow .flow_main2 .group .msg p.No{
    display: block;
    height: 60px;
    font-size: 22px;
    color: black;
    line-height: 2;
    letter-spacing: 1.2px;

    font-weight: bold;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

}

#s_council_flow .flow .flow_main2 .group .msg p.title1 {
    font-weight: bold;
    font-size: 22px;
    color: black;
    /*height: 60px;*/
    width: 150px;
    background-color: rgba(255, 255, 255, 1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    text-align: center;
    padding: 6px 0px 0px 0;
    margin: 10px 0px 0px 0;


}
#s_council_flow .flow .flow_main2 .group .msg p.honbun1 {
    
    font-weight: bold;
    font-size: 16px;
    color: black;
    /*height: 60px;*/
    width: 500px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    margin: 10px 0px 0px 0;

}

#s_council_flow .flow .flow_main2 .group .msg p.title2 {
    font-weight: bold;
    font-size: 22px;
    color: black;
    /*height: 60px;*/
    width: 150px;
    background-color: rgba(255, 255, 255, 1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 10px 0 0 0px;


}
#s_council_flow .flow .flow_main2 .group .msg p.honbun2 {
    
    font-weight: bold;
    font-size: 16px;
    color: black;
    /*height: 60px;*/
    width: 500px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    margin: 10px 0px 0px 0;

}


/* #endregion 政策2 */


/******************************************
	aboutページ
	政策3
******************************************/
/* #region 政策3 */
#s_council_flow .flow .flow_main3 { 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
	
    width: 100%; 
    overflow: hidden; 
    transform: rotate(0deg); 


	position: relative;


	margin: 0 0 0 0;	/*白がでてしまうため調整*/
    padding: 0 0 50px 0px;
    z-index: 21;
}

#s_council_flow .flow .flow_main3 .image {
	position: relative;
	margin: 1em 0 0;
	text-align: left;

    max-width: 700px;
    /* max-height: 550px; */
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #F59C00;
    width: calc(90%);
    /* height: 100px; */
    width: 70vw;
    /* height: 40vw; */
    /* max-height: 400px; */
    height: auto;
    /*aspect-ratio: 16 / 9;*/

}


#s_council_flow .flow .flow_main3 .group {
    position: relative; /* right を使用するために position を設定 */


	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;

	--epb-column-width-tablet: 100% !important;

}

#s_council_flow .flow .flow_main3 img{
    position: relative;
	margin: 1em 0 0;
	text-align: left;



    max-width: 700px;
    /* max-height: 550px; */
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #F59C00;
    width: calc(90%);
    /* height: 100px; */
    width: 70vw;
    /* height: 40vw; */
    /* max-height: 400px; */
    height: auto;
    /*aspect-ratio: 16 / 9;*/

    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;

}

#s_council_flow .flow .flow_main3 .group .msg {

    z-index: 22;
    padding: 0px 0px 0px 0px;

}

#s_council_flow .flow .flow_main3 .group .msg p.No{
    display: block;
    height: 60px;
    font-size: 22px;
    color: black;
    line-height: 2;
    letter-spacing: 1.2px;

    font-weight: bold;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

}

#s_council_flow .flow .flow_main3 .group .msg p.title1 {
    font-weight: bold;
    font-size: 22px;
    color: black;
    /*height: 60px;*/
    width: 150px;
    background-color: rgba(255, 255, 255, 1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 10px 0 0 0;


}
#s_council_flow .flow .flow_main3 .group .msg p.honbun1 {
    
    font-weight: bold;
    font-size: 16px;
    color: black;
    /*height: 60px;*/
    width: 500px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    margin: 10px 0px 0px 0;

}

#s_council_flow .flow .flow_main3 .group .msg p.title2 {
    font-weight: bold;
    font-size: 22px;
    color: black;
    /*height: 60px;*/
    width: 150px;
    background-color: rgba(255, 255, 255, 1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 10px 0 0 0px;


}
#s_council_flow .flow .flow_main3 .group .msg p.honbun2 {
    
    font-weight: bold;
    font-size: 16px;
    color: black;
    /*height: 60px;*/
    width: 500px;
    /* position: absolute; */
    /* top: 12%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    margin: 10px 0px 0px 0;

}


/* #endregion 政策3 */