/*================*/
/* トップページ設定 */
/*================*/
* {margin:0px; padding:0px;}
body{
    background-color: #efeff0;
}



/*----------------------------------------------------------------------------------------------------*/
/* ★★ for all ★★                                                                                  */
/*----------------------------------------------------------------------------------------------------*/

/* MAX横幅　*/
.all_width{
    max-width: 1200px;
    margin: 0px auto;
}

/* 背景 */
.back_image{
    background-image: url("img/title2.jpg");
    background-size:cover;
    background-position: center bottom;
/*    background-attachment: fixed;*/
}

/* 背景 */
.back_image2{
    background-image: url("img/title2_b.jpg");
/*    background-size:cover;*/
    background-position: center top;
/*    background-attachment: fixed;*/
}

/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        header                                                                         */
/*--------------------------------------------------------------------------------------*/
/*nav.cssに記載*/







/*--------------------------------------------------------------------------------------*/
/*        nav                                                                           */
/*--------------------------------------------------------------------------------------*/

/*nav.cssに記載*/




/*--------------------------------------------------------------------------------------*/
/*        title                                                                           */
/*--------------------------------------------------------------------------------------*/

#title{
    clear:both;
    margin: 0px auto;
    text-align: center;
    position: relative;

    width: 100%;
/*    height: 120vh;*/
    height: 1000px;
  
}


.ms{
    font-weight: 500;
    font-family:Yu Gothic;
	position: absolute;
	top: 20%;
	right: 80px;

    /*フォント*/
	font-size:6vw;
    line-height: 1.1;
	color:#000000;
    font-family: 'Days One', sans-serif;
    
    text-align:left; 

    animation-name:fade-in1;
    animation-duration:4s; //アニメーション時間
    animation-timing-function: ease-out; //アニメーションさせるイージング
    animation-delay:10s; //アニメーション開始させる時間
    animation-iteration-count:1; //繰り返し回数
    
}


@keyframes fade-in1 {
  0% {opacity: 0}
  100% {opacity: 1}
}


/* タイトル部分　文章 */
.ms_n{
    color :#43b2c0;
}

.ms_s{ 
    display:block;

    /*フォント*/
	font-size:1.5vw;
    line-height:3em;
    font-weight: 600;
	color:#000000;
    font-family: Yu Gothic;    
}

.ms_t{ 
    display:block;

    /*フォント*/
	font-size:1.1vw;
    line-height:2em;
    font-weight: 600;
	color:#000000;
    font-family: Yu Gothic;    
}




/*--------------------------------------------------------------------------------------*/
/*        news                                                                          */
/*--------------------------------------------------------------------------------------*/

#info{
    text-align: center;
    width:80%;
    min-height:200px;
    margin: 0px auto;
    padding-top:50px;
    padding-bottom:100px;
    
    /*    background:linear-gradient(rgba(129, 229, 221, 0.42), rgba(4, 76, 129, 0.58));*/
    background-color: #0082c2;
    /*border: 1px dotted #999999;*/
}


h1{ 
	margin:20px 0px 50px 0px;

    /*フォント*/
	font-size:32px;
    font-weight:700;
	color:#ffffff;
}


.top_color{
    background: #43b2c0;
    width:15px;
}


.info_tb{
    width:800px;
    margin: 0px auto;
    border-collapse: collapse;
    border-width: 1px; /* 枠の幅 */
    background: #ffffff;

}



.info_tb tr{
    border-style: solid;
    border-width: 3px 0;
    border-color: #0082c2;
    height:50px;
}


.info_tb td{
    text-align: left;
    padding-top:5px;
    padding-bottom:5px;
    font-weight: 600;

}


.info_tb td a {
    display: block;
    width:99%;
    padding: 8px 0px;
    
    text-decoration:none;
}

.info_tb td a:hover {
    background-color: #a8dee5;    
}

/*
.info_tb a{
    display: block; 
    width: 100%; 
    height: 100%
}

.info_tb a:hover {
    background-color: #c4c4c4;    
}
*/

/*--------------------------------------------------------------------------------------*/
/*        メニュー                                                                       */
/*--------------------------------------------------------------------------------------*/

#content02{
    overflow:hidden;
    margin-top:150px;
}



