.sp-only-block {
  display: none !important;
}
@media screen and (max-width: 881px) {
  .sp-only-block {
    display: block !important;
  }
}

.pc-only-block {
  display: block !important;
}
@media screen and (max-width: 881px) {
  .pc-only-block {
    display: none !important;
  }
}

.sp-only-inline {
  display: none !important;
}
@media screen and (max-width: 881px) {
  .sp-only-inline {
    display: inline !important;
  }
}

.pc-only-inline {
  display: inline !important;
}
@media screen and (max-width: 881px) {
  .pc-only-inline {
    display: none !important;
  }
}

@keyframes blur-animation {
  0% {
    filter: blur(0px);
  }
  50% {
    filter: blur(15px);
  }
  100% {
    filter: blur(0px);
  }
}
@keyframes shake {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-0.5deg);
  }
  20% {
    transform: translate(1px, 0) rotate(0.5deg);
  }
  30% {
    transform: translate(2px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(0.5deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-0.5deg);
  }
  60% {
    transform: translate(-2px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(2px, 1px) rotate(-0.5deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(0.5deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes zoom-effect {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.1);
  }
}
img {
  width: 100%;
}

body {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-feature-settings: "palt";
  background-color: white;
  color: black;
}

#wrapper {
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background-image: url("../images/top/bg_bubble.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 881px) {
  #wrapper {
    background-image: url("../images/top/bg_bubble_sp.png");
  }
}
#wrapper .page-wrap {
  max-width: 1920px;
  width: 100%;
  margin: auto;
  position: relative;
}

.pagemain {
  position: relative;
  width: 100%;
}

.sec-fv {
  position: relative;
  width: 100%;
  margin-bottom: 48px;
}
@media screen and (max-width: 881px) {
  .sec-fv {
    margin-bottom: 3vw;
  }
}
.sec-fv .fv-wrap {
  position: relative;
  width: 100%;
}
.sec-fv .fv-wrap .fv-bg {
  position: relative;
}
.sec-fv .fv-wrap .fv-bg .sitetitle {
  position: absolute;
  top: 21%;
  left: 9.5%;
  width: 80.3125%;
  animation: zoom-effect 20s infinite alternate ease-in-out;
}
@media screen and (max-width: 881px) {
  .sec-fv .fv-wrap .fv-bg .sitetitle {
    width: 79.0666666667vw;
    top: 23.9%;
    left: 10.5%;
  }
}
.sec-fv .fv-wrap .fv-bg .logo {
  position: absolute;
  width: 19%;
  top: 4.5%;
  left: 10%;
}
@media screen and (max-width: 881px) {
  .sec-fv .fv-wrap .fv-bg .logo {
    width: 30vw;
    top: 4.5%;
    left: 10.5%;
  }
}
.sec-fv .fv-wrap .fv-bg .logo .atplink {
  position: absolute;
  width: 26%;
  height: 100%;
  top: 0;
  left: 0;
}
.sec-fv .fv-wrap .fv-bg .snslink {
  position: absolute;
  width: 19.4270833333%;
  top: 4.5%;
  left: 36.5%;
}
@media screen and (max-width: 881px) {
  .sec-fv .fv-wrap .fv-bg .snslink {
    width: 27.0666666667vw;
    top: 4.8%;
    left: 48.5%;
  }
}
.sec-fv .fv-wrap .fv-bg .snslink .x_link {
  position: absolute;
  width: 16%;
  height: 100%;
  top: 0;
  left: 17%;
}
.sec-fv .fv-wrap .fv-bg .snslink .insta_link {
  position: absolute;
  width: 16%;
  height: 100%;
  top: 0;
  left: 40%;
}
.sec-fv .fv-wrap .fv-bg .snslink .line_link {
  position: absolute;
  width: 16%;
  height: 100%;
  top: 0;
  left: 64%;
}
.sec-fv .fv-wrap .fv-bg .menu {
  position: absolute;
  top: 3.5%;
  left: 84.5%;
  width: 5.5208333333%;
}
@media screen and (max-width: 881px) {
  .sec-fv .fv-wrap .fv-bg .menu {
    width: 9.0666666667vw;
    top: 4.8%;
    left: 80.5%;
  }
}
.sec-fv .fv-wrap .fv-bg .kv-obj {
  position: absolute;
}
.sec-fv .fv-wrap .fv-bg .kv-obj.obj1 {
  width: 34%;
  top: 16%;
  left: -9%;
  animation: blur-animation 5s infinite alternate;
  opacity: 0.8;
}
@media screen and (max-width: 881px) {
  .sec-fv .fv-wrap .fv-bg .kv-obj.obj1 {
    width: 42.9333333333vw;
    top: 15%;
    left: -8%;
  }
}
.sec-fv .fv-wrap .fv-bg .kv-obj.obj2 {
  width: 35.8%;
  top: 38.5%;
  left: 48.7%;
  opacity: 0.3;
  animation: shake 0.5s infinite;
}
@media screen and (max-width: 881px) {
  .sec-fv .fv-wrap .fv-bg .kv-obj.obj2 {
    width: 41.6vw;
    top: 37%;
    left: 46%;
  }
}
.sec-fv .fv-wrap .fv-bg .kv-obj.obj3 {
  width: 40.8%;
  top: 56.5%;
  left: 18%;
  opacity: 0.8;
  animation: zoom-effect 10s infinite alternate ease-in-out;
}
@media screen and (max-width: 881px) {
  .sec-fv .fv-wrap .fv-bg .kv-obj.obj3 {
    width: 47.4666666667vw;
    top: 54%;
    left: 20%;
  }
}

.sec-info {
  max-width: 1920px;
  width: 100%;
  position: relative;
  margin-bottom: 180px;
}
@media screen and (max-width: 881px) {
  .sec-info {
    max-width: 100%;
    position: relative;
    margin-bottom: 9vw;
  }
}
.sec-info .info-wrap {
  max-width: 79.6%;
  margin: auto;
  padding: 11px 27px;
  background-color: #e5002d;
  color: white;
}
@media screen and (max-width: 881px) {
  .sec-info .info-wrap {
    max-width: 79vw;
    position: relative;
    padding: 1vw 2vw;
  }
}
.sec-info .info-wrap .item {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 2rem;
}
@media screen and (max-width: 881px) {
  .sec-info .info-wrap .item {
    gap: 3vw;
  }
}
.sec-info .info-wrap .item .icon {
  width: 50px;
}
@media screen and (max-width: 881px) {
  .sec-info .info-wrap .item .icon {
    width: 7.0666666667vw;
  }
}
.sec-info .info-wrap .item .text {
  flex: 1;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.512195122;
}
@media screen and (max-width: 881px) {
  .sec-info .info-wrap .item .text {
    width: 7.0666666667vw;
    font-size: 3.0666666667vw;
    line-height: 1.0869565217;
  }
}

.sec-info .info-wrap .item2 {
  align-items: center;
  gap: 16px;
  margin-bottom: 2rem;
}
@media screen and (max-width: 881px) {
  .sec-info .info-wrap .item2 {
    gap: 3vw;
  }
}

.sec-info .info-wrap .item2 .newsbox{
	width: 100%;
	padding: 1rem;
	background-color: white;
	border-radius: 20px;
	color: black;
	margin-bottom: 2rem
}
@media screen and (max-width: 881px) {
.sec-info .info-wrap .item2 .newsbox{
	border-radius: 2rem;
	padding: 1.5rem;
}
}


.sec-info .info-wrap .item2 .newsbox p{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1rem;
}

@media screen and (max-width: 881px) {
.sec-info .info-wrap .item2 .newsbox p{
	font-size: 3.5vw;
}
}

.sec-info .info-wrap .item2 .newsbox ul li{
	font-size: 18px;
	line-height: 18px;
	padding-left: 20px;
}

@media screen and (max-width: 881px) {
.sec-info .info-wrap .item2 .newsbox ul li{
	font-size: 3.5vw;
}
}












.sec-navi {
  max-width: 1920px;
  width: 100%;
  position: relative;
  margin-bottom: 132px;
}
@media screen and (max-width: 881px) {
  .sec-navi {
    max-width: 100%;
    margin-bottom: 9vw;
  }
}
.sec-navi .navi-wrap {
  max-width: 79.6%;
  margin: auto;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 881px) {
  .sec-navi .navi-wrap {
    max-width: 79vw;
    gap: 3vw;
  }
}
.sec-navi .navi-wrap .item {
  width: calc(25% - 10px);
}
@media screen and (max-width: 881px) {
  .sec-navi .navi-wrap .item {
    width: calc(25% - 2.25vw);
  }
}
.sec-navi .navi-wrap .item a {
  transition: all 0.3s ease;
}
.sec-navi .navi-wrap .item a::hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.sec-navi .navi-wrap .item .navibtn {
  display: block;
}

.sec-panel {
  max-width: 79.6%;
  margin: auto;
  position: relative;
  margin-bottom: 256px;
}
@media screen and (max-width: 881px) {
  .sec-panel {
    max-width: 79vw;
    margin-bottom: 6vw;
  }
}
.sec-panel .panel-link {
  display: block;
}
.sec-panel .panel-link .panel-image {
  width: 100%;
  transition: all 0.3s ease;
}
.sec-panel .panel-link .panel-image img {
  width: 100%;
  height: 100%;
  object-position: center top;
  object-fit: cover;
}
.sec-panel.panel1 .panel-link .panel-image {
  aspect-ratio: 16/3.2;
}
@media screen and (max-width: 881px) {
  .sec-panel.panel1 .panel-link .panel-image {
    aspect-ratio: 16/3.2;
  }
}
.sec-panel.panel1 .panel-link.open .panel-image {
  aspect-ratio: 16/12.35;
}
@media screen and (max-width: 881px) {
  .sec-panel.panel1 .panel-link.open .panel-image {
    aspect-ratio: 16/50.88;
  }
}
.sec-panel.panel2 .panel-link .panel-image {
  aspect-ratio: 16/3.2;
}
@media screen and (max-width: 881px) {
  .sec-panel.panel2 .panel-link .panel-image {
    aspect-ratio: 16/3.2;
  }
}
.sec-panel.panel2 .panel-link.open .panel-image {
  aspect-ratio: 16/12.35;
}
@media screen and (max-width: 881px) {
  .sec-panel.panel2 .panel-link.open .panel-image {
    aspect-ratio: 16/54.87;
  }
}
.sec-panel.panel3 .panel-link .panel-image {
  aspect-ratio: 16/3.2;
}
@media screen and (max-width: 881px) {
  .sec-panel.panel3 .panel-link .panel-image {
    aspect-ratio: 16/3.8;
  }
}
.sec-panel.panel3 .panel-link.open .panel-image {
  aspect-ratio: 16/19.62;
}
@media screen and (max-width: 881px) {
  .sec-panel.panel3 .panel-link.open .panel-image {
    aspect-ratio: 16/56.25;
  }
}

.sec-list {
  max-width: 79.6%;
  margin: auto;
  position: relative;
  margin-bottom: 154px;
  background: rgb(20, 60, 75);
  background: linear-gradient(160deg, rgb(20, 60, 75) 0%, rgb(28, 170, 158) 90%);
}
@media screen and (max-width: 881px) {
  .sec-list {
    max-width: 79vw;
    margin-bottom: 17vw;
  }
}
.sec-list .sec-list-bginner {
  position: relative;
}
.sec-list .sec-list-bginner:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 727px;
  top: 0;
  right: 0;
  background-size: contain;
  background-image: url("../images/top/panel4_border_w40.png");
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 881px) {
  .sec-list .sec-list-bginner:before {
    background-image: url("../images/top/panel4_border_sp.png");
    width: 2.9333333333vw;
    height: 31.0666666667vw;
  }
}
.sec-list .sec-list-bginner:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 727px;
  bottom: 0;
  left: -1px;
  background-size: contain;
  background-image: url("../images/top/panel4_border_w40.png");
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 881px) {
  .sec-list .sec-list-bginner:after {
    background-image: url("../images/top/panel4_border2_sp.png");
    width: 2.9333333333vw;
    height: 30.9333333333vw;
  }
}
.sec-list .sec-list-wrap {
  position: relative;
  width: 90%;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 25px;
}
@media screen and (max-width: 881px) {
  .sec-list .sec-list-wrap {
    width: 86%;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
}
.sec-list .title {
  max-width: 1234px;
  margin: auto;
  margin-bottom: 27px;
  left: -24px;
  position: relative;
}
@media screen and (max-width: 881px) {
  .sec-list .title {
    max-width: 66.9333333333vw;
    margin-bottom: 3vw;
    left: -3vw;
  }
}
.sec-list .keyword {
  position: relative;
}
.sec-list .keyword .key-title {
  position: relative;
  background: rgb(132, 184, 31);
  background: linear-gradient(90deg, rgb(132, 184, 31) 0%, rgb(43, 161, 128) 90%);
  text-align: center;
  padding: 26px 0;
  font-size: 26px;
  line-height: 1;
  color: white;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .key-title {
    padding: 1.5vw 0;
    font-size: 2.6666666667vw;
  }
}
.sec-list .keyword .key-title:after {
  content: "";
  position: absolute;
  width: 43px;
  height: 43px;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  background-size: contain;
  background-image: url("../images/top/keyword_open.png");
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .key-title:after {
    width: 4vw;
    height: 4vw;
    right: 3vw;
  }
}
.sec-list .keyword .key-title.close:after {
  background-image: url("../images/top/keyword_close.png");
}
.sec-list .keyword .keyword-list {
  background-color: white;
  padding: 43px 82px 29px 82px;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list {
    padding: 3vw 3vw 3vw 3vw;
  }
}
.sec-list .keyword .keyword-list.hide {
  display: none;
}
.sec-list .keyword .keyword-list .keyword-list-wrap {
  display: flex;
  padding-bottom: 23px;
  border-bottom: 1px solid black;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap {
    padding-bottom: 3vw;
    flex-wrap: wrap;
  }
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-title {
  font-size: 33px;
  padding: 0 0.5em;
  border-bottom: 1px solid black;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-title {
    font-size: 2.9333333333vw;
    margin-bottom: 2vw;
  }
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item {
  margin-bottom: 10px;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item {
    margin-bottom: 2vw;
  }
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item .cat-link {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item .cat-link {
    gap: 1vw;
  }
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item .cat-link .chkbox {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-size: contain;
  background-image: url("../images/top/chk_off.png");
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item .cat-link .chkbox {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item .cat-link .text {
  flex: 1;
  display: block;
  font-size: 20px;
  top: -2px;
  position: relative;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item .cat-link .text {
    font-size: 2.9333333333vw;
  }
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-list .cat-item .cat-link.chk .chkbox {
  background-image: url("../images/top/chk_on.png");
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat.cat1 {
  padding: 0 30px 30px 0;
  width: 30%;
  border-right: 1px solid black;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat.cat1 {
    padding: 0;
    width: 100%;
    border-right: none;
    margin-bottom: 1vw;
  }
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat.cat2 {
  padding: 0 30px 30px 30px;
  width: 30%;
  border-right: 1px solid black;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat.cat2 {
    padding: 0;
    width: 100%;
    border-right: none;
    margin-bottom: 1vw;
  }
}
.sec-list .keyword .keyword-list .keyword-list-wrap .cat.cat3 {
  padding: 0 0 30px 30px;
  width: 40%;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat.cat3 {
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-group-sp {
    display: flex;
    gap: 3vw;
    width: 90%;
    margin: auto;
  }
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-group-sp .group-sp {
    width: calc(50% - 1.5vw);
  }
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .keyword-list-wrap .cat .cat-group-sp .group-sp.w100 {
    width: 100%;
  }
}
.sec-list .keyword .keyword-list .clear-btn {
  padding-top: 26px;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .clear-btn {
    padding-top: 1vw;
  }
}
.sec-list .keyword .keyword-list .clear-btn a {
  display: block;
  width: 304px;
  margin: auto;
  font-size: 23px;
  background: rgb(132, 184, 31);
  background: linear-gradient(90deg, rgb(132, 184, 31) 0%, rgb(43, 161, 128) 90%);
  color: white;
  border-radius: 30px;
  text-align: center;
  padding: 11px 0;
}
@media screen and (max-width: 881px) {
  .sec-list .keyword .keyword-list .clear-btn a {
    font-size: 2.6666666667vw;
    width: 35.8666666667vw;
    padding: 1.5vw 0;
  }
}
.sec-list .search-result {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 70px 78px;
  padding-top: 112px;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result {
    gap: 3vw 3vw;
    padding-top: 3vw;
  }
}
.sec-list .search-result .item {
  width: 300px;
  background-color: white;
  padding-bottom: 20px;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item {
    width: calc(50% - 1.5vw);
    padding-bottom: 3vw;
  }
}
.sec-list .search-result .item .area {
  text-align: center;
  padding-top: 28px;
  margin-bottom: 11px;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .area {
    padding-top: 1vw;
    margin-bottom: 1vw;
  }
}
.sec-list .search-result .item .area .area-text {
  font-size: 28px;
  font-weight: bold;
  padding: 0 50px;
  line-height: 1;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .area .area-text {
    font-size: 2.8vw;
    padding: 0 3vw;
  }
}
.sec-list .search-result .item .area .area-text.tokyo-oosaka, .sec-list .search-result .item .area .area-text.tokyo {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(0, 133, 118) 10%, rgb(0, 133, 118) 90%, rgb(255, 255, 255) 100%);
  color: white;
}
.sec-list .search-result .item .area .area-text.oosaka-tokyo, .sec-list .search-result .item .area .area-text.oosaka {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, #ab0002 10%, #ab0002 90%, rgb(255, 255, 255) 100%);
  color: white;
}
.sec-list .search-result .item .name {
  font-size: 23px;
  font-weight: bold;
  border-bottom: 2px solid black;
  text-align: center;
  padding-bottom: 10px;
  max-width: 293px;
  margin: auto;
  margin-bottom: 13px;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .name {
    font-size: 2.4vw;
    padding-bottom: 1vw;
    max-width: 23.7333333333vw;
    margin-bottom: 3vw;
    border-bottom: 0.2666666667vw solid black;
  }
}
.sec-list .search-result .item .search-comment {
  font-size: 19px;
  line-height: 1.347826087;
  width: 216px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .search-comment {
    font-size: 2.2666666667vw;
    line-height: 1.4117647059;
    width: 90%;
    margin-bottom: 1vw;
  }
}
.sec-list .search-result .item .search-image {
  width: 216px;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .search-image {
    width: 26.8vw;
    margin-bottom: 1vw;
  }
}
.sec-list .search-result .item .search-image img {
  width: auto;
  height: 65px;
  max-width: 100%;
  object-fit: contain;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .search-image img {
    height: 6.1333333333vw;
  }
}
.sec-list .search-result .item .yt-btn {
  width: 240px;
  margin: auto;
  margin-bottom: 32px;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .yt-btn {
    width: 25.8666666667vw;
    margin-bottom: 3vw;
  }
}
.sec-list .search-result .item .search-btn {
  width: 275px;
  margin: auto;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .search-btn {
    width: 29.0666666667vw;
  }
}
.sec-list .search-result .item .search-btn .search-detail {
  width: 100%;
  display: block;
  position: relative;
  font-size: 23px;
  line-height: 1;
  text-align: center;
  background: rgb(20, 60, 75);
  background: linear-gradient(145deg, rgb(20, 60, 75) 0%, rgb(28, 170, 158) 100%);
  color: white;
  padding: 14px 0;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .search-btn .search-detail {
    font-size: 2.5333333333vw;
    padding: 1.2vw 0;
  }
}
.sec-list .search-result .item .search-btn .search-detail.tokyo-oosaka, .sec-list .search-result .item .search-btn .search-detail.tokyo {
  background: rgb(20, 60, 75);
  background: linear-gradient(145deg, rgb(20, 60, 75) 0%, rgb(28, 170, 158) 100%);
}
.sec-list .search-result .item .search-btn .search-detail.oosaka-tokyo, .sec-list .search-result .item .search-btn .search-detail.oosaka {
  background: #690002;
  background: linear-gradient(145deg, #690002 0%, #de2f22 100%);
}
.sec-list .search-result .item .search-btn .search-detail:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 21px;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  background-size: contain;
  background-image: url("../images/top/panel4_btn_arrow.png");
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 881px) {
  .sec-list .search-result .item .search-btn .search-detail:after {
    width: 0.9333333333vw;
    height: 1.3333333333vw;
    right: 1vw;
  }
}
.sec-list .search-continue {
  position: relative;
  display: none;
}
.sec-list .search-continue.show {
  display: block;
}
.sec-list .search-continue .image {
  width: 128px;
  margin: auto;
  padding: 39px 0 75px 0;
}
@media screen and (max-width: 881px) {
  .sec-list .search-continue .image {
    width: 9.3333333333vw;
    padding: 2vw 0 4vw 0;
  }
}

.sec-panel5 {
  max-width: 79.6%;
  margin: auto;
  position: relative;
  margin-bottom: 120px;
}
@media screen and (max-width: 881px) {
  .sec-panel5 {
    max-width: 79vw;
    margin-bottom: 10vw;
  }
}
.sec-panel5 .iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.sec-panel5 .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sec-panel6 {
  max-width: 79.6%;
  margin: auto;
  position: relative;
  margin-bottom: 80px;
}
@media screen and (max-width: 881px) {
  .sec-panel6 {
    max-width: 79vw;
    margin-bottom: 10vw;
  }
}

.sec-panel7 {
  max-width: 56%;
  margin: auto;
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 881px) {
  .sec-panel7 {
    max-width: 79%;
    margin-bottom: 6vw;
  }
}

.sec-foot {
  max-width: 100%;
  margin: auto;
  position: relative;
  background-color: #edebea;
}
.sec-foot .foot-inner {
  max-width: 79.6%;
  margin: auto;
}
@media screen and (max-width: 881px) {
  .sec-foot .foot-inner {
    max-width: 79vw;
  }
}
.sec-foot .foot-inner .image {
  max-width: 31%;
  padding: 51px 0;
  margin: auto;
}
@media screen and (max-width: 881px) {
  .sec-foot .foot-inner .image {
    max-width: 62%;
    padding: 3vw 0;
  }
}

#popupbox {
  display: none;
  position: relative;
}
#popupbox img {
  display: block;
}
#popupbox.show {
  display: block;
}
#popupbox .overlay {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.7);
}
#popupbox .modal {
  max-width: 1358px;
  width: 80%;
  height: 70vh;
  padding: 0;
  background-color: white;
  position: relative;
}
@media screen and (max-width: 881px) {
  #popupbox .modal {
    width: 86.6666666667vw;
    height: 70vh;
    padding: 0;
  }
}
#popupbox .modal .modal-inner {
  overflow: auto;
  overscroll-behavior: none;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 881px) {
  #popupbox .modal .modal-inner {
    height: 100%;
  }
}
#popupbox .modal .modal-inner .modal-content {
  position: relative;
}
#popupbox .modal-close {
  position: absolute;
  width: 53px;
  height: 54px;
  top: 42px;
  right: 38px;
}
@media screen and (max-width: 881px) {
  #popupbox .modal-close {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: 4.5vw;
    right: 4vw;
  }
}
#popupbox .modal-close a {
  display: block;
}

