@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700;900&display=swap"); /*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */ * {
  box-sizing: border-box
}
::before, ::after {
  box-sizing: inherit
}



html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}
body {
  margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
p, table, dl {
  margin: 0
}
h1, h2, h3 {
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
  margin: 0
}

h1{
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 160%;
	line-height: 1.5;
	padding: 20px;
}

ul, ol {
  margin: 0;
  padding: 0;

}
dt {
  font-weight: bold
}
dd {
  margin-left: 0
}
strong {
  font-weight: bolder
}
small {
  font-size: 80%
}
img {
  border-style: none;
  vertical-align: bottom
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td, th {
  vertical-align: top;
  padding: 0
}
th {
  text-align: left;
  font-weight: bold
}
html {
  font-size: 16px;
  height: 100%;
  width: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility

}
@media (min-width: 481px) {
.sp{
display: none;
}
.swiper-container {
  max-height:500px;
  }
  @keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.7);
  }
}
.swiper-slide-active .swiper-slide-img,
.swiper-slide-duplicate-active .swiper-slide-img,
.swiper-slide-prev .swiper-slide-img{
  animation: zoom 12s linear;  
}

.slide-img img{
  display: block;
}

}
@media (max-width: 480px) {
  html {
    font-size: 13px
  }
.pc{
display: none;
}
.swiper-container {
  max-height:600px;
  }
  .swiper-container  img{
  width: 90%;

}
}
body {
  line-height: 1.8;
  word-break: break-all;
  color: #000000;
  width: 100%;
  height: 100%;
  overflow-x: hidden
}
table {
  border-collapse: collapse;
  border-color: #ccc;
  border: 1px solid #ccc !important
}
#hero {
  width: 100%;
  height: 90%;
  position: relative
}
.mt-14 {
  margin-top: 0.875rem !important
}
.mt-20 {
  margin-top: 1.25rem !important
}
.swiper-container {
  width: 100%;
  height: 100%;
background-color:#191919;
margin: 0 auto;
text-align: center;
}
.swiper-container  img{
padding: 60px 0;
}
.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.slide-img {
  background-size: cover;
  background-position: center center;
  height: 100%
}


 /*! アメリカ*/ 
#bg{
	background-color: #FFFFFF;

}

#primary { padding: 0px 50px;
	width:1000px;
	margin: 0px auto;
	position: relative;
	overflow-x: hidden;
	background-color: #ffffff; }
#payment ul,ol,li {
	margin-left: 0.5em;
	margin-bottom: 8px;
	font-weight: 100%;
}


.ttl1,.ttl2{
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
	text-align: center;
color: #fff;
padding: 30px 15px;
}

	.ttl-wrap {
	width: 50%;
  position: absolute;
  z-index: 3;
left: 5%;
top: 5%; 
}

.ttl1 img{
	max-width: 60%;
}
.ttl2 img{
	max-width: 80%;
}	

.ttl-visual {
	width: 60%;
  position: absolute;
  z-index: 3;
left: 40%;
}
	@media(max-width: 1100px){
		#hero {
  width: 100%;
  height: 70%;
  position: relative
}
.ttl1,.ttl2{
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.2;
	text-align: center;
color: #fff;
padding: 30px 15px;
}
}

	

@media(max-width: 820px){
	#hero {
  width: 100%;
  height: 90%;
  position: relative
}
		.ttl-wrap {
	width: 100%;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 40%;
}
	.ttl1{ font-size:1.5rem;
	line-height: 1.5;}
		.ttl1 img{
	max-width: 50%;
}
	.ttl2 img{
	max-width: 50%;
}
		
	.ttl-visual {
	width: 100%;
  position: absolute;
  z-index: 3;
left: 0;
top: 5%;
}
}
@media(max-width: 400px){
	.ttl-wrap {
	width: 100%;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 35%;
}
	#hero {
  width: 100%;
  height: 100%;
  position: relative
}
	.ttl1 img{
	max-width: 80%;
}
.ttl2 img{
	max-width: 80%;
}
}

/* tableスクロール */
.scroll_txt{ text-align: right; padding: 10px 0; font-size: 13px; }
@media screen and (max-width: 889px){
  .scroll_box{ width: 100%; overflow-x: scroll; padding-bottom: 10px; }
  .scroll_box table{ overflow-x: scroll;  width: 100%; min-width: 600px; }
  .scroll_box table th, .scroll_box table td{ font-size: 10px; }
}
@media screen and (min-width: 890px){
  .scroll_txt{ display: none; }
}

.top_point{
	text-align: center;
	
	background-color: #ed6d35;
}
@media(max-width: 1500px){


.top_point img{
	width: 90%;
}	
}

@media(max-width:1000px){
		#primary {width: 100%;
		padding: 1rem 2rem;
	font-size: 100%;}
	#footer{ width:100%; background-color:#ed6d35; ; padding:15px;font-size: 80%;}
	#jissi .kntlogo img{max-width: 200px;}
	
	}

