@charset "utf-8";

/* @group reset */
*{margin:0;	padding:0;}
html,body {height: 100%;}
a{ text-decoration:none;}
ul,ol{ list-style:none;}
li{ list-style:none;}
img{ vertical-align:top; padding: 0; margin: 0;line-height: 0;}
table { border-collapse: collapse; border-spacing: 0;}

img {max-width: 100%;}

html{font-size:100%;scroll-behavior: smooth;}

h1 {  margin: 0 auto; padding: 20px 0; font-size:150%;text-align: center; color: #000;}
h2 {  margin: 0; text-align:center; color: #09F;padding:5px 0 10px 0; font-size:140%; line-height: 2.0em;}
h3 {  width:120px;margin: 20px auto; text-align:center; color: #09F;padding:10px; font-size:120%; line-height: 1em;border:2px solid #09F;}

a:link{color:#000;}
a:hover{color:#f90;}

.line { margin:10px 0;padding:0; border-top: 1px dashed #5F5F5F;}
.time { color:#333; font-size:15px; text-align:left; margin:0;padding:3px 0; font-weight: bold;}
.ad2 { color:#333; font-size:15px; text-align:left; margin:0;padding:3px 0;}
.tel2 {text-align: left;font-size: 32px; padding: 5px 0; margin: 0;}
.ad { color:#333; font-size:15px; text-align:left; margin:0;padding:5px 0; border-top: 1px solid #5F5F5F;}
.ggmap {

padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.clearfix:after { display:block;clear:both;height:0px;visibility:hidden;content:".";}
.clearfix {min-height: 1px; /*IE6、7対策*/}

.text01 { color:#666; font-size:14px; text-align:left; margin:0;padding:10px 0; line-height:2.0;text-align: justify;
text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}
.title{ text-align: left; padding:0px 25px 0px 25px; margin: 10px auto;}
.titlenews{ text-align:left; padding:0 0 30px 0; margin: 0;}
.name{ text-align: center; color: #fff; padding: 100px 0 10px 0;}
.news{ color:#000172; font-size:35px; text-align:left; margin:0;padding:4px 0; font: bold;}
.copy { text-align:center; padding:10px 0; font-size:11px;width: 90%; margin: 0 auto; color:#fff;}

.photo {text-align:right;padding:0 0 0 30px; margin: 0;}
.aro { text-align:center; clear:both; padding:5px 0 5px 0;}
.fade {-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.fade:hover {opacity: 0.5; /* 透過レベル */filter: alpha(opacity=50);}

.inner { margin: 0 auto; position: relative;}
.inner:after {content:""; clear: both; display: block;}
 
.gallay { max-width: 980px; padding:0; margin:0 auto; text-align: center;} 
.stylebk { display: inline-block;/display: inline;/zoom: 1;padding:10px 2px 40px 2px; margin:0; width: auto;text-align: center;}

.styleli { display: inline-block;/display: inline;/zoom: 1;padding:10px 15px 40px 0; margin:0; width: auto;text-align: center; vertical-align: top;}
.bnr { display: inline-block;/display: inline;/zoom: 1;padding:10px 7px 40px 0; margin:0; width: auto;text-align: center;}
.bnr img {border: 2px solid #fff;box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);}

.table170415{ font-size:13px;line-height:1.8em;padding:10px 0;margin:0;text-align:left; border-bottom:1px solid #CCC;font-weight: normal;}

.top_title_sub{ color:#000035; font-size:20px; text-align:left; margin:0;padding:0px 0;}
.top_title_sub2{ color:#000035; font-size:20px; text-align:left; margin:0;padding:0px 0; text-align: center;}
.top_title_sub3{ color:#000035; font-size:20px; text-align:left; margin:0;padding:0px 0; text-align: right;}

.top_title{ color:#000035; font-size:35px; text-align:left; margin:0;padding:0px 0; font-weight: bold;}
.top_title2{ color:#000035; font-size:35px; text-align:left; margin:0;padding:0px 0; font-weight: bold; text-align: center;}
.top_title3{ color:#000035; font-size:35px; text-align:left; margin:0;padding:0px 0; font-weight: bold; text-align: right;}




#top-head {
  top: -100px;
  position: absolute;
  width: 100%;
  margin: 100px auto 0;
  padding: 10px 0 0;
  line-height: 1;
  z-index: 999;
}
 
#top-head a,
#top-head {
    color: #333;
    text-decoration: none;font-family:"Roboto Slab" , Garamond , "Times New Roman"  ,serif;
}
 
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    position: relative;
    height: 50px;
}
 
#top-head .logo a {
  position: absolute;
  width: 100%;
  height: 50px;
}

#global-nav ul {
    list-style: none;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 15px;
}

#global-nav ul li {
    float: left;
	font-weight: 600;
    padding:0 10px;
    border-left: 1px solid #333;font-family:"Roboto Slab" , Garamond , "Times New Roman" ,serif;
}
#global-nav ul li a {
    padding: 7px 7px;
    position: relative;
    display: inline-block;
}
 
#global-nav ul li a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 2px;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   background-color: #00A3AF;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
 
#global-nav ul li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
 
nav span{
    background:#666;
    height:2px;
    display:block;
    position:relative;
    width:50px;
    left:0;
}
 
 
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    background: #fff;
    background: rgba(255,255,255,.8);
    transition: top 0.8s ease-in;
    -webkit-transition: top 0.8s ease-in;
    -moz-transition: top 0.8s ease-in;
}
 
#top-head.fixed .logo {
  position: relative;
    font-size: 24px;
    color: #333;
}
 
#top-head.fixed .logo a {
  position: absolute;
  width: 100%;
  height: 30px;
 
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 5px 5px 0 5px;
    padding-bottom: 5px;
}

body {-webkit-text-size-adjust: 100%; padding:0; margin:0; animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#top{ margin: 0 auto; padding:0; height: 850px;}

#lay2{background:url(../img/back01.png)no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:50px 0;}

#lay4{background:url(../img/back02.png)repeat; padding:60px 0;}




/*↓ヘッダーとメニュー*/

header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  background-color: rgba(255,255,255,1.00);
}

.header_menu{

}

a.contact_btn {
	text-align: right;
    vertical-align: middle;
	width: 300px;
	margin: 0;
	padding: 10px 5px;
    font-size: 25px;
	font-weight: bold;
	border: 2px solid #005EFF;
	background: #005EFF;
	color: #fff;
	transition: 0.5s;
}
a.contact_btn:hover {
	color: #005EFF;
	background: #fff;
}
 
.nav{
    padding: 0 0 0 20px;
    
}
.menu-item {
  list-style: none;
  display: inline-block;
  padding: 10px;
font-weight:700;
}

.item_bg{
        justify-content: space-between;
    display: flex;
    margin: 0px auto;
    padding:20px 0;
    max-width:1080px;
}

.item_bg2{
    margin: 0px auto;
    max-width:1080px;
}

.item_bg3{
    margin: 0px auto;
    max-width:1980px;
    background: linear-gradient(90deg, #65BFF4, #D9F5FF);    }

.item_bg4{
    margin: 0px auto;
    max-width:1080px;
}

.item_bg5{

}


/*↑ヘッダーとメニュー*/


.topmessage{
    font-size: 35px;
    text-align: center;
    padding: 20% 0;
    color: rgba(255,255,255,1.00);
    text-shadow:0px 2px 10px #000000;
    font-weight: 700;
    letter-spacing: 0.05em;
}

/*タイトル＋英語表記部分*/

.top_title_box{
    padding: 40px 0;
}

.top_title_box2{
    padding: 40px 0;
}



/*タイトル＋英語表記部分*/

/*新着情報↓*/

.news_layout{
    justify-content: space-between;
    margin: 0 auto;
    padding:0px 0px;
    max-width:1980px;
    background-color: #EFF1F3;
}

.news_box{
 align-items: center;
}

details  {
    margin-left: 0px;
}
summary  {
    padding: 10px 0;
}
details p  {
    margin-left: 26px;
}
/*新着情報↑*/


/*業務内容↓*/
.descrition_title{
    color:#000035;
    font-size:30px;
    text-align:right;
    margin:0;
    padding:0px 0;
    font-weight: bold;
    letter-spacing:1px;
}

.description_box{
display: flex;
    margin: 30px 0;
justify-content: space-between;
align-items: flex-start;
position: relative;
}

.description_item1{
display: block;
position: absolute;
left: 50%;
top: 25%;
}

.description_item2{
display: block;
}

.descrition_text{
    text-align:left;
    margin:0;
    padding:0px 0px 0px 70px;
    letter-spacing:1px;
    line-height:30px;}

.descrition_text2{
    text-align:left;
    margin:0;
    padding:0px 0;
    letter-spacing:1px;
    line-height:30px;}

/*業務内容↑*/

/*会社概要↓*/

.profile_text_box{
    align-content: center;
    align-items: center;
    background: #FFFFFF;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    max-width: 100%;
}

.profile_text{
    align-items: flex-start;
    background: #FFFFFF;
    border-bottom: 1px solid #131313;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
    height: auto;
    justify-content: flex-start;
    padding: 15px 0px;
    width: 100%;
}
/*会社概要↑*/

/*お仕事内容と求人↓*/

.recruit_layout{
      margin: 0 auto;
    padding: 0px 0px 50px 0px;
    max-width: 1980px;
background: linear-gradient(90deg, #65BFF4, #D9F5FF);    }


.rank {
    padding: 15px 0px;
    margin: 10px auto;
    color: #FFFFFF;
    background: #7AB7FF;/*背景色*/
    width: 700px;
}
.rank p {
    text-align: center;
    margin:0; 
    padding: 0;
    font-weight: 600;
}

/*お仕事内容と求人↑*/

/*お問合せと地図*/

.contact_box{
display:flex;
margin: 0px auto;
padding: 50px 0;
max-width: 1080px;
justify-content: space-around;
}

iframe {
  width: 40%;
  aspect-ratio: 6/4;
}

/*改行のルール*/

@media screen and (min-width: 1000px){	
/* PC時 */
.br-pc {
display:inline;
}
.br-sp {
display:none;
}
}

@media screen and (max-width: 1000px){
/* SP時 */
.br-pc {
display:none;
}
.br-sp {
display:inline;
}
}

/*改行のルール*/

footer{ background:#ccc; color: #000; padding: 30px 0 0 0; text-align:center;}
  

 

/*スマホ・タブレット共通表示↓*/
/*左右の余白は20pxに統一*/
@media only screen and (max-width: 1000px) {
    
    #top{ margin: 0 auto; padding:0; height: 180px;}
    
    
    .menu-item {

font-weight:5;
}

    
    .contact_btn{
    display:none;    
    }
    
    .topmessage{
        padding: 10% 0;
    }
    
    .top_title_box {
    padding: 40px 20px;
    }
    
    .news_top{
    padding: 0px 20px;
    }
    
    .news_box{
    padding: 0px 20px;
    }
    
    .item_bg {
    justify-content: space-between;
    flex-direction: column;
    margin: 0px auto;
    padding: 20px 0;
    max-width: 1080px;
    }
    
    .item_bg2{
    padding: 0px 20px;
    }
    
    .item_bg3 {
    background: rgba(0,0,0,0.00);
    } 
    
    .profile_text_box{
        padding: 0px 20px 30px 20px;
    }
    
    .descrition_text{
    text-align:left;
    margin:0;
    padding:0px 0px 0px 0px;
    letter-spacing:1px;
    line-height:30px;
    }
    
    .description_box{
        flex-direction: column;
    }
    
    .descrition_text2{
    padding: 0px 20px 40px 20px;    
    }
    
    .description_item1 {
    padding: 50px 20px;
    display: block;
    position: static;
    }
    
    .description_item2 {
    padding: 50px 20px 0px 20px;

    }

        
    .description_img-sp{
    background: linear-gradient(90deg, #65BFF4, #D9F5FF);
    }
    
    .contact_box{
        display: flex;
        flex-direction: column;
    }
    
    iframe {
  width: 100%;
  aspect-ratio: 6/4;
}


}