@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
.pc{display: none !important;}
.sp{display: block !important;}
a:link,a:visited,a:hover,a:active{color: #000;}
a img:hover {opacity: 0.6;filter: alpha(opacity=60);-webkit-transition:0.6s;transition:0.6s;}
.clearfix:after {content: " ";display: block;clear: both;}
p{clear: both;text-align: left;margin: 0;}
img{max-width: 100%;vertical-align: bottom;}
ul{list-style: none;padding: 0;}
html{
    font-size: 52.5%;
    }
body{
    background: #fafafa;
    margin: 0;
    font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 1.8rem;
    color: #383838;
    }
.wrap{
    width: 100%;
    margin: 0 auto;
    }
.sec_if1400{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3% 0 3%;
    }
.sec_if1100{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 3% 0 3%;
    }
#go_top{
    display: block;
    position: fixed;
    bottom: 16px;
    right: 0;
    width: 80px;
    height: 80px;
    background: url(../images/go_top.png) no-repeat;
    background-size: 80px;
    opacity: 0.8;}
#go_top span{
    display: none;
    }
#go_top a{
    display: block;
    width: 80px;
    height: 80px;
}
#go_top:hover{
    opacity: 0.6;
    filter: alpha(opacity=60) ;
    -webkit-transition: 0.6s ;
    transition: 0.6s;}
