@charset "UTF-8";


/****************
	阿部さとしについてページ
		Top写真

****************/
/* #region Top写真 */
#s_about_hero .top {
	/*grid-template-columns: 1fr;*/ /* 縦に並べる */
	display: flex;
	justify-content: center;
	align-items: center;

	
	height: 600px;


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


	position: relative;


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

}


#s_about_hero .top .image {
    position: absolute;
	/*top: 97%;*/
	/*right: 60%;*/
	transform: translate(-75%, 25%);
	margin: 0;

    z-index: 31;

    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #F59C00;

}
#s_about_hero .top .image img {
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
	
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 8px 6px 6px 8px;

    height: 380px;

    
	animation-name: zoomOutTopImg;
    animation-duration: 8s;
	animation-fill-mode: forwards; /* アニメーション終了後、最後の状態を保持 */
    animation-iteration-count: 1; /*アニメーションループ数*/    

}
/* 画像を拡大するアニメーション */
@keyframes zoomOutTopImg {
	from {
	  transform: scale(1.1); /* 初期状態 */
	}
	to {
	  /*transform: scale(1.5);*/ /* 1.5倍に拡大 */

	  transform: scale(1); /*画像の拡大*/
	  filter: brightness(111%);
	}
}

#s_about_hero .top .msg {
	/*width: calc(70%);*/

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

    background-color: #E3D1BD;

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

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

    height: 400px;


    position: absolute;
    /*top: 84%;*/
    /*right: 50%;*/
    transform: translate(30%, 0%);
    margin: 0;
    width: 1200px;

    z-index: 30;

}
#s_about_hero .top .msg p.title {
    display: block;
    margin: 0;
    /*height: calc(60%);*/
    font-size: 40px;
    color: black;
    line-height: 1.6;
    /* width: calc(81%); */
    letter-spacing: 7px;
    margin: 20px 0 0 240px;
    padding: 0 0 0 20px;
    height: 70px;
    width: 270px;
    font-weight: bold;

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

    background-color: white;

}
#s_about_hero .top .msg p.honbun{
    display: block;
    margin: 0;
    /*height: calc(40%);*/
    font-size: 14px;
    color: black;
    line-height: 2;
    letter-spacing: 1.2px;
    /* width: calc(65%); */
    /*margin: -175px 0 0 75px;*/
    font-weight: bold;

    margin: 0 0 0 0;
    padding: 0 0 40px 240px;


}