@charset "utf-8";

.session__top{
	padding-bottom: 80px;
}
.session__top .title{
	font-size: 22px;
	line-height: 1.2;
	text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 80px;
}
.session__top__banner{
	position: relative;
}
.top__banner__text{
	position: absolute;
	left: 80px;
	top:50%;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 2;
	transform: translateY(-50%);
}
.top__banner__text .middle{
	font-size: 24px;
	font-weight: 400;
}
.top__banner__text .large{
	font-size: 36px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 25px;
}

@media (min-width: 751px) {
	.top__banner__text.fadeIn{
		transform: translate(-100px,-50%);
	}
	.top__banner__text.fadeIn.scrollIn{
		transform: translate(0,-50%);
	}
}
@media (max-width: 750px) {
	.session__top{
		padding: 0 5% 30px;
	}
	.session__top .title{
		font-size: 18px;
		margin-bottom: 40px;
	}
	.session__top .top__banner__text{
		position: static;
		width: 100%;
		font-size: 16px;
		text-align: center;
		margin-top: 40px;
		transform: translateY(0);
	}
	.top__banner__text .middle{
		display: inline;
		font-size: 18px;
		letter-spacing: 0.2em;
		line-height: 1.611111111111111;
		background: linear-gradient(transparent 70%, #dec7df 30%);
	}
	.top__banner__text .large{
		display: inline;
		font-size: 18px;
		letter-spacing: 0.2em;
		line-height: 1.611111111111111;
		margin-bottom: 0;
		background: linear-gradient(transparent 70%, #dec7df 30%);
	}
	.top__banner__text .min{
		margin-top: 35px;
	}
}

.session__contents{
	letter-spacing: 0.05em;
	font-weight: 300;
}

/********************************************
session__lissen_01
********************************************/
.session__lissen_01{
	padding-bottom: 50px;
}
.session__lissen__headline{
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	line-height: 2;
	margin-bottom: 55px;
}
.session__lissen_01 .lissen__list__voice{
	width: 17%;
	min-width: 182px;
	padding: 0 0 35px 23px;
	background-image: url(../assets/images/session_about_fuki.png);
	background-size: 182px auto;
	background-repeat: no-repeat;
	background-position: left bottom;
}

@media (max-width: 750px) {
	.session__lissen_01{
		padding-bottom: 25px;
	}
	.session__lissen_01 .session__lissen__headline{
		font-size: 16px;
		line-height: 1.8125;
		margin-bottom: 27px;
	}
	.session__lissen_01 .session__lissen__list{
		display: block;
		padding: 0 5%;
		overflow: hidden;
	}
	.session__lissen_01 .lissen__list__voice{
		font-size: 16px;
		margin-bottom: 18px;
		width: 65%;
		padding: 0 0 25px 30px;
		background-size: 170px auto;
		clear: both;
	}
	.session__lissen_01 .lissen__list__voice:nth-child(2n){
		float: right;
	}
}

/********************************************
session__lissen_02
********************************************/
.session__lissen_02{
	padding-bottom: 40px;
	text-align: center;
}
.session__lissen_02 .session__lissen__headline{
	display: inline-block;
	font-weight: 300;
	line-height: 2;
	margin:0 auto 40px;
	background-image: url(../assets/images/session_about_title_left.png),url(../assets/images/session_about_title_right.png);
	background-size: 71px auto,90px auto;
	background-repeat: no-repeat;
	background-position: left center,right center;
	padding: 40px 100px 35px 81px;
}
.session__lissen_02 .lissen__list__voice{
	width: 25%;
	padding: 70px 0 0 0;
	margin-bottom: 40px;
	line-height: 1.875;
	background-image: url(../assets/images/session_about_heart.png);
	background-size: 44px auto;
	background-repeat: no-repeat;
	background-position: center top;
}
@media (max-width: 750px) {
	.session__lissen_02{
		padding: 0 5%;
	}
	.session__lissen_02 .session__lissen__headline{
		width: 100%;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.611111111111111;
		padding: 0 0 43px;
		margin: 0 auto 30px;
		background-position: left bottom,right bottom;
	}
	.session__lissen_02 .lissen__list__voice{
		font-size: 16px;
		text-align: left;
		width: 100%;
		min-height: 60px;
		display: flex;
		align-items: center;
		padding: 0 0 0 60px;
		margin-bottom: 30px;
		background-size: 46px auto;
		background-position: left center;
	}
}


/********************************************
session__voice
********************************************/
.session__voice{
	padding-bottom: 175px;
}
.session__voice .session__voice__headline{
	font-size: 24px;
	font-weight: 400;
	line-height: 2;
	text-align: center;
	margin-bottom: 75px;
}
.session__voice .session__voice__headline .voice_01{
	padding-bottom: 250px;
	background-image: url(../assets/images/session_about_illust.png);
	background-size: 215px auto;
	background-repeat: no-repeat;
	background-position: center 95px;
}
.session__voice .lissen__list__voice{
	width: 25%;
	padding: 70px 0 0 0;
	margin-bottom: 40px;
	line-height: 1.875;
	background-image: url(../assets/images/session_about_illust.png);
	background-size: 44px auto;
	background-repeat: no-repeat;
	background-position: center top;
}

.session__voice .session__voice__list.cep{
	align-items: flex-start;
}
.session__voice .session__voice__box{
	width: 21.25%;
	font-size: 14px;
	line-height: 1.714285714285714;
}
.session__voice .session__voice__box dt{
	font-size: 16px;
	line-height: 1;
	text-align: right;
	padding-top: 40px;
	padding-bottom: 30px;
	background-image: url(../assets/images/session_about_voice_back.png);
	background-size: 54px auto;
	background-repeat: no-repeat;
	background-position: center left;
}
.session__voice .session__voice__box dd{
	padding-bottom: 35px;
	background-image: url(../assets/images/session_about_voice_bar.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.session__voice .btn{
	width: 350px;
	margin-top: 105px;
}
.session__voice .btn a{
	background-color: #eb6768;
}
@media (max-width: 750px) {
	.session__voice{
		padding-bottom: 90px;
	}
	.session__voice .session__voice__headline{
		margin-bottom: 30px;
		font-size: 18px;
		font-weight: 700;
	}
	.session__voice .session__voice__headline .voice_01{
		padding-bottom: 160px;
		background-size: 137px auto;
		line-height: 1.611111111111111;
	}
	.session__voice .session__voice__headline .voice_02{
		line-height: 1.611111111111111;
	}
	.session__voice .session__voice__list.cep{
		padding: 0 5%;
	}
	.session__voice .session__voice__box{
		width: 100%;
		font-size: 16px;
	}
	.session__voice .session__voice__box dd{
		padding-bottom: 12vw;
	}
	.session__voice .btn{
		width: 90%;
		margin-top: 58px;
	}
	.session__voice .btn a{
		font-size: 16px;
	}
}


/********************************************
session__profile
********************************************/
.session__profile{
	padding-bottom: 160px;
	letter-spacing: 0.05em;
}
.session__profile .session__profile__headline{
	font-size: 24px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom:80px;
}
.session__profile .cep{
	align-items: flex-start;
}
.session__profile .profile__photo{
	width: 47.5%;
}
.session__profile .profile__photo img{
	width: 100%;
	height: auto;
}
.session__profile .profile__text{
	width: 47.5%;
}
.session__profile .profile__text .name{
	font-size: 18px;
	margin-bottom: 35px;
}

.session__profile .profile__text .detail{
	padding-top: 35px;
}
.session__profile .profile__text .detail dl{
	justify-content: flex-start;
}

.session__profile .profile__image{
	padding: 150px 0 0;
}
.session__profile .profile__image li{
	width: 47.5%;
}
.session__profile .profile__image li img{
	width: 100%;
	height: auto;
}
@media (max-width: 750px) {
	.session__profile{
		padding-bottom: 55px;
	}
	.session__profile .session__profile__headline{
		margin-bottom: 30px;
	}
	.session__profile .cep{
		padding: 0 5%;
	}
	.session__profile .profile__photo,
	.session__profile .profile__text{
		width: 100%;
		font-size: 16px;
	}
	.session__profile .profile__text .name{
		margin: 10px 0;
	}
	.session__profile .profile__text .detail dl{
		padding: 0;
	}
	.session__profile .profile__text .detail dl dt{
		width: 56px;
	}
	.session__profile .profile__text .detail dl dd{
		width: calc( 100% - 56px );
	}
	.session__profile .profile__image{
		display: none;
	}
}