@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
.mvArea .title.font_small {
 font-size: 5.0rem;
 letter-spacing: 1px;
}
.headerArea .row00 > .in .txt span {
 font-size: 0.8rem;
}
/*Fukuoka
---------------------------------------*/
ul.sub-menu li.nav_fukuoka li.empty {
 padding: 10px 20px !important;
 border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
li.inDrawer.nav_fukuoka li.empty {
 color: initial !important;
 padding: 1rem 3.5rem !important;
}
@media only screen and (max-width: 1200px) {
 ul.gAddFukuoka {
  column-gap: 30px;
 }
 .gAddFukuoka > li {
  width: calc(50% - 15px) !important;
  margin: 0 !important
 }
 .gAddFukuoka > div {
  width: 50%;
 }
 .gAddFukuoka {
  flex-wrap: wrap;
  row-gap: 30px;
 }
 /*1200*/
}
@media only screen and (max-width: 640px) {
 .gAddFukuoka > li, .gAddFukuoka > div {
  width: auto !important;
 }
 /*1200*/
}
/*Nagoya
---------------------------------------*/
.g-menu li {
 position: relative;
}
.headerArea .row01 {
 z-index: 1001;
}
.g-menu li .sub-menu {
 position: absolute;
 left: 0;
 top: 100%;
 text-align: left;
 background-color: rgba(25, 33, 107, 0.9);
 width: 150px !important;
 opacity: 0;
 visibility: hidden;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.g-menu li .sub-menu a {
 display: block;
 color: #fff;
 padding: 10px 20px !important;
 border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.g-menu li .sub-menu li li a {
 line-height: 1.7em !important;
}
.g-menu li .a {
 position: relative;
 padding: 22px 0;
 box-sizing: border-box;
 height: 70px;
 display: block;
}
.g-menu li:hover .sub-menu {
 opacity: 1;
 visibility: visible;
}
.headerArea .g-menu .sub-menu .drawerSet {
 left: 100%;
 padding: 0;
 top: 0;
 background-color: rgb(7 12 50 / 90%);
}
.navFlex {
 display: flex;
 gap: 30px;
}
.in.fotterFlex {
 display: flex;
 gap: 40px;
}
.footerArea .row01 .navFlex .linkSet {
 margin-right: 20px;
}
.gFlex {
 display: flex;
}
.sec_jals .wrap ul.gAboutFlex {
 display: flex;
 max-width: 100%;
}
.sec_other .list {
 display: flex;
 flex-wrap: wrap;
}
.sec_visa .type .descs .desc .tit {
 height: 7em;
}
.sec_nav .wrap .in li p {
 margin: 0 !important;
 height: 6em;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1.6rem !important;
 word-break: break-all;
 padding-right: 0.7em;
 padding-left: 0.7em;
}
/*------nagoya------------------------*/
.sec_location .wrap > div.nagoya .text_box:before {
 top: 2.5rem;
 right: 1.5rem;
 width: 10.9%;
 padding-top: 12.2%;
 background-image: url(../img/index/location_nagoya_img01.png);
 background-size: contain;
}
.sec_location .wrap > div.nagoya .text_box:after {
 bottom: -1.5rem;
 left: 5.5rem;
 width: 15.4%;
 padding-top: 17.4%;
 background-image: url(../img/index/location_nagoya_img02.png);
 background-size: contain;
}
/*------------------------------*/
.topmvArea .maintxt, .topmvArea .maintxt:focus {
 filter: none !important;
 -webkit-filter: none !important;
 border: none;
 box-shadow: none;
 opacity: 0;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.topmvArea .maintxt.active {
 opacity: 1;
}
/*Lang */
.lang_id .headerArea .row01 > .in > .wrap .awardLogo {
 padding-left: 10px;
}
/*TH */
.read, body.lang_th {
 font-family: Browalia UP, Angsana New, Verdana, Arial, sans-serif, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka";
}
/*DE */
.lang_de .headerArea .linkSet > li {
 padding: 0 4px;
 font-size: 1.15rem;
}
/*Side */
.footerArea .footer_fix_link .one.type02.blog_link a {
 width: 50px;
 height: 50px;
 text-align: center;
 display: block;
 box-sizing: border-box;
 padding-top: 11px;
 transform: rotate(270deg);
 -webkit-transition: 0.2s;
 -o-transition: 0.2s;
 transition: 0.2s;
}
.footerArea .footer_fix_link .one.type02.blog_link:hover a {
 background-color: #ffc600;
}
/*nav */
.headerArea .linkSet > li {
 padding: 0 0.5rem;
}
/*Edgy*/
@supports (-ms-ime-align: auto) {
 .footerArea .footer_fix_link .one.type02 .insta {
  display: none;
 }
}
/*TOP*/
.sec_contents .wrap .in > h2.top_text_voice {
 font-size: 8em;
 line-height: 1em;
 color: #19216b;
 opacity: 0.15;
 font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 500;
 font-style: normal;
 letter-spacing: 5px;
}
/*Award*/
.sec_awards .in ul li {
 margin-bottom: 8.5rem;
}
.sec_awards .in ul li dl dd {
 padding: 0 30px;
 box-sizing: border-box;
}
/**/
.langOpen .mainArea {
 overflow: inherit;
 height: auto;
 position: static;
}
/*footer */
.mod_btn02.insta {
 position: relative;
 top: -2px;
}
.mod_btn02.insta span {
 padding-left: 2em;
}
.mod_btn02.insta > span:after {
 width: 2rem;
 height: 2rem;
 left: 0;
 top: 50%;
 position: absolute;
 content: "";
 margin-top: -1rem;
 -webkit-background-size: 100% 100%;
 background-size: 100% 100%;
 background-image: url(/hokkaido/de/wp-content/themes/jals_kyoto/v1/common/img/sns_insta_icon_sp.png);
}
.footerArea .footer_fix_link {
 width: 340px;
}
.footerArea .footer_fix_link {
 z-index: 1002;
}
.mvArea .title {
 text-transform: uppercase;
}
.headerArea .row03 .linkSet > .inDrawer .accordion > dt span, .headerArea .linkSet li a {
 text-transform: uppercase;
}
html[lang="ja"] .headerArea .row03 .linkSet > .inDrawer .accordion > dt span, html[lang="ja"] .headerArea .linkSet li a {
 text-transform: inherit;
}
.headerArea .linkSet li .drawerSet a {
 text-transform: capitalize;
}
.sec_tit > .title > span {
 text-transform: uppercase;
}
.sec_tit > .title > span.nonupper {
 text-transform: initial;
}
/*Support*/
.sec_nav .wrap .in ul {
 display: flex;
 flex-wrap: wrap;
}
.sec_nav .wrap .in li {
 position: relative;
 padding-bottom: 40px;
}
body .sec_nav .wrap .in li .btn {
 position: absolute;
 bottom: 0;
 left: calc(50% - 18px);
}
/*Insta*/
.footerArea .footer_fix_link .one.type02 .insta {
 position: absolute;
 width: 100%;
 height: 500px;
 top: 50px;
 left: 0;
 overflow: hidden;
 background-color: #FFF;
 clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
 -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
 transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.footerArea .footer_fix_link .one.type02 .insta {
 width: 85%;
 left: 15%;
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta {
 clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
 -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.footerArea .footer_fix_link .one.type02 .insta > * {
 position: absolute;
 transform-origin: left top;
 transform: rotate(-90deg);
 top: 100%;
 left: 0;
}
.footerArea .footer_fix_link .one.type02 .insta .instaTit {
 display: block;
 left: 40px;
 top: 460px;
}
.footerArea .footer_fix_link .one.type02 .insta .instaarea {
 width: 500px;
 height: 430px;
 left: 136px;
}
.footerArea .footer_fix_link .one.type02 .insta .instaarea a {
 width: 140px;
 height: 140px;
 display: inline-block;
 margin: 4px;
 -webkit-background-size: cover;
 background-size: cover;
 background-position: center center;
}
.no-touchevents .footerArea .footer_fix_link .one.type02 .insta .instaarea a {
 -webkit-transition: opacity 0.2s, transform 1.0s;
 -o-transition: opacity 0.2s, transform 1.0s;
 transition: opacity 0.2s, transform 1.0s;
 transform: translateX(600px);
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta .instaarea a {
 transform: none;
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta .instaarea a:nth-child(1) {
 transition-delay: 0.00s;
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta .instaarea a:nth-child(2) {
 transition-delay: 0.05s;
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta .instaarea a:nth-child(3) {
 transition-delay: 0.10s;
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta .instaarea a:nth-child(4) {
 transition-delay: 0.15s;
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta .instaarea a:nth-child(5) {
 transition-delay: 0.20s;
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta .instaarea a:nth-child(6) {
 transition-delay: 0.25s;
}
.no-touchevents .footerArea .footer_fix_link .one.type02 .insta .instaarea a:hover {
 opacity: 0.6;
}
.mb10 {
 margin-bottom: 10px;
}
.footerArea .footer_fix_link .one.type01 > .in > span {
 text-transform: uppercase;
}
.footerArea .row01 .linkSet.footer_left > li span {
 text-transform: uppercase;
}
/*-----------------
mobile
*/
@media only screen and (max-width: 640px) {
 .sec_visa .type .descs .desc .tit {
  height: auto;
 }
 .sec_nav .wrap .in li p {
  height: auto;
  display: block;
  white-space: normal !important;
 }
 .sec_other .list {
  display: block;
 }
 .sec_jals .wrap ul.gAboutFlex, .wrap.gFlex {
  display: block;
 }
 .langOpen .mainArea {
  overflow: hidden;
  height: 100%;
  position: fixed;
 }
 .langOpen .endline .headerArea .menu, .langOpen .endline .headerArea .row01 {
  display: none;
 }
 .footerArea .footer_fix_link {
  width: 100%;
 }
 .footerArea .footer_fix_link .one.type03 {
  width: 27%;
 }
 .footerArea .footer_fix_link .one {
  padding: 5px;
 }
 .footerArea .footer_fix_link .one.type02 {
  width: 20%;
 }
 .sec_nav .wrap .in ul {
  display: block;
 }
 body .sec_nav .wrap .in li .btn {
  position: relative;
  left: 0;
  top: 0;
 }
 .mod_btn02 {
  position: relative;
  display: inline-block;
  width: 29rem;
  height: 5.0rem;
  transition: 0.2s;
  text-align: center;
  box-sizing: border-box;
  border: 0.1rem solid #19216b;
 }
 .mod_btn02.fb, .mod_btn02.insta {
  width: 13rem;
  margin: 0 2px;
 }
 /*640*/
}