#menu{width: 100%;position: fixed;top: 0;left: 0;z-index: 100/*2*/; font-size: 16px;background-color: rgba(34,48,85,0.7);padding: 5px;}
	#menu ul{width: 100%;list-style-type: none;display: flex;justify-content: flex-end;padding: 5px;padding-right: 15px;}
	#menu ul li{margin: 0 10px}
	#menu ul li a{color: #FFFFFF;text-decoration: none;transition: .5s;font-weight: bold;}
	#menu ul li a:hover{opacity: .5}

@media(max-width: 500px){
		#menu{width: 100%;position: fixed;top: 0;left: 0;z-index: 2; font-size: 9px;background-color: rgba(34,48,85,0.7);padding: 0px;}
	#menu ul li{margin: 0 6px}
	}

@media(min-width: 1101px){
h2{ font-size:25px; margin:45px 0 20px 0px; padding:0; color:#000000; font-weight: bold;border-bottom: 1px solid #000000;}	
h3{ font-size:15px; width: 400px; color:#333333; border-left:#333333 solid 9px; margin-top:25px ; margin-bottom: 20px;  padding:10px 0 10px 12px; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;}	
}
@media(min-width: 721px) and (max-width: 1100px){
h2{ font-size:20px; margin:25px 0 15px 0px; padding:0;  }		
h3{ font-size:13px; width: 400px; color:#333333; border-left:#333333 solid 9px; margin-top:10px ; margin-bottom: 10px; padding:10px 0 10px 12px; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;}	
}

@media(max-width: 720px){
h2{ font-size:20px; margin:25px 0 15px 0px; }
h3{ font-size:11px; width: 380px; color:#333333; border-left:#333333 solid 9px; margin-top:10px; margin-bottom: 10px; padding:10px 0 10px 12px; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;}		
}

@media(max-width: 450px){

	h2 {
		font-size: 16px;
	}
h3{ font-size:14px; width: 230px; color:#333333; border-left:#333333 solid 9px; margin-top:10px; margin-bottom: 10px; padding:10px 0 10px 12px; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;}		
}
@media(max-width: 300px){

h3{ font-size:11px; width: 180px; color:#333333; border-left:#333333 solid 9px; margin-top:10px; margin-bottom: 10px; padding:10px 0 10px 12px; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;}		
}
#yoko dl{clear: left;
padding: 20px 0;
border-bottom: 1px solid #999999;
}

#yoko dt{font-weight: bold;
	color: 333333;
	float: left;
	
}
#yoko dd{
	margin-left: 18rem;/*margin-left: 10rem;*/
	
}

@media(max-width: 720px){
	
	#yoko dl{
padding: 20px 0;
border-bottom: 1px solid #999999;
}

#yoko dt{font-weight: bold;
	color: 333333;
	float: none;
	
}
#yoko dd{
	margin-left: 0;
	
}
	
}