/********************　header NieR　********************/
header{
    background: #b63a3b;
    color: #fff;
    padding-bottom: 39px;
}
header .header_logo{
    float: left;
    width: 93px;
    margin: 6px auto 0;
}
header .recruit{
    float: right;
    font-size: 1.8rem;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 8px auto 0;
}
h1{
    display: none;
}
/********************　main NieR　********************/
.main{
    background: url(../images/main.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 200px;
}
.main_box{
    max-width: 604px;
    background: #b63a3b;
    padding: 21px 16px;
    margin: 0 auto;
    color: #fff;
}
.main_logo{
    width: 101px;
    margin: 0 auto;
}
.main_copy{
    font-size: 3.8rem;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 16px 0;
}
.main_read{
    font-size: 1.6rem;
    text-align: left;
}
/********************　sec_01 NieR　********************/
.sec_01{
    text-align: center;
    padding: 32px 0;
}
.sec_01 h2{
    font-size: 3.2rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: center;
    margin: 0 0 32px;
}
.sec_01_box{
    display: block;
}
.sec_01_box .l{
    width: 100%;
    margin: 0;
}
.sec_01_box .r{
    float: left;
    width: 100%;
    margin: 0 0 16px;
}
.sec_01_box .ttl{
    font-size: 2.4rem;
    font-weight: 600;
    color: #b63a3b;
    text-align: left;
    margin: 16px 0 0;
}
.sec_01_box .txt{
    margin: 8px 0 0;
    font-size: 1.6rem;
    text-align: left;
}
/********************　sec_02 NieR　********************/
.sec_02{
    text-align: center;
    padding: 32px 0;
    background: #fff;
}
.sec_02 h2{
    font-size: 2.6rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: center;
    margin: 0 0 32px;
}
.btn{
    width: 100%;
    margin: 16px auto;
}
/********************　sec_03 NieR　********************/
.sec_03{
    text-align: center;
    padding: 32px 0;
    background: #b63a3b;
    color: #fff;
}
.sec_03 h2{
    font-size: 3.2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0 0 16px;
}
.sec_03_box{
    display: inline-block;
    vertical-align: top;
    margin: 16px 0 0;
    max-width: 100%;
    padding: 16px;
    text-align: center;
}
.sec_03_box .pct{
    max-width: 100%;
}
.sec_03_box .name{
    font-size: 1.8rem;
    font-weight: 700;
    margin: 16px 0 0px;
    padding: 0 0 8px;
    border-bottom: 1px solid #fff;
    text-align: center;
}
.sec_03_box .pos{
    font-size: 1.6rem;
    margin: 8px 0 16px;
    text-align: center;
}
.sec_03_box .ttl{
    font-size: 2.4rem;
    font-weight: 700;
    margin: 16px 0 16px;
    text-align: left;
}
.sec_03_box .txt{
    font-size: 1.6rem;
    margin: 16px 0 0;
}
/********************　sec_04 NieR　********************/
.sec_04{
    text-align: center;
    padding: 32px 0;
    background: #fff;
}
.sec_04 h2{
    font-size: 3.2rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: center;
    margin: 0 0 64px;
}
/********************　sec_05 NieR　********************/
.sec_05{
    text-align: center;
    padding: 32px 0;
    background: #fafafa;
}
.sec_05 h2{
    font-size: 3.2rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: center;
    margin: 0 0 32px;
}
.flow{
    text-align: left;
}
.sec_05_box{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 16px;
    max-width: 48%;
}
.sec_05_box .pct{
    max-width: 100%;
}
.sec_05_box .ttl{
    font-size: 2.4rem;
    font-weight: 700;
    margin: 8px 0 16px;
    color: #b63a3b;
}
.sec_05_box .txt{
    font-size: 1.6rem;
    margin: 8px 0 0;
}
/********************　sec_06 NieR　********************/
.sec_06{
    text-align: center;
    padding: 32px 0;
    background: #b63a3b;
    color: #fff;
}
.sec_06 h2{
    font-size: 3.2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0 0 32px;
}
.faq_q{
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    text-indent: -2.4rem;
    padding-left: 2.4rem;
}
.faq_a{
    font-size: 1.6rem;
    color: #000;
    background: #fff0cc;
    padding: 16px;
    margin: 8px 0 16px;
}
/********************　sec_07 NieR　********************/
.sec_07{
    text-align: center;
    padding: 32px 0;
    background: #b63a3b;
    color: #fff;
}
.sec_07_main{
    background: url(../images/sec_07_1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 32px 0 210px;
}
.sec_07 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0 0 64px;
}
.sec_07_box{
    width: 90%;
    background: #fff;
    padding: 21px 8px;
    margin: 0 auto;
    color: #000;
    margin-top: -80px;
    opacity: 0.8;
}
.sec_07_read{
    font-size: 1.6rem;
    text-align: left;
}
/********************　sec_08 NieR　********************/
.sec_08{
    text-align: center;
    padding: 32px 0;
    background: url(../images/sec_08_1.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.sec_08 h2{
    font-size: 3.2rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: center;
    margin: 0 0 32px;
}
table{
    width: 100%;
    margin: 32px auto 0;
    border-collapse: collapse;
    font-size: 1.4rem;
    background-color: #fff;
}
th,td{
    border: solid 1px #333;
    padding: 12px;
    text-align: left;
    display: table-cell;
}
th{
    width: 20%;
    background: #eaeaea;
}
td{
    width: 40%;
}
/********************　sec_09 NieR　********************/
.sec_09{
    text-align: center;
    padding: 32px 0;
    background: #fff;
}
.sec_09 h2{
    font-size: 3.2rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin: 0;
}
.mail{
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 32px 0 16px;
}
form{
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    }
form dl dt, form dl dd{
    display: block;
    padding: 10px 0 4px;
    margin: 0 0 4px;
    }
form dl dd{
    padding: 4px;
    margin-left: 0;
    box-sizing: border-box;
    }
form .left dd{
    float: left;
    }
form span{
    float: left;
    }
form span.required{
    background: #a99400;
    color: #fff;
    padding: 4px 12px 4px;
    margin: 4px 8px 0;
    font-size: 1.0rem;
    }
form input,textarea{
    width: 90%;
    font-size: 18px;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    }
.nier input{
    width: 18px;
    }
.nier label{
    width: 100%;
    }
.nier_old input{
    width: 32px;
    }
textarea{
    height: 64px;
    }
input.btn_next{
    cursor: pointer;
    display: block;
    width: 341px;
    height: 102px;
    border: none;
    text-indent: -9999px;
    margin: 60px auto;
    background: url(../images/sc_next.png) no-repeat 0 0;
    background-size: cover;
    }
form textarea{
    height: 150px;
    vertical-align: top;
    }
form select{
    width: 200px;
    padding: 16px;
    }
input.btn_next{
    margin: 32px auto;
    }
input.btn_submit{
    margin: 32px 0 0;
    }
.input_other{
    margin-top: -32px;
    }
::-webkit-input-placeholder{
    color:#ddd;
    }
/********************　footer NieR　********************/
footer{
    background: #e9e6e4;
    padding: 16px 0;
    text-align: center;
    color: #000;
    font-size: 1.2rem;
}

/********************　PC DESIGN NieR　********************/
@media screen and (min-width:750px){
.pc{
    display: block !important;
}
.sp{
    display: none !important;
}
/********************　PC NieR　********************/
.wrap{
    width: 100%;å
}
html{
    font-size: 62.5%;
    }
/********************　header NieR　********************/
header{
    background: #b63a3b;
    color: #fff;
    padding-bottom: 78px;
}
header .header_logo{
    float: left;
    width: 187px;
    margin: 20px auto 0;
}
header .recruit{
    float: right;
    font-size: 2.4rem;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 20px auto 0;
}
h1{
    display: none;
}
/********************　main NieR　********************/
.main{
    background: url(../images/main.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 705px;
}
.main_box{
    max-width: 604px;
    background: #b63a3b;
    padding: 42px 16px;
    margin: 0 auto;
    color: #fff;
    margin-top: -360px;
}
.main_logo{
    width: 101px;
    margin: 0 auto;
}
.main_copy{
    font-size: 3.8rem;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 32px 0;
}
.main_read{
    font-size: 1.6rem;
    text-align: center;
}
/********************　sec_01 NieR　********************/
.sec_01{
    text-align: center;
    padding: 64px 0;
}
.sec_01 h2{
    font-size: 6.0rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: left;
    margin: 0 0 64px;
}
.sec_01_box{
    display: block;
}
.sec_01_box .l{
    float: left;
    width: 44%;
    margin: 1%;
}
.sec_01_box .r{
    float: left;
    width: 52%;
    margin: 1%;
}
.sec_01_box .ttl{
    font-size: 2.4rem;
    font-weight: 600;
    color: #b63a3b;
    text-align: left;
    margin: 0;
}
.sec_01_box .txt{
    margin: 8px 0 0;
    font-size: 1.6rem;
    text-align: left;
}
/********************　sec_02 NieR　********************/
.sec_02{
    text-align: center;
    padding: 64px 0;
    background: #fff;
}
.sec_02 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: center;
    margin: 0 0 64px;
}
.btn{
    width: 318px;
    margin: 32px 32px 0;
}
/********************　sec_03 NieR　********************/
.sec_03{
    text-align: center;
    padding: 64px 0;
    background: #b63a3b;
    color: #fff;
}
.sec_03 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #fff;
    text-align: right;
    margin: 0 0 64px;
}
.sec_03_box{
    display: inline-block;
    vertical-align: top;
    margin: 32px 0 0;
    max-width: 45%;
    padding: 16px;
    text-align: center;
}
.sec_03_box .pct{
    max-width: 454px;
}
.sec_03_box .name{
    font-size: 1.8rem;
    font-weight: 700;
    margin: 16px 0 0px;
    padding: 0 0 8px;
    border-bottom: 1px solid #fff;
    text-align: center;
}
.sec_03_box .pos{
    font-size: 1.6rem;
    margin: 8px 0 16px;
    text-align: center;
}
.sec_03_box .ttl{
    font-size: 2.4rem;
    font-weight: 700;
    margin: 16px 0 16px;
    text-align: center;
}
.sec_03_box .txt{
    font-size: 1.6rem;
    margin: 16px 0 16px;
}
/********************　sec_04 NieR　********************/
.sec_04{
    text-align: center;
    padding: 64px 0;
    background: #fff;
}
.sec_04 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: center;
    margin: 0 0 64px;
}
/********************　sec_05 NieR　********************/
.sec_05{
    text-align: center;
    padding: 64px 0;
    background: #fafafa;
}
.sec_05 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: center;
    margin: 0 0 64px;
}
.flow{
    text-align: left;
}
.sec_05_box{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 16px;
    max-width: 24%;
}
.sec_05_box .pct{
    max-width: 100%;
}
.sec_05_box .ttl{
    font-size: 2.4rem;
    font-weight: 700;
    margin: 16px 0 16px;
    color: #b63a3b;
}
.sec_05_box .txt{
    font-size: 1.6rem;
    margin: 16px 0 16px;
}
/********************　sec_06 NieR　********************/
.sec_06{
    text-align: center;
    padding: 64px 0;
    background: #b63a3b;
    color: #fff;
}
.sec_06 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #fff;
    text-align: right;
    margin: 0 0 64px;
}
.faq_q{
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
}
.faq_a{
    font-size: 1.6rem;
    color: #000;
    background: #fff0cc;
    padding: 16px;
    margin: 8px 0 32px;
}
/********************　sec_07 NieR　********************/
.sec_07{
    text-align: center;
    padding: 64px 0;
    background: #b63a3b;
    color: #fff;
}
.sec_07_main{
    background: url(../images/sec_07_1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 64px 0 510px;
}
.sec_07 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0 0 64px;
}
.sec_07_box{
    max-width: 900px;
    background: #fff;
    padding: 42px 16px;
    margin: 0 auto;
    color: #000;
    margin-top: -160px;
    opacity: 0.8;
}
.sec_07_read{
    font-size: 1.6rem;
    text-align: center;
}
/********************　sec_08 NieR　********************/
.sec_08{
    text-align: center;
    padding: 64px 0;
    background: url(../images/sec_08_1.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.sec_08 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #b63a3b;
    text-align: right;
    margin: 0 0 64px;
}
table{
    width: 80%;
    margin: 64px auto 0;
    border-collapse: collapse;
    font-size: 1.4rem;
    background-color: #fff;
}
th,td{
    border: solid 1px #333;
    padding: 12px;
    text-align: left;
    display: table-cell;
}
th{
    width: 20%;
    background: #eaeaea;
}
td{
    width: 40%;
}
/********************　sec_09 NieR　********************/
.sec_09{
    text-align: center;
    padding: 64px 0;
    background: #fff;
}
.sec_09 h2{
    font-size: 4.6rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin: 0;
}
.mail{
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 64px 0 32px;
}
form{
    max-width: 600px;
    margin: 0 auto;
    padding: 0 0 32px;
    text-align: left;
    }
form dl dt, form dl dd{
    display: block;
    padding: 10px 0 4px;
    margin: 0 0 4px;
    }
form dl dd{
    padding: 4px;
    margin-left: 0;
    box-sizing: border-box;
    }
form .left dd{
    float: left;
    }
form span{
    float: left;
    }
form span.required{
    background: #a99400;
    color: #fff;
    padding: 4px 12px 4px;
    margin: 4px 8px 0;
    font-size: 1.0rem;
    }
form input,textarea{
    width: 90%;
    font-size: 18px;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    }
.nier input{
    width: 18px;
    }
.nier label{
    width: 100%;
    }
.nier_old input{
    width: 32px;
    }
textarea{
    height: 64px;
    }
input.btn_next{
    cursor: pointer;
    display: block;
    width: 341px;
    height: 102px;
    border: none;
    text-indent: -9999px;
    margin: 60px auto;
    background: url(../images/sc_next.png) no-repeat 0 0;
    background-size: cover;
    }
form textarea{
    height: 150px;
    vertical-align: top;
    }
form select{
    width: 200px;
    padding: 16px;
    }
input.btn_next{
    margin: 32px auto;
    }
input.btn_submit{
    margin: 32px 0 0;
    }
.input_other{
    margin-top: -32px;
    }
::-webkit-input-placeholder{
    color:#ddd;
    }
/********************　footer NieR　********************/
footer{
    background: #e9e6e4;
    padding: 16px 0;
    text-align: center;
    color: #000;
    font-size: 1.2rem;
}
}