/* noto-sans-jp-regular - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-jp-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Japanese Regular'), local('NotoSansJapanese-Regular'),
       url('fonts/noto-sans-jp-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-jp-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-jp-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-jp-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-jp-v27-latin-regular.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/anton-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/anton-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/anton-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/anton-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/anton-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/anton-v15-latin-regular.svg#Anton') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Kosugi';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/kosugi-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/kosugi-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/kosugi-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/kosugi-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/kosugi-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/kosugi-v6-latin-regular.svg#Kosugi') format('svg'); /* Legacy iOS */
}

@viewport{
width: device-width;
}

* {
  box-sizing: border-box;
}

html, body {
font-family: 'Noto Sans JP', sans-serif;
padding: 0;
margin: 0;
font-size:12pt;
color: #212529;
}

.pc {
display:inline-block !important;
}

.tablet {
display:none !important;
}

.mobile {
display:none !important;
}

.h1, h2, h3, h4, h5 {
font-family: 'Kosugi';
}

.english {
font-family:verdana, tahoma, arial, sans-serif;
}

.banner_headers {
position:absolute;
top:16%;
margin-left:3%;
}

.header_one_text {
font-size:60px;
font-weight:600;
text-shadow: 1px 1px 2px black, 0 0 25px #000, 0 0 5px #fff;
}

.header_two_text {
font-size:40px;
font-weight:600;
text-shadow: 1px 1px 2px black, 0 0 25px #000, 0 0 5px #fff;
}

.banner {
background:url(../img/banner_mask.png)center top no-repeat, url(../img/banner.jpg)center top no-repeat;
height:538px;
}

.small {
font-size:10pt;
}

.smaller {
font-size:8pt;
}

.top_welcome {
float:left;
margin-left:120px;
font-weight:600;
}

.shadow_for_white {
text-shadow: 1px 1px 2px black, 0 0 25px #000, 0 0 5px #000;"
}

.white_rounded_button {
border:2px solid #fff;
border-top-left-radius:14px;
border-bottom-left-radius:14px;
border-top-right-radius:14px;
border-bottom-right-radius:14px;
padding-left:10px;
padding-right:10px;
}

.black_rounded_button {
position:relative;
top:-10px;
color:#6B6B6B;
border:2px solid #6B6B6B;;
border-top-left-radius:14px;
border-bottom-left-radius:14px;
border-top-right-radius:14px;
border-bottom-right-radius:14px;
padding-left:10px;
padding-right:10px;
}

.firstcharacter {
color: #903;
float: left;
font-size: 70px;
line-height: 60px;
margin-top:4px;
margin-right:4px;
font-weight:600;
}

.greetings_div {
max-width:800px;
margin-bottom:40px;
}

.greetings_inner {
width:80%;
line-height:1.6;
text-align: justify !important;
text-justify: inter-character !important;
font-size:14pt;
}

.ceo_sign {
float:right;
font-size:16pt;
margin-top:20px;
}

.hr_white {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
margin-top:2px;
margin-bottom:12px;
}

.hr_blue {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(36, 51, 101, 0), rgba(36, 51, 101, 0.75), rgba(36, 51, 101, 0));
margin-top:2px;
margin-bottom:12px;
}

.hr_black {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
margin-top:2px;
margin-bottom:12px;
}

.telno {
font-family: 'Anton';
letter-spacing:2px;
}

.clean, .clean:hover, .clean:active, .clean:visited {
text-decoration:none;
}

.menu_fas {
margin-right:4px;
}


/* carousel */

.projectdiv {
border-top-left-radius:25%;
border-top-right-radius:25%;
background:radial-gradient(circle farthest-side at center center, rgba(138,237,255,1), rgba(15,15,16,1) 90%);
color:#fff;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
padding-bottom:100px;
}

.slide_box {
max-width:650px;
}

.pics_title {
float:left;
font-size:24px;
}

.howmanypics {
float:right;
font-size:14px;
margin-right:10px;
margin-top:12px;
}

.carousel_text {
position:relative;
top:-20px;
text-align:left;
margin-bottom:10px;
font-size:14pt;
background:rgba(255,255,255,0.6);
color: #212529;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
text-shadow:none;
}

.normal {
font-weight:normal !important;
}

.indent12 {
text-indent:12px !important;
}

.indent24 {
text-indent:24px !important;
}

.indent36 {
text-indent:36px !important;
line-height:1.6;
}

/* end carousel */

.bottom_row h5 {
margin:0;
}

.information-div {
background:#DEE3DF;
border-top-left-radius:10%;
border-top-right-radius:10%;
margin-top:-70px;"
}

.after_information {
height:16px;
background:#DEE3DF;
padding:2px 0 2px 0;
}

.after_information:before {
content: "\a0";
display: block;
padding: 2px 0;
border-top:4px solid #fff;

}

.nopadding_nomargin {
padding:0;
margin:0;
}

.contact-div {
padding-top:12px;
margin-bottom:120px;"
}

.fadebutton_red {
display:inline-block;
width:80%;
height:72px;
border-radius:4px;
background-color:#079CA5;
border:1px solid #079CA5;
color:#fff;
padding:8px;
}

