/*========================*/
/* その他ページ(top以外)設定 */
/*========================*/

* {margin:0px; padding:0px;}


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

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

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


#senpai .back_image{
    background-image: url("img/title_senpai.jpg");
    background-size:cover;
/*    background-attachment: fixed;*/
    background-position: center top;
}

#daihyou .back_image{
    background-image: url("img/title_daihyou.jpg");
    background-size:cover;
/*    background-attachment: fixed;*/
    background-position: center top;
}


#hukuri .back_image{
    background-image: url("img/title_hukuri.jpg");
    background-size:cover;
/*    background-attachment: fixed;*/
    background-position: center top;
}


body{
    background-color: #efeff0;

}

/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/

#content01{
    background-color:  transparent;

}

/*--------------------------------------------------------------------------------------*/
/*        header                                                                           */
/*--------------------------------------------------------------------------------------*/

/*　会社ロゴ　*/
.logo_img_big{
    float:left;
margin-top:10px;

}



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

/*nav.cssに記載*/




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

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

    width: 100%;
    height: 40vh;
  
}


.ms{
	position: absolute;
	top: 45%;
	left: 55%;

    /*フォント*/
	font-size:4vw;
    line-height: 1.1;
    font-weight: 600;
	color:#000000;

    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;
	color:#000000;
    font-weight: 500;
}








/*--------- 募集概要 ---------*/

/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/



/*======================================================================================*/
/*        content02                                                                     */
/*======================================================================================*/

#recruitment #content02{
    text-align: center;
    background-color: #efeff0;
    overflow:hidden;
    
}

/*--------------------------------------------------------------------------------------*/
/*        募集内容                                                                       */
/*--------------------------------------------------------------------------------------*/
.gaiyo_tb{
    text-align: left;
    width:700px;
    margin: 100px auto;
    border-collapse: collapse;
    border-width: 1px; 
}



.gaiyo_tb tr{
    border-style: solid;
    border-width: 1px 0;
    border-color: #a5a4a4;
}


.gaiyo_tb th{
    padding:30px;
    width:20%;
}
.gaiyo_tb td{
    padding:20px;
}




.kyuyo_tb{
    text-align: left;
    border: none;
}



.kyuyo_tb td{
    padding:0px 10px 0px 0px;
}


#content02 li{
    margin-left:20px;
}


/*--------- 代表者から ---------*/

/*======================================================================================*/
/*        content02                                                                     */
/*======================================================================================*/

#daihyou h1{
    margin-top:100px;
    text-align: center;

    /*フォント*/
    font-size: 28px;
    line-height: 1.1;
    }
    

.daihyou_name{
    text-align: center;
    margin-top: 20px;

    /*フォント*/
    font-size:16px;
    font-weight: 600;
}
    
.daihyou_talk{
    width:70%;
    margin: 50px auto 50px auto;
    }    
    
    

#daihyou h2{
    padding:10px 0px 5px 0px;
    display: inline-blockphilosophy
    border-bottom: 4px solid rgb(41, 148, 178);

    font-weight: 600;

}
    
    
.daihyou_image{
    display: block;
    width:70%;
    margin:0px auto 100px auto;
    
}


/*--------- 先輩から ---------*/
/*======================================================================================*/
/*        content02                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        プロフィール                                                             */
/*--------------------------------------------------------------------------------------*/
#senpai #content02{
    text-align: center;
    height:auto;
    overflow:hidden;
    
}


.profile{ 
    width:80%;
    height:300px;
    margin:100px auto;
    
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    background-color:rgb(255, 255, 255);
}

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


.text{
    display: inline-block;
    text-align: left;
    
    /*フォント*/
    font-size:13px;
    font-weight: 600;
    line-height: 25px;
}

.text span{
    /*フォント*/
    font-size:25px;
}




.senpai_img{
    position: relative;
    margin:50px auto;
    width:100%;
    height: 400px;
}


