@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lato&family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;400&display=swap');

.s_i_box{
	position: relative;
}

h3{
	font-size: 1.5625rem;
    line-height: 1.5;
    position: absolute;
    margin: 0 auto;
    font-weight: bold;
    color: #FEA7A7;
	text-shadow:1px 1px 0 #888,-1px 1px 0 #888,1px -1px 0 #888,-1px -1px 0 #888;
/*	text-stroke: 1px #888; 
    -webkit-text-stroke: 1px #888;*/
	top: -70px;
	left: 50%;
	transform: translateX(-50%);
}
.name{
	text-shadow: none;
	color: #888;
	font-weight: normal;
	font-size: 1.25rem;
}
.member_sns_box{
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	margin: 0 auto 100px auto;
}

.member_sns_btn{
	width: 200px;
	height: 50px;
	padding: 15px 30px 0 30px;
	margin: 10px;
	border: solid 1px #B3B3B3;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 5px 5px #B3B3B3;
	font-size: 1.25rem;
	
}
.member_sns_btn a{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.member_flame{
	position: relative;
	display: flex;
	justify-content: center;
}
.flame{
	min-width: 1920px;
}

.s_i{
	border: 1px #B3B3B3 solid;
	border-radius: 20px;
	background-color: #FFFFFF;
	padding: 80px;
	width: 80%;
	line-height: 1.5;
}
.s_i-01{
	margin: 120px;
}
.s_i-02{
	margin: 120px 120px 50px 120px;
}
#ik_02{
	position: absolute;
	width: 200px;
	left: -32px;
	bottom: -50px;
}
#ik_03{
	position: absolute;
    width: 180px;
    right: 0;
    top: -100px;
}
#sm_01{
	margin: 10% 10% 0 10%;
}
#sm_02{
	position: absolute;
    width: 220px;
    right: 4px;
    bottom: -120px;
}
#sa_01{
	margin: 5%;
}
#sk_02{
	position: absolute;
    width: 250px;
    left: 50px;
    bottom: -130px;
}
#sk_03{
	position: absolute;
    width: 165px;
    right: 0;
    top: -200px;
}

#sa_02{
	position: absolute;
    width: 240px;
    right: 0;
    top: -400px;
}
#sa_03{
	position: absolute;
    width: 150px;
    left: 50px;
    bottom: 200px;
}
#tr_02{
	position: absolute;
    width: 240px;
    left: 0;
    bottom: -50px;
}
#tr_03{
	position: absolute;
    width: 140px;
    right: -10px;
    bottom: 0;
}

#mm_02{
	position: absolute;
    width: 360px;
    left: -50px;
    bottom: -80px;
}
#ma_02{
	position: absolute;
    width: 220px;
    left: 0;
    bottom: 0;
}
#ma_03{
	position: absolute;
    width: 230px;
    right: -10px;
    bottom: -50px;
}

/*----- タブレット -----*/
@media only screen and (max-width : 1024px) {
	.flame{
	min-width: 1200px;
}
	.s_i-01{
	margin: 20% auto 25% auto;
}
	.s_i-02{
	margin: 20% auto 50px auto;
}
	.member_sns_box{
	width: 70%;
	flex-direction: column;
	margin: 0 auto 100px auto;
}
	.member_sns_box_r{
		align-items: flex-end;
	}
	.member_sns_box_02{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

	#ik_02{
	width: 180px;
	}
	#ik_03{
	width: 150px;
	}
	#sm_01{
	margin: 5% 5% 0 5%;
	}
	#sm_02{
	width: 180px;
    bottom: -100px;
}
	#sk_02{
    width: 200px;
    bottom: -130px;
}
	#sk_03{
    width: 150px;
	top: -180px;
}
	#sa_02{
    width: 180px;
    right: 0;
    top: -200px;
}
	#sa_03{
    width: 120px;
    left: 10px;
    bottom: 100px;
}
	#tr_02{
    width: 200px;
}
	#tr_03{
    width: 120px;
}
	#mm_02{
    width: 320px;
	left: 0;
    bottom: -30px;
}
	#ma_02 {
    width: 200px;
}
	#ma_03 {
    width: 200px;
    right: 0;
    bottom: 0;
}

}

/*----- スマホ -----*/
@media only screen and (max-width : 599px) {
	.flame{
	min-width: 500px;
}
	.section_wrap{
		margin-top: 150px;
	}
	.sp_01{
	margin: 10% 0 10% 10%;
}
	.sp_02{
	margin: 5%;
}
	.s_i {
	padding: 60px;
    width: 90%;
}
	.member_sns_box_02 {
    flex-direction: column;
}
	#ik_02{
	width: 150px;
	left: -25px;
	bottom: -110px;
	}
	#ik_03{
    width: 130px;
    right: 0;
    top: -100px;
}
	#sm_02 {
    width: 145px;
    right: 0;
}
	#sk_02{
    width: 170px;
    bottom: -110px;
    left: 0;
}
	#sk_03{
    bottom: 250px;
    width: 110px;
    right: -10px;
}
	#sa_02{
    width: 150px;
    right: 0;
    top: -300px;
}
	#sa_03{
    width: 100px;
    left: 0;
    bottom: 0;
}
	#tr_02{
    width: 160px;
    bottom: -90px;
}
	#tr_03{
    width: 90px;
}
	#mm_02 {
    width: 230px;
    left: -20px;
    bottom: -100px;
}
	#ma_02 {
    width: 130px;
    bottom: 20px;
}
	#ma_03 {
    width: 180px;
	bottom: -100px;
}
}