@charset "UTF-8";
/* top
----------------------------------------------- */
.top-intro{padding: 10% 0;}
.intro-midashi{text-align: center;font-size: 5vw;  font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; font-weight: 400; letter-spacing: 0.05em;margin-bottom: 10%;}
.top-intro-box li{margin-bottom: 6%;}
.top-intro-box li img{border-radius: 20px;margin-bottom: 4%;}
.top-intro-text{margin: auto;}
.top-intro-text .en{display: inline-block;font-size: 5.5vw; color: #a5955f; line-height: 1; font-family: cormorant-garamond, serif;   font-weight: 600; font-style: normal;}
.top-intro-text .jp{display: inline-block;font-size: 3.5vw;margin-left: 2%;}

.top-job-midashi{text-align: center;margin: 0 auto 4.5vw;}
.top-job-midashi .en{display: block;font-size: 5.5vw; color: #a5955f; line-height: 1; font-family: cormorant-garamond, serif; font-weight: 600;font-style: normal;}
.top-job-midashi .jp{display: block;font-size: 3.5vw;}

.top-job{background: url("../images/top-job-bg.jpg");}
.job-left-img{}
.job-left-img div{ display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: 100%;}
.job-left-img img{ width: 50%; height: 100%; }
.job-right{width: 100%;padding: 10vw 4vw;}
.job-right ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.job-right li{width: 48%;margin-bottom: 4vw;position: relative;}
.job-right li img{border-radius: 20px;width: 100%;}
.top-job-text{position: absolute;top: 4.5vw;left: 3.5vw;text-shadow: 0 0 2px #fff, 1px 1px 2px #fff, -1px -1px 2px #FFF;}
.top-job-text .en{display: block;font-size: 4vw;margin-bottom: 1.5vw;line-height: 1;font-family: cormorant-garamond, serif;font-weight: 600;}
.top-job-text .jp{display: block;font-size: 3.5vw;line-height: 1.2;}

.top-more{padding-bottom: 0.5vw;margin: 4vw auto 0; font-size: 3.6vw;font-family: cormorant-garamond, serif;letter-spacing: 0.4vw;  border-bottom: 1px solid #000; display: table;}

@media screen and (min-width: 736px) {
/* top
----------------------------------------------- */
.top-intro{padding: 100px 0;}
.intro-midashi{text-align: center;font-size: 46px;}
.top-intro-box{margin-bottom: 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.top-intro-box li{margin-bottom: 0;width: 460px;}
.top-intro-box img{margin-bottom: 16px;}
.top-intro-text{margin: auto;}
.top-intro-text .en{display: block;font-size:32px;}
.top-intro-text .jp{display: block;font-size:16px;margin-left: 0;}


.top-job-midashi{text-align: center;margin: 0 auto 40px;}
.top-job-midashi .en{font-size: 36px;}
.top-job-midashi .jp{font-size: 18px;}
    
.top-job{}
.top-job{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 1200px;overflow: hidden;}

.job-left-img{background-image: url("../images/job-left-img.jpg");background-repeat: no-repeat;background-position: center right;background-size: cover;height: 100%;width: 45%;}

.job-right{width: 555px;padding: 60px 0 60px 40px;margin-right: auto;}
.job-right ul{}
.job-right li{margin-bottom: 20px;}
.job-right li img{position: relative;}
.top-job-text{top: 24px;left: 24px;}
.top-job-text .en{font-size: 25px;margin-bottom: 7px;}
.top-job-text .jp{font-size: 14px;}

.top-more{padding-bottom: 10px;margin: 30px auto 0; font-size: 18px;}


}