html{overflow:auto}

html,body{
height:100%;
width:100%;
border-collapse:collapse;
margin:0;
padding:0;
background-color:#ffffff;
border:0;

min-width:320px;
}

.sitebox {
 max-width:1920px;
 margin: auto;
}

/*================================================HEAD*/

.head {
 position:relative;
 width:100%;
 height:144px;
 background-image:url('images/head_sback.jpg');
 background-repeat: repeat;
}

.head_box {
  margin: auto;
 width:95%;
 max-Width:1624px;
 height:100%;
}

.head_mobmenu {
 display:none;
 position:absolute;
 right:10vw;
 top:3vw;
 width:5vw;
 min-width:30px;
 cursor:pointer;
}
.head_moblang {
 display:none;
 position:absolute;
 right:20vw;
 top:3vw;
 width:5vw;
 min-width:30px;
 cursor:pointer;
}


.head_upmenu {
 position:absolute;
 top:0px;
 right:5vw;
 height:2.1vw;
 min-height:35px;
 max-height:41px;
 float:left;
}
.head_upmenu img{
 height:100%;
 padding-left:10px;
}

.head_midmenu {
 position:absolute;
 bottom:50px;
 right:5vw;
 float:left;
 font-family: 'Bebas Neue', sans-serif;
 color:#FFFFFF;
 font-size:17pt;
 font-weight: normal;
 text-decoration: none;	
 text-transform: uppercase;
 vertical-align:middle;
}
.head_midmenu A {
 color : #ffffff;
 text-decoration : none;
}
.head_midmenu A:HOVER {
 color : #00A3E0;
 text-decoration : none;
}


.head_dnmenu {
 position:absolute;
 bottom:2px;
 height:39px;
 right:5vw;
 float:left;
 font-family: 'Bebas Neue', sans-serif;
 color:#44BCFB;
 font-size:11pt;
 font-weight: normal;
 text-decoration: none;	
 text-transform: uppercase;
}
.head_dnmenu A {
 color : #44BCFB;
 text-decoration : none;
}
.head_dnmenu A:HOVER {
 color : #00419F;
 text-decoration : none;
}
.head_dnmenu img{
 padding-left:15px;
 padding-right:5px;
}


.mmenu_box{
 display:none;
 position:absolute;
 left:0px;
 top:14vw;
 width:100%;
 min-width:320px;
 height:525px;
 background-color:#00419F;
 -webkit-box-shadow: 0px 35px 36px -1px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 35px 36px -1px rgba(0,0,0,0.75);
 box-shadow: 0px 35px 36px -1px rgba(0,0,0,0.75);
 z-index:9999;
}

.mmenu_box a{
 display: block;
 padding:12px;
 font-family: 'Roboto', sans-serif;
 font-size : 11pt;
 color:#ffffff;
 border-top: 1px solid #ffffff;
 text-decoration:none;
}



/*================================================MAIN*/
.mainimg {
 width:100%;
 height:70vh;
 max-height:728px;
 background-image: url('images/head0_chr_en.jpg');
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 background-color:#eeeeee;
 border-bottom: 4px solid #ffffff;
 box-shadow: 0 24px 24px -24px #333;
}
@media screen and (min-aspect-ratio: 16/9) {
 .mainimg { height:80vh; }
}


.maintext {
 position:relative;
 margin-top: 57px;
 width:65vw;
# right:0px;
 float: right;
}

.maintext_cont {
 width: 49vw;
 font-family: 'Noto Sans JP', sans-serif;
# font-family: 'Arial', sans-serif;
 color:#484848;
 font-size:1.2vw;
 font-weight: normal;

}

h1 {
 margin-top: 0px;
 padding-top: 0px;
 font-family: 'Bebas Neue', sans-serif;
 color:#294267;
 font-size:3vw;
 font-weight: bold;
 text-decoration: none;	
 text-transform: uppercase;
}

