@charset "UTF-8";
/* font
----------------------------------------------- */
:root { --mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif; --gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

/* default sp
	----------------------------------------------- */
/* ============================================= sp
================================================*/


.items-tag { z-index: 1; position: relative; }
.items-tag { z-index: 1; position: relative; }
.items-tag li {padding: 2vw 2.5vw 1.5vw;margin: 0 0.5vw 1vw;color: #222;font-size: 2.6vw;font-weight: bold;background: #f6ff0b;border: 1px solid #222;-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 4px;display: table;}
.items-iine{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;margin:10px 0 0;}
.items-iine .icon{width:30px;height:30px;color:#fff;background:#222;-moz-border-radius:50%;-webkit-border-radius:100px;border-radius:100px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:2px;margin-right:3px;}
.items-iine .number{font-family:"Poppins";font-feature-settings:"palt";letter-spacing:.04em;line-height:1;}

.top-hero { background: #19c8f3; }
.top-hero-content { padding: 16vw 0 12vw; }
.top-hero-image { width: 115vw; margin-bottom: 8vw; position: relative; left: -12vw; }
.top-hero-text { width: 90vw; margin: 0 auto; z-index: 1; position: relative; }
.top-hero-sub-title { width: 100%; margin-bottom: 4vw; position: relative; }
.top-hero-sub-title .jp { width: 100%; }
.top-hero-sub-title .en { width: 40vw; z-index: 1; position: absolute; top: -20vw; right: 0; }
.top-hero-title {padding: 0 1vw;margin-bottom: 6vw;color: #fff;font-size: 3.68vw;font-weight: bold;line-height: 1.6;letter-spacing: 0.1vw;font-feature-settings: "palt";}
.top-hero-gallery-items { width: 100%; }
.top-hero-gallery-item { width: 38vw; margin: 0 0.5vw; }
.top-hero-gallery-item img { width: 100%; }

.top-tag-gallery-items {width: 100%;padding: 2.5vw 0;background: #f6f2eb;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.top-tag-gallery-item { margin: 0 2vw; }
.top-tag-gallery-item-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-tag-gallery-item-deco { padding: 1.5vw 2.5vw 1vw; margin-right: 4vw; color: #fff; font-size: 3.42vw; font-family: "Poppins"; font-weight: 600; letter-spacing: 0.4vw; -moz-border-radius: 5vw; -webkit-border-radius: 5vw; border-radius: 5vw; }
.top-tag-gallery-item-deco.blue { background: #69d5ef; }
.top-tag-gallery-item-deco.blue .icon { color: #e0ff4e; }
.top-tag-gallery-item-deco.orange { background: #ffc32e; }
.top-tag-gallery-item-deco.orange .icon { color: #ff4e6f; }
.top-tag-gallery-item-deco.green { background: #77ef82; }
.top-tag-gallery-item-deco.green .icon { color: #fff44e; }
.top-tag-gallery-item-deco.pink { background: #f77ec1; }
.top-tag-gallery-item-deco.pink .icon { color: #b0eeff; }
.top-tag-gallery-item-deco.purple { background: #caa5ef; }
.top-tag-gallery-item-deco.purple .icon { color: #fccd41; }
.top-tag-gallery-item-deco .icon { margin: 0 0.5vw; display: inline-block; }
.top-tag-gallery-item-title { font-size: 3.42vw; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-tag-gallery-item-title .icon { width: auto; height: 4.5vw; margin-right: 1vw; }
.top-tag-gallery-item-title i { padding-top: 1vw; }
.top-tag-gallery-item-title i:before { content: '#'; margin-right: 0.5vw; display: inline-block; }

.top-news { padding-bottom: 10vw; }
.top-news-title, .top-information-title { width: 90vw; margin: 0 auto 5vw; }
.top-news-title .en, .top-information-title .en { margin-bottom: 1.5vw; font-size: 7.89vw; font-family: "Poppins"; font-weight: 600; letter-spacing: 0.2vw; display: block; }
.top-news-title .jp, .top-information-title .jp { font-size: 3.68vw; font-weight: bold; display: block; }
.top-news-items, .top-information-items { width: 100%; }
.top-news-items .slide-prev, .top-information-items .slide-prev { width: 12vw; height: 12vw; background: #f0efee url(../images/arrow01-left.png) no-repeat center; background-size: 3.5vw; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; position: absolute; top: -16vw; right: 19vw; }
.top-news-items .slide-next, .top-information-items .slide-next { width: 12vw; height: 12vw; background: #f0efee url(../images/arrow01-right.png) no-repeat center; background-size: 3.5vw; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; position: absolute; top: -16vw; right: 5vw; }
.top-news-item, .top-information-item { width: 90vw; margin: 0 5vw; background: #fff; border: 1px solid #bbb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; position: relative; }
.top-news-item-image, .top-information-item-image {overflow: hidden;padding-top: 56.25%;position: relative;width: 100%;}
.top-news-item-image img, .top-information-item-image img{width: 100%;height: 100%;object-fit: cover;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-news-item-text, .top-information-item-text { padding: 5vw 5vw 6vw; }
.top-news-item-subtitle, .top-information-item-subtitle {padding: 1.5vw 2vw 1vw;margin-bottom: 3vw;font-size: 3.68vw;font-weight: normal;background: #f0f0f0;display: table;line-height: 1.52;}
.top-news-item-title, .top-information-item-title {margin-bottom: 2vw;font-size: 4.2vw;font-weight: bold;line-height: 1.4;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.top-news-item-comment, .top-information-item-comment {/* padding-right: 12vw;  */}
.top-news-item-comment p, .top-information-item-comment p { font-size: 3.42vw; font-weight: normal; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.top-news-tag-items, .top-information-tag-items {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 0 0 2.4vw;}
.top-news-iine-items, .top-information-iine-items {

}

.top-information {padding-bottom: 8vw;}

.top-story { padding: 4vw 0 8vw; }
.top-story-head { width: 90vw; padding-bottom: 5vw; margin: auto; position: relative; }
.top-story-head:after { content: ''; width: 32vw; height: 24vw; background: url(../images/top-story-deco.png) no-repeat center bottom; background-size: 100%; z-index: 1; position: absolute; bottom: 0; right: 0; }
.top-story-title .en { margin-bottom: 1.5vw; font-size: 7.89vw; font-family: "Poppins"; font-weight: 600; letter-spacing: 0.4vw; display: block; }
.top-story-title .jp { font-size: 3.68vw; font-weight: bold; display: block; }
.top-story-items { width: 90vw; margin: auto; }
.top-story-items li {width: 100%;margin-bottom: 4vw;position: relative;padding: 7vw 5vw;border-radius: 10px;}
.top-story-items li.jpb {background:url("../images/top-story-item-image01-bg.jpg") repeat;background-size: 100%;}
.top-story-items li.volun {background:url("../images/top-story-item-image02-bg.jpg") repeat;background-size: 100%;}
.top-story-item-ttl{color: #fff;font-size: 5vw;font-weight: bold;line-height: 1.3;font-feature-settings: "palt";}
.top-story-item-ttl b{font-size: 150%;display: block;}
.top-story-item-tag{margin: 3vw auto;}
.top-story-item-tag li{background: #eff316;display: inline-block;padding: 2.6% 3%;color: #000;font-weight: bold;width: auto;border-radius: 999px;}

.top-story-items img { width: 100%; }
.top-story-item-more {padding: 4vw 8vw 4vw 4vw;margin: 3vw auto 0;font-size: 3.95vw;font-weight: bold;background: #fff url(../images/arrow01-right.png) no-repeat center right 3.5vw;background-size: 2.5vw;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}


.top-recruit { padding: 14vw 0 54vw; background: url(../images/top-recruit-bg.png) no-repeat center; background-size: auto 100%; }
.top-recruit-title { margin-bottom: 6vw; color: #fff; text-align: center; }
.top-recruit-title .en { margin-bottom: 1.5vw; font-size: 7.89vw; font-family: "Poppins"; font-weight: 600; letter-spacing: 0.4vw; display: block; }
.top-recruit-title .jp { font-size: 3.68vw; font-weight: bold; display: block; }
.top-recruit-sub{margin: 0 auto 4vw;text-align: center;color: #fff;line-height: 1.5;font-size: 3.68vw;font-weight: bold;}

.top-recruit-items { width: 90vw; margin: auto; }
.top-recruit-item { width: 100%; padding: 5vw; margin-bottom: 4vw; background: #fff; border: 1px solid #bbb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; position: relative; }
.top-recruit-item-image { width: 100%; margin-bottom: 4vw; }
.top-recruit-tag-items { margin-bottom: 2.5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-recruit-tag-items li { padding: 1.5vw 1.5vw 1vw; margin: 0 0.5vw 1vw 0; font-size: 3.42vw; font-weight: bold; background: #fff; border: 1px solid #bbb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.top-recruit-tag-items li.tag-recruit { color: #fff; background:#108b27; border-color: #108b27; }
.top-recruit-item-title { margin-bottom: 2.5vw; font-weight: bold; line-height: 1.2; }
.top-recruit-item-title .sub { margin-bottom: 1vw; font-size: 4.21vw; display: block; }
.top-recruit-item-title .title { font-size: 6.05vw; display: block; }
.top-recruit-iine-items .icon { width: 8vw; height: 8vw; font-size: 3.68vw; }

.top-profile { padding: 10vw 0 6vw; }
.top-profile-content { width: 90vw; margin: auto; position: relative; }
.top-profile-title { margin-bottom: 5vw; padding-left: 20vw; background: url(../images/top-profile-title-icon.png) no-repeat center left; background-size: auto 100%; }
.top-profile-title .en { margin-bottom: 1.5vw; font-size: 11.84vw; font-family: "Poppins"; font-weight: 600; letter-spacing: 0.4vw; display: block; }
.top-profile-title .jp { font-size: 3.68vw; font-weight: bold; display: block; }
.top-profile-box { width: 100%; }
.top-profile-box .image { width: 100%; }
.top-profile-deco { width: 40vw; z-index: 1; pointer-events: none; position: absolute; right: -6vw; bottom: -6vw; }
.top-profile-deco img { width: 100%; }
.top-profile-box .more {width: 60%;padding: 3% 3% 3% 0;color: #fff;font-size: 3.4vw;font-weight: bold;text-align: center;background: #222 url(../images/arrow02.png) no-repeat center right 7%;background-size: 10px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;position: absolute;right: 37%;bottom: -20px;}

.top-profile-box{padding: 5vw; background: #c8f4ff;border-radius: 10px;position: relative;}
.top-profile-img{position: relative;}
.top-profile-img img{overflow: hidden;object-fit: cover;position: relative;aspect-ratio: 4 / 3;}
.top-profile-img::before{content: "";background: url("../images/top-profile-ttl.png") no-repeat;background-size: 100%;width: 105%;height: 26vw;position: absolute;z-index: 1;bottom: -8px;}
.top-profile-maru{width: 20vw;height: 20vw;text-align: center;background: #fcff66;border-radius: 50%;position: absolute;top: 7vw;left: 7vw;font-family: "Poppins";display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;align-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
.top-profile-maru .en{font-size: 2.2vw;letter-spacing: 0.4vw;display: block;border-bottom: 1px solid;padding-bottom: 6%;margin-bottom: 6%;letter-spacing: 0.8px;line-height: 1.3;}
.top-profile-maru .nom{font-size: 4.2vw;}
.top-profile-catch {font-size: 4vw;margin: -3vw auto 0;padding: 2%;color: #fff;text-wrap: balance;word-break: auto-phrase;line-height: 2.5;z-index: 2;position: relative;font-family: var(--mincho);font-weight: 500;}
.top-profile-catch span {background: #25b6da;position: relative;outline: 7px solid #25b6da;outline-offset: -1px;font-feature-settings: "palt";}
.top-profile-data{margin: 2% 0 0;}
.top-profile-data dt{  }
.top-profile-data dt .name{font-size: 8.2vw;font-weight: bold;margin-right: 2%;line-height: 1.5;display: inline-block;color: #252525;vertical-align: middle;}
.top-profile-data dt .job{padding: 2% 3%;border: #25b6da solid 1px;color:#25b6da;display: inline-block;font-weight: bold;vertical-align: middle;}
.top-profile-data dd{border-top: 1px dotted;margin: 4% 0 0;padding: 4% 0;font-weight: bold;}



.top-gallery { padding: 10vw 0; }
.top-gallery-content { width: 90vw; margin: auto; }
.top-gallery-title { width: 100%; margin-bottom: 5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; }
.top-gallery-title .en { margin-right: 2vw; font-size: 6.58vw; font-family: "Poppins"; font-weight: 600; }
.top-gallery-title .jp { font-size: 3.68vw; font-weight: bold; }
.top-gallery-items { width: 100%; }
.top-gallery-items .slide-prev { width: 10vw; height: 10vw; background: #f0efee url(../images/arrow01-left.png) no-repeat center; background-size: 3.5vw; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; position: absolute; top: -14vw; right: 12vw; }
.top-gallery-items .slide-next { width: 10vw; height: 10vw; background: #f0efee url(../images/arrow01-right.png) no-repeat center; background-size: 3.5vw; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; position: absolute; top: -14vw; right: 0; }
.top-gallery-item { padding: 4vw 4vw 5vw; margin: 0 1vw; color: #fff; background: #25b5d9; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; }
.top-gallery-item-image { width: 100%; margin-bottom: 2.5vw; }
.top-gallery-item-badge { margin-bottom: 2vw; color: #fff; font-size: 2.89vw; font-family: "Poppins"; font-weight: 600; text-align: center; letter-spacing: 0.1vw; }
.top-gallery-item-name { color: #fff; font-size: 6.58vw; font-weight: bold; text-align: center; letter-spacing: 0.1vw; }
.top-gallery-tag-items { position: absolute; top: 2vw; left: 2vw; }
.top-gallery-tag-items li { padding: 1vw 2vw; font-size: 3.29vw; }

.top-area01 { padding: 10vw 0 38vw; background: #eee4d3 url(../images/top-area01-bg.jpg) no-repeat center bottom; background-size: 100%; border-top: 2px solid #222; }
.top-area01-content { width: 90vw; margin: auto; }

.top-encounter { margin-bottom: 8vw; }
.top-encounter-title { margin-bottom: 5vw; padding-left: 18vw; background: url(../images/top-encounter-title-icon.png) no-repeat center left; background-size: auto 100%; }
.top-encounter-title .en { margin-bottom: 1.5vw; font-size: 9.21vw; font-family: "Poppins"; font-weight: 600; display: block; }
.top-encounter-title .jp { font-size: 3.68vw; font-weight: bold; display: block; }

.top-feature-title { margin-bottom: 5vw; padding-left: 18vw; background: url(../images/top-feature-title-icon.png) no-repeat center left; background-size: auto 100%; }
.top-feature-title .en { margin-bottom: 1.5vw; font-size: 9.21vw; font-family: "Poppins"; font-weight: 600; display: block; }
.top-feature-title .jp { font-size: 3.68vw; font-weight: bold; display: block; }

.top-encounter-items, .top-feature-items { width: 100%; }
.top-encounter-item, .top-feature-item { width: 100%; margin-bottom: 4vw; background: #fff; border: 1px solid #ddd; overflow: hidden; position: relative; }
.top-encounter-item a, .top-feature-item a { padding: 5vw; }
.top-encounter-status-items, .top-feature-status-items { margin-bottom: 2.5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-encounter-status-items li, .top-feature-status-items li { padding: 1.5vw 2vw 1vw; margin: 0 1vw 1vw 0; color: #fff; font-size: 3.68vw; font-weight: bold; }
.top-encounter-status-items li.time, .top-feature-status-items li.time { padding-top: 1.5vw; font-family: "Poppins"; font-weight: 600; letter-spacing: 0.1vw; background: #000; }
.top-encounter-status-items li.meeting, .top-feature-status-items li.meeting { background: #ff587c; }
.top-encounter-status-items li.event, .top-feature-status-items li.event { background: #db5dfa; }
.top-encounter-item-title, .top-feature-item-title { margin-bottom: 1.5vw; font-size: 3.95vw; font-weight: bold; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.top-encounter-tag-items, .top-feature-tag-items { height: 4.5vw; margin-bottom: 4vw; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-encounter-tag-items li, .top-feature-tag-items li { margin-right: 1vw; color: #858585; font-size: 3.42vw; line-height: 1.4; }

.top-thanks { padding: 10vw 0; border-top: 2px solid #000;}
.top-thanks-title { padding-top: 6vw; margin-bottom: 5vw; font-size: 5.26vw; font-family: "Poppins"; font-weight: 600; text-align: center; letter-spacing: 0.2vw; background: url(../images/top-thanks-title-deco.png) no-repeat top center; background-size: 28vw; }
.top-thanks-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.top-thanks-items li { width: 40vw; margin: 0 1vw 2vw; }
.top-thanks-items img { width: 100%; }

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) {
	.items-iine .icon {width: 35px; height: 35px; padding-top: 2px; font-size: 16px; text-indent: 1px; }
  .items-tag li { padding: 8px 12px 7px; margin: 0 5px 5px 0; font-size: 12px; }

  .top-hero-content {width: 90%;max-width: 1200px;padding: 160px 0 100px;margin: auto;position: relative;}
  .top-hero-image {width: 100%;margin: 0;position: absolute;top: 100px;right: -45%;left: auto;}
  .top-hero-text { width: 100%; }
  .top-hero-sub-title {width: 73%;margin-bottom: 45px;}
  .top-hero-sub-title .en {width: 32%;z-index: -1;top: auto;right: -26px;bottom: -64px;}
  .top-hero-title {padding: 0 12px;margin-bottom: 30px;font-size: 18px;line-height: 1.8;letter-spacing: 1px;}
  .top-hero-gallery-item { width: 300px; margin: 0 2px; }

	.top-tag-gallery-items {padding: 7px 0;border-top: 2px solid #000;border-bottom: 2px solid #000;}
  .top-tag-gallery-item { margin: 0 10px; }
  .top-tag-gallery-item-deco { padding: 8px 14px 7px; margin-right: 15px; font-size: 16px; letter-spacing: 2px; }
  .top-tag-gallery-item-deco .icon { margin: 0 4px; }
  .top-tag-gallery-item-title { font-size: 16px; }
  .top-tag-gallery-item-title .icon { height: 22px; margin-right: 5px; }
  .top-tag-gallery-item-title i { padding-top: 4px; }
  .top-tag-gallery-item-title i:before{margin-right:0px;}

  .top-news { padding-bottom: 60px; }
  .top-news-title, .top-information-title { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; }
  .top-news-title .en, .top-information-title .en { margin: 0 10px 0 0; font-size: 35px; letter-spacing: 2px; }
  .top-news-title .jp, .top-information-title .jp { font-size: 16px; }
  .top-news-items, .top-information-items {width: 100%;}
  .top-news-items .slide-prev, .top-information-items .slide-prev {width: 40px;height: 40px;background-size: 14px;top: -55px;right: 50px;}
  .top-news-items .slide-next, .top-information-items .slide-next {width: 40px;height: 40px;background-size: 14px;top: -55px;right: 0;}
  .top-news-item, .top-information-item { width: 380px; margin: 0 10px; }
  .top-news-item-text, .top-information-item-text { padding: 20px 20px 25px; }
  .top-news-item-subtitle, .top-information-item-subtitle { padding: 8px 10px 7px; margin-bottom: 12px; font-size: 15px; }
  .top-news-item-title, .top-information-item-title {margin-bottom: 10px;font-size: 16px;-webkit-line-clamp: 3;}
  .top-news-item-comment, .top-information-item-comment {/* padding-right: 50px;  */}
  .top-news-item-comment p, .top-information-item-comment p { font-size: 14px; }
  .top-news-iine-items, .top-information-iine-items { }
  .top-news-tag-items, .top-information-tag-items { margin: 0 0 10px;}

  .top-information { padding-bottom: 60px; }

  .top-story {padding: 0 0 130px;position: relative;width: 98%;}
  .top-story:after {content: '';width: 340px;height: 235px;background: url(../images/top-story-deco.png) no-repeat center bottom;background-size: 100%;z-index: 1;position: absolute;bottom: -10px;right: -200px;z-index: 0;}
  .top-story-head { width: 100%; padding-bottom: 20px; }
  .top-story-head:after { display: none; }
  .top-story-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; }
  .top-story-title .en { margin: 0 10px 0 0; font-size: 35px; letter-spacing: 2px; }
  .top-story-title .jp { font-size: 16px; }
  .top-story-items {width: 100%;margin: auto auto auto 0;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 1;}
  .top-story-items > li {margin-bottom: 15px;width: 49%;padding: 25px 20px;overflow: hidden;}
	.top-story-item-ttl{font-size: 20px;position: relative;z-index: 2;}
	.top-story-item-tag{margin: 10px auto;position: relative;z-index: 2;}
	.top-story-item-tag li{padding: 1% 2%; margin-bottom: 30px;}
	.top-story-item-image{position: absolute;top: 30px;right: -33px;z-index: 1;width: clamp(212px, 50%, 460px);}

  .top-story-item-more {padding: 12px 25px 12px 15px;margin: 10px auto 0;font-size: 16px;background-position: top 15px right 10px;background-size: 8px;position: relative;z-index: 2;}


  .top-recruit { padding: 0; background: url(../images/top-recruit-bg-pc.png) repeat-x center; background-size: auto 100%; }
  .top-recruit-content {width: 90%;max-width: 1200px;padding: 65px 0;margin: auto;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-recruit-head {width: 100%;padding-top: 5px;margin-bottom: 30px;}
  .top-recruit-title {margin-bottom: 0px;text-align: left;}
  .top-recruit-title .en {margin-bottom: 8px;font-size: 35px;letter-spacing: 2px;display: inline-block;}
  .top-recruit-title .jp {font-size: 16px;display: inline-block;}
	.top-recruit-sub{margin: 0 auto 20px;font-size: 18px;text-align: left;}

  .top-recruit-more { width: 150px; padding: 10px 0 8px; font-size: 14px; text-align: center; background: #fff url(../images/arrow01-right.png) no-repeat center right 12px; background-size: 8px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
  .top-recruit-items {width: 100%;margin: 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;flex: 1;}
  .top-recruit-item {width: 49%;padding: 20px;margin: 0;}
  .top-recruit-item-image { margin-bottom: 20px; }
  .top-recruit-tag-items { margin-bottom: 10px; }
  .top-recruit-tag-items li { padding: 5px 8px 4px; margin: 0 4px 4px 0; font-size: 14px; }
  .top-recruit-item-title { margin-bottom: 15px; }
  .top-recruit-item-title .sub { margin-bottom: 5px; font-size: 16px; }
  .top-recruit-item-title .title { font-size: 22px; }
  .top-recruit-iine-items .icon { width: 24px; height: 24px; font-size: 12px; }
  .top-recruit-iine-items .number { padding-top: 2px; margin-left: 6px; font-size: 16px; }

  .top-profile {padding: 80px 0 100px;}
  .top-profile-content {width: 90%;max-width: 1200px;padding-bottom: 30px;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-profile-title {width: 450px;margin: 10px 0px 40px;padding-left: 115px;}
  .top-profile-title .en { margin-bottom: 5px; font-size: 70px; letter-spacing: 2px; }
  .top-profile-title .jp { font-size: 20px; }
  .top-profile-box {width: 100%;position: relative;}
  .top-profile-box .more { width: 400px; padding: 18px 0; color: #fff; font-size: 20px; font-weight: bold; text-align: center; background: #222 url(../images/arrow02.png) no-repeat center right 20px; background-size: 10px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; position: absolute; right: 0; bottom: -30px; }
  .top-profile-deco {width: 270px;right: auto;bottom: -100px;left: -60px;}

  .top-profile-box{padding: 20px;}
  .top-profile-img{ width: 60%;    margin: 0 0 0 auto;}
  .top-profile-img img{text-align: justify;text-justify: inter-ideograph;
  }
  .top-profile-img::before{width: 86%;height: auto;bottom: 29%;left: -63%;aspect-ratio: 2.4 / 1;}
  .top-profile-maru{width: 18%;height: auto;top: 2%;left: 28%;aspect-ratio: 1 / 1;}
  .top-profile-maru .en{font-size: 12px;padding-bottom: 4%;margin-bottom: 5%;letter-spacing: 0.8px;}
  .top-profile-maru .nom{font-size: 20px;}
  .top-profile-catch {font-size: 22px;margin: -65px auto 0;padding: 2%;line-height: 2.2;}
  .top-profile-catch span {outline: 7px solid #25b6da;outline-offset: -1px;}
  .top-profile-data{margin:0 0 30px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
  .top-profile-data dt{width:350px;}
  .top-profile-data dt .name{font-size:30px;margin-right:2%;}
  .top-profile-data dt .job{padding:1% 1%;}
  .top-profile-data dd{margin:0 0 0 2%;padding:0 0 0 2%;border-top:none;border-left:1px dotted;flex:1;line-height:1.4;}

  .top-gallery { padding: 40px 0 80px; }
  .top-gallery-content {width: 90%;max-width: 1200px;}
  .top-gallery-title { margin-bottom: 30px; }
  .top-gallery-title .en { margin-right: 10px; font-size: 35px; }
  .top-gallery-title .jp { font-size: 16px; }
  .top-gallery-items .slide-prev { width: 50px; height: 50px; background-size: 14px; top: -70px; right: 70px; }
  .top-gallery-items .slide-next { width: 50px; height: 50px; background-size: 14px; top: -70px; right: 10px; }
  .top-gallery-item { padding: 20px; margin: 0 10px; }
  .top-gallery-item-content {  display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; gap: 3%;	-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
  .top-gallery-item-image {width: 100%;margin: 0;}
  .top-gallery-item-text {width: 100%;padding-top: 5px;}
  .top-gallery-item-badge { margin-bottom: 8px; font-size: 14px; text-align: left; letter-spacing: 1px; }
  .top-gallery-item-name { padding-bottom: 12px; margin-bottom: 15px; font-size: 35px; text-align: left; letter-spacing: 2px; border-bottom: 1px solid #fff; }
  .top-gallery-item-title { margin-bottom: 10px; color: #f6ff0a; font-size: 18px; font-weight: bold; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .top-gallery-item-commnet p { font-size: 14px; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .top-gallery-tag-items { top: 10px; left: 10px; }
  .top-gallery-tag-items li { padding: 8px 12px 7px; font-size: 15px; }

  .top-area01 { padding: 80px 0 100px; background: #eee4d3 url(../images/top-area01-bg-pc.jpg) no-repeat center bottom; background-size: 100%; }
  .top-area01-content {width: 90%;max-width: 1200px;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;-webkit-align-items: flex-start;align-items: flex-start;}

  .top-encounter, .top-feature {width: 100%;margin: 0 0 30px 0;}
  .top-encounter-title { margin-bottom: 20px; padding-left: 85px; }
  .top-encounter-title .en { margin-bottom: 8px; font-size: 40px; }
  .top-encounter-title .jp { font-size: 16px; }
  .top-encounter-item, .top-feature-item { margin-bottom: 15px; }
  .top-encounter-item a, .top-feature-item a { padding: 20px; 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-feature-title { margin-bottom: 20px; padding-left: 85px; }
  .top-feature-title .en { margin-bottom: 8px; font-size: 40px; }
  .top-feature-title .jp { font-size: 16px; }

  .top-encounter-item-image, .top-feature-item-image {width: 25%;}
  .top-encounter-item-text, .top-feature-item-text {width: 72%;}
  .top-encounter-status-items, .top-feature-status-items { margin-bottom: 10px; }
  .top-encounter-status-items li, .top-feature-status-items li { padding: 6px 12px 5px; margin: 0 4px 4px 0; font-size: 15px; }
  .top-encounter-status-items li.time, .top-feature-status-items li.time { padding-top: 6px; letter-spacing: 1px; }
  .top-encounter-item-title, .top-feature-item-title { margin-bottom: 8px; font-size: 16px; }
  .top-encounter-tag-items, .top-feature-tag-items { height: 18px; margin-bottom: 10px; }
  .top-encounter-tag-items li, .top-feature-tag-items li { margin-right: 4px; font-size: 12px; }

  .top-thanks {padding: 60px 0;}
  .top-thanks-title { padding-top: 30px; margin-bottom: 30px; font-size: 20px; letter-spacing: 1px; background-size: 128px; }
  .top-thanks-items {width: 90%;max-width: 1200px;margin: auto;-webkit-justify-content: center;justify-content: center;}
  .top-thanks-items li {width: 30%;margin: 0 5px 14px 5px;}

  .top-contentslist { padding: 80px 0; background: url(../images/top-contentslist-bg.jpg) no-repeat center; background-size: cover; }
  .top-contentslist-title { margin-bottom: 30px; color: #fff; text-align: center; }
  .top-contentslist-title .en { margin-bottom: 8px; font-size: 35px; font-family: "Poppins"; font-weight: 600; letter-spacing: 2px; display: block; }
  .top-contentslist-title .jp { font-size: 14px; font-weight: bold; display: block; }
  .top-contentslist-items {width: 90%;max-width: 1200px;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-contentslist-items li {width: 32%;margin: 0 4px 8px;}
  .top-contentslist-items img { width: 100%; }

}@media screen and (min-width: 980px) {
  .top-hero-image{width: 880px;right: -310px;top: 50px;}
  .top-hero-sub-title{width:600px;}
  .top-profile{padding-bottom:60px;}
  .top-profile-title{width: 37%;padding-left: 90px;}
  .top-profile-title .en{font-size:50px;}
  .top-profile-box{width: 62%;}
  .top-profile-deco{width:300px;bottom: 20px;left: 0px;}

  .top-gallery-item-image{width:30%;}
  .top-gallery-item-text{width:65%;}
  .top-gallery-item-name{font-size:25px;}
  .top-gallery-item-commnet p{display:none;}
	.top-gallery-item-content { -webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;}
  .top-encounter-items, .top-feature-items{display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;;}
  .top-encounter-items >li,.top-feature-items > li{width: 49%;}
  .top-thanks-items li{width: 19%;}


	}	  @media screen and (min-width: 1250px) {
  .top-hero-image{ right: -260px;}
	.top-story {width: calc(100vw - 600px);}
  .top-news-items, .top-information-items { width: calc(100vw - 400px); }
  .top-gallery-item-commnet p{display:block;}
  .top-recruit-head{width:350px; padding-right: 30px;}
  .top-recruit-title .jp{display:block;margin-bottom: 20px;}
  .top-profile{padding-bottom:20px;}
  .top-profile-title{font-size:70px;padding-left:115px;}
  .top-profile-title .en{font-size:70px;}
  .top-profile-deco{width:410px;bottom: 30px;}
  .top-gallery-item-image {width: 225px;}
  .top-gallery-item-text{width:290px;}
  .top-gallery-item-commnet p{display: -webkit-box;}
  .top-encounter, .top-feature{width:clamp(500px, 49%, 580px);margin: 0;}
  .top-encounter-items >li, .top-feature-items > li{width:100%;min-height: 190px;}

	}  /* retina用 ----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

  .top-news-items .slide-prev, .top-information-items .slide-prev { background: #f0efee url(../images/arrow01-left@2x.png) no-repeat center; background-size: 14px; }
  .top-news-items .slide-next, .top-information-items .slide-next { background: #f0efee url(../images/arrow01-right@2x.png) no-repeat center; background-size: 14px; }
  .top-story:after { background: url(../images/top-story-deco@2x.png) no-repeat center bottom; background-size: 100%; }
  .top-story-item-more { background: #fff url(../images/arrow01-right@2x.png) no-repeat top 15px right 10px; background-size: 8px; }
  .top-recruit { background: url(../images/top-recruit-bg-pc@2x.png) repeat-x center; background-size: auto 100%; }
  .top-profile-title { background: url(../images/top-profile-title-icon@2x.png) no-repeat center left; background-size: auto 100%; }
  .top-profile-box .more { background: #222 url(../images/arrow02@2x.png) no-repeat center right 20px; background-size: 10px; }
  .top-gallery-items .slide-prev { background: #f0efee url(../images/arrow01-left@2x.png) no-repeat center; background-size: 14px; }
  .top-gallery-items .slide-next { background: #f0efee url(../images/arrow01-right@2x.png) no-repeat center; background-size: 14px; }
  .top-area01 { background: #eee4d3 url(../images/top-area01-bg-pc@2x.jpg) no-repeat center bottom; background-size: 100%; }
  .top-encounter-title { background: url(../images/top-encounter-title-icon@2x.png) no-repeat center left; background-size: auto 100%; }
  .top-feature-title { background: url(../images/top-feature-title-icon@2x.png) no-repeat center left; background-size: auto 100%; }
  .top-thanks-title { background: url(../images/top-thanks-title-deco@2x.png) no-repeat top center; background-size: 128px; }
  .top-contentslist { background: url(../images/top-contentslist-bg@2x.jpg) no-repeat center; background-size: cover; }


}