@charset "utf-8";
.recruitBtn,.entryBtn{
  transition: 0.3s;
}  
.recruitBtn:hover,.entryBtn:hover{
  opacity: 0.6;
}
.outlineBtn,.entryBtn{
  transition: 0.3s;
}  
.outlineBtn:hover,.entryBtn:hover{
  opacity: 0.6;
}
a img{
  transition: 0.3s;
}
#btn_outline a:hover img{
  opacity: 0.7;
}
.interviewBtn a{
	display: block;
	width: 100%;
	border: 1px solid #000;
}
.interviewBtn a:hover{
	opacity: 0.9;
}
@media screen and (max-width: 768px){
  .mv{
    text-align: center;
    width: 100%;
  }
  .readcopy{
    text-align: center;
    margin-top: 50px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
  }
  .recruitArea{
    margin-top: 50px;
  }
  .recruitBox{
    margin: 0 auto;
    width: 100%;
  }
  .recruitBtn{
    float: left;
     padding: 14px 5px;
    display: inline-block;
    width: 48%;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #3F3F3F;
    box-sizing: border-box;
    margin-top: 20px;
    margin-left: 1%;
    margin-right: 1%;
  }
  .recruitBtn span{
    position: relative;
    padding-right: 15px;
  }
  .recruitBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg);
    margin-top: -4px;
  }
   .outlineArea{
     text-align:center;
     margin-top:50px;
   }
   .outlineArea2{
     text-align:center;
   }
  .outlineBox{
    margin: 0 auto;
    width: 100%;
  }
  .outlineBtn{
    float: left;
     padding: 14px 5px;
    display: inline-block;
    width: 98%;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #3F3F3F;
    box-sizing: border-box;
    margin-top: 20px;
    margin-left: 1%;
    margin-right: 1%;
  }
  .outlineBtn span{
    position: relative;
    padding-right: 15px;
  }
  .outlineBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg);
    margin-top: -4px;
  }
  .subtitle{
    text-align: center;
    font-size: 24px;
    font-family: minion-pro, 'Rasa', "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 200%;
  }
  .subread{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:50px;
  }
  .mainVisual{
    text-align: center;
  }
  .textArea{
    margin: 0 auto;
    width: 90%;
  }
  .readText{
     margin-top:80px;
     font-size: 14px;
    line-height: 200%;
  }
  .gray-bg{
    background-color: #EFEDED;
  }
  .member_Inner{
    padding: 0px !important;
  }
  .memberArea{
    margin: 0 auto;
    width: 100%;
  }
  .memberBox{
    padding: 10px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
  }
  .memberImg{
    margin-bottom :20px;
  }
  .memberName{
    font-size: 16px;
    font-weight: bold;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:10px;
  }
  .memberProf{
    font-size: 12px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
  }
  .memberProf02{
    font-size: 12px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:30px;
  }
  .membertitle{
    font-size:14px;
    font-weight: bold;
   }
  .memberread{
    font-size:12px;
    line-height: 200%;
    margin-bottom: 30px;
   }
   .projectArea{
    position: relative;
    width: 100%;
   }
   .photoBox_R {
  }
   .photoBox_R02 {
     margin-top: 20px;
  }
   .photoBox_L {
     margin-top: 20px;
  }
  .text_Box_L01{
    width:95%;
    padding:20px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
    margin-top: 20px;
    
  }
  .text_Box_L02{
    width:95%;
    padding:20px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
    margin-top: 20px;
  }
  .text_Box_L03{
    width:95%;
    padding:20px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
    margin-top: 20px;
  }
  .text_Box_L04{
    width:100%;
    padding:20px;
    background-color: #F9F6EA;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
  }
  .text_Box_R01{
    width:95%;
    padding:20px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
    margin-top: 20px;
  }
  .text_Box_R02{
    width:100%;
    padding:20px;
    background-color: #F9F6EA;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
  }
  .projecttitle{
    font-size:14px;
    font-weight: bold;
   }
  .projectread{
    font-size:12px;
    line-height: 200%;
    margin-bottom: 30px;
   }
  .projectread02{
    font-size:12px;
    line-height: 200%;
   }
  .recruitArea{
   }
  .recruitBox01{
    background: url(../img/recruit/step-01.png) no-repeat 20px center #E08282;
    padding: 20px;
    background-size: 50px 50px;
   }