h3 {
# margin-top: 0px;
# padding-top: 0px;
 font-family: 'Bebas Neue', sans-serif;
 color:#294267;
 font-size:2vw;
 font-weight: bold;
 text-decoration: none;	
 text-transform: uppercase;
}



/*================================================SITE*/
.siteimg {
 width:100%;
 height:278px;
 background-image: url('images/head0.jpg');
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 background-color:#eeeeee;
 border-bottom: 4px solid #ffffff;
 box-shadow: 0 24px 24px -24px #333;
}


.sitetext {
 position:relative;
 margin-top: 57px;
 width:65vw;
 float: right;
}

.sitetext_cont {
 width: 49vw;
 font-family: 'Noto Sans JP', sans-serif;
 color:#484848;
 font-size:1.2vw;
 font-weight: normal;
}

.site_adbox {
 margin-top:50px;
 margin-bottom:50px;
}

.site_adboxtxt {
 min-width:400px;
 font-family: 'Noto Sans JP', sans-serif;
 color:#ffffff;
 font-size:12pt;
 font-weight: normal;
}
@media (min-width: 1300px) { .site_adboxtxt { font-size:14pt; } }
@media (min-width: 1600px) { .site_adboxtxt { font-size:16pt; } }


.site_adboximg {
 width:100%;
 height:163px;
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 border-top: 9px solid #ffffff;
 border-left: 9px solid #ffffff;
 border-bottom: 9px solid #ffffff;
}


/*================================================ADBOX*/
.adbox {
 width:100%;

 margin-top:20px;
 margin-bottom:20px;
 background-color:#00419F;

}
.adbox_text{
 font-family: 'Bebas Neue', sans-serif;
 color:#ffffff;
 font-size:4vw;
 font-weight: normal;
 text-decoration: none;	
 text-transform: uppercase;
 text-align:right;
 margin-right:-1px;


}
.adbox_img{
 border-left: 12px solid #ffffff;
 width:46.5vw;
 text-align:right;
 maargin-left:12px;

}

/*================================================FOOTER*/
.footer {
 position:relative;
 background-color:#013868;
 width:100%;
 height:26vw;
  background-image: url('images/footer_logo.png');
  background-repeat: no-repeat;
  background-position: left bottom; 
   background-size: 28vw;
}

.footer_contact {
 position:absolute;
 color:ffffff;
 left:7.1vw;
 top:12.1vw;
 width:19vw;
 font-family: 'Bebas Neue', sans-serif;
 color:#ffffff;
 font-size:1.5vw;
 text-decoration: none;	
}

.footer_nav {
 position:absolute;
 color:ffffff;
 left:32vw;
 top:12.1vw;
 min-width:19vw;
 font-family: 'Bebas Neue', sans-serif;
 color:#ffffff;
 font-size:1.5vw;
 text-decoration: none;	
}

.footer_social {
 position:absolute;
 color:ffffff;
 left:62vw;
 top:12.1vw;
 min-width:19vw;
 font-family: 'Bebas Neue', sans-serif;
 color:#ffffff;
 font-size:1.5vw;
 text-decoration: none;	
}
.footer_social img {
 padding-left:1.7vw;
}

.footer_copyright {
 position:absolute;
 color:ffffff;
 right:1.7vw;
 bottom:1vw;
 font-family: 'Bebas Neue', sans-serif;
 color:#00A3E0;
 font-size:1vw;
 text-decoration: none;	 
}

.footer h2 {
 margin-top:0px;
 padding-left:1.8vw;
 font-weight:normal;
 text-decoration: none;	
 font-size:1.8vw;
 border-bottom: 5px solid #00A3E0;
}

.footer li {
 list-style: none;
 font-weight:lighter;
 font-size:1.1vw;
 margin-bottom:5px;
 padding-left:1.7vw;
}

.footer A {
 color : #ffffff;
 text-decoration : none;
}
.footer A:HOVER {
 color : #00A3E0;
 text-decoration : none;
}

