@charset "UTF-8";

/* about
----------------------------------------------- */

.intro{width: 100vw;margin-left: calc(50% - 50vw);background: url("../images/about/bg.jpg") no-repeat top center;background-size: cover;height: 110vw;padding: 12vw 0;}
.intro .inner{width: 90%;margin: 0 auto;}
.intro .text{background:rgba(255,255,255,0.8);padding: 8%;}

.intro .text .lead{font-size:5vw;font-family: var(--mincho);font-weight: 600;line-height: 1.4;}
.intro .text p:last-of-type{margin-bottom: 0;}

.intro-midashi{line-height: 1.4;margin-bottom: 5vw;}
.intro-midashi .en{line-height: 1;display: block;background: linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 12vw;}
.intro-midashi .jp{font-family: var(--mincho);font-weight: 600;padding-left: 10vw;position:relative;}
.intro-midashi .jp::before{content: "";width: 30px; height: 2px;position: absolute;background: #ccc;bottom:45%;transform: translateY(-45%);left: 1vw;}
 
.profile{padding: 12vw 0 0;}
.profile .pic{width: 70%;margin: 0 auto 10vw;position: relative;}
.profile .pic img{width: 100%;}
.profile .pic::before{content: "";width: 100%;height: 100%;background: linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%);position: absolute;top: 5%;left: 8%;z-index: -1;}

.name dt{font-size:4.3vw;}
.name dd{display: inline-block;line-height: 1;font-size:8vw;}
.name dd.jp{display: inline-block;font-family: var(--mincho);margin-right:2vw;}
.name dd.en{color:#ccc;letter-spacing: .08em;font-size:4.2vw;}





/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) { 
	
.second-text {padding: 0 0 100px;}
.intro{height:560px;background: url("../images/about/bg.jpg") no-repeat top center;background-size: cover;padding: 80px 0;}
.intro .inner{width: 960px;}
.intro .text{padding: 40px;width: 670px;}
.intro .text .lead{font-size: 24px;font-family: var(--mincho);margin-bottom:15px}
	
.intro-midashi{margin-bottom: 30px}
.intro-midashi .en{font-size: 80px;}
.intro-midashi .jp{font-size: 24px;padding-left: 50px;}
.intro-midashi .jp::before{left: 4px;width:35px;}
	
.profile{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start;padding: 80px 0 0;}

.profile .text{width: 60%;}
.profile .pic{width: 32%;margin: 0;}
	
.name dt{margin-bottom: 5px;font-size: 20px;}
.name dd.jp{font-size: 35px;margin-right: 20px;}
.name dd.en{font-size: 18px;}
}




/* =============================================
 retina-size
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.intro{height:560px;background: url("../images/about/bg@2x.jpg") no-repeat top center;background-size: cover;}

}