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

/* SECTION
=========================================== */
.sec {
	text-align: center;
	padding: 85px 0 115px;
}

.sec__tit {
	color: #23B0B4;
	font-size: 23px;
}

.sec__tit__2 {
	color: #23B0B4;
	font-size: 23px;
	font-family: "Niveau Grotesk";
}

.sec__lead {
	font-size: 24px;
	line-height: 34px;
	margin: 60px 0 40px; 
}
.sec__lead__2 {
	font-size: 24px;
	line-height: 40px;
	margin: 40px 0 40px; 
}

.sec__txt {
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	margin: 0 auto;
	width: 1000px;
}
.sec__txt p {
	margin-bottom: 50px;
}


.sec .flex {
	width: 900px;
	margin: 60px auto;
	justify-content: space-between;
	padding: 55px 45px;
	text-align: left;
}
.sec .flex:last-child {
	flex-direction: row-reverse;
} 

.sec .english span {
	font-size: 16px;
	line-height: 45px
}

.sec .flex:last-child .english {
	text-align: center;
}
.sec .english {
	color: #7654C3;
	font-size: 30px;
	margin-bottom: 18px;
}
.item__txt a {
	text-decoration: underline;
}
.item__txt {
	width: 	380px;
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 30px;
}


/*=========================================== 
    SP
 ===========================================*/

@media screen and (max-width: 1000px) {
.sec {
	padding: 42px 0 37px;
}

.sec__lead {
	font-size: 20px;
	line-height: 30px;
	margin: 27px 0 28px; 
}
.sec__txt {
	font-size: 15px;
	line-height: 28px;
	margin: 0 auto;
	width: 90%;
}
.sec__txt p {
	margin-bottom: 30px;
}
.sec .flex {
	width: 90%;
	margin: 0 auto;
	padding: 55px 10px;
	text-align: left;
	position: relative;
}
.sec .flex p:first-child img {
	width: 270px;
	padding-top: 30px;
}
.sec .bg-aqua p:first-child img {
	width: 200px!important;
	margin-bottom: 20px
}
.sec .flex p:first-child,
.sec .bg-aqua p:first-child {
	text-align: center;
}

.sec .flex:last-child {
	flex-direction: row-reverse;
	padding: 80px 1.5rem 1.5rem;
} 

.sec .english span {
	font-size: 16px;
	line-height: 25px
}

.sec .english {
	font-size: 25px;
}

.item__txt {
	width: 	auto;
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 30px;
}

.sec .flex .english {
	position: absolute;
	top: 25px;
	left: 30px;
	text-align: left!important;
}



}