@media only screen and (max-width: 834px) {
.sponly { display: block; }
.pconly { display: none; }

.en { font-size: 1.1em; letter-spacing: 0em ;}

body {min-width: inherit;}
.outer {width: 100vw; margin: 0 auto;}
.inner {width: 98vw; margin: 0 auto;}
.content {width: 96vw; margin: 0 auto;}

header::before { top: -75px; left: -75px; width: 150px; height: 150px; }
.header-left img { width: 190px; }
.header-right { width: 120px; justify-content: flex-end; padding-top: 18px; }
.header-right img { width: 30px; height: 30px; }
.spmenu { width: 40px; height: 30px; position: relative; cursor: pointer; }
.spmenu span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 5px;
}
.spmenu span:nth-of-type(1) { top: 5px; }
.spmenu span:nth-of-type(2) { top: 13px; }
.spmenu span:nth-of-type(3) { bottom: 5px; }

.spnav {
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: #009bdf;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transition: all .3s ease;
  transform: translateX(100%);
}
.spnav.active {
  transform: translateX(0);
}
.spnav .bg {
  width: 120vw;
  height: 200vw;
  transform: rotate(60deg);
  background-color: #fff;
  position: absolute;
  top: -18vw;
  left: 0;
  z-index: 11;
}
.spnav ul {
  width: 100vw;
  padding: 0 10vw;
  margin-top: 50vw;
  position: relative;
  z-index: 12;
}
.spnav li {
  line-height: 20px;
  margin-bottom: 20px;
}
.spnav li a {
  font-size: 18px;
  color: #009bdf;
}

.close { 
  width: 40px; 
  height: 30px; 
  position: fixed; 
  top: 24px;
  right: 8px;
  z-index: 13;
  cursor: pointer;
}
.close span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #009bdf;
  position: absolute;
  left: 5px;
}
.close span:nth-of-type(1) { top: 5px; transform: rotate(45deg)}
.close span:nth-of-type(2) { bottom: 22px; transform: rotate(-45deg)}

