@charset "UTF-8";



#s_council_what .what {
    display: grid;
    grid-template-columns: 1fr;

    height: 1400px;
}
#s_council_what .what .what_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_what .what .what_header1 div.sidelogo {
    position: absolute;
    right: 0px;
}

#s_council_what .what .what_header1 div.sidelogo p.en1 {
	width: 1300px;
	/*height: 40px;*/
	position: absolute;
	/*top: 12%;*/
	right: 2%;

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

	
	transform: rotate(90deg); 

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


#s_council_what .what .what_header1 div.logo {
	position: relative;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -80%);
	margin: 0;

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

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

}

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

}
#s_council_what .what .what_header1 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_what .what .what_header1 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_what .what .what_header1 .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_what .what .what_header1 .msg1 p.honbun{
    pointer-events: none;
    text-align: center;
    font-size: 16px;
    color: black;
    line-height: 1.7;
    letter-spacing: 1px;
    margin: 0px calc(10%) 0px calc(10%);
    /* border: 1px solid red;*/

}
#s_council_what .what .what_header1 .msg2 {
    /*position: absolute;*/
	top: 10%;
	/*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;
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

}
#s_council_what .what .what_header1 .msg2 p.title{
    pointer-events: none;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: black;
    margin: 0px 0 20px 0;
}
#s_council_what .what .what_header1 .msg2 p.honbun{
    pointer-events: none;
    text-align: center;
    font-size: 16px;
    color: black;
    line-height: 1.7;
    letter-spacing: 1px;
    margin: 0px calc(10%) 0px calc(10%);
    /* border: 1px solid red;*/

}

#s_council_what .what .what_header1 div.chart {
	/*position: absolute;*/
	top: 10%;
	/*left: 67%;*/
	/*transform: translate(-50%, 0%);*/
	/*margin: 0;*/
    /*width: 100%;*/

    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 700px;

}
#s_council_what .what .what_header1 div.chart img.shigikaichart {
	/*height: 110px;*/
    width: 700px;
    transform: translate(-50%, 0%);

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

    position: absolute;
    top: 0%;
    left: 50%;

}

#s_council_what .what .what_header1 div.comment {
	/*position: absolute;*/
	/*top: 6%;*/
	/*left: 5%;*/
	/*transform: translate(-50%, 0%);*/

    position: relative;
	top: 9%;
	left: 82%;
	transform: translate(-50%, 0%);



    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    /*overflow: hidden;*/

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


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

    border: 0;


}
#s_council_what .what .what_header1 div.comment 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: 180px;
    /*width: 500px;*/
    top: 0px;
    left: 12%;
    z-index: 21;

    /*transform: scaleX(-1);*/ /*水平反転*/

    /*padding: 5px;*/
    /*background: #F59C00;*/
    margin: 10px 0 0 -120px;

}
#s_council_what .what .what_header1 div.comment svg {
    position: absolute;
    top: -20px;
    left: 12%;

    width: 300px;

    transform: rotateY(180deg);

}
#s_council_what .what .what_header1 div.comment p {
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    /* height: 60px; */
    width: 215px;
    /* 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: -5px;
    left: 12%;
    /* transform: translate(-50%, -50%); */
    margin: 0;
    pointer-events: none;
    text-align: left;
    padding: 6px 0px 0px 0;
    margin: 10px 0 0 55px;

}