/* メニュー　共通 */
.number{
    position: absolute;
    top: 100px;
    left:8%;
    z-index: 2;

    width:40%;
    height:450px;
   
    background-color:rgb(255, 255, 255);    
}



.num{
    padding-top:20px;

    /*フォント*/
    font-size:95px;
    font-family: 'Days One', sans-serif;
    font-style:oblique;
    color:#292828;
}


.number_inner{
    width:100%;
    text-align: center;
    
}


.subtitle{
    font-size:16px;    
}



.subtitle::after{
    content: '';
    display: block;
    background: #43b2c0;
    height: 3px;
    width: 28px;
    margin-top: 3px;
}


.text{
    display: inline-block;
    text-align: left;
    margin-top:80px;
    
    /*フォント*/
    font-size:14px;
    font-weight: 600;
    line-height: 22px;        
}


.text_name{
    text-align: right;
    margin-top: 10px;
    
    /*フォント*/
    font-size:13px;
}

.text_name:before{
        content: "";
        flex-grow: 1;
        height: 1px; /* 線の太さを変えたいときはここを変える */
        background: #000; /* 線の色を変えたいときはここを変える */
        margin:0 .4em; /* 文字と線の余白用 なくても良い */
}



/* read more */
.read{
    margin:30px 0;
    padding:10px;
    width: 90%;
    text-align: center;    

    /*フォント*/
    font-size:20px;
    font-weight: 400;
    color: #000000;

    /*マウスオーバー設定*/
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, #000000 50%);	
    background-image: linear-gradient(to right, transparent 50%, #000000 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    
    border: 1px solid #000000;
    
    /*角丸設定*/
    border-radius: 20px;		/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */
    
    position: relative;
}
    

/*マウスオーバー設定*/
.read:hover {
    background-position: -100% 100%;
    color: #ffffff;
}


/*リンク設定*/
.read a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}




.main{
    position: absolute;
    top: 50px;
    right:0;
    z-index: 1;    
    
    width:60%;
    height:400px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    /*フォント*/
    font-size:45px;    
    font-weight:500;
    color:#ffffff;   
}


.main span{
    /*フォント*/
    font-size:20px;
    font-weight: 700;
    color:#43b2c0;
}




/* 募集内容 メニュー */
.menu01{
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    
    height:650px;
    
    overflow: hidden;
/*    margin-top: 100px;*/
    width:100%;
/*    border-radius:10px; */  
}


