@charset "UTF-8";
/* top sp
----------------------------------------------- */
.top-message { padding: 25vw 0 12vw; background: url(../images/top-message-bg.png) no-repeat top 4vw left -16vw; background-size: 60vw; }
.top-message-heading { width: 90vw; margin: 0 auto 6vw; }
.message-title { width: 50vw; margin: 0 0 20vw auto; color: #c2af98; font-size: 8.42vw; font-family: 'Cinzel'; text-align: center; letter-spacing: 1vw; position: relative; }
.message-title:after { content: ''; width: 25vw; height: 1px; background: #999; position: absolute; bottom: -4vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-message-heading-title { margin-bottom: 4vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; }
.top-message-heading-title .small { margin-bottom: 2vw; font-size: 3.95vw; line-height: 1.4; display: block; }
.top-message-heading-title .big { color: #be9461; font-size: 19.08vw; text-indent: 2vw; letter-spacing: 0.2vw; display: block; }
.top-message-heading-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.top-message-heading-items li { width: 32vw; margin: 0 2.5vw; }
.top-message-heading-items li:nth-child(2) { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top-message-heading-items img { width: 100%; }
.top-message-text { width: 90vw; margin: auto; }
.top-message-text-comment { margin-bottom: 4vw; font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.2vw; }
.top-message-text-note { padding: 2vw 0 1vw; margin-bottom: 4vw; font-size: 3.16vw; text-align: center; background: #f0f1f0; }
.top-message-text-title { margin-bottom: 4vw; color: #755732; font-size: 4.74vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; line-height: 1.4; }

.top-advantage-content { padding: 12vw 0; background: url(../images/top-advantege-bg.jpg) no-repeat top center; background-size: 100%; }
.top-advantage-heading { margin-bottom: 6vw; }
.top-advantage-heading p { color: #fff; font-size: 3.16vw; text-align: center; line-height: 1.6; }
.top-advantage-title { margin-bottom: 8vw; color: #fff; text-align: center; position: relative; }
.top-advantage-title:after { content: ''; width: 12vw; height: 2px; background: #fff; position: absolute; bottom: -4vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-advantage-title .en { margin-bottom: 1.5vw; font-size: 8.68vw; font-family: 'Cinzel'; letter-spacing: 0.5vw; display: block; }
.top-advantage-title .jp { font-size: 3.42vw; display: block; }
.top-advantage-items { width: 90vw; margin: 0 auto 10vw; }
.top-advantage-items li { width: 100%; margin-bottom: 8vw; }
.top-advantage-item-image { width: 100%; margin-bottom: 4vw; }
.top-advantage-item-image img { width: 100%; }
.top-advantage-item-text { width: 90%; margin: auto; }
.top-advantage-item-text p { font-size: 3.16vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-advantage-item-title { padding: 2vw 1.5vw; margin-bottom: 2.5vw; background: url(../images/deco01.png) no-repeat center left; background-size: auto 100%; }
.top-advantage-item-title .batch { margin-bottom: 2.5vw; font-size: 3.42vw; font-family: 'Cinzel'; letter-spacing: 0.5vw; border-bottom: 1px solid #000; display: table; }
.top-advantage-item-title .title { color: #755732; font-size: 5.26vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; }
.top-advantage-footer-title { width: 100%; margin-bottom: 6vw; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.top-advantage-footer-title:before, .top-advantage-footer-title:after { content: ''; height: 1px; margin-top: 0.5vw; background: #f0e8df; flex: 1; }
.top-advantage-footer-title .title { padding: 0 2.5vw; font-size: 5.53vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; }
.top-advantage-footer-items { width: 90vw; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-advantage-footer-items li { width: 30%; }
.top-advantage-footer-items img { width: 100%; }

.top-review { padding: 12vw 0; background: #f2f4f3; }
.top-review-heading { width: 90vw; margin: 0 auto 6vw; }
.top-review-heading p { font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }
.top-review-title { margin-bottom: 4vw; }
.top-review-title .en { margin-bottom: 1vw; color: #c1af98; font-size: 14.21vw; font-family: 'Cinzel'; letter-spacing: 1vw; display: block; }
.top-review-title .jp { font-size: 4.47vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; line-height: 1.4; display: block; }
.top-review-items .slick-track { display: flex; }
.top-review-item { height: auto; padding: 0 2.5vw 2.5vw 0; margin: 0 2.5vw; z-index: 1; position: relative; }
.top-review-item:after { content: ''; width: calc(100% - 2.5vw); height: calc(100% - 2.5vw); background: url(../images/top-review-item-bg.jpg) no-repeat center; background-size: cover; z-index: 0; position: absolute; right: 0; bottom: 0; }
.top-review-item-content { height: 100%; padding: 6.5vw; background: #fff; z-index: 1; position: relative; }
.top-review-item-content:before { content: ''; width: 4vw; height: 4vw; border-top: 2px solid #c1af98; border-right: 2px solid #c1af98; position: absolute; top: 0; right: 0; }
.top-review-item-content:after { content: ''; width: 4vw; height: 4vw; border-bottom: 2px solid #c1af98; border-left: 2px solid #c1af98; position: absolute; bottom: 0; left: 0; }
.top-review-item-user { padding: 2vw 0 1vw; margin-bottom: 4vw; color: #fff; font-size: 3.42vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; background: #c1af98; }
.top-review-item-text p { font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }

.top-voice { padding-bottom: 4vw; }
.top-voice-heading { margin-bottom: 6vw; }
.top-voice-heading p { font-size: 3.16vw; text-align: center; line-height: 1.6; }
.top-voice-heading-image { width: 100%; }
.top-voice-heading-image img { width: 100%; }
.top-voice-title { margin: -12vw auto 4vw; text-align: center; z-index: 1; position: relative; }
.top-voice-title .en { width: 22vw; height: 22vw; padding-top: 0.5vw; margin: 0 auto 2.5vw; color: #fff; font-size: 3.95vw; font-family: 'Cinzel'; letter-spacing: 0.5vw; background: #c1af98; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-voice-title .jp { font-size: 5.79vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; line-height: 1.2; display: block; }
.top-voice-items { width: 90vw; margin: auto; }
.top-voice-items li { width: 100%; margin-bottom: 8vw; }
.top-voice-item-heading { padding: 2.5vw 2.5vw 2vw; margin-bottom: 4vw; background: #ece9e3; position: relative; }
.top-voice-item-staff { color: #755732; font-size: 3.68vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; }
.top-voice-item-batch { color: #c2af98; font-size: 19.47vw; font-family: 'Cinzel'; letter-spacing: 1vw; position: absolute; top: 50%; right: 0; -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -webkit-transform: translateY(-45%); transform: translateY(-45%); }
.top-voice-item-image { width: 55vw; margin: 0 auto 4vw; }
.top-voice-item-status { padding-left: 10vw; margin-bottom: 3.5vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; background: url(../images/deco02.png) no-repeat top left; background-size: 8vw; }
.top-voice-item-status .position { margin-bottom: 1vw; font-size: 5vw; display: block; }
.top-voice-item-status .pay { font-size: 3.42vw; line-height: 1.4; display: block; }
.top-voice-item-status .pay .big { display: block; }
.top-voice-item-status .pay .small { display: block; }
.top-voice-item-text p { margin-bottom: 2.5vw; font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }

.top-system, .top-about { padding: 1px 0 4vw; border-top: 6vw solid #e1edf0; }
.top-system-heading, .top-about-heading { margin-bottom: 6vw; }
.top-system-heading p, .top-about-heading p { font-size: 3.16vw; text-align: center; line-height: 1.6; }
.top-system-title, .top-about-title { margin: -4vw auto 10vw; text-align: center; position: relative; }
.top-system-title:after, .top-about-title:after { content: ''; width: 12vw; height: 1px; background: #000; position: absolute; bottom: -5vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-system-title .en, .top-about-title .en { margin-bottom: 2vw; font-size: 10.53vw; font-family: 'Cinzel'; letter-spacing: 1vw; display: block; }
.top-system-title .jp, .top-about-title .jp { font-size: 3.16vw; display: block; }
.top-system-items { width: 90vw; margin: auto; }
.top-system-items li { width: 100%; margin-bottom: 8vw; }
.top-system-item-image { width: 100%; margin-bottom: 5vw; }
.top-system-item-text p { font-size: 3.42vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }
.top-system-item-title { margin-bottom: 2.5vw; font-size: 6.32vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; }

.top-skill { padding: 2vw 0 4vw; }
.top-skill-title { width: 90vw; margin: 0 auto 6vw; }
.top-skill-title .en { margin-bottom: 1vw; color: #c2af98; font-size: 11.18vw; font-family: 'Cinzel'; letter-spacing: 1vw; position: relative; display: table; }
.top-skill-title .en:before { content: ''; width: 100vw; height: 1px; background: #b4b4b3; position: absolute; top: 50%; right: -102vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-skill-title .jp { font-size: 3.29vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; display: block; }
.top-skill-items { width: 90vw; margin: auto; }
.top-skill-items li { width: 100%; margin-bottom: 4vw; }
.top-skill-items li:first-child .top-skill-item-content { display: block; }
.top-skill-item-title { padding: 3vw 3vw 2.5vw; color: #fff; font-size: 3.68vw; background: #c1af98; position: relative; cursor: pointer; }
.top-skill-item-title.open:after { -moz-transform: translateY(-40%) rotateX(540deg); -ms-transform: translateY(-40%) rotateX(540deg); -webkit-transform: translateY(-40%) rotateX(540deg); transform: translateY(-40%) rotateX(540deg); }
.top-skill-item-title:after { content: '\f107'; font-family: 'icon'; position: absolute; top: 50%; right: 4vw; -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -webkit-transform: translateY(-40%); transform: translateY(-40%); -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.top-skill-item-content { padding: 5vw; margin-bottom: 8vw; border: 1px solid #bbb; display: none; }
.top-skill-item-image { width: 100%; margin-bottom: 4vw; }
.top-skill-item-text p { font-size: 3.42vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }

.top-career02 { padding: 12vw 0 6vw; background: url(../images/top-career02-bg.jpg) no-repeat top center; background-size: cover; }
.top-career02-heading { margin-bottom: 6vw; color: #fff; text-align: center; }
.top-career02-heading p { font-size: 3.42vw; line-height: 1.6; }
.top-career02-title { margin-bottom: 2vw; font-size: 5.79vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; line-height: 1.4; }
.top-career02-items { width: 75vw; margin: auto; }
.top-career02-items li { width: 100%; padding: 6vw 0; margin-bottom: 6vw; color: #fff; text-align: center; background: rgba(255, 255, 255, 0.15); border: 1px solid #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
.top-career02-item-title { margin-bottom: 2.5vw; }
.top-career02-item-title .en { margin-bottom: 6vw; font-size: 5.26vw; font-family: 'Cinzel'; letter-spacing: 1vw; position: relative; display: block; }
.top-career02-item-title .en:after { content: ''; width: 10vw; height: 1px; background: #fff; position: absolute; bottom: -3vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-career02-item-title .jp { font-size: 5vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; display: block; }
.top-career02-item-text { font-size: 3.68vw; line-height: 1.6; }

.top-review02 { padding-bottom: 8vw; background: url(../images/top-review02-bg.png) no-repeat top 5vw right -5vw; background-size: 80vw; }
.top-review02-heading { width: 90vw; padding: 12vw 0; margin: auto; }
.top-review02-heading p { font-size: 3.16vw; line-height: 1.6; }
.top-review02-title { margin-bottom: 4vw; }
.top-review02-title .en { margin-bottom: 2vw; color: #c2af98; font-size: 12.37vw; font-family: 'Cinzel'; letter-spacing: 1vw; display: block; }
.top-review02-title .jp { font-size: 3.95vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; display: block; }
.top-review02-heading-items { margin-top: 8vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-review02-heading-items li { padding: 2.5vw 2.5vw 2vw; margin: 0 2vw 2vw 0; color: #a28766; font-weight: bold; background: #fff; border: 1px solid #c2aa92; }
.top-review02-heading-items li:before { content: '\f058'; margin-right: 1.5vw; color: #c1ae98; font-family: 'icon'; display: inline-block; }
.top-review02-content-title { margin-bottom: 5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.top-review02-content-title:before, .top-review02-content-title:after { content: ''; height: 2px; background: #efe8de; flex: 1; }
.top-review02-content-title .title { padding: 0 0 0 3.5vw; font-size: 7.24vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; }
.top-review02-items { width: 95vw; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.top-review02-items li { width: 46%; padding: 5vw 4vw; margin: 0 2% 4%; background: #f2e9e0; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }

.top-review02-item-title { margin-bottom: 2.5vw; color: #8c6e4a; font-size: 3.95vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; line-height: 1.2; }
.top-review02-item-text p { font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.4; letter-spacing: 0.04em; }

.top-gallery-item { width: 50vw; }
.top-gallery-item img { width: 100%; }

.top-work { padding: 82vw 0 4vw; background: url(../images/top-work-bg.jpg) no-repeat top center, url(../images/top-work-bg02.png) no-repeat top 185vw right -32vw; background-size: 100%, 140vw; }
.top-work-title { margin-bottom: 10vw; text-align: center; position: relative; }
.top-work-title:after { content: ''; width: 14vw; height: 2px; background: #000; position: absolute; bottom: -4vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-work-title .en { margin-bottom: 1vw; font-size: 11.05vw; font-family: 'Cinzel'; letter-spacing: 1vw; display: block; }
.top-work-title .jp { font-size: 3.16vw; display: block; }
.top-work-items { width: 80vw; margin: auto; }
.top-work-items li { width: 100%; margin-bottom: 8vw; }
.top-work-item-image { width: 100%; margin-bottom: 4vw; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; overflow: hidden; position: relative; }
.top-work-item-image .image { width: 100%; }
.top-work-item-image .batch { color: #fff; font-size: 8.68vw; font-family: 'Cinzel'; letter-spacing: 1vw; z-index: 1; position: absolute; bottom: -1.8vw; left: 1vw; }
.top-work-item-text p { font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }
.top-work-item-title { margin-bottom: 2vw; font-size: 4.74vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; line-height: 1.2; }

.top-career .midashi{font-family: 'Cinzel';font-size: 10vw;text-align: center;margin-bottom: 3%;color:#fff;line-height: 1;position: relative;padding-top: 5%;}  
.top-career .midashi:before{content: ''; width:100%;height:100%;position:absolute;background: #ebdbc7;left: 0;bottom: 7px;z-index: -1;}
.top-career .wrap .title{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif;text-align: center;font-size: 6vw;margin-bottom: 5%;}
.top-career .wrap .items{width:90%;margin:0 auto;border-left:2px solid #ccc;}
.top-career .wrap .items li{font-size: 4.5vw;margin-bottom:5vw;background:url(../images/check-items.png)no-repeat;background-size: 2%;padding-left: 5%;}
.top-career .wrap .items .subs{font-size: 85%;font-weight: bold;color: #b6966f;padding: 2% 0;}
.top-career .wrap .items .txt{font-size:3.5vw;padding:3% 0;line-height: 1.5;display: inline-block;width: 72%;vertical-align: middle;margin-left: 4%;}
.top-career .wrap .items .w100{width: 94%;margin-left: 0;}
.top-career .wrap .items span{text-align: center;width: 60px;height: 60px;border: 1px solid;display: inline-block;padding-top: 12px;border-radius: 50%;font-size: 3.5vw;color: #866439;vertical-align: middle;}
.top-career .wrap .items span b{font-family: 'Cinzel';display: block;font-size: 120%;}
.top-career .nav{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 90%;margin: 0 auto;background: #c2af98;}
.top-career .nav a{width:50%;text-align: center;background: #c2af98;color: #fff;font-weight: bold;padding: 2% 0;}
.top-career .nav a:nth-child(1){background:#e1c5a1;}
.top-career #tabs ul{border:2px solid #ccc;padding: 6% 0%;margin: 0 auto;width: 90%;}
.top-career #tabs li:nth-last-child(1){margin-bottom:0;}
.top-career .plan-ends{width:90%;margin: 50px auto 12%;position: relative;}
.top-career .plan-ends:before{content:"";background:url(../images/arrow.png)no-repeat;background-size: contain;width: 16%;height:8vw;position:absolute;left: 40%;top: -35px;}
.top-career .plan-ends .tit{color: #b6966f;font-weight: bold;font-size: 5vw;margin-bottom: 3%;}
.top-career .plan-ends p{line-height: 1.5;}


.top-about-heading { width: 90vw; margin: 0 auto 16vw; }
.top-about-image { width: 100%; margin-bottom: 5vw; position: relative; }
.top-about-image:before { content: ''; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.top-about-image img { width: 100%; }
.top-about-heading-title { margin-bottom: 2.5vw; font-size: 4.74vw; text-align: center; line-height: 1.2; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; }
.top-about-items { width: 70vw; margin: auto; }
.top-about-items li { width: 100%; padding: 10vw 8vw 6vw; margin-bottom: 16vw; background: #f2eadf url(../images/top-about-item-bg.png) no-repeat center bottom -6vw; background-size: 110%; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; position: relative; }
.top-about-items li:last-child { margin-bottom: 8vw; }
.top-about-item-batch { color: #c2af98; font-family: 'Cinzel'; text-align: center; position: absolute; top: -10vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-about-item-batch .small { font-size: 3.42vw; letter-spacing: 0.5vw; display: block; }
.top-about-item-batch .big { font-size: 15.13vw; display: block; }
.top-about-item-text p { font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }
.top-about-item-title { width: 86%; padding-bottom: 2.5vw; margin: 0 auto 3.5vw; color: #755732; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; line-height: 1.4; border-bottom: 1px dotted #aaa; }

.top-covid19 { padding: 12vw 0 6vw; background: #e1edf0; }
.top-covid19-heading { margin-bottom: 6vw; text-align: center; }
.top-covid19-heading p { font-size: 3.42vw; line-height: 1.6; }
.top-covid19-title { width: 90vw; padding: 4vw 0 3.5vw; margin: 0 auto 4vw; font-size: 6.32vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; background: #fcfcfb; }
.top-covid19-items { width: 90vw; margin: 0 auto 8vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-covid19-items li { width: 28vw; height: 28vw; margin-bottom: 5%; text-align: center; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-covid19-items li:nth-child(1) .top-covid19-item-title { background: url(../images/top-covid19-item-image01.png) no-repeat top center; background-size: 10vw; }
.top-covid19-items li:nth-child(2) .top-covid19-item-title { background: url(../images/top-covid19-item-image02.png) no-repeat top center; background-size: 10vw; }
.top-covid19-items li:nth-child(3) .top-covid19-item-title { background: url(../images/top-covid19-item-image03.png) no-repeat top center; background-size: 10vw; }
.top-covid19-items li:nth-child(4) .top-covid19-item-title { background: url(../images/top-covid19-item-image04.png) no-repeat top center; background-size: 10vw; }
.top-covid19-items li:nth-child(5) .top-covid19-item-title { background: url(../images/top-covid19-item-image05.png) no-repeat top center; background-size: 10vw; }
.top-covid19-items li:nth-child(6) .top-covid19-item-title { background: url(../images/top-covid19-item-image06.png) no-repeat top center; background-size: 10vw; }
.top-covid19-item-title { padding-top: 10vw; color: #6e9ba7; font-size: 3.68vw; font-weight: bold; line-height: 1.2; }
.top-covid19-box { width: 90vw; padding: 8px; margin: 0 auto 6vw; background: #fbf4e9; }
.top-covid19-box-inner { padding: 6vw 4vw; line-height: 1.6; border: 2px solid #e1edf0; }
.top-covid19-box-inner li { padding-left: 4vw; margin-bottom: 2vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.04em; position: relative; }
.top-covid19-box-inner li:before { content: '■'; position: absolute; top: 0; left: 0; }
.top-covid19-box-inner p { margin-bottom: 2vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.04em; }
.top-covid19-box-title { margin-bottom: 4vw; color: #745732; font-size: 5.79vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; }

.top-recruit { padding-bottom: 12vw; }
.top-recruit-heading { padding: 12vw 0; margin-bottom: 6vw; background: url(../images/top-recruit-heading-bg.jpg) no-repeat center; background-size: cover; }
.top-recruit-title { padding-bottom: 6vw; color: #fff; text-align: center; position: relative; }
.top-recruit-title:after { content: ''; width: 12vw; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-recruit-title .en { margin-bottom: 3.5vw; font-size: 8.68vw; font-family: 'Cinzel'; letter-spacing: 1vw; display: block; }
.top-recruit-title .jp { font-size: 3.42vw; display: block; }
.top-recruit-content { width: 90vw; margin: auto; }
.top-recruit-content-title { padding: 0.5vw 0 0 12.5vw; margin-bottom: 4vw; font-size: 4.21vw; position: relative; }
.top-recruit-content-title:before { content: ''; width: 10vw; height: 10vw; background: #ebdec9; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-recruit-content-title .jp { margin-bottom: 1vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; display: block; }
.top-recruit-content-title .en { color: #c2af98; font-family: 'Cinzel'; letter-spacing: 0.5vw; display: block; }
.top-recruit-items { width: 100%; }
.top-recruit-items li { width: 100%; padding: 5vw; margin-bottom: 4vw; border: 6px solid #eee; }
.top-recruit-items p { font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }
.top-recruit-item-title { margin-bottom: 10vw; font-size: 3.68vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; position: relative; }
.top-recruit-item-title:before { content: ''; width: 10vw; height: 2px; background: #ebdec9; position: absolute; bottom: -5vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-recruit-item-entry { width: 100%; padding: 3vw 0 2.5vw 2vw; margin-top: 4vw; text-align: center; border: 2px solid #ccc; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-recruit-item-entry .icon { color: #00b900; font-size: 5.26vw; }
.top-recruit-item-entry .title { padding: 0.5vw 10vw 0 4vw; color: #787878; font-size: 3.29vw; font-family: 'Cinzel'; letter-spacing: 0.5vw; background: url(../images/arrow02.png) no-repeat center right; background-size: 6vw; }
.top-recruit-note { width: 90vw; padding: 6vw; margin: auto; background: #e1ecf0; }
.top-recruit-note p { font-size: 3.16vw; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; letter-spacing: 0.04em; }

.top-information { padding: 12vw 0; background: #f2e9e0; }
.top-information-title { margin-bottom: 8vw; text-align: center; position: relative; }
.top-information-title:after { content: ''; width: 12vw; height: 1px; background: #000; position: absolute; bottom: -4vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-information-title .en { margin-bottom: 2vw; font-size: 8.16vw; font-family: 'Cinzel'; letter-spacing: 1vw; display: block; }
.top-information-title .jp { font-size: 3.16vw; display: block; }
.top-information-content { width: 92vw; padding: 6vw; margin: auto; background: #fff; }
.top-information-content dl { font-size: 3.16vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-information-content dt { width: 50%; padding: 3vw 0 2.5vw; margin-bottom: 1px; text-align: center; letter-spacing: 0.2vw; background: #dfe0e0; }
.top-information-content dd { width: 50%; padding-right: 2.5vw; text-align: right; }
.top-information-content-heading dt { background: #e1edf0; }
.top-information-content-heading p { margin: 4vw 0; font-size: 3.16vw; text-align: center; line-height: 1.2; }

.top-entry { padding: 12vw 0; }
.top-entry-title { margin-bottom: 12vw; text-align: center; position: relative; }
.top-entry-title:after { content: ''; width: 12vw; height: 1px; background: #000; position: absolute; bottom: -6vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-entry-title .en { margin-bottom: 2vw; font-size: 8.16vw; font-family: 'Cinzel'; letter-spacing: 1vw; display: block; }
.top-entry-title .jp { font-size: 3.16vw; display: block; }
.top-entry-tel { margin: 0 auto 2vw; font-size: 9.47vw; font-family: 'Cinzel'; letter-spacing: 0.5vw; display: table; }
.top-entry-tel .icon { margin-right: 1vw; font-size: 7.24vw; }
.top-entry-open { margin-bottom: 6vw; font-size: 3.16vw; text-align: center; }
.top-entry-line { width: 90vw; margin: 0 auto 8vw; }
.top-entry-line img { width: 100%; }
.top-entry-form-box { width: 90vw; margin: auto; }
.top-entry-form-title { width: 100%; padding: 3.5vw 0 2.5vw; margin-bottom: 5vw; color: #fff; font-size: 3.42vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; background: #c1af98; }
.top-entry-form-text { margin-bottom: 5vw; text-align: center; }
.top-entry-form-text p { margin-bottom: 2.5vw; font-size: 3.16vw; line-height: 1.6; }
.top-entry-form { width: 90vw; height: 50vw; margin: auto; background: #ccc; }

.prof{background:#ebf5f7;padding: 10% 0;}
.prof .inner{width:90%;margin:0 auto;}
.prof .items p{margin-bottom:5%;}
.prof .items b{font-family: 'Cinzel';font-size: 10vw;font-weight: normal;display: inline-block;margin-right: 10px;}
.prof .items img{margin: 0 auto 5%;width: 50%;}
.prof .sub{border-left:1px solid;padding: 2% 5%;line-height: 1.5;margin-bottom: 5%;}
.prof .sub b{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif;display:block;font-size: 8vw;font-weight: 600;letter-spacing: 2px;}
.prof .txt{margin-bottom:5%;line-height: 1.5;}

.company {margin:10vw 0 0 0;}
.company .title{font-family: 'Cinzel';text-align: center;margin-bottom: 5%;}
.company .title b{font-size: 240%;font-weight: normal;display: block;margin-bottom: 2vw;position: relative;}
.company .in{border:solid 8px #fffbed;padding:5%;width:90%;margin:0 auto;}
.company .in dl{border-top:1px solid #ccc;}
.company .in dl:nth-child(1){border-top:none;}
.company .in dl:nth-child(1) dt{border-top:none;}
.company .in dt,.company .in dd{display:inline-block;vertical-align: top;line-height: 1.5;padding: 4% 0;}
.company .in dt{width:30%;border-top: 1px solid #dac76f;}
.company .in dd{width:68%;font-size: 90%;}

form#mailformpro .names{background: #c1b098;padding: 2%;font-weight: bold;color: #fff;margin: 3% 0 2% 0;}
form#mailformpro .names.mt0{margin-top: 0;}
.form_bg .att {display: block;line-height: 1.6;padding: 4%;margin: 3% auto 0;font-size: 3vw;text-align:justify;text-justify:auto;background: #fefff2;}
.form_bg .att a { color: #c12f2f;  display: inline-block;}
.mailformproTable th{width:25%;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 960px) { .top-message { padding: 120px 0 90px; background: url(../images/top-message-bg.png) no-repeat top 70px left calc(50% - 520px); background-size: 500px; }
  .top-message-content { width: 900px; margin: auto; }
  .top-message-content-inner { width: 670px; margin-left: auto; }
  .top-message-heading { width: 590px; margin: 0 0 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .message-title { width: auto; margin: 0 0 20px; font-size: 80px; text-align: left; letter-spacing: 8px; display: table; }
  .message-title:after { width: 50vw; top: 50%; right: calc(-50vw - 40px); bottom: auto; left: auto; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
  .top-message-heading-title { margin: 20px auto 0 0; }
  .top-message-heading-title .small { margin-bottom: 5px; font-size: 16px; }
  .top-message-heading-title .big { font-size: 68px; text-indent: 2px; letter-spacing: 2px; }
  .top-message-heading-items { -webkit-justify-content: space-between; justify-content: space-between; }
  .top-message-heading-items li { width: 145px; margin: 0 0 0 10px; }
  .top-message-text { width: 100%; }
  .top-message-text-comment { margin-bottom: 30px; font-size: 14px; letter-spacing: 2px; line-height: 1.8; }
  .top-message-text-note { width: 590px; padding: 8px 0 7px; font-size: 14px; margin-bottom: 20px;}
  .top-message-text-title { margin-bottom: 30px; font-size: 30px; }
	
  .top-advantage-content {width: 100%;padding: 0 0 100px 0;background: none;background-size: 100%;position: relative;left: 0;}
  .top-advantage-heading {width: 100%;height: 550px;background: url(../images/pc-top-advantege-bg.jpg) no-repeat center fixed;background-size: cover;position: relative;padding: 70px 0 0 0;margin-bottom: 0;}
  .top-advantage-heading .in{padding:40px 0;}
  .top-advantage-heading p { font-size: 16px; }
  .top-advantage-title { margin-bottom: 80px; }
  .top-advantage-title:after { width: 110px; height: 2px; bottom: -40px; }
  .top-advantage-title .en { margin-bottom: 12px; font-size: 80px; letter-spacing: 10px; }
  .top-advantage-title .jp { font-size: 20px; }
  .top-advantage-items {width: 960px;margin: -100px auto 100px;background: #fff;padding: 50px 30px 0 30px;position: relative;}
  .top-advantage-items li { margin: 0; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
  .top-advantage-items li:nth-child(even) .top-advantage-item-image { order: 2; }
  .top-advantage-items li:nth-child(even) .top-advantage-item-text { order: 1; }
  .top-advantage-item-image { width: 50%; margin: 0; }
  .top-advantage-item-text { width: 50%; padding: 40px 30px; margin: 0; }
  .top-advantage-item-text p { font-size: 14px; line-height: 1.8; }
  .top-advantage-item-title { padding: 15px 5px; margin: 0 0 10px -5px; }
  .top-advantage-item-title .batch { margin-bottom: 20px; font-size: 20px; letter-spacing: 2px; }
  .top-advantage-item-title .title { font-size: 30px; }
  .top-advantage-footer-title { margin-bottom: 60px; }
  .top-advantage-footer-title:before, .top-advantage-footer-title:after { height: 6px; margin-top: 2px; }
  .top-advantage-footer-title .title { padding: 0 30px; font-size: 50px; }
  .top-advantage-footer-items { width: 635px; }
  .top-advantage-footer-items li { width: 185px; }
	
  .top-review { padding: 100px 0; }
  .top-review-content { width: 900px; margin: auto; }
  .top-review-heading { width: 100%; margin-bottom: 60px; }
  .top-review-heading p { font-size: 16px; }
  .top-review-title { margin-bottom: 30px; }
  .top-review-title .en { margin-bottom: 10px; font-size: 80px; letter-spacing: 12px; }
  .top-review-title .jp { font-size: 24px; }
  .top-review-items { width: 80vw; }
  .top-review-items .slick-list { overflow: visible; }
  .top-review-items .slick-prev, .top-review-items .slick-next { width: 50px; top: -110px; }
  .top-review-items .slick-prev { left: calc(50% + 130px); }
  .top-review-items .slick-next { right: auto; left: calc(50% + 190px); }
  .top-review-item { width: 415px; padding: 0 10px 10px 0; margin: 0 20px; }
  .top-review-item:after { width: calc(100% - 10px); height: calc(100% - 10px); }
  .top-review-item-content { padding: 30px; }
  .top-review-item-content:before, .top-review-item-content:after { width: 20px; height: 20px; }
  .top-review-item-user { padding: 10px 0; margin-bottom: 15px; font-size: 20px; }
  .top-review-item-text p { font-size: 14px; line-height: 1.8; }
	
  .top-voice { padding-bottom: 20px; }
  .top-voice-heading { margin-bottom: 80px; }
  .top-voice-heading p { font-size: 14px; text-align: left; line-height: 1.8; }
  .top-voice-heading-image { min-width: 2000px; margin-bottom: 50px; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-voice-heading-text { width: 900px; padding-left: 290px; margin: auto; position: relative; }
  .top-voice-title { margin: 0 0 20px; text-align: left; position: static; }
  .top-voice-title .en { width: 250px; height: 250px; padding-top: 8px; margin: 0; font-size: 50px; letter-spacing: 4px; position: absolute; top: -120px; left: 0; }
  .top-voice-title .jp { font-size: 48px; }
  .top-voice-items { width: 900px; }
  .top-voice-items li { margin-bottom: 80px; 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; }
  .top-voice-item-heading { width: 100%; padding: 20px 25px 18px; margin-bottom: 40px; order: 1; }
  .top-voice-item-staff { font-size: 24px; }
  .top-voice-item-batch { font-size: 150px; letter-spacing: 5px; }
  .top-voice-item-image { width: 350px; margin: 30px 0 0; order: 3; }
  .top-voice-item-content { width: 520px; order: 2; }
  .top-voice-item-status { padding-left: 60px; margin-bottom: 30px; background: url(../images/deco02.png) no-repeat top left; background-size: 42px; }
  .top-voice-item-status .position { margin-bottom: 5px; font-size: 24px; }
  .top-voice-item-status .pay { line-height: 1.6; }
  .top-voice-item-status .pay .big { font-size: 18px; }
  .top-voice-item-status .pay .small { font-size: 14px; }
  .top-voice-item-text p { margin-bottom: 20px; font-size: 16px; line-height: 1.8; }
	
  .top-system, .top-about { padding: 1px 0 100px; border-width: 50px; }
  .top-system-heading, .top-about-heading { margin-bottom: 60px; }
  .top-system-heading p, .top-about-heading p { font-size: 16px; line-height: 1.8; }
  .top-system-title, .top-about-title { margin: -30px auto 70px; }
  .top-system-title:after, .top-about-title:after { width: 100px; height: 2px; bottom: -40px; }
  .top-system-title .en, .top-about-title .en { margin-bottom: 15px; font-size: 80px; letter-spacing: 10px; }
  .top-system-title .jp, .top-about-title .jp { font-size: 20px; }
  .top-system-items {width: 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
  .top-system-items li { width: calc(100% / 3); margin: 0; }
  .top-system-item-image { margin-bottom: 30px; }
  .top-system-item-text {width: 90%;margin: auto;}
  .top-system-item-text p { font-size: 16px; line-height: 1.8; }
  .top-system-item-title { margin-bottom: 20px; font-size: 30px; }
	
  .top-skill { padding: 20px 0 70px; }
  .top-skill-title { width: 900px; margin-bottom: 60px; }
  .top-skill-title .en { margin-bottom: 10px; font-size: 80px; letter-spacing: 10px; }
  .top-skill-title .en:before { right: calc(-100vw - 20px); }
  .top-skill-title .jp { font-size: 24px; }
  .top-skill-items { width: 900px; }
  .top-skill-items li { margin-bottom: 30px; }
  .top-skill-item-title { padding: 20px 25px 18px; font-size: 25px; }
  .top-skill-item-title:after { right: 30px; }
  .top-skill-item-content { padding: 40px; margin-bottom: 60px; }
  .top-skill-item-content-inner { 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; }
  .top-skill-item-image { width: 365px; margin-bottom: 0; }
  .top-skill-item-text { width: 400px; padding-top: 5px; }
  .top-skill-item-text p { font-size: 16px; }
	
  .top-career02 { padding: 60px 0; background: url(../images/pc-top-career02-bg.jpg) no-repeat top center; background-size: cover; }
  .top-career02-heading { margin-bottom: 50px; }
  .top-career02-heading p { font-size: 16px; }
  .top-career02-title { margin-bottom: 20px; font-size: 30px; }
  .top-career02-items { width: 1020px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .top-career02-items li { width: 320px; margin: 0; padding: 40px 0; }
  .top-career02-items li:nth-child(2) { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  .top-career02-items li:nth-child(3) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
  .top-career02-item-title { margin-bottom: 20px; }
  .top-career02-item-title .en { margin-bottom: 50px; font-size: 25px; letter-spacing: 2px; }
  .top-career02-item-title .en:after { width: 50px; height: 2px; bottom: -25px; }
  .top-career02-item-title .jp { font-size: 24px; }
  .top-career02-item-text { font-size: 18px; }
	
  .top-review02 { padding-bottom: 80px; background: url(../images/top-review02-bg.png) no-repeat top -40px left calc(50% - 520px), url(../images/pc-top-review02-image.jpg) no-repeat top 0 left calc(50% + 560px); background-size: 950px, 830px; }
  .top-review02-heading { width: 900px; padding: 100px 0 140px; }
  .top-review02-heading p { font-size: 16px; line-height: 1.8; }
  .top-review02-title { margin-bottom: 30px; }
  .top-review02-title .en { margin-bottom: 10px; font-size: 80px; letter-spacing: 8px; }
  .top-review02-title .jp { font-size: 24px; }
  .top-review02-heading-items { width: 780px; margin-top: 40px; }
  .top-review02-heading-items li { padding: 15px 18px 13px; margin: 0 12px 12px 0; font-size: 18px; }
  .top-review02-heading-items li:before { margin-right: 8px; }
  .top-review02-content-title { margin-bottom: 50px; }
  .top-review02-content-title:before, .top-review02-content-title:after { height: 5px; }
  .top-review02-content-title .title { padding: 0 20px 0 40px; font-size: 50px; }
  .top-review02-items { width: 930px; }
  .top-review02-items li { width: 280px; padding: 40px 15px; margin: 0 15px 30px; }
  .top-review02-item-title { margin-bottom: 20px; font-size: 22px; }
  .top-review02-item-text p { font-size: 14px; line-height: 1.6; }
  .top-gallery-item { width: 440px; }
	
  .top-work { padding: 100px 0 60px; background: url(../images/pc-top-work-bg.jpg) no-repeat top left calc(50% - 620px), url(../images/top-work-bg02.png) no-repeat bottom 50px left calc(50% + 440px); background-size: 780px, 770px; }
  .top-work-content { width: 900px; margin: auto; }
  .top-work-title { margin-bottom: 120px; }
  .top-work-title:after { width: 110px; bottom: -40px; }
  .top-work-title .en { margin-bottom: 10px; font-size: 80px; letter-spacing: 10px; }
  .top-work-title .jp { font-size: 20px; }
  .top-work-items { width: 800px; margin: 0 0 0 auto; position: relative; }
  .top-work-items:before { content: ''; width: 20px; height: 100%; background: #e1ecf0; position: absolute; top: 0; left: 150px; }
  .top-work-items li { margin-bottom: 70px; z-index: 1; position: relative; 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; }
  .top-work-item-image { width: 310px; margin: 0; }
  .top-work-item-image .batch { font-size: 32px; letter-spacing: 6px; bottom: -7px; left: 5px; }
  .top-work-item-text { width: 450px; padding-top: 10px; }
  .top-work-item-text p { font-size: 16px; line-height: 1.8; }
  .top-work-item-title { margin-bottom: 20px; font-size: 24px; }
	
  .top-about-heading { width: 900px; margin-bottom: 100px; }
  .top-about-title { margin-bottom: 90px; }
  .top-about-image { margin-bottom: 40px; }
  .top-about-image:before { width: calc(100% - 20px); height: calc(100% - 20px); }
  .top-about-heading-title { margin-bottom: 30px; font-size: 45px; }
  .top-about-items { width: 880px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
  .top-about-items li { width: 400px; padding: 50px 30px; margin: 0 20px 90px; background: #f2eadf url(../images/top-about-item-bg.png) no-repeat center bottom -6vw; background-position: center bottom -25px; background-size: 110%; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }
  .top-about-items li:nth-child(even) { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  .top-about-items li:last-child { margin-bottom: 0; }
  .top-about-item-batch { top: -60px; }
  .top-about-item-batch .small { font-size: 20px; letter-spacing: 2px; }
  .top-about-item-batch .big { font-size: 90px; }
  .top-about-item-title { width: 280px; padding-bottom: 20px; margin-bottom: 20px; font-size: 20px; }
  .top-about-item-text p { font-size: 16px; line-height: 1.8; }

   .top-career{background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(50%, #ebdbc7), color-stop(50%, #fff));background: -moz-linear-gradient(left, #ebdbc7 50%, #fff 50%);background: -webkit-linear-gradient(left, #ebdbc7 50%, #fff 50%);background: linear-gradient(to right, #ebdbc7 50%, #fff 50%);border: 2px solid #eadcc7;}                                   
  .top-career .w960{width:960px;margin:0 auto;position: relative;}                                    
  .top-career .midashi{width: 100px;display:inline-block;vertical-align: top;}
  .top-career .midashi span{position:absolute;color: #fff;width: 830px;font-size: 100px;transform: rotate(90deg);left: -390px;top: 320px;}                                    
  .top-career .midashi:before{top:0;}                                   
  .top-career .wrap{width: 850px;display:inline-block;background: #fff;padding: 80px 0 80px 70px;}  
  .top-career .wrap .title{font-size: 34px;} 
  .top-career .wrap .items01{width: 440px;margin: 0;margin-left: auto;}                                   
  .top-career .wrap .items li{font-size: 22px;margin-bottom: 36px;background: none;position: relative;}
  .top-career .wrap .items li:nth-last-child(1){margin-bottom:0;}                                    
  .top-career .wrap .items li:before{content:"";width:25px;height:25px;background:url(../images/en-icon.png);background-size: contain;position:absolute;left: -14px;top: 0;}                                    
  .top-career .wrap .items .txt{font-size: 16px;}
  .top-career .wrap .items span{width: 80px;height: 80px;font-size:18px;padding-top: 18px;}
  .top-career .nav{display:none;} 
  .top-career #panel2{display: block!important;}
  .top-career #tabs{position: relative;}
  .top-career #tabs:after{content:"";width:2px;height: 100%;background:#ccc;position:absolute;right: 391px;}                                    
  .top-career #tabs ul{border:none;border-left: 2px solid #ccc;padding: 60px 0 100px 0;margin-bottom: 0;width: 100%;}
  .top-career #tabs .panel{width: 49%;display: inline-block!important;vertical-align: top;}
  .top-career #tabs #panel1{position: relative;}   
  .top-career #tabs #panel1:before{content:"";width: 387px;height:2px;background:#ccc;position:absolute;}    
  .top-career #tabs #panel1:after{content:"";width: 387px;height:2px;background:#ccc;position:absolute;bottom: 0px;}                                      
  .top-career .plan-ends{width:500px;margin:0;margin-left: auto;padding: 30px 0 0 40px;border-left: 2px solid #ccc;}                                   
  .top-career .plan-ends .tit{font-size:20px;position:relative;}
  .top-career .plan-ends .tit:before{content:"";width:25px;height:25px;background:url(../images/en-icon.png);background-size: contain;position:absolute;left: -54px;top: 0;}                                      
  .top-career .panel .items .txt{width: 220px;}
  .top-career .wrap .items .w100{width:100%;}
  .top-career .plan-ends:before{content:none;}                                   
                                      
  .top-covid19 { padding: 100px 0 80px; }
  .top-covid19-heading { margin-bottom: 40px; }
  .top-covid19-heading p { font-size: 16px; }
  .top-covid19-title { width: auto; padding: 12px 30px 10px; margin-bottom: 10px; font-size: 30px; display: table; }
  .top-covid19-items { width: 650px; margin-bottom: 50px; }
  .top-covid19-items li { width: 100px; height: 100px; margin: 0; }
  .top-covid19-items li:nth-child(1) .top-covid19-item-title { background-size: 42px; }
  .top-covid19-items li:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .top-covid19-items li:nth-child(2) .top-covid19-item-title { background-size: 42px; }
  .top-covid19-items li:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
  .top-covid19-items li:nth-child(3) .top-covid19-item-title { background-size: 42px; }
  .top-covid19-items li:nth-child(4) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
  .top-covid19-items li:nth-child(4) .top-covid19-item-title { background-size: 42px; }
  .top-covid19-items li:nth-child(5) { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
  .top-covid19-items li:nth-child(5) .top-covid19-item-title { background-size: 42px; }
  .top-covid19-items li:nth-child(6) { -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
  .top-covid19-items li:nth-child(6) .top-covid19-item-title { background-size: 42px; }
  .top-covid19-item-title { padding-top: 40px; font-size: 12px; }
  .top-covid19-box { width: 900px; margin-bottom: 25px; }
  .top-covid19-box-inner { padding: 30px 50px; line-height: 1.8; }
  .top-covid19-box-inner li { padding-left: 20px; font-size: 14px; margin-bottom: 5px; }
  .top-covid19-box-inner p { margin-bottom: 5px; font-size: 14px; }
  .top-covid19-box-title { margin-bottom: 20px; font-size: 24px; }
	
  .top-recruit { padding-bottom: 100px; }
  .top-recruit-title { padding-bottom: 50px; }
  .top-recruit-title:after { width: 100px; height: 2px; }
  .top-recruit-title .en { margin-bottom: 20px; font-size: 80px; letter-spacing: 8px; }
  .top-recruit-title .jp { font-size: 20px; }
  .top-recruit-heading { padding: 100px 0; margin-bottom: 70px; background: url(../images/pc-top-recruit-heading-bg.jpg) no-repeat center; background-size: cover; }
  .top-recruit-content { width: 900px; }
  .top-recruit-content-title { padding: 2px 0 0 85px; margin-bottom: 40px; font-size: 25px; }
  .top-recruit-content-title:before { width: 66px; height: 66px; }
  .top-recruit-content-title .jp { margin-bottom: 8px; }
  .top-recruit-content-title .en { letter-spacing: 2px; }
  .top-recruit-items { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .top-recruit-items li { width: 430px; padding: 25px; margin-bottom: 40px; }
  .top-recruit-items p { font-size: 14px; line-height: 1.8; }
  .top-recruit-item-title { margin-bottom: 45px; font-size: 20px; }
  .top-recruit-item-title:before { width: 50px; bottom: -25px; }
  .top-recruit-item-entry { padding: 10px 0 9px; margin-top: 20px; }
  .top-recruit-item-entry .icon { font-size: 32px; }
  .top-recruit-item-entry .title { padding: 2px 65px 0 15px; font-size: 16px; letter-spacing: 4px; background-size: 35px; }
  .top-recruit-note { width: 900px; padding: 40px; }
  .top-recruit-note p { font-size: 14px; line-height: 1.8; }
	
  .top-information { padding: 100px 0; }
  .top-information-title { margin-bottom: 80px; }
  .top-information-title:after { width: 100px; height: 2px; bottom: -40px; }
  .top-information-title .en { margin-bottom: 10px; font-size: 80px; letter-spacing: 8px; }
  .top-information-title .jp { font-size: 20px; }
  .top-information-content { width: 900px; padding: 60px; }
  .top-information-content dl { font-size: 20px; }
  .top-information-content dt { padding: 25px 0 23px; margin-bottom: 1px; letter-spacing: 2px; }
  .top-information-content dd { padding: 0 0 0 70px; text-align: left; letter-spacing: 1px; }
  .top-information-content-heading p { margin: 50px 0 42px; font-size: 18px; }
	
  .top-entry { padding: 100px 0; }
  .top-entry-title { margin-bottom: 100px; }
  .top-entry-title:after { width: 100px; height: 2px; bottom: -40px; }
  .top-entry-title .en { margin-bottom: 10px; font-size: 80px; letter-spacing: 8px; }
  .top-entry-title .jp { font-size: 20px; display: block; }
  .top-entry-tel { margin-bottom: 10px; font-size: 48px; letter-spacing: 5px; }
  .top-entry-tel .icon { margin-right: 5px; font-size: 35px; }
  .top-entry-open { margin-bottom: 60px; font-size: 14px; }
  .top-entry-line { width: 900px; margin-bottom: 60px; }
  .top-entry-form-box { width: 900px; }
  .top-entry-form-title { padding: 15px 0 14px; margin-bottom: 30px; font-size: 20px; }
  .top-entry-form-text { margin-bottom: 40px; }
  .top-entry-form-text p { margin-bottom: 20px; font-size: 14px; line-height: 1.8; }
  .top-entry-form { width: 100%; height: 500px; }
                                      
.mailformproTable th{width:30%;}
.form_bg .att{padding: 14px 14px;display: block;margin: 10px 0 0; font-size: 12px; }

.prof{padding: 80px 0;}  
.prof .inner{width:900px;}      
.prof .items{width:300px;display: inline-block;vertical-align: top;} 
.prof .items b{font-size: 60px;display: block;}                                   
.prof .items img{margin:0;}
.prof .textbox{width: 580px;display: inline-block;}
.prof .sub b{font-size: 40px;}   
.prof .txt{font-size:14px;}                                     

.company .title {margin-bottom:40px;}                                      
.company .title b{margin-bottom:15px;}                                      
.company .in{width:900px;padding: 30px 40px;}
.company .in dt, .company .in dd{padding:20px 0;}                                    
                                      
                                      
  /* retina用 ----------------------------------------------- */ }
@media screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 960px) and (min-resolution: 2dppx) { .top-advantage-item-title { background: url(../images/deco01@2x.png) no-repeat center left; background-size: auto 100%; }
  .top-review-item:after { background: url(../images/top-review-item-bg@2x.jpg) no-repeat center; background-size: cover; }
  .top-voice-item-status { background: url(../images/deco02@2x.png) no-repeat top left; background-size: 42px; }
  .top-career02 { background: url(../images/pc-top-career02-bg@2x.jpg) no-repeat top center; background-size: cover; }
  .top-work { background: url(../images/pc-top-work-bg@2x.jpg) no-repeat top left calc(50% - 620px), url(../images/top-work-bg02@2x.png) no-repeat bottom 50px left calc(50% + 440px); background-size: 780px, 770px; }
  .top-about-items li { background: #f2eadf url(../images/top-about-item-bg@2x.png) no-repeat center bottom -25px; background-size: 110%; }
  .top-recruit-heading { background: url(../images/pc-top-recruit-heading-bg@2x.jpg) no-repeat center; background-size: cover; }
  .top-recruit-item-entry .title { background: url(../images/arrow02@2x.png) no-repeat center right; background-size: 35px; } }