@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;
    
}

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

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

    #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: 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_what .what .what_header1 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_what .what .what_header1 div.logo {
		position: relative;
		top: 0%;
		left: 50%;
		transform: translate(-50%, 0%);
		margin: 0;

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

    #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: 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_what .what .what_header1 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_what .what .what_header1 .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_what .what .what_header1 .msg1 p.honbun{
    pointer-events: none;
    text-align: center;
    color: black;
    line-height: 1.7;
    letter-spacing: 1px;
    margin: 20px calc(5%) 40px calc(5%);
    /* border: 1px solid red;*/
}
@media screen and (max-width: 400px) {
    #s_council_what .what .what_header1 .msg1 p.honbun{
		font-size: 13px;
	}
}
@media screen and (min-width: 401px) {
    #s_council_what .what .what_header1 .msg1 p.honbun{
		font-size: 15px;
	}
}

#s_council_what .what .what_header1 .msg2 {

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

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

    
    position: relative;
	top: 3%;
	/*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: 225px;

}
#s_council_what .what .what_header1 .msg2 p.title{
    pointer-events: none;
    text-align: center;
    font-weight: bold;
    color: black;
}
@media screen and (max-width: 400px) {
    #s_council_what .what .what_header1 .msg2 p.title{
		font-size: 18px;
	}
}
@media screen and (min-width: 401px) {
    #s_council_what .what .what_header1 .msg2 p.title{
		font-size: 20px;
	}
}

#s_council_what .what .what_header1 .msg2 p.honbun{
    pointer-events: none;
    text-align: center;
    color: black;
    line-height: 1.7;
    letter-spacing: 1px;
    margin: 20px calc(5%) 40px calc(5%);
    /* border: 1px solid red;*/
}
@media screen and (max-width: 400px) {
    #s_council_what .what .what_header1 .msg2 p.honbun{
		font-size: 13px;
	}
}
@media screen and (min-width: 401px) {
    #s_council_what .what .what_header1 .msg2 p.honbun{
		font-size: 15px;
	}
}

#s_council_what .what .what_header1 div.chart {
    position: relative;
	top: 1%;
	/*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;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 500px;

}
#s_council_what .what .what_header1 div.chart img.shigikaichart {
	/*height: 110px;*/
    width: 500px;
    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: 5%;
	left: 40%;
	transform: translate(-25%, 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 50px;

    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: 140px;
    /*width: 500px;*/
    top: 0px;
    left: 12%;
    z-index: 21;

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

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

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

    width: 300px;

    transform: rotateY(180deg);

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

}