.mv { height: 100vh; }
.mv h2 { top: 20px; left: 5vw; font-size: 15vw; }
.mv .lead1 { top: 41vw; left: 5vw; font-size: 5vw; }
.mv .lead2, .mv .lead3, .mv .lead4 { font-size: 8vw; left: 5vw; }
.mv .lead2 { top: 50vw; }
.mv .lead3 { top: 60vw; }
.mv .lead4 { top: 70vw; }
.mv::before { 
  content: "";
  background-image: url(../img/earth.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 80vw;
  height: 80vw;
  top: 135vw;
  left: -17vw;
}
.pickup { height: auto; top: -75vw; }
.pickup ul { width: 96vw; height: 96vw; margin: 0 auto; background-size: contain; }
.pickup li { width: 45vw; height: 45vw; }
.pickup li img { width: 100%; }
.pickup li:nth-of-type(1){ top: 20vw; left: 0; }
.pickup li:nth-of-type(2){ top: 45vw; left: 26vw; }
.pickup li:nth-of-type(3){ top: 20vw; right: 0; }
.lead { top: -120vw; margin-bottom: -140vw; }
.lead .content { margin: 0 auto; }
.lead h3 { font-size: 12vw; text-align: left; padding-left: 5vw; }
.lead p { margin: 0 auto; width: 90vw; text-align: left; }
.lead a { margin: 0 auto; }
.interview-1 .content { top: -50vw; width: 100vw; margin-bottom: 10vw; }
.interview-2.content { width: 100vw; }
.interview-1::before {
  content: "";
  /* background-image: url(../img/interview1-img.png); */
  background-size: cover;
  background-repeat: no-repeat;
  width: 80vw;
  height: 80vw;
  top: -88vw;
  left: -27vw;
}
.interview-1::after {
  top: inherit;
  bottom: -25vw;
  height: 80vw;
  background-image: url(../img/interview-bg2.png);
}
.interview-2::after {
  content: none;
}
.interview-1 .content::after,
.interview-2 .content::before {
  content: "";
  display: block;
  height: 90vw;
  width: 90vw;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  z-index: 1;
}
.interview-1 .content::after {
  bottom: -45vw;
  left: -85vw;
}
.interview-2 .content::before {
  top: -45vw;
  right: -85vw;
}
.interview-2 .content { top: -5vw; left: 0; width: 100vw; margin-bottom: 50vw; }
.interview-2::before {
  content: "";
  background-image: url(../img/interview2-img.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 80vw;
  height: 80vw;
  top: inherit;
  left: inherit;
  right: -26vw;
  bottom: -35vw;
}
.interview-in { width: 100vw; height: auto; padding: 2vw; background-color: #009bdf; }
.interview-in::before { content: none; }
.interview-in h4 { top: 19vw; left: 50%; transform: translateX(-50%); }
.interview-in h5 { position: static; width: 90vw; margin-top: 40vw; }
.interview-in p { position: static; width: 90vw; margin-top: 15vw;}
.interview-in a { position: static; margin: 10vw auto 40vw; }

.country {
  margin-bottom: 0;
}
.country .copy {
  position: static;
  background-color: #e9e8e7;
  padding: 8vw 2vw;
}
.country .copy h3 {
  font-size: 8vw;
  position: relative;
  line-height: 1.5em;
}
.country .copy::before {
  content: "";
  display: block;
  position: absolute;
  top: -75px;
  right: -75px;
  background-color: #fff;
  height: 150px;
  width: 150px;
  transform: rotate(45deg);
}
.countly-col-list > li:nth-of-type(1) { background-color: #d3d3d3; }
.countly-col-list > li:nth-of-type(2) { background-color: #e9e8e7; }
.countly-col-list > li:nth-of-type(3) { background-color: #d3d3d3; }
.countly-col-list > li:nth-of-type(4) { background-color: #e9e8e7; }
.countly-col-list > li:nth-of-type(1)::after,
.countly-col-list > li:nth-of-type(2)::after,
.countly-col-list > li:nth-of-type(3)::after {
  content: none;
}
.countly-col-list > li:nth-of-type(4)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -75px;
  left: -75px;
  background-color: #fff;
  height: 150px;
  width: 150px;
  transform: rotate(45deg);
}
.countly-col-list {
  flex-direction: column;
}
.countly-col-list > li {
  width: 100vw;
}
.countly-col-list > li:nth-of-type(1) .countly-col,
.countly-col-list > li:nth-of-type(2) .countly-col,
.countly-col-list > li:nth-of-type(3) .countly-col {
  padding-top: 50px;
  padding-bottom: 0;
}
.countly-col h4 {
  width: 100vw;
}
.countly-col-list > li:nth-of-type(1) h4, 
.countly-col-list > li:nth-of-type(2) h4, 
.countly-col-list > li:nth-of-type(3) h4, 
.countly-col-list > li:nth-of-type(4) h4 {
   margin: 0 auto 50px; 
}
.countly-col-list > li:nth-of-type(1) a.more, 
.countly-col-list > li:nth-of-type(2) a.more,
.countly-col-list > li:nth-of-type(3) a.more, 
.countly-col-list > li:nth-of-type(4) a.more { 
  margin: 30px auto; 
}
.countly-col-list a.more.big {
  width: 90vw;
}
.countly-col-list a.more.big::after {
  right: 10px;
}
.country-list {
  flex-direction: column;
}
.countly-col-list > li:nth-of-type(1) .country-list, 
.countly-col-list > li:nth-of-type(2) .country-list, 
.countly-col-list > li:nth-of-type(3) .country-list, 
.countly-col-list > li:nth-of-type(4) .country-list {
   justify-content: flex-start; 
}
.countly-col-list > li:nth-of-type(1) .country-list li, 
.countly-col-list > li:nth-of-type(2) .country-list li, 
.countly-col-list > li:nth-of-type(3) .country-list li, 
.countly-col-list > li:nth-of-type(4) .country-list li {
   margin: 0 auto 20px; 
}
.inquiry-row1::before {
  top: -75px;
  left: -75px;
  height: 150px;
  width: 150px;
}
.btn-wrap {
  flex-direction: column;
}
.cv-btn1 {
  width: 80vw;
  margin: 20px auto 0;
  position: relative;
}
.cv-btn1:nth-of-type(2) div p { font-size: 16px; }
.cv-btn1 h4 {
  position: relative;
  z-index: 1;
}
.cv-btn1 div img {
  position: absolute;
  top: 9px;
  left: -29px;
  z-index: 0;
  opacity: 0.4;
}
.cv-btn1 div p {
  margin: 0;
  text-align: center;
  width: 100%;
}
.inquiry-row2 {
  flex-direction: column;
}
.cv-btn2 {
  margin: 20px auto 0;
  width: 80vw;
}
.sitemap-inner {
  width: 96vw;
  flex-direction: column;
}
.sitemap-inner ul {
  flex: 1;
  width: 96vw;
  text-align: center;
}
.address {
  width: 96vw;
  margin: 0 auto 40px;
  color: #009bdf;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}
.copyrights {
  font-size: 10px;
  line-height: 19px;
}
/* /////////   下層ページ   ///////// */
.lower .lower-mv { background-position: center; }
.lower .lower-mv h2 { font-size: 10vw; line-height: 15vw; right: 2vw; }
.lower .lower-mv h2 small { font-size: 7vw; line-height: 15vw; right: 2vw; }
.lower .lower-content { padding: 20px 0; overflow: visible; margin-bottom: 15vw; }
.lower .lower-content .content { position: static; }
.lower .lower-content .lower-content-inner { width: 90vw; }
.lower .lower-content::before { opacity: 0.6; }
.lower .lower-content.left::after { border: none; }
.lower .lower-content.right::after { border: none; }
.lower .lower-content .ttl-img { width: 80vw; top: -20vw; z-index: -1; }
.lower .lower-content.left .ttl-img { left: -20vw; }
.lower .lower-content.right .ttl-img { right: -20vw; }
.lower .lower-content h4 {
  top: 0;
  padding-left: 0;
  margin-left: 2vw;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-weight: bold;
  text-shadow: 0 0 15px #fff, 0 0 5px #fff, 
    1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
  font-style: italic;
}
.lower .lower-content p { margin-left: 0; padding: 5vw; }
.lower .inquiry { margin-top: 0; }

/* /////////   魅力  ///////// */
.charm.lower .lower-content.left h4 { text-align: right; }
.charm.lower .lower-mv h2 { top: 50px; }
/* /////////   特徴   ///////// */
.feature.lower .lower-content.left h4 { text-align: right; }
/* /////////   インターンシップ先   ///////// */
.destination.lower .lower-mv { margin-bottom: 60px; }
.destination .dest-lead { background-position-x: center; background-size: 200vw; }
.destination .dest-lead-content { width: 96vw; padding-top: 20px; }
.destination.lower .lower-content.left::before { border-width: 100vw 100vw 0 0; border-color: #c8ebfb transparent transparent transparent; top: 0; left: 0; }
.destination.lower .lower-content.right::before{ border-width: 0 100vw 100vw 0; border-color: transparent #c8ebfb transparent transparent; top: 0; right: 0;}
.destination.lower .lower-content p { padding: 0; }
.destination.lower .lower-content > h3 { margin-top: 30px; margin-bottom: 70px; }
.destination .lower-content-inner { flex-direction: column; }
.destination .dest-content { width: 94vw; padding: 0 2vw 4vw; background-color: #f6fbfd; }
.destination .dest-content img { width: 70vw; }
a.dest-more { width: 80vw; margin-bottom: 5vw; }
a.dest-more::after { right: 4vw; }

/* /////////   ポイント   ///////// */
.point .lower-mv::after  {
  width: 46vw;
  height: 46vw;
  left: -23vw;
  top: 192vw;
  z-index: -1;
}
.point-lead { margin-bottom: 10vw; background-size:200vw; background-position: center top; top: 0; height: auto; }
.point .point-lead::after {
  width: 46vw;
  height: 46vw;
  right: -23vw;
  bottom: -23vw;
}
.point-lead h3 {
  width: 100vw;
  height: 50vw;
  padding: 49vw 0;
  font-size: 5vw;
  top: 0;
  right: 6vw;
  margin-bottom: 24vw;
}
.point-lead h3::before { width: 70vw; height: 70vw; left: 36vw; }
.point-lead p { width: 96vw; }
.point-section { width: 100vw; padding: 0; }
.point-section h3 { line-height: 1.5em; }
.point-content { margin-bottom: 25vw; }
.point-content .content { padding: 23vw 4vw; }
.point-content h4 { line-height: 1.5em; text-align: center; position: relative; z-index: 1; }
.point-content img { width: 60vw; top: 22vw; }
.point-content.odd img { left: auto; right: -17vw; }
.point-content.even img { left: -17vw; right: auto; }
/* /////////   実施の流れと費用   ///////// */
.flow .flow-lead { background-size: 132vw; }
.flow .flow-lead-content { width: 100vw; padding-top: 0; }
.flow .flow-lead-content p { margin-bottom: 0; }
.flow .flow-list { flex-direction: column; padding-left: 5vw; margin-top: 10vw; }
.flow .flow-list li { 
  -ms-writing-mode: inherit; 
  writing-mode: inherit; 
  padding-left: 25vw;
  padding-top: 30px;
  margin: 0 0 5vw;
  width: 100vw;
  line-height: inherit;
  height: 20vw;
}
.flow .flow-list li:nth-of-type(3),
.flow .flow-list li:nth-of-type(5) {
  padding-top: 22px;
  line-height: inherit;
}
.flow .flow-list li::before { top: 7px; left: 0; background-size: 20vw; }
.flow .flow-list li::after { 
  content: "";
  background-image: url(/img/flow/arrow-right.png);
  display: block;
  height: 30px;
  width: 30px;
  transform: rotate(90deg);
  right: inherit;
  top: 63px;
  left: 115px; 
}
.flow .flow-list li:nth-of-type(5)::after { 
  right: inherit;
  top: 70px;
  left: 115px;
}
.flow .flow-list li a { display: block; position: relative; }
.flow .flow-list li a::after { content: none; }
.flow .flow-list li:nth-of-type(5) a::after { right: 0; top: -12px; }
.flow.lower .lower-content { padding: 100px 0; }
.flow.lower .lower-content .ttl-img { z-index: 5; }
.flow.lower .lower-content.left .ttl-img { top: -30vw; left: -25vw; }
.flow.lower .lower-content.right .ttl-img { top: -30vw; right: -25vw; }
.flow.lower .lower-content h4 { z-index: 6; }
.flow.lower .lower-content.left h4 { text-align: right; }

/* /////////   サイトマップ   ///////// */
.sitemap-page .map-list li:nth-of-type(3) { height: 40px; margin-bottom: 20px; }

/* /////////   お問い合わせ   ///////// */
.inquiry-page.lower .lower-content .lower-content-inner {
  width: 100%;
}
.inquiry-page .lower-mv { margin-bottom: 0; }
.form-table {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 5vw;
  width: 100%;
  margin: 0 auto;
}
.form-table dt {
  width: 100%;
  margin: 0 auto 5px;
  padding: 10px;
}
.form-table dt.require::after,
.form-table dt.option::after {
  top: 7px;
}
.form-table dd {
  width: 100%;
  margin: 0 auto 5px;
  padding: 10px;
}



}
@media only screen and (max-width: 414px) {



}
@media only screen and (max-width: 320px) {



}