.popup-wrap {
  width: 100%;
  position: relative;
}
.popup-wrap .popup-head {
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-head {
    margin-bottom: 3vw;
  }
}
.popup-wrap .popup-foot {
  position: relative;
}
.popup-wrap .popup-body {
  position: relative;
  padding-bottom: 40px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body {
    padding-bottom: 3vw;
  }
}
.popup-wrap .popup-body .pop-item {
  position: relative;
}
.popup-wrap .popup-body .pop-item .item-title-logo {
  max-width: 320px;
  margin: auto;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-title-logo {
    max-width: 55.0666666667vw;
  }
}
.popup-wrap .popup-body .pop-item .item-title-text {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3235294118;
  margin-bottom: 37px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-title-text {
    font-size: 3.8666666667vw;
    line-height: 1.2413793103;
    margin-bottom: 3vw;
  }
}
.popup-wrap .popup-body .pop-item .item-detail-wrap {
  display: flex;
  align-items: center;
  gap: 80px;
  max-width: 95%;
  margin: auto;
  margin-bottom: 46px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-detail-wrap {
    gap: 5vw;
    max-width: 95%;
    margin-bottom: 3vw;
  }
}
.popup-wrap .popup-body .pop-item .item-detail-wrap .icon-prev {
  width: 28px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-detail-wrap .icon-prev {
    width: 2.4vw;
  }
}
.popup-wrap .popup-body .pop-item .item-detail-wrap .icon-prev .pop-prev-link.nolink {
  display: none;
}
.popup-wrap .popup-body .pop-item .item-detail-wrap .detail-text {
  flex: 1;
  text-align: center;
  background-color: #ebe9e8;
  padding: 1.6em;
  font-size: 20px;
  line-height: 1.6923076923;
  border-radius: 70px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-detail-wrap .detail-text {
    font-size: 2.8vw;
    line-height: 1.5714285714;
    border-radius: 9.3333333333vw;
  }
}
.popup-wrap .popup-body .pop-item .item-detail-wrap .icon-next {
  width: 28px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-detail-wrap .icon-next {
    width: 2.4vw;
  }
}
.popup-wrap .popup-body .pop-item .item-detail-wrap .icon-next .pop-next-link.nolink {
  display: none;
}
.popup-wrap .popup-body .pop-item .item-tags-wrap {
  display: flex;
  justify-content: center;
  gap: 80px;
  max-width: 70%;
  margin: auto;
  margin-bottom: 61px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-tags-wrap {
    flex-wrap: wrap;
    gap: 0;
    max-width: 77%;
    margin-bottom: 3vw;
  }
}
.popup-wrap .popup-body .pop-item .item-tags-wrap .taginfo {
  width: calc(33.33% - 40px);
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-tags-wrap .taginfo {
    width: 100%;
  }
}
.popup-wrap .popup-body .pop-item .item-tags-wrap .taginfo .tag-head {
  font-size: 23px;
  line-height: 1;
  width: 180px;
  padding: 5px 0;
  background-color: #494645;
  color: white;
  border-radius: 20px;
  text-align: center;
  margin-bottom: 14px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-tags-wrap .taginfo .tag-head {
    font-size: 3.8666666667vw;
    width: 29.0666666667vw;
    padding: 1vw 0;
    border-radius: 2.6666666667vw;
    margin: auto;
    margin-bottom: 1vw;
  }
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-tags-wrap .taginfo .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw 3vw;
    margin-bottom: 3vw;
  }
}
.popup-wrap .popup-body .pop-item .item-tags-wrap .taginfo .tags .tag {
  font-size: 18px;
  line-height: 1.347826087;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-tags-wrap .taginfo .tags .tag {
    font-size: 3vw;
    line-height: 1.4444444444;
  }
}
.popup-wrap .popup-body .pop-item .item-btns {
  display: flex;
  gap: 80px;
  max-width: 88%;
  margin: auto;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-btns {
    flex-wrap: wrap;
    gap: 0;
    max-width: 80%;
  }
}
.popup-wrap .popup-body .pop-item .item-btns .btnzone {
  width: calc(50% - 40px);
  font-size: 16px;
  line-height: 1;
  padding: 26px 0;
  text-align: center;
  color: white;
  border-radius: 50px;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-btns .btnzone {
    width: 100%;
    font-size: 3.4666666667vw;
    padding: 3vw 0;
    border-radius: 6.6666666667vw;
    margin-bottom: 5vw;
  }
}
.popup-wrap .popup-body .pop-item .item-btns .btnzone a {
  display: block;
  position: relative;
}
.popup-wrap .popup-body .pop-item .item-btns .btnzone a:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 21px;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  background-size: contain;
  background-image: url("../images/top/panel4_btn_arrow.png");
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 881px) {
  .popup-wrap .popup-body .pop-item .item-btns .btnzone a:after {
    width: 1.2vw;
    height: 2.4vw;
    right: 4vw;
  }
}
.popup-wrap .popup-body .pop-item .item-btns .btnzone.corp {
  background: rgb(132, 184, 31);
  background: linear-gradient(90deg, rgb(132, 184, 31) 0%, rgb(43, 161, 128) 100%);
}
.popup-wrap .popup-body .pop-item .item-btns .btnzone.onecareer {
  background: rgb(55, 165, 159);
  background: linear-gradient(90deg, rgb(55, 165, 159) 0%, rgb(53, 124, 151) 100%);
}

