@charset "utf-8";

/* 20.05 追加 */
.page-link-wrap {
	padding: 60px 0;
	text-align: center;
}

.page-link + .page-link {
	margin-top: 40px;
}

.page-link a {
	text-decoration: underline;
}
/* 20.05 追加 */

/* .page-about .inner{
	max-width:770px;
} */

.page-about .inner .box:nth-child(n+2){
	margin-top:60px;
}

.page-about .inner h2 + h3{
	margin-top:0;
}

.page-about .inner h3 + .box{
	margin-top:30px !important;
}

.page-about .box .left,
.page-about .box .right{
	position:relative;
	width:46%;
}

.page-about .box .left{
	float:left;
}

.page-about .box .right{
	float:right;
}

.page-about .box p.cap{
	font-size:1.2rem;
	text-align:center;
}

.page-about .plus::before{
	content:"";
	position:absolute;
	bottom:10px;
	left:10px;
	display:block;
	background-image:url(../img/common/icon-plus.svg);
	background-repeat:no-repeat;
	background-size:30px 30px;
	width:30px;
	height:30px;
}

.page-about .box .left img,
.page-about .box .right img{
	display:block;
	margin:10px auto 0;
}

.page-about .box img.middle{
	width:70%;
}

.page-about .box img.small{
	width:65%;
}

.page-about .box .left li{
	width:100%;
}

.page-about .box .left li:first-child img{
	margin-left:0;
}

.page-about .box .left li:last-child,
.page-about .box .left li:last-child img{
	margin-right:inherit;
	margin-left:auto !important;
}

.page-about .box .left li:first-child p{
	text-align:left;
}

.page-about .box .left li:last-child p{
	text-align:right;
}

@media screen and (max-width:767px) {

.page-about .box .left li img{
	margin:0 auto !important;
}

.page-about .box .left li p{
	text-align:center !important;
}

.page-about .box .left li:last-child{
	margin-top:15px;
}

}


.page-about .box.txt{
	max-width:380px;
	margin:30px auto 0 !important;
}

.page-about h3{
	position:relative;
	margin-top:90px;
	padding:0 0 20px;
	font-family:'F+UD TsukuMin R';
	font-size:42px;
	font-size:4.2rem;
	text-align:center;
	letter-spacing:10px;
	line-height:1;
	border-bottom:1px solid #000;
}

.page-about .chronology-box .left{
	float:left;
	width:50%;
}

.page-about .chronology-box .right{
	float:right;
	width:50%;
	text-align:right;
}

.page-about .chronology-box{
	margin-top:100px;
}

.page-about .chronology-box a,
.page-about .chronology-box a img{
	transition:all 0.5s ease;
}

.page-about .chronology-box a img:hover{
	opacity:.7;
}

.page-about .chronology-box .left a{
	position:relative;
	padding:6px 15px 6px 41px;
	background:#00CB32;
	border:1px solid transparent;
	border-radius:30px;
	font-size:18px;
	font-size:1.8rem;
	color:#fff;
}

.page-about .chronology-box .left span{
	margin-left:10px;
	color:#666;
	font-size:13px;
	font-size:1.3rem;
}

.page-about .chronology-box .left a:hover{
	background:#fff;
	border:1px solid #00CB32;
	color:#00CB32;
}

.page-about .chronology-box .left a::before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	left:15px;
	display:block;
    background-image:url(../img/common/drop-white.svg);
	background-repeat:no-repeat;
	background-size:16px 18px;
	width:16px;
	height:18px;
}

.page-about .chronology-box .left a:hover::before{
    background-image:url(../img/common/drop-green.svg);
}

@media screen and (max-width:790px) {

.page-about .inner{
	max-width:92%;
}

.page-about .box .left,
.page-about .box .right{
	float:none;
	width:100%;
}

.page-about .box .right{
	margin-top:10px;
}

.page-about h3{
	font-size:26px;
	font-size:2.6rem;
}

.page-about .box.txt{
	max-width:100%;
	margin-top:10px !important;
}

.page-about .chronology-box{
	margin:30px 0;
}

.page-about .chronology-box .left,
.page-about .chronology-box .right{
	float:none;
	width:100%;
	text-align:left;
}

.page-about .chronology-box .right{
	margin-top:20px;
}

.page-about .chronology-box .left a{
	padding:5px 15px 5px 36px;
	font-size:14px;
	font-size:1.4rem;
}

}

/* =====================
  lang en
===================== */

.lang-en .page-about h3{
	font-size:36px;
	font-size:3.6rem;
	letter-spacing:2px;
}

@media screen and (max-width:790px) {


.lang-en .page-about h3{
	font-size:20px;
	font-size:2rem;
	letter-spacing:0;
}

}