.footer_contact li {
 padding-left:0px;
 border-bottom: 1px solid #006EA4; 
}
.footer_contact li img {
 width:0.9vw;
 padding-left:0.5vw;
 padding-right:0.5vw;
}


/*================================================OFFERBOX*/
.offerbox_sbck {
 position:absolute;
 background-repeat: no-repeat;
 background-position: left top;
 background-size: cover;
 top:422px;
 backdrop-filter: blur(10px);
 left:0px;
 width:28vw;
 max-width:555px;
 height:708px;
 border-radius: 0px 0px 50px 0px;
 border-top: 0px solid #ffffff;
 border-right: 0px solid #ffffff;
 border-bottom: 0px solid #ffffff;
}


.offerbox {
 position:absolute;
 top:16vw;
 left:0px;
 background-image: linear-gradient(to bottom, rgba(1, 58, 106, 0.8) 10%, rgba(1,58, 106, 1) 60%);
 width:28vw;
 max-width:555px;
 height:812px;
 backdrop-filter: blur(10px);
 border-radius: 0px 50px 50px 0px;
 border-top: 5px solid #ffffff;
 border-right: 5px solid #ffffff;
 border-bottom: 5px solid #ffffff;
}

.offerback {
 position:absolute;
 width:100%;
 height:100%;
 background-color:#488DC8;
 mix-blend-mode: color;
 border-radius: 0px 50px 50px 0px;
}

.offerbox_desc {
 position:absolute;
 top:45px;
 width:100%;
 font-family: 'Bebas Neue', sans-serif;
 color:#ffffff;
 font-size:1.5vw;
 text-decoration: none;	
}
.offerbox_desc h2 { 
 margin-top:0px;
 margin-left:1.8vw;
 font-weight:normal;
 text-decoration: none;	
 font-size:30pt;
 border-bottom: 4px solid #ffffff;
}
.offerbox_desc p {
 margin-right:1.8vw;
 margin-left:1.8vw;
 font-family: 'Noto Sans JP', sans-serif;
 color:#ffffff;
 font-size:12pt;
 font-weight: normal;
}
.offerbox_sel {
 cursor:pointer;
 font-family: 'Bebas Neue', sans-serif;
 color:#ffffff;
 font-size:10pt;
 font-weight: normal;
}
@media (min-width: 1366px) {
 .offerbox_sel { 
  font-size:13pt
 }
}
.offerbox_sel img {
 width:1.4vw;
 max-width:27px;
}

.offerbox_form {
 width:88%;
 font-family: 'Noto Sans JP', sans-serif;
 color:#ffffff;
 font-size:11pt;
 font-weight: normal;
}
.offerbox_form input textarea 	{
 width:100%;
}



.offer_logo {
 background-color:#ffffff;
 position:absolute;
 bottom:-29vh;
}




/*================================================MEDIA*/

@media (min-width: 1325px) {
 .mmenu_box {
  display:none; 
 }
 .head_mobmenu {
  display:none;
 }
 .head_moblang {
  display:none;
 }

 .desk_contact {
  display:inline-table;
 }
 .mob_contact {
  display:none;
 }


}

@media (max-width: 630px) {
 .mmenu_box {
  top:90px; 
 }
}

