@charset("UTF-8");

.main-visual::after{
	background-image:url(../images/about-main-visual.jpg);
	background-position:center top;
}
.philosophy{
	font-size:26px;
	text-align:center;
	line-height:1.1;
	margin-bottom:1em;
}
.philosophy span{
	font-size: 18px;
    font-weight: normal;
    display: block;
    padding-top: 0.7em;
    color: #333;
    font-weight: 500;
}
.sec01 .txt{
	text-align:center;
	line-height:2;
}
.sec02 .txt-area{
	width:50%;
	margin-top:30px;
	padding:20px;
	background:rgba(255,255,255,0.6);
}
.sec02 .p-txt01{
	padding-bottom:1em;
}
.signature{
	font-weight:600;
}
.signature span{
	font-size:18px;
}
.sec02 .pic{
	width:60%;
	margin-left:-100px;
	display:block;
}

.sec03{
	background:linear-gradient(90deg,#fff 40%,#f2f5f7 40%);
	padding-top:40px;
	margin-top:80px;
	padding-bottom:40px;
}
.sec03 li{
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid #aaa;
}
.year{
	width:40%;
	text-align:center;	
	color:#234a83;
	font-size:16px;
	letter-spacing:0.05em;
	line-height:2;
}
.desc{
	width:60%;
	font-size:16px;
	line-height:2.2;
	padding-left:40px;
}

.outline{
	text-align: center;
    line-height: 1.5;
    font-size: 24px;
    font-weight: 500;
    color: #0363b5;
    letter-spacing: 0.05em;
	margin-bottom:20px;
}
.sec04 .p-txt01{
	text-align:center;
	padding-bottom:30px;
}
.sec04 ul{
	width:50%;
	padding-top:25px;
	border-top:1px solid #dfdfdf;
	padding-bottom:40px;
}
.sec04 li{
	padding:0 25px 25px;
	margin-bottom:25px;
	line-height:1.5;
	border-bottom:1px solid #dfdfdf;
}
.sec04 .pic{
	padding-bottom:40px;
}
.item{
	padding:25px 0;
	background:linear-gradient(90deg,#0363b5 60%,#fff 60%);
	margin-top:60px;
	color:#fff;
}
.item:nth-of-type(even){
	background:linear-gradient(90deg,#fff 40%,#234a83 40%);
	margin-top:60px;
	color:#fff;
}
.sec04 .item .p-txt01{
	text-align:left;
}
.item .txt{
	width:50%;
	padding:0 25px;
}
.item h4{
	font-size:18px;
	line-height:1.5;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
	padding-bottom:5px;
}



/* ********************************************** */
/* **************レスポンシブスタイル************ */
/* ********************************************** */
@media screen and (max-width:767px){

.philosophy{
	font-size:2rem;
	margin-bottom:1em;
}
.philosophy span{
	font-size: 1.4rem;
}
.sec01 .txt{
	text-align:left;
	line-height:2;
}
.sec02 .txt-area{
	width:100%;
	float:none;
	padding-top:1rem;
	clear:both;
	padding:0;
	margin-top:1rem;
}
.sec02 .p-txt01{
	padding-bottom:1em;
}
.signature{
	font-weight:600;
}
.signature span{
	font-size:1.6rem;
}
.sec02 .pic{
	width:100%;
	margin-left:0;
	float:none;
}

.sec03{
	padding-top:2.5rem;
	margin-top:5.5rem;
	padding-bottom:2.5rem;
	background: #f2f5f7;
}
.sec03 li{
	margin-bottom:2rem;
	padding-bottom:2rem;
}
.year{
	width:100%;
	float:none;
	text-align:left;	
	font-size:1.7rem;
	padding-bottom:1.0rem;
	line-height:2;
}
.desc{
	width:100%;
	font-size:1.6rem;
	line-height:1.8;
	padding-left:0;
	float:right;
}
.desc>p.f-left{
	width:50%;
}
.desc>img{
	width:45%;
	display:block;
	float:right;
}

.outline{
    line-height: 1.6;
    text-align: left;
    font-size: 1.8rem;
	margin-bottom:2rem;
}
.sec04 .p-txt01{
	text-align:left;
	padding-bottom:2rem;
}
.sec04 ul{
	width:100%;
	float:none;
	padding-top:1.5rem;
	padding-bottom:0;
}
.sec04 li{
	padding:0 0 1.5rem;
	margin-bottom:1.5rem;
}
.sec04 .pic{
	padding-bottom:2.5rem;
	display:block;
	width:100%;
	float:none;
}
.item{
	padding:1.5rem;
	background:#0363b5;
	margin-top:2rem;
}
.item:nth-of-type(even){
	background:#234a83;
	margin-top:2rem;
}
.sec04 .item .p-txt01{
	text-align:left;
	padding-bottom:0;
}
.item .txt{
	clear:both;
	float:none;
	width:100%;
	padding:0;
	padding-top:1.5rem;
}
.pic02{
	display:block;
	width:100%;
	float:none;
}
.item h4{
	font-size:1.6rem;
	margin-bottom:1rem;
	padding-bottom:0.5rem;
}
}