@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: 400px; /* 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 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;
    
}



#s_council_flow .flow .flow_header2 div.logo {
	position: relative;
	top: 8%;
	left: 50%;
	transform: translate(-50%, -80%);
	margin: 0;

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

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

}

#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: 36px;
	color: black; /* 文字色を設定 */
    position: relative; /* 下げるために relative を使用 */
    top: 0px; /* 下に移動 */

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

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

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

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

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

	/*pointer-events: none;*/
	/*text-align: center;*/
	/*height: 50px;*/
    /*width: 800px;*/


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

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

}


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


/* #region 市議会の進め方 */
#s_council_flow .flow .flow_main1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
	
	height: 500px;
    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: absolute;*/
	/*top: 97%;*/
	/*right: 60%;*/
	/*transform: translate(-40%, 6%);*/
	/*margin: 0;*/

    /*z-index: 31;*/

    /*border-top-right-radius: 20px;*/
    /*border-top-left-radius: 20px;*/
    /*border-bottom-left-radius: 20px;*/
    /*border-bottom-right-radius: 20px;*/
    /*background: #F59C00;*/

}


#s_council_flow .flow .flow_main1 .group {
    display: flex;
    flex-direction: column;
	/*grid-template-columns: 1fr;*/ /* 縦に並べる */

    /*background-color: white;*/

	/*border: 3px solid white;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/

    /*border-top-right-radius: 30px;*/
    /*border-top-left-radius: 100px;*/
    /*border-bottom-left-radius: 30px;*/
    /*border-bottom-right-radius: 30px;*/

    /*height: 300px;*/


    position: absolute;
    top: 0%;
    left: 0%;
    /*transform: translate(35%, 0%);*/
    margin: 0;
    width: 600px;

    z-index: 30;

    /*border: 1px solid red;*/

}

#s_council_flow .flow .flow_main1 img{
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/

    /*position: relative;*/

    position: absolute;
	
    /*border-top-right-radius: 30px;*/
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    /*border-bottom-right-radius: 30px;*/

    height: 380px;
    width: 550px;
    top: 0%;
    right: 0%;
    z-index: 21;

    padding: 5px;
    background: #F59C00;

}
@media screen and (max-width: 1200px) {
    #s_council_flow .flow .flow_main1 img{
        right: -15%;
    }
}
@media screen and (min-width: 1200px) {
    #s_council_flow .flow .flow_main1 img{
        right: 0%;
    }
}

#s_council_flow .flow .flow_main1 .group .msg {

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

}

#s_council_flow .flow .flow_main1 .group .msg p.No{
    display: block;
    height: 60px;
    font-size: 30px;
    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: 28px;
    color: black;
    /*height: 60px;*/
    width: 200px;
    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 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: 28px;
    color: black;
    /*height: 60px;*/
    width: 200px;
    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: 30px 0 0 0;


}
#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 市議会の進め方  */



/******************************************
	aboutページ
	政策2
******************************************/
/* #region 政策2 */
#s_council_flow .flow .flow_main2 { 
	display: flex;
    flex-direction: row-reverse; /* 横方向の順番を反転 */
	justify-content: center;
	align-items: center;

	
	height: 500px;
    width: 100%; 
    overflow: hidden; 
    transform: rotate(0deg); 


	position: relative;

    background-color: #E3D1BD;



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

#s_council_flow .flow .flow_main2 .image {
    /*position: absolute;*/
	/*top: 97%;*/
	/*right: 60%;*/
	/*transform: translate(-40%, 6%);*/
	/*margin: 0;*/

    /*z-index: 31;*/

    /*border-top-right-radius: 20px;*/
    /*border-top-left-radius: 20px;*/
    /*border-bottom-left-radius: 20px;*/
    /*border-bottom-right-radius: 20px;*/
    /*background: #F59C00;*/

}


#s_council_flow .flow .flow_main2 .group {
	/*width: calc(70%);*/

	display: grid;
	/*grid-template-columns: 1fr;*/ /* 縦に並べる */

    /*background-color: white;*/

	/*border: 3px solid white;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/

    /*border-top-right-radius: 30px;*/
    /*border-top-left-radius: 100px;*/
    /*border-bottom-left-radius: 30px;*/
    /*border-bottom-right-radius: 30px;*/

    /*height: 300px;*/


    position: absolute;
    top: 0%;
    right: 0%;
    /*transform: translate(35%, 0%);*/
    margin: 0;
    width: 550px;

    z-index: 30;

    /*border: 1px solid red;*/

}

#s_council_flow .flow .flow_main2 img{
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/

    /*position: relative;*/

    position: absolute;
	
    border-top-right-radius: 30px;
    /*border-top-left-radius: 50px;*/
    /*border-bottom-left-radius: 50px;*/
    border-bottom-right-radius: 30px;

    height: 380px;
    width: 550px;
    top: 0%;
    left: 0%;
    z-index: 21;

    padding: 5px;
    background: #F59C00;

}
@media screen and (max-width: 1200px) {
    #s_council_flow .flow .flow_main2 img{
        left: -15%;
    }
}
@media screen and (min-width: 1200px) {
    #s_council_flow .flow .flow_main2 img{
        left: 0%;
    }
}

#s_council_flow .flow .flow_main2 .group .msg {

    z-index: 22;

}

#s_council_flow .flow .flow_main2 .group .msg p.No{
    display: block;
    height: 60px;
    font-size: 30px;
    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: 28px;
    color: black;
    /*height: 60px;*/
    width: 200px;
    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: 400px;
    /* 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: 28px;
    color: black;
    /*height: 60px;*/
    width: 200px;
    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: 30px 0px 0px 0;


}
#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;
	justify-content: center;
	align-items: center;

	
	height: 500px;
    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: absolute;*/
	/*top: 97%;*/
	/*right: 60%;*/
	/*transform: translate(-40%, 6%);*/
	/*margin: 0;*/

    /*z-index: 31;*/

    /*border-top-right-radius: 20px;*/
    /*border-top-left-radius: 20px;*/
    /*border-bottom-left-radius: 20px;*/
    /*border-bottom-right-radius: 20px;*/
    /*background: #F59C00;*/

}


#s_council_flow .flow .flow_main3 .group {
	/*width: calc(70%);*/

	display: grid;
	/*grid-template-columns: 1fr;*/ /* 縦に並べる */

    /*background-color: white;*/

	/*border: 3px solid white;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/

    /*border-top-right-radius: 30px;*/
    /*border-top-left-radius: 100px;*/
    /*border-bottom-left-radius: 30px;*/
    /*border-bottom-right-radius: 30px;*/

    /*height: 300px;*/


    position: absolute;
    top: 0%;
    left: 0%;
    /*transform: translate(35%, 0%);*/
    margin: 0;
    width: 600px;

    z-index: 30;

    /*border: 1px solid red;*/

}

#s_council_flow .flow .flow_main3 img{
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/

    /*position: relative;*/

    position: absolute;
	
    /*border-top-right-radius: 30px;*/
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    /*border-bottom-right-radius: 30px;*/

    height: 380px;
    width: 550px;
    top: 0%;
    right: 0%;
    z-index: 21;

    padding: 5px;
    background: #F59C00;

}

#s_council_flow .flow .flow_main3 .group .msg {

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

}

#s_council_flow .flow .flow_main3 .group .msg p.No{
    display: block;
    height: 60px;
    font-size: 30px;
    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: 28px;
    color: black;
    /*height: 60px;*/
    width: 200px;
    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 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: 28px;
    color: black;
    /*height: 60px;*/
    width: 200px;
    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: 30px 0 0 0;


}
#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 */