@charset "utf-8";
.eye{
	background-image: url(../img/about/eye01.jpg);
}
@media only screen and (max-width: 767px){
	.eye{
		background-image: none;
	}
	.eye .eye_inner{
		background-image: url(../img/about/eye01_sp.jpg);
	}
	.eye .eye02 {
		background-image: url(../img/about/eye02_sp.jpg);
	}
}
.eye .eye_inner ul{
	align-items: flex-start;
	flex-wrap: nowrap;
	flex-direction: column;
}
@media only screen and (max-width: 767px){
	@media only screen and (max-width: 767px){
		.eye .eye_inner ul{	
			justify-content: space-between;
			flex-wrap: wrap;
			flex-direction: row;
		}
	}
}

.main_box{
	width: 1080px;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 138px;
}
@media only screen and (max-width: 767px){
	.main_box{
		width: 90%;
		max-width: 335px;
		display: block;
		margin: 0 auto;
		padding-top: 37px;
		padding-bottom: 70px;
	}
}

/*.contents01ここから*/
.left{
	width: 730px;
	height: auto;
	display: block;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.left{
		width: 100%;
		flex-shrink: initial;
	}
}
.contents01{
	width: 100%;
	height: auto;
}
.contents01 h3{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 24px;
	line-height: 46px;
	letter-spacing: 0.05em;
	margin-bottom: 37px;
}
@media only screen and (max-width: 767px){
	.contents01 h3{
		font-size: 20px;
		line-height: 32px;
		letter-spacing: 0.02em;
		margin-bottom: 50px;
	}
}
.contents01 .text01{
	font-size: 16px;
	line-height: 30px;
}
@media only screen and (max-width: 767px){
	.contents01 .text01{
		font-size: 15px;
		line-height: 29px;
	}
}
.contents01 .img01{
	width: 100%;
	height: auto;
	display: block;
	margin-top: 33px;
}
@media only screen and (max-width: 767px){
	.contents01 .img01{
		margin-top: 26px;
	}
}

.contents02{
	width: 100%;
	height: auto;
	margin-top: 80px;
}
@media only screen and (max-width: 767px){
	.contents02{
		margin-top: 44px;
	}
}
.contents02 h3{
	width: 100%;
	height: auto;
	background-color: #131638;
	padding: 17px 27px;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0.05em;
	color: #fff;
}
@media only screen and (max-width: 767px){
	.contents02 h3{
		padding: 9px 16px;
		font-size: 22px;
		line-height: 40px;
	}
}
.contents02 .contents02_01{
	width: 100%;
	height: auto;
	margin-top: 28px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01{
		width: 100%;
		height: auto;
		margin-top: 44px;
	}
	.contents02 .contents02_01:first-of-type{
		margin-top: 14px;
	}
}
.contents02 .contents02_01 h4{
	width: auto;
	height: auto;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0.05em;
	display: inline-block;
	background: linear-gradient(
	  transparent 80%, /* ここまで透明 */
	  #FFE940 80%,     /* ここから黄色 */
	  #FFE940 19%      /* 60%まで黄色 */
	);
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 h4{
		min-width: 320px;
		font-size: 21px;
		line-height: 31px;
		letter-spacing: 0.02em;
		display: inline;
	}
	.contents02 .contents02_01 h4.title02{
		background: initial;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.contents02 .contents02_01 h4 .span01{
		font-size: 21px;
		letter-spacing: 0.02em;
		background: linear-gradient(
		  transparent 80%, /* ここまで透明 */
		  #FFE940 80%,     /* ここから黄色 */
		  #FFE940 19%      /* 60%まで黄色 */
		);
	}
	.contents02 .contents02_01 h4 .span02{
		background: linear-gradient(
		  transparent 80%, /* ここまで透明 */
		  #FFE940 80%,     /* ここから黄色 */
		  #FFE940 19%      /* 60%まで黄色 */
		);
	}
}
.contents02_01 .btn02{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.contents02_01 .btn02 a{
	width: 231px;
	height: 52px;
	background-color: #1E5C9A;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	line-height: 25px;
	color: #fff;
}
.contents02_01 .btn02 a img{
	width: 15px;
	height: auto;
	margin-left: 15px;
	margin-top: 2px;
}



.contents02 .contents02_01 .text02{
	font-size: 15px;
	line-height: 28px;
	margin-top: 23px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .text02{
		margin-top: 18px;
	}
}
.contents02 .contents02_01 .img02{
	width: 100%;
	height: auto;
	display: block;
	margin-top: 23px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .img02{
		margin-top: 20px;
	}
}
.contents02 .contents02_01 .img_box{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 23px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .img_box{
		width: 100%;
		height: auto;
		display: block;
		margin-top: 17px;
	}
}
.contents02 .contents02_01 .img_box img{
	width: 347px;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .img_box img{
		width: 100%;
	}
	.contents02 .contents02_01 .img_box img:first-of-type{
		margin-bottom: 13px;
	}
}
/*.contents01ここまで*/