.fadebutton_red:hover {
background-color:#03848B;
color:#dcdcdc;
box-shadow: 0 0 0 0.2rem rgb(171 184 195 / 25%);
}

.fadebutton_blue {
display:inline-block;
width:80%;
height:72px;
border-radius:4px;
background-color:#0285A2;
border:1px solid #0285A2;
color:#fff;
padding:8px;
}

.fadebutton_blue:hover {
background-color:#00648C;
color:#dcdcdc;
box-shadow: 0 0 0 0.2rem rgb(171 184 195 / 25%);
}

.two_color {
    background-color: #ccc;
    border: none;
    display: block;
    height: 1px;
    overflow: visible;
    position: relative;
    width: 100%;
margin-top:-2px;
margin-bottom:4px;
}

.two_color:before {
    background-color: #0285A2;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 33%;
    z-index: 1;
}

.circle {
padding:12px;
background:#03697B;
border-radius:50%;
}

.circle:hover {
color:#DFE7F2;
background:#0499AD;
}

.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height:80px !important;
display:none;
z-index:10;
background:#fff
}

.footer_tel {
width: 100%;
background-color:#15A2B6;
color: white;
text-align: center;
margin:4px;
border-radius:4px;
font-weight:normal;
}

.footer_tel:hover {
background-color:#2190A1;
}

.footer_links {
width:100%;
border-top:1px solid #e5e5e5;
color:#5462A2;
font-size:14pt;
}

.footer_links td {
width:25%;
text-align:center;
}

.move_up {
position:relative;
top:-24px;
}

/* information page */

.information_banner {
background:url(../img/information_banner.jpg)center center no-repeat;
height:300px;
}

/* about page */

.about_banner {
background:url(../img/about_banner.jpg)center center no-repeat;
height:300px;
}

/* consider page */

.consider_banner {
background:url(../img/consider_banner.jpg)center center no-repeat;
height:300px;
}

/* contact page */

.contact_banner {
background:url(../img/contact_banner.jpg)center center no-repeat;
height:300px;
}

/* privacy page */

.privacy_banner {
background:url(../img/privacy_banner.jpg)center center no-repeat;
height:300px;
}

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

.banner_text {
font-size: 60px;
letter-spacing: 5px;
text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
0px -4px 10px rgba(255,255,255,0.3);
}

#iframe_div {
width:100%;
    position: relative;
}
#iframe_div iframe {
    display: block;
    position: relative;
    z-index: 1;
}
#iframe_div::before {
    background-color: rgba(87, 106, 146, 0.2);
    content: '';
    position: absolute;
    z-index: 2;
    box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.small_banner {
margin-bottom:10px;
}

.footer_links a {
text-decoration:none;
}

.consider_button {
display:block;
width:90%;
padding:10px;
border-radius:4px;
text-decoration:none;
transition: transform .2s;
}

.consider_button:hover {
transform: scale(1.05);
}

.blue_consider_button {
background:#0693E3;
color:white;
   -moz-box-shadow:    inset 0 0 5px #000000;
   -webkit-box-shadow: inset 0 0 5px #000000;
   box-shadow:         inset 0 0 5px #406793;
}

.white_consider_button {
background:#FFF;
color: #212529;
border:1px solid #F2F2F2;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.four_or_less {
letter-spacing:3px;
}

.employment-div {
width:80%;
margin-top:30px;
padding:20px;
background:rgba(223,227,223,0.5);
border:1px solid #DFE3DF;
border-radius:10px;
color:#2E312E;
}

.left {
text-align:left;
}

.werehiring {
font-family: 'Kiwi Maru', serif;
  margin: 0;
margin-top:-30px;
  font-size: 40px;
  color: #fff;
  text-shadow: 0 0 0.05em #fff, 0 0 0.2em #A0A4A0, 0 0 0.3em #A0A4A0;
  transform: rotate(-7deg);
}


/* -------------------tablet------------------------- */


/* screen width smaller than 980px */

@media screen and (max-width: 979px) {

.pc {
display:none !important;
}

.tablet {
display:inline-block !important;
}

.mobile {
display:none !important;
}

.big_image {
width:100%;
height:auto;
}

.small_banner {
width:180px;
height:auto;
}

.employment-div {
padding:20px;
}

}


/* -------------------horizontal mobile------------------------- */

@media (max-height: 450px) {

.logoimage {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.banner_headers {
position:absolute;
top:40%;
}

.header_one_text {
font-size:50px;
}

.header_two_text {
font-size:30px;
}

.footer {
display:none;
}

.employment-div {
width:100% !important;
}

}

/* -------------------mobile------------------------- */

/* screen width smaller than 600px (mobile until Nexus7) */

@media screen and (max-width: 600px) {

.pc {
display:none !important;
}

.tablet {
display:none !important;
}

.mobile {
display:inline-block !important;
}

.top_bar {
display:none !important;
}

.banner_headers {
margin-left:0;
}

.header_two_text {
font-size:30px;
}

.fadebutton_blue {
margin-top:80px;
}

.contact-div {
margin-bottom:180px;"
}

.employment-div {
width:100% !important;
}

.footer {
display:block;
}



}