.menu01 .main{
    box-shadow: -100px 50px #43b2c0;
    /*box-shadow: -100px 50px #b5cebc;*/
    background: url(img/01image.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}


/* 代表者から メニュー */
.menu02{
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    height:650px;
    float:right;
    width:100%;    
}



.menu02 .main{
    box-shadow: 100px 50px #43b2c0;
    
    background: url(img/02image.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}


.menu02 .number{
     position: absolute;
     top: 100px;
     left:50%;
     z-index: 2;
}


.menu02 .main{
    position: absolute;
     top: 50px;
     left:0;
    z-index: 1;
}


/* 先輩から メニュー */
.menu03{
    clear:both;
    
    height:650px;
    width:100%;
    margin-bottom:100px
}

.menu03 .number{

}

.menu03 .main{
    box-shadow: -100px 50px #43b2c0;
    background: url(img/03image.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}


/* スクロール動作 */
.menu01 {
    -webkit-transition: all 1s;
    -webkit-transform: translate(0, 0);
    opacity: 1;
}
.menu01_move {
    -webkit-transform: translate(50px, 0);
    opacity: 0;
}


.menu02  {
    text-align: right;
    -webkit-transition: all 1s;
    -webkit-transform: translate(0, 0);
    opacity: 1;
}
.menu02_move {
    -webkit-transform: translate(-50px, 0);
    opacity: 0;
}


.menu03 {
    -webkit-transition: all 1s;
    -webkit-transform: translate(0, 0);
    opacity: 1;
}
.menu03_move {
    -webkit-transform: translate(50px, 0);
    opacity: 0;
}


/*--------------------------------------------------------------------------------------*/
/*        福利厚生                                                                       */
/*--------------------------------------------------------------------------------------*/
#content03{
/*    margin-top:100px;*/
	padding: 0px 0px 0px 0px;
	background: url(img/hukuri.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    height: 450px;
    
    position: relative;
}


.home_content03_inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    
    
    border: 1px solid #0082c2;
    background: #ffffff;
    width: 400px;
/*    height: 20%;*/
    padding:50px;
    margin: 0 auto;
    text-align: center;    

    /*フォント*/
    font-size:40px;
    font-weight: 600;
    color: #096b9b;
/*    font-family: 'Catamaran', sans-serif;*/
    
    /*スクロール　アニメーション設定
    transition: .7s;   
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
    */
    
    /*マウスオーバー設定*/
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, #0082c2 50%);	
    background-image: linear-gradient(to right, transparent 50%, #0082c2 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    
}


/*マウスオーバー設定*/
.home_content03_inner:hover {
    background-position: -100% 100%;
    color: #ffffff;
}


.home_content03_inner span{
    
    /*フォント*/
    font-size:15px;
    font-weight: 600;
    color: #000000;
    
}


.bene{
    /*フォント*/
    font-size:11px;
    font-weight: 600;
    color:#0082c2;
}


/*リンク設定*/
.home_content03_inner a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}


/*--------------------------------------------------------------------------------------*/
/*        新卒採用情報                                                                    */
/*--------------------------------------------------------------------------------------*/

#content04{
/*    margin-top:100px;*/
	padding: 0px 0px 0px 0px;
	background-color: #0082c2;
	/*height:300px;*/
}



h2{
    display:inline-block;
    padding-bottom:5px;
    border-bottom: 4px solid #ffffff;    
    
    /*フォント*/
    font-size:20px;
    font-weight: 600;
    color:#ffffff;
}


.content04-inner{
    padding:100px 0px;
    text-align: center;
}



.keisai_tb{
    width: 60%;
    border-collapse: collapse;
    margin:  50px auto;
    border-collapse: separate;
    border-spacing: 0px 10px;
}


/* 掲載情報テーブル */
.keisai_tb tr{
 
    border-bottom: solid 10px #0082c2;*/
}


.keisai_tb tr:last-child{
    border-bottom: none;
}

.keisai_tb th{
    position: relative;
    text-align: left;
    width: 30%;
    background-color: #43b2c0;
    text-align: center;
    padding: 10px 0;
    
}

.keisai_tb th:after{
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top:calc(50% - 10px);
    right:-10px;
    border-left: 10px solid #43b2c0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.keisai_tb td{
    text-align: left;
    width: 70%;
    text-align: lught;
    background-color: rgb(218, 221, 224);
    padding: 30px 30px;
    font-weight: 600;
}


.keisai_tb td a {
    display: block;
    width:100%;
    
    text-decoration:none;
}

.keisai_tb td a:hover {
    background-color: #b2d3e3;    
}

.jobcareer{
    margin-top: 5px;
    width:300px;
}



/*----------------------------------------------------------------------------------------------------*/
/*  ★★ 1200px以下 ★★                                                                              */
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px){ 


/*--------------------------------------------------------------------------------------*/
/*        news                                                                          */
/*--------------------------------------------------------------------------------------*/

.info_tb{
        width: 90%;
}


    







}
/*----------------------------------------------------------------------------------------------------*/
/*  ★★ 950px以下 ★★                                                                               */
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 950px){ 



/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        title                                                                         */
/*--------------------------------------------------------------------------------------*/

#top #title{    
    height: 700px;  
}

/* タイトル部分　文章 */
.ms{
    /*フォント*/
    font-size:7vw;
    }



/*--------------------------------------------------------------------------------------*/
/*        nav                                                                           */
/*--------------------------------------------------------------------------------------*/

/*nav.cssに記載*/
    






/*--------------------------------------------------------------------------------------*/
/*        news                                                                          */
/*--------------------------------------------------------------------------------------*/
#info{
    width:90%;
}


.info_tb{
        width: 90%;
}


    
    

.topindex_img_big{
        width: 90%;
        height: auto;
}



#top #content02{
	height:auto;
	overflow:hidden;
}



/*======================================================================================*/
/*        content04                                                                     */
/*=======================================================================    
/*--------------------------------------------------------------------------------------*/
/*        メニュー                                                                       */
/*--------------------------------------------------------------------------------------*/