#yoko ul li{list-style: disc;
	
}
.list ul li{ list-style-type:disc;margin:0 1em 0 1.5em; text-align: left; line-height: 1.8em }
	table.price{width: 100%;border-collapse: collapse;border-spacing: 0;margin-top: 10px;margin-bottom: 25px;border-bottom: 1px solid #000000; }
	table.price th {border: none;padding: 5px 5px 7px;font-size: 100%; font-weight: normal;color: #FFF;border: 1px solid #000000; background: #808080;text-align: center;}
	table.price td {padding: 10px 12px;border-left: 1px solid #000000; border-right: 1px solid #000000;}
	table.price tr{border-bottom: 1px solid #000000 }
	td.middle { vertical-align: middle; }
	table.sch{ border-collapse:collapse; border-spacing:0; margin-bottom:30px; width:100%; margin-top:1%;border:1px solid #ccc;text-align: center; font-size: 80%; line-height: 1.8;}
	table.sch th { text-align:center; font-weight:bold; padding:10px 12px;border-style:solid;border-width:1px; background:#808080; color:#ffffff;border-color:#666; }
	table.sch td {padding:10px 6px;border-right: 1px solid #ccc; text-align: left; vertical-align: top;}
	table.sch tr.endline{border-bottom:1px solid #ccc  }
	table.cancell{width: 100%;border-collapse: collapse;border-spacing: 0;margin-top: 5px;margin-bottom: 5px;border-bottom: 1px solid #729CC6; border-top: 1px solid #729CC6;}
	table.cancell th {border: none;padding: 5px 15px 7px;font-size: 100%; font-weight: normal;color: #FFF;border: 1px solid #729CC6; background: #255788;text-align: left;}
	table.cancell td {padding: 5px 12px;border-left: 1px solid #729CC6; border-right: 1px solid #729CC6;}
	table.cancell tr{border-bottom: 1px solid #729CC6 }
	.step {padding: 1.5% 4%;margin: 1%  0 2% 0%;border:2px solid #333;}
	.stepnum {background-color: #333;padding:  1%  0 1% 0%;color: #fff;border:2px solid #333;font-size: 120%;font-weight: bold;text-align: center;margin-top:2%;}
	.app {display: inline-block;width: 350px;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;position: relative;z-index: 2;background-color: #fff;border: 2px solid #333;color: #333;line-height: 50px;overflow: hidden; margin:25px 0 5px}
	.app::before,.app::after {position: absolute;z-index: -1;	display: block;content: '';}
	.app,.app::before,.app::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;width: 80%;}
	.app:hover {color: #fff;}
	.app::after {top: 0;left: 0;width: 100%;height: 100%;}
	.app:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #333;}
	
	.arrow{ width: 0; height: 0;border: 20px solid transparent;border-top: 20px solid #333;margin: auto;}
	.gyomu { border: solid #D1CCCC 0.5px; padding: 15px 25px;}	
#footer{ width:100%; background-color:#4E4E4E; padding:10px 0}
.footer_primary{ width:100%; text-align:center; margin:0 auto; color:#fff }
.footer_primary a{ color:#fff; text-decoration:none; }
.footer_primary a:hover{ color:#084AA3; text-decoration:none; }
	
	
	
	
/*----------------------------------------------------
    .cancell
----------------------------------------------------*/
table.cancell th  { }
table.cancell td { color:#727272; font-size: 90%; }
table.cancell th,
table.cancell td{ width: 100%; display: block; border-top: none; line-height: 1.5em; }
	.step {padding: 3% 5% 1% 5%;margin: 1%  0 2% 0%;border:2px solid #333;}
	.stepnum {background-color: #333;padding:  1%  0 1% 0%;color: #fff;border:2px solid #333;font-size: 120%;font-weight: bold;text-align: center;margin-top:2%;}
	.app {display: inline-block;width: 90%;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;position: relative;z-index: 2;background-color: #fff;border: 2px solid #333;color: #333;line-height: 50px;overflow: hidden; margin:25px 0 5px}
	.app::before,.app::after {position: absolute;z-index: -1;	display: block;content: '';}
	.app,.app::before,.app::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
	.app:hover {color: #fff;}
	.app::after {top: 0;left: 0;width: 100%;height: 100%;}
	.app:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #333;}
	
	.arrow{ width: 0; height: 0;border: 20px solid transparent;border-top: 20px solid #333;margin: auto;}
	.gyomu { border: solid #D1CCCC 0.5px; padding: 10px 15px;}		
.footer_primary{ width:90%; text-align:center; margin:0 auto; color:#fff }
.footer_primary a{ color:#fff; text-decoration:none; }
.footer_primary a:hover{ color:#084AA3; text-decoration:none; }



/*.box{border: 1px solid #FF0004;padding: 0.5em 1em;margin: 10px 0;color: #FF0004;}
.red{color: red;}
*/
/* listスタイル */
.disc > li{ 
  list-style-position: outside;
	margin-left: 1.5em;
}
.disc > li{ list-style-type: disc; }
.henko{font-size: 70%;
padding: 10 0;
text-align: center;}

.bank {
	border-style:solid;	border-width:1px;
	padding: 1%;
	margin:2% 1%; }

.swiper-container {
  width: 100%;
  height: 100%
}
.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.slide-img {
  background-size: cover;
  background-position: center center;
  height: 100%
}

	
#fuku{
	font-size: 95%;
	text-align: justify;
}
#fuku ol ul{
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 1.6rem;
}

#fuku ol li{
	line-height: 1.6;
	list-style: decimal;
	}

.fsa130{
	font-size: 130%;font-weight: bold;
}

.sidney_back{
background: -moz-linear-gradient(to bottom,#000000,#280d3d 50%,#3646a8); 
background: -webkit-linear-gradient(to bottom,#000000,#280d3d 50%,#3646a8); 
background: linear-gradient(to bottom,#000000,#280d3d 50%,#3646a8); 
}

.btn { -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;　-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
	-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;	transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
	display: inline-block;width: 200px;height: 80px;text-align: center;text-decoration: none;line-height: 54px;outline: none;position: relative;z-index: 2;background-color: #fff;border: 2px solid #333;color: #333;overflow: hidden; margin:0 auto;	border-style: solid; border-color: #333; border-width: 2px !important;
			font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS UI Gothic', sans-serif; font-size: 1.75rem;	font-weight: 800; letter-spacing: 0.075em; line-height: 1.4em;	padding: 20px 30px;	text-transform: uppercase;
			visibility: visible;
		margin-left: 1%;}
.btn:hover {border-color: #4C74A3 !important; color: #4C74A3; }	

.youtube__aspect-ratio {
    max-width: 1000px;
    aspect-ratio: 16 / 9;
	margin: 30px auto;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
}

.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}


@media(max-width: 900px){
	
	.flex{
		display: block;
	}
}

.fs55{
	font-size: 55%;
	line-height: 1.4;
}

.block{
	display: block;
}

.caption{
	font-size: 80%;
	color: #FFFFFF;
	background-color: #000000;
	text-align: right;
	padding-right: 1rem;
}