@charset "UTF-8";





/******************************************
	フッター意見
	
******************************************/
/* #region フッター */
#s_iken {
    background-color: white;


}


#s_iken .footer_iken { 
    /*position: absolute;*/
    width: 100%; 
    /*overflow: hidden; */  /* hiddenにするとイラストが見切れる */
    /*line-height: 0; */
    transform: rotate(0deg); 
	background-color: #F59C00;


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

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

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

} 
#s_iken .footer_iken svg { 
	position: relative; 
    display: block; 
    width: calc(112% + 1px);
    /*height: 210px; */
    transform: rotateY(0deg); 


} 

#s_iken .footer_iken div.image {
	position: absolute;
	top: 100%;
	right: 0%;
	transform: translate(-20%, -100%);
	margin: 0;
}
@media screen and (max-width: 500px) {
    #s_iken .footer_iken div.image img{
        height: 100px;
    }
}
@media screen and (min-width: 501px) {
    #s_iken .footer_iken div.image img{
        height: 150px;

    }
}



#s_iken .footer_iken_main {
    background-color: #F59C00;

    /* position: absolute; */
    width: 100%;
    overflow: hidden;
    /* line-height: 0; */
    /* background-color: #E3D1BD; */
    height: 300px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin: 30px 0 30px 0;*/
    /* border: 1px solid red;*/
}

#s_iken .footer_iken_main .underline {
    width: 30%;

    position: absolute;
	top: 6%;
	left: 5%;
	/*transform: translate(-50%, -50%);*/
	margin: 0;

	pointer-events: none;
	/*text-align: center;*/
	/*height: 50px;*/
	display: flex;
	width: calc(85%);

}
#s_iken .footer_iken_main .underline::before { 
	content: "";
    display: block;
    width: 70%;
    height: 1px; /* アンダーバーの高さ */
    background-color: white; /* アンダーバーの色 */
    margin-top: 5px; /* テキストとアンダーバーの間のスペース */

}
#s_iken .footer_iken_main .label {
	position: absolute;
    top: 7%;
	left: 5%;

    color: white;
    font-weight: 300;
	font-size: 8px;
    

}

#s_iken .footer_iken_main h1.msg {
	position: absolute;
	top: 15%;
	/*left: 50%;*/
	/*transform: translate(-50%, -50%);*/
	margin: 0;

	pointer-events: none;
	/*text-align: center;*/
	/*height: 50px;*/
	display: flex;
	width: calc(85%);

}
#s_iken .footer_iken_main h1.msg p.honbun{
	display: block; /* pタグをブロック要素に設定 */
	margin: 0;
	/*height: 32px;*/
    font-weight: 500;
	font-size: 22px;
	color: white; /* 文字色を設定 */
	line-height: 1.7;
	/*width: calc(35%);*/
}



#s_iken .footer_iken_main .goiken_btn {
	position: absolute;
    margin: 0;
    text-align: center;
    height: 50px;
	width: 160px;

	background-color: white;
	border-radius: 50px;
	display: inline-block;
	padding: 13px 0px;
	font-size: 14px;
	color: black;
    font-weight: 500;

	border: none;
	text-decoration: none;
	cursor: pointer;

    top: 70%;
    right: 0%;
	transform: translate(-10%, 0%);

	transition: all 0.5s ease; /* ホバー時のアニメーションをゆっくり */

}
#s_iken .footer_iken_main .goiken_btn:hover {
    background-color: white; /* ホバー時の色 */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1); /* ホバー時の影の強さを変更 */
	transform: translate(-10%, -2%);


}





/* #region フッター */
#contents_footer_menu {
    background-color: #c4c4c4;

    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 300px; 

}

#contents_footer_menu .footer_menu_main {
    /*height: 300px; */
    background-color: #c4c4c4;


    position: absolute;
    top: 15%;
    left: 5%;

}
#contents_footer_menu .footer_menu_main .msg p.honbun {
	display: block; /* pタグをブロック要素に設定 */
	margin: 0;
	/*height: 32px;*/
    font-weight: 600;
	font-size: 30px;
	color: white; /* 文字色を設定 */
	line-height: 1.7;
	/*width: calc(35%);*/

}

#contents_footer_menu .footer_menu {
    /*height: 300px; */
    background-color: #c4c4c4;

    position: absolute;
    top: 15%;
    right: 5%;

}

#contents_footer_menu .footer_menu .menuul {
    display: block;
    list-style: none; /* リストのスタイルをなくす */
    padding: 0; /* 内側の余白をなくす */
    /*margin-right: 20px;*/ /* 右側に余白を設定 */
    z-index: 102; /* 必要に応じて調整 */

    margin-left: auto; /* 左のマージンを自動に設定して右寄せにする */
    margin-top: 0px;


    
    /*border: 1px solid red;*/  /* デバッグ用識別 */
    
}
#contents_footer_menu .menuul li {

    /* リスト項目の間隔 */
    margin-bottom: 5px; /* メディアクエリ調整する */


}
#contents_footer_menu .menuul li a {
    color: white;

}
#contents_footer_menu .menuul li a:hover {
    color: black;

}




/* #endregion フッター */