#popupytbox {
  display: none;
  position: relative;
}
#popupytbox.show {
  display: block;
}
#popupytbox img {
  display: block;
}
#popupytbox .overlay {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.7);
}
#popupytbox .modal {
  max-width: 1358px;
  width: 80%;
  height: 70vh;
  padding: 0;
  background-color: white;
  position: relative;
}
@media screen and (max-width: 881px) {
  #popupytbox .modal {
    width: 86.6666666667vw;
    height: 39vh;
    padding: 0;
  }
}
#popupytbox .modal .modal-inner {
  overflow: auto;
  overscroll-behavior: none;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 881px) {
  #popupytbox .modal .modal-inner {
    height: 100%;
  }
}
#popupytbox .modal .modal-inner .modal-content {
  position: relative;
}
#popupytbox .modal-close {
  position: absolute;
  width: 53px;
  height: 54px;
  top: 42px;
  right: 38px;
}
@media screen and (max-width: 881px) {
  #popupytbox .modal-close {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: 4.5vw;
    right: 4vw;
  }
}
#popupytbox .modal-close a {
  display: block;
}

.popup-yt-wrap {
  width: 100%;
  position: relative;
}
.popup-yt-wrap .popup-head {
  position: relative;
  margin-bottom: 10px;
}
.popup-yt-wrap .popup-foot {
  position: relative;
}
.popup-yt-wrap .popup-yt-body {
  position: relative;
  padding: 40px;
}
.popup-yt-wrap .popup-yt-body .youtube {
  width: 100%;
  aspect-ratio: 16/9;
}
.popup-yt-wrap .popup-yt-body .youtube iframe {
  width: 100%;
  height: 100%;
}

.sec-panel8 {
  max-width: 76%;
  margin: auto;
  position: relative;
  text-align: center;
  margin-bottom: 83px;
  font-size: 16px;
}
@media screen and (max-width: 881px) {
  .sec-panel8 {
	  font-size: 2.5vw;
    max-width: 90%;
    margin-bottom: 6vw;
  }
}


/*# sourceMappingURL=site.css.map */