/* メニュー　共通 */
.main{
    height:400px;
    
    /*フォント*/
    font-size:35px;    
    font-weight:500;
}

    
.number{
    height:420px;
}
    
    
    
    
   
    
.menu01,
.menu02,
.menu03{

    height:600px;
    }
    
.menu01 .main{
    box-shadow: -100px 50px #43b2c0;
}

.menu02 .main{
    box-shadow: 100px 50px #43b2c0;
}

.menu03 .main{
    box-shadow: -100px 50px #43b2c0;
}




}
/*----------------------------------------------------------------------------------------------------*/
/*  ★★ 639px以下 ★★                                                                               */
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 639px){ 

/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        title                                                                          */
/*--------------------------------------------------------------------------------------*/

#title_inner{
	width:100%;
	overflow: hidden;
}



#title{    
    height: 600px;
  
}

    
/* タイトル部分　文章 */
.ms{
    position: absolute;
	top: 30%;
    left:10%;
    
    /*フォント*/
	font-size:11vw;
}

.ms_s{
    /*フォント*/
    font-size:11px;
}

    
.ms_t{
    /*フォント*/
    font-size:9px;
    
    }
    
    

h1{
    /*フォント*/
	font-size:30px;
}

/*--------------------------------------------------------------------------------------*/
/*        news                                                                          */
/*--------------------------------------------------------------------------------------*/
#info{
    margin: 0px auto;
    /*        height:200px;*/

}

.info_tb{
    
}


.info_tb th{
    display:block;
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;

}


.info_tb td{
    display:block;
    padding: 15px;

}

.top_color{
    width:90px;
    }
    
    


    
/*======================================================================================*/
/*        content02                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        メニュー                                                                       */
/*--------------------------------------------------------------------------------------*/

/* メニュー　共通 */
.main{
    height:350px;
    width:100%;
}

.number{
    position: absolute;
    top:49%;
    left:0;
    right:0;
    margin: auto;
     z-index: 2;

    width:90%;
    height:320px;
}


.num{
    padding-top:12px;
    
    /*フォント*/
    font-size:75px;
}

.text{
    margin-top:30px;

    /*フォント*/
    font-size:13px;    
    font-weight: 500;

    
}   
    
.subtitle{
    /*フォント*/
    font-size:16px;    
    font-weight: 600;
    
}

    
    
.read{
    margin:20px auto;
}
   
    
    
.menu01,
.menu02,
.menu03{

    height:650px;
    }    

    

.menu02 .number{
    position: absolute;
    top:45%;
    left:0;
    right:0;
    margin: auto;
     z-index: 2;
}

    
.menu01 .main{
    box-shadow:none;
    position: absolute;
     top: 50px;
}

.menu02 .main{
    box-shadow:none;
    position: absolute;
     top: 50px;
    }

.menu03 .main{
    box-shadow:none;
        position: absolute;
     top: 50px;

}

    
/*======================================================================================*/
/*        content03                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        福利厚生                                                                       */
/*--------------------------------------------------------------------------------------*/
#content03{
    width:100%;
}


.home_content03_inner{
    width: 60%;
/*    height: 20%;*/
    padding:50px;
    margin: 0 auto;
    text-align: center;    

    /*フォント*/
    font-size:30px;
    font-weight: 600;
    color: #096b9b;
/*    font-family: 'Catamaran', sans-serif;*/
    
    /*スクロール　アニメーション設定
    transition: .7s;   
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
    */
}

.home_content03_inner span{
    
    /*フォント*/
    font-size:10px;
    font-weight: 600;
    color: #000000;
    
}

    

    
/*======================================================================================*/
/*        content04                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        求人情報                                                                       */
/*--------------------------------------------------------------------------------------*/
.keisai_tb{
    width: 70%;
    border-collapse: collapse;
    margin:  50px auto;
}
    
    
.keisai_tb th{
    display: block;
    width:100%;
}

.keisai_tb th:after{
    
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #43b2c0;
    position: absolute;
    top:100%;
    right:0;
    left:0;
    margin:auto;

}

.keisai_tb td{
    display: block;
    width:auto;
}

.jobcareer{
    width:100%;
}




}