.senpai_img .image{
    position: absolute;
    top: 20px;
    right:100px;
    z-index: 1;

    width:65%;
    height:350px;

    background: url(img/senpai_photo.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.comment{
    position: absolute;
    top: 270px;
    left:100px;
    z-index: 2;
    
    padding:20px;
    background-color: #ffffff;
    
    /*フォント*/
    font-size:12px;
    

}


.senpai_talk{
    width:80%;
    text-align: left;
    margin: 50px auto ;
}



#senpai h2{
    padding:20px 0px 5px 0px;
    
    /*フォント*/
    font-size: 17px;
}

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


/*======================================================================================*/
/*        content03                                                                     */
/*======================================================================================*/
#senpai #content03{
    text-align: center;
    margin-top:50px;
}


.content03_inner{
    width:70%;
    background: url(img/subtle_dots.png);
    margin:50px auto 100px auto;
    padding: 50px 0px 40px 0px;
    
    /*スクロール　アニメーション設定*/
    transition: .8s;    
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 

}

/*スクロール　アニメーション設定*/
.content03_inner_add{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}




h3{
    display:inline-block;
    border-bottom: 4px solid #403f3f;
}


.schedule{
    width:70%;
    
    vertical-align:top;
    margin:50px auto;

    border-spacing: 0px 15px;
}


.schedule tr{
    height:70px;

}


.watch img{
    width:40px;
}


.watch{
    width:7%;
}
.watch_txt{
    text-align: left;
    width:10%;
}

.schedule_txt{
    text-align: left;
    padding:10px;
    width:65%;
    background-color: #43b2c0;
    border-radius: 10px;
}




/*--------- 福利厚生 ---------*/
/*======================================================================================*/
/*        content02                                                                     */
/*======================================================================================*/
#hukuri #content02{
    text-align: center;
    overflow:hidden;
    margin:60px;
        
        
    /*フォント*/
    font-weight: 600;
    
}

/*======================================================================================*/
/*        content03                                                                    */
/*======================================================================================*/
#hukuri #content03{
    max-width:1200px;
    margin:50px auto;
    padding:50px 0px;
    background: url(img/subtle_dots.png);
}


.hukuri_inner{
   display: -webkit-flex;
   display: flex;
    
    -webkit-flex-direction: row;
   flex-direction: row;
    
    /*スクロール　アニメーション設定*/
    transition: .8s;    
    opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 

}


/*スクロール　アニメーション設定*/
.hukuri_inner_add{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}




.hukuri_subtitle_a{
    /*フォント*/
    font-size:20px;
    font-weight: 600;
        color:#0082c2;
    
    margin-bottom: 5px;
}

.hukuri_subtitle{

    /*フォント*/
    font-size:15px;
    font-weight: 600;

}



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


#content03 .hukuri_left{
    width:50%;
        padding:0px 30px;
    
    
}

#content03 .hukuri_right{

    width:45%;
    height:300px;

    background: url(img/hoyousho.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.akan{
    margin:10px 0px 0px 50px;
    width:230px
}


#hukuri #content04{
    max-width:1200px;
    margin:50px auto;
    padding:50px 0px;
    
    background: url(img/subtle_dots.png);
    

}



#content04 .hukuri_left{

    width:45%;
    height:350px;

    background: url(img/kenkou.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

#content04 .hukuri_right{
    width:50%;
        padding:0px 30px;
    
}





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



/* 全体のMAX横幅 */
.all_width{
    width:100%;
}



#hukuri #content03{
    width:90%;
}
    
    
#hukuri #content04{
    width:90%;
}
     

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

/*======================================================================================*/
/*        header                                                                        */
/*======================================================================================*/


.ms{
    /*フォント*/
	font-size:5.5vw;
}
    
.ms_s{ 
    /*フォント*/
	font-size:2vw;
}


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

/* nav.cssに記述 */