/*
  .recruitBox02{
    background-color: #E08282;
    padding: 20px;
   }
*/
  .recruitBox02{
    background: url(../img/recruit/step-02.png) no-repeat 20px center #E05353;
    padding: 20px;
    background-size: 50px 50px;
   }
  .recruitBox03{
    background: url(../img/recruit/step-03.png) no-repeat 20px center #E6211A;
    padding: 20px;
    background-size: 50px 50px;
   }
  .recruitttitle{
    font-size:14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin-left: 50px;
   }
  .recruitread{
    font-size:12px;
    color: #FFFFFF;
    text-align: center;
    margin-left: 55px;
   }
  .recruitread02{
    font-size:12px;
    color: #FFFFFF;
    text-align: left;
    margin-left: 65px;
   }
   .arrow{
    text-align: center;
    width: 100%;
    margin:10px;
    }
   .arrow img{
    width: 8%;
    }
   .freetableArea{
    margin-top: 50px;
    margin-bottom:40px;
   }
   .freetableArea .freeTable th{
    background:#EFEFEF;
    font-weight:bold;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
   }
   .freetableArea .freeTable td a{
    color:#c9151d;
   }
   .freetableArea .freeTable th,.freetableArea .freeTable td{
    padding:15px;
    display:block;
   }
  .entryArea{
    text-align: center;
  }
  .entryBtn{
    text-align: center !important;
    background-color: #e00000;
    padding: 14px 10px;
    display: inline-block;
    width: 98%;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
  }
  .entryBtn span{
    position: relative;
    padding-right: 25px;
  }
  .entryBtn a{
     color: #FFFFFF !important;
     font-weight: bold;
  }
  .entryBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg);
    margin-top: -4px;
  }
  .memberMorebtn{
    text-align: center !important;
    background-color: #e00000;
    padding: 10px 10px 10px 35px;
    display: block;
    width: 220px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
    margin: 10px auto;
  }
  .memberMorebtn span{
    position: relative;
    padding-right: 25px;
  }
  .memberMorebtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg);
    margin-top: -4px;
  }
  .memberMorebtn.closebtn span::before{
    content: none;
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top:none;
    border-right:none;
    margin-top: -4px;
  }
  .moreIn{
    display: none;
  }
  .closebtn{
    display: none;
  }
  .bottomContentsLinks{
    margin:20px auto 70px;
  }
  .bottomContentsLinks .bcLinkBox{
    width: 48%;
    margin: 1%;
    float: left;
    transition: 0.5s;
  }
  .bottomContentsLinks .bcLinkBox:hover{
    opacity: 0.8;
  }
  #btn_outline{width:100%;margin-top:50px;}
  .btnArea{margin:0 auto;}
  .btnImg{}
	.interviewBtn{
		text-align: center;
		margin: 30px auto;
	}
}