@media (max-width: 1324px) {
 .offerbox { 
  position:relative; 
  display:none;
 }
 .offerbox_sbck {
  display:none;
 }

 .head { 
  top:0px;
  position:fixed;
  height:14vw;
  min-height:90px;
  background-size: cover;
  background-image:url('images/head_sback.jpg');
  background-repeat:  repeat;
  background-position: left top;
  z-index:9999;
 }
 .site_adbox {
  overflow:hidden;
  max-width:100%;
 }
 .news_img {
  display:none;
 }
 .site_adboximg {
  display:none;
 }
 .site_adboximgtd {
  display:none;
  width:0px;
 }
 .site_adboxtxt {
  min-width:0px;
 }

 .desk_contact {
  display:none;
 }
 .mob_contact {
  display:inline-block;
 }




 .head_upmenu {
  display:none;
 }
 .head_midmenu {
  display:none;
 }
 .head_dnmenu {
  display:none;
 }
 .head_mobmenu {
  display:inline;
 }
 .head_moblang {
  display:inline;
 }

 .footer {
  display:none;
 }

 .mainimg { 
  margin-top:14vw;
  max-height:30vw;
 }

 .maintext {
  margin: 30px 0 0 0;
  width:90%;
  float: center;
 }

 h1 {
  font-size:17pt;
 }

 .maintext_cont {
  width: 90%;
  font-size:12pt;
 }
 
}   





/*=====================================================FUNCTIONS*/

.opimg {
    position: relative;
    opacity: 1.0;
    filter: alpha(opacity=100);
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
}

.opimg:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
}




.sinput{
	width: 100%;
	height: 38px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 10pt;
	direction: ltr;
	outline: medium none;
	border: 0px solid rgb(200, 200, 200);
 border-radius: 8px;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 8px;
	background: #ffffff; 
	background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%); 
	background: -webkit-linear-gradient(top, #fefefe 0%,#eeeeee 100%); 
	background: linear-gradient(to bottom, #fefefe 0%,#eeeeee 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 ); 
	-moz-box-sizing: border-box;
	font-family: inherit;
	color: rgb(51, 51, 51);
}
.sinput:FOCUS {
	border: 1px solid rgb(150, 150, 150);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
}
.sinput:ACTIVE {
	border: 1px solid rgb(150, 150, 150);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
}



.jfkb {

font-family : "Monda", Verdana, Geneva, Arial, Helvetica, sans-serif;
box-shadow: none;
background-color: #4D90FE;
background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
border: 1px solid #3079ED;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #3079ED;
border-right-color-value: #3079ED;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #3079ED;
border-left-color-value: #3079ED;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
color: #FFF;

border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
cursor: default;
font-size: 10pt;
font-weight: bold;
text-align: center;
white-space: nowrap;
margin-right: 0px;
margin-right-value: 0px;
margin-right-ltr-source: physical;
margin-right-rtl-source: physical;
height: 32px;
line-height: 32px;
min-width: 70px;
outline: 0px none;
outline-width: 0px;
outline-style: none;
outline-color: -moz-use-text-color;
padding: 0px 8px;
padding-top: 0px;
padding-right-value: 8px;
padding-bottom: 0px;
padding-left-value: 8px;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-right-ltr-source: physical;
padding-right-rtl-source: physical;

position: relative;
display: inline-block;
}


.jfkb:HOVER {
cursor:pointer;
box-shadow: none;
background-color: #85B2FD;
background-image: -moz-linear-gradient(center top , #85B2FD, #709FE9);
color: #ffffff;
}



.phone-input{color:222222;display:flex;gap:8px;align-items:center}
.dropdown{color:222222;position:relative;width:100px}
.dropdown-toggle{color:222222;width:100%;padding:10px 12px;border:1px solid #d7dbea;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:15px;background:#fff}
.dropdown-menu{color:222222;position:absolute;top:100%;left:0;width:400px;max-height:200px;overflow-y:auto;border:1px solid #d7dbea;border-radius:8px;background:white;z-index:20;display:none;margin-top:4px}
.dropdown-menu div{color:222222;padding:8px 12px;cursor:pointer;display:flex;gap:6px;align-items:center;font-size:14px}
.dropdown-menu div:hover{color:222222;background:#f0f4ff}
input[type="tel"]{color:222222;flex:1;padding:10px 12px;border:1px solid #d7dbea;border-radius:8px;font-size:15px}







A {


        color : #597B9A;
        text-decoration : none;
}
A:HOVER {
        color : #20496E;
}