/*--------- 先輩から ---------*/
/*======================================================================================*/
/*        content03              */
/*======================================================================================*/

.content03_inner{
    width:80%;
}



.schedule{
    width:80%;
}


    



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

    
/*--------- 共通 ---------*/
    
/*======================================================================================*/
/*        header                                                                        */
/*======================================================================================*/

    
#title{
    height: 27vh;  
}


    
.ms{
    position: absolute;
	top: 50%;
	left: 45%;

    /*フォント*/
	font-size:8.5vw;

/*    line-height: 166%;    */
}

.ms_s{ 
    /*フォント*/
    font-size:3vw;
}

    
    
    
/*　会社ロゴ　*/
.ms img{
    }






/*--------- 募集内容 ---------*/
/*======================================================================================*/
/*        content01                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        募集内容                                                                       */
/*--------------------------------------------------------------------------------------*/
    
.gaiyo_tb{
    width:90%;
    
    }
    
    
.gaiyo_tb th{
    width:90%;
	display:block;
    padding:10px;
}


.gaiyo_tb td{
    width:90%;
	display:block;
    padding: 15px;

}


.kyuyo_tb td{
	display:table-cell;
    padding:0px 10px 0px 0px;
    width:50%;
}

    
    
    
/*--------- 代表者から ---------*/

/*======================================================================================*/
/*        content01              */
/*======================================================================================*/

#daihyou h1{
    margin-top:50px;

    /*フォント*/
    font-size: 17px;
    line-height: 1.3;
    }
    
    
    
/*--------- 先輩から ---------*/

/*======================================================================================*/
/*        content02                                                                     */
/*======================================================================================*/
/*--------------------------------------------------------------------------------------*/
/*        プロフィール                                                                    */
/*--------------------------------------------------------------------------------------*/

.profile{
    width: 90%;
    height:200px;
    margin:50px auto;
  
}

.senpai_img{
    position: relative;
    margin:30px auto;
    width:100%;
    height: 300px;
}


.senpai_img .image{
    position: static;
    width:80%;
    height: 50%;
    margin:0px auto;

    background: url(img/senpai_photo.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: right;
}

.comment{
    position: static;
    z-index: 2;
    width:50%;
    margin:0px auto;
    
    font-size:10px;
}



.senpai_talk{
    text-align: left;
    padding:0px 30px;
}



#senpai h2{
    padding:10px 0px;
}

/*======================================================================================*/
/*        content03              */
/*======================================================================================*/

.schedule{
    border-spacing: 0px 30px;        
    }

.watch{
    display:inline-block;
    float:left;
    width:40px;    
}



.watch_txt{
    display:inline-block;
    float:left;
    text-align: center;
    width:50px;

    margin-top:10px; 

    }

.schedule_txt{
    display:block;
    clear: both;
    margin-top:10px;
    width:auto;
    }



    
    
    
/*--------- 福利厚生 ---------*/
/*======================================================================================*/
/*        content02              */
/*======================================================================================*/
#hukuri #content02{
        margin:50px 10px;;
    
        /*フォント*/
        font-size: 11px;
    }    
    
/*======================================================================================*/
/*        content03              */
/*======================================================================================*/


#hukuri #content03 .hukuri_inner{    
    -webkit-flex-direction: column;
   flex-direction: column;
}

#hukuri #content04 .hukuri_inner{    
    -webkit-flex-direction: column-reverse;
   flex-direction: column-reverse;
}

    
    
.hukuri_subtitle{

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






#content03 .hukuri_left{
    width:auto;
        padding:0px 30px 20px 30px;
    
    
}

#content03 .hukuri_right{
    width:100%;
    height: 200px;

}


.akan{
    margin:10px 0px 0px 10px;
    width:230px
}





#content04 .hukuri_left{
    width:100%;
}

#content04 .hukuri_right{
    width:auto;
        padding:0px 30px 20px 30px;
    
}    
    
    
    
    
    
    
    
    
    

}