@media screen and (min-width: 769px) and (max-width: 999px) {
  .mv{
    text-align: center;
    width: 100%;
  }
  .readcopy{
    text-align: center;
    margin-top: 100px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
  }
  .recruitBox{
    margin: 0 auto;
    width: 100%;
  }
  .recruitBtn{
    float: left;
    background-color: #F9F9F9;
    padding: 14px 10px;
    display: inline-block;
    width:20%;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #3F3F3F;
    box-sizing: border-box;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .recruitBtn span{
    position: relative;
    padding-right: 25px;
  }
  .recruitBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg);
    margin-top: -4px;
  }
   .outlineArea{
     text-align:center;
     margin-top:50px;
   }
   .outlineArea2{
     text-align:center;
     margin-bottom: 100px;
   }
  .outlineBox{
    margin: 0 auto;
    width: 100%;
  }
  .outlineBtn{
    float: left;
    background-color: #F9F9F9;
    padding: 14px 10px;
    display: inline-block;
    width: 45%;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #3F3F3F;
    box-sizing: border-box;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .outlineBtn span{
    position: relative;
    padding-right: 25px;
  }
  .outlineBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg);
    margin-top: -4px;
  }
  .subtitle{
    margin-top:150px;
    text-align: center;
    font-size: 24px;
    font-family: minion-pro, 'Rasa', "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 200%;
  }
  .subread{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:150px;
  }
  .mainVisual{
    text-align: center;
  }
  .textArea{
    margin: 0 auto;
    width: 90%;
  }
  .readText{
     margin-top:80px;
     font-size: 14px;
    line-height: 200%;
  }
  .memberArea{
    margin: 0 auto;
    width: 100%;
  }
  .memberBox{
    float: left;
    width: 44%;
    margin-left: 15px;
    margin-right: 15px;
  }
  .memberImg{
    margin-bottom :20px;
  }
  .memberName{
    font-size: 16px;
    font-weight: bold;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:10px;
  }
  .memberProf{
    font-size: 12px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
  }
  .memberProf02{
    font-size: 12px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:20px;
    min-height: 48px;
  }
  .membertitle{
    font-size:14px;
    font-weight: bold;
   }
  .memberread{
    font-size:12px;
    line-height: 200%;
    margin-bottom: 30px;
   }
   .projectArea{
    position: relative;
    width: 100%;
    height: 1868px;
    padding: 50px 0;
   }
   .photoBox_R {
    width: 550px;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
  }
   .photoBox_R02 {
    width: 550px;
    height: auto;
    position: absolute;
    right: 0;
    top: 1559px;
  }
   .photoBox_L {
    width: 550px;
    height: auto;
    position: absolute;
    left: 0;
    top: 1096px;
  }
  .text_Box_L01{
    width:550px;
    position:absolute;
    left:0;
    top:260px;
    padding:30px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
  }
  .text_Box_L02{
    width:550px;
    position:absolute;
    left:190px;
    top:538px;
    padding:30px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
  }
  .text_Box_L03{
    width:550px;
    position:absolute;
    left:0;
    top:766px;
    padding:30px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
  }
  .text_Box_L04{
    width:550px;
    position:absolute;
    left:0;
    top:1642px;
    padding:30px;
    background-color: #F9F6EA;
    border: 2px solid #FFFFFF;
  }
  .text_Box_R01{
    width:550px;
    position:absolute;
    right:0;
    top:880px;
    padding:30px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
  }
  .text_Box_R02{
    width:550px;
    position:absolute;
    right:0;
    top:1330px;
    padding:30px;
    background-color: #F9F6EA;
    border: 2px solid #FFFFFF;
  }
  .projecttitle{
    font-size:14px;
    font-weight: bold;
   }
  .projectread{
    font-size:12px;
    line-height: 200%;
    margin-bottom: 30px;
   }
  .projectread02{
    font-size:12px;
    line-height: 200%;
   }
  .recruitArea{
   }
  .recruitBox01{
    background-color: #E08282;
    padding: 20px;
   }
  .recruitBox01:before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/recruit/step-01.png);
    background-size: contain;
    vertical-align: middle;
    margin-left:30px;
   }
  .recruitBox02{
    background-color: #E05353;
    padding: 20px;
   }
  .recruitBox02:before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/recruit/step-02.png);
    background-size: contain;
    vertical-align: middle;
    margin-left:30px;
   }
  .recruitBox03{
    background-color: #E6211A;
    padding: 20px;
   }
  .recruitBox03:before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/recruit/step-03.png);
    background-size: contain;
    vertical-align: middle;
    margin-left:30px;
   }
  .recruitttitle{
    font-size:14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin-top: -45px;
   }
  .recruitread{
    font-size:12px;
    line-height: 200%;
    color: #FFFFFF;
    text-align: center;
   }
  .recruitread02{
    font-size:12px;
    line-height: 200%;
    color: #FFFFFF;
    text-align: left;
    margin-left:120px;
   }
   .arrow{
    text-align: center;
    width: 100%;
    margin:10px;
    }
   .arrow img{
    width: 3%;
    }
   .freetableArea{
    margin-top: 30px;
    margin-bottom:40px;
   }
   .freetableArea .freeTable th{
    background:#e8e8e8;
    font-weight:bold;
   }
   .freetableArea .freeTable td a{
    color:#c9151d;
   }
   .freetableArea .freeTable th,.freetableArea .freeTable td{
    border:1px solid #CCC;
    padding:30px;
   }
  .entryArea{
    text-align: center;
    margin-bottom: 100px;
  }
  .entryBtn{
    text-align: center !important;
    background-color: #e00000;
    padding: 14px 10px;
    display: inline-block;
    width: 280px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
  }
  .entryBtn span{
    position: relative;
    padding-right: 25px;
  }
  .entryBtn a{
     color: #FFFFFF !important;
     font-weight: bold;
  }
  .entryBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg);
    margin-top: -4px;
  }
  .bottomContentsLinks{
    margin:20px auto 70px;
  }
  .bottomContentsLinks .bcLinkBox{
    width: 24.6%;
    margin: 0.2%;
    float: left;
    transition: 0.5s;
  }
  .bottomContentsLinks .bcLinkBox:hover{
    opacity: 0.8;
  }
  #btn_outline{width:100%;margin-top:100px;}
  .btnArea{margin:0 auto;}
  .btnImg{margin:20px auto 50px auto;}
	.interviewBtn{
		text-align: center;
		margin: 40px auto;
	}
}




@media screen and (min-width: 1000px)  {
  .mv{
    text-align: center;
    width: 100%;
  }
  .readcopy{
    text-align: center;
    margin-top: 100px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
  }
  .recruitBox{
    margin: 0 auto;
    width: 1000px;
  }
  .recruitBtn{
    float: left;
    background-color: #F9F9F9;
    padding: 14px 10px;
    display: inline-block;
    width: 210px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #3F3F3F;
    box-sizing: border-box;
    margin-top: 150px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .recruitBtn span{
    position: relative;
    padding-right: 25px;
  }
  .recruitBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg);
    margin-top: -4px;
  }
   .outlineArea{
     text-align:center;
     margin-top:50px;
     margin-left: 24%;
   }
   .outlineArea2{
     text-align:center;
     margin-bottom: 100px;
     margin-left: 11%;
   }
  .outlineBox{
    margin: 0 auto;
    width: 1000px;
  }
  .outlineBtn{
    float: left;
    background-color: #F9F9F9;
    padding: 14px 10px;
    display: inline-block;
    width: 230px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #3F3F3F;
    box-sizing: border-box;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .outlineBtn span{
    position: relative;
    padding-right: 25px;
  }
  .outlineBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg);
    margin-top: -4px;
  }
  .subtitle{
    margin-top:150px;
    text-align: center;
    font-size: 24px;
    font-family: minion-pro, 'Rasa', "Sawarabi Mincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","sans-serif",serif;
    line-height: 200%;
  }
  .subread{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:150px;
  }
  .mainVisual{
    text-align: center;
  }
  .textArea{
    margin: 0 auto;
    width: 860px;
  }
  .readText{
     margin-top:80px;
     font-size: 14px;
    line-height: 200%;
  }
  .memberArea{
    margin: 0 auto;
    width: 1000px;
  }
  .memberBox{
    float: left;
    width: 47%;
    margin-left: 15px;
    margin-right: 15px;
  }
  .memberImg{
    margin-bottom :20px;
  }
  .memberName{
    font-size: 16px;
    font-weight: bold;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:10px;
  }
  .memberProf{
    font-size: 12px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
  }
  .memberProf02{
    font-size: 12px;
    font-family: "Noto Sans JP", 'Trebuchet MS' , Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 200%;
    margin-bottom:20px;
    min-height: 48px;
  }
  .membertitle{
    font-size:14px;
    font-weight: bold;
   }
  .memberread{
    font-size:12px;
    line-height: 200%;
    margin-bottom: 30px;
   }
   .projectArea{
    position: relative;
    width: 100%;
    height: 1868px;
    padding: 50px 0;
   }
   .photoBox_R {
    width: 550px;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
  }
   .photoBox_R02 {
    width: 550px;
    height: auto;
    position: absolute;
    right: 0;
    top: 1559px;
  }
   .photoBox_L {
    width: 550px;
    height: auto;
    position: absolute;
    left: 0;
    top: 1096px;
  }
  .text_Box_L01{
    width:550px;
    position:absolute;
    left:0;
    top:260px;
    padding:30px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
  }
  .text_Box_L02{
    width:550px;
    position:absolute;
    left:190px;
    top:538px;
    padding:30px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
  }
  .text_Box_L03{
    width:550px;
    position:absolute;
    left:0;
    top:766px;
    padding:30px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
  }
  .text_Box_L04{
    width:550px;
    position:absolute;
    left:0;
    top:1642px;
    padding:30px;
    background-color: #F9F6EA;
    border: 2px solid #FFFFFF;
  }
  .text_Box_R01{
    width:550px;
    position:absolute;
    right:0;
    top:880px;
    padding:30px;
    background-color: #F4F3F2;
    border: 2px solid #FFFFFF;
  }
  .text_Box_R02{
    width:550px;
    position:absolute;
    right:0;
    top:1330px;
    padding:30px;
    background-color: #F9F6EA;
    border: 2px solid #FFFFFF;
  }
  .projecttitle{
    font-size:14px;
    font-weight: bold;
   }
  .projectread{
    font-size:12px;
    line-height: 200%;
    margin-bottom: 30px;
   }
  .projectread02{
    font-size:12px;
    line-height: 200%;
   }
  .recruitArea{
   }
  .recruitBox01{
    background-color: #E08282;
    padding: 20px;
   }
  .recruitBox01:before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/recruit/step-01.png);
    background-size: contain;
    vertical-align: middle;
    margin-left:30px;
   }
  .recruitBox02{
    background-color: #E05353;
    padding: 20px;
   }
  .recruitBox02:before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/recruit/step-02.png);
    background-size: contain;
    vertical-align: middle;
    margin-left:30px;
   }
  .recruitBox03{
    background-color: #E6211A;
    padding: 20px;
   }
  .recruitBox03:before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/recruit/step-03.png);
    background-size: contain;
    vertical-align: middle;
    margin-left:30px;
   }
  .recruitttitle{
    font-size:14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin-top: -45px;
   }
  .recruitread{
    font-size:12px;
    line-height: 200%;
    color: #FFFFFF;
    text-align: center;
   }
  .recruitread02{
    font-size:12px;
    line-height: 200%;
    color: #FFFFFF;
    text-align: left;
    margin-left:120px;
   }
   .arrow{
    text-align: center;
    width: 100%;
    margin:10px;
    }
   .arrow img{
    width: 3%;
    }
   .freetableArea{
    margin-top: 30px;
    margin-bottom:40px;
   }
   .freetableArea .freeTable th{
    background:#e8e8e8;
    font-weight:bold;
   }
   .freetableArea .freeTable td a{
    color:#c9151d;
   }
   .freetableArea .freeTable th,.freetableArea .freeTable td{
    border:1px solid #CCC;
    padding:30px;
   }
  .entryArea{
    text-align: center;
    margin-bottom: 100px;
  }
  .entryBtn{
    text-align: center !important;
    background-color: #e00000;
    padding: 14px 10px;
    display: inline-block;
    width: 280px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
  }
  .entryBtn span{
    position: relative;
    padding-right: 25px;
  }
  .entryBtn a{
     color: #FFFFFF !important;
     font-weight: bold;
  }
  .entryBtn span::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg);
    margin-top: -4px;
  }
  .bottomContentsLinks{
    margin:20px auto 70px;
  }
  .bottomContentsLinks .bcLinkBox{
    width: 24.6%;
    margin: 0.2%;
    float: left;
    transition: 0.5s;
  }
  .bottomContentsLinks .bcLinkBox:hover{
    opacity: 0.8;
  }
  body{overflow: auto;}
  #btn_outline{width:100%;margin-top:100px;}
  .btnArea{margin:0 auto;}
  .btnImg{margin:20px auto 50px auto;}
	.interviewBtn{
		text-align: center;
		margin: 50px auto;
	}
}