@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: #00c3ff;}
a img:hover {opacity: 0.8;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{padding: 0;}
li{list-style: none;}
html{
    font-size: 42.5%;
    }
body{
    background: #fff;
    margin: 0;
    font-family: YuGothic,'Yu Gothic',"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    color: #383838;
    }
.wrap{
    width: 100%;
    margin: 0 auto;
    background: #fff;
    }
.sec_if1200{
    max-width: 1200px;margin: 0 auto;padding: 0 auto;text-align: center;
    }
.sec_if0900{
    max-width: 900px;margin: 0 auto;padding: 0 auto;
    }
.center{
    text-align: center;
}
/********************　SP DESIGN NieR　********************/
.wrap{
    width: 100%;
}
h1{
    display: none;
}
h2{
    position: relative;
    font-size: 3.6rem;
    font-weight: 700;
    color: #383838;
	padding: 64px 0 0;
    text-align: center;
    margin: 0 0 64px;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
h2:after{
    position: absolute;
	content: "";
	width: 60px;
	height: 3px;
	background: #d51800;
	display: block;
	left: 0;
	right: 0;
	bottom: -32px;
	margin: 0 auto;
}
/********************　header NieR　********************/
header{
    width: 100%;
    background: url(../../images/main.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.lang{
    text-align: right;
    padding: 8px;
    background: #fff;
}
.lang a{
	text-decoration:none;
    }
.langc{
    margin: 0 8px 0 4px;
    line-height: 32px;
}
.main_copy{
    width: 90%;
    padding: 192px 3% 192px;
}
/********************　sec_01 NieR　********************/
.sec_01{
    background: url(../../images/bg.png) repeat;
    background-size: auto;
    background-position: center;
    padding: 0 15% 32px;
}
.sec_01ttl{
    width: 286px;
    margin: 0 auto 32px;
}
ul{
    line-height: 48px;
    margin: auto;
    font-weight: 700;
    padding-left: 3em;
    text-indent: -3em;
}
.check{
    width: 29px;
    margin: 8px 8px 12px;
}
/********************　sec_btn NieR　********************/
.sec_btn{
    background: url(../../images/btn_bg.png) repeat;
    background-size: cover;
    background-position: center;
    padding: 24px 0 16px;
}
.btn{
    width: 80%;
    margin: 0 auto 8px;
}
.btn_com{
    color: #fff;
    text-align: center;
}
/********************　sec_02 NieR　********************/
.sec_02{
    background: url(../../images/bg.png) repeat;
    background-size: auto;
    background-position: center;
    padding: 0 0 64px;
    text-align: center;
}
.sec_02_box{
    display: inline-block;
    vertical-align: bottom;
    max-width: 80%;
    padding: 32px;
    margin: 0 auto;
}
.sec_02_box .pct{
    max-width: 100%;
    margin: 16px 0;
}
.sec_02_box .txt1{
    font-size: 2.0rem;
    font-weight: 700;
    color: #000;
    margin: 4px 0 16px;
    text-align: center;
}
.sec_02_box .txt2{
    font-size: 5.0rem;
    font-weight: 700;
    text-align: center;
}
.section_innerframe{
    max-width: 600px;
    margin: 0 auto;
    padding: 0 3% 0 3%;
}
.youtube{
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube iframe{
    position: absolute;
    position:absolute;
    top:0;
    right:-5px;
    width:100%;
    height:100%;
}
table{
    width: 90%;
    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%;
}
th.status{
    text-align: center;
}
td.abroad_ttl{
    background: #eaeaea;
    font-weight: 700;
    text-align: center;
}
td.pick_ttl{
    background: #d51800;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
td.pick{
    background: #fcedeb;
    font-weight: 700;
}
/********************　sec_03 NieR　********************/
.sec_03{
    padding: 0 0 64px;
}
.flow_01{
    width: 140px;
    margin: 0 0 0 auto;
}
.flow_02{
    width: 173px;
    margin: 0 auto;
}
.sec_03_box{
    display: inline-block;
    vertical-align: top;
    width: 173px;
    margin: 0 8px;
}
.sec_03_box .pct{
    max-width: 100%;
}
.sec_03_box .txt{
    font-size: 1.2rem;
    color: #000;
    margin: 4px 0 16px;
    text-align: center;
    padding: 0 0 0 32px;
}
/********************　footer NieR　********************/
footer{
    padding: 16px 0 16px;
    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　********************/
html{
    font-size: 62.5%;
    }
.wrap{
    width: 100%;
}
/********************　header NieR　********************/
header{
    width: 100%;
    background: url(../../images/main.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.lang{
    text-align: right;
    padding: 8px;
    background: #fff;
}
.lang a{
	text-decoration:none;
    }
.langc{
    margin: 0 16px 0 8px;
    line-height: 32px;
}
.main_copy{
    width: 727px;
    padding: 378px 32px 480px;
}
/********************　sec_01 NieR　********************/
.sec_01{
    background: url(../../images/bg.png) repeat;
    background-size: auto;
    background-position: center;
    padding: 0 0 64px;
}
.sec_01ttl{
    width: 286px;
    margin: 0 auto 32px;
}
ul{
    line-height: 48px;
    margin: 0 0 0 120px;
}
.check{
    width: 29px;
    margin: 8px 8px 12px;
}
/********************　sec_btn NieR　********************/
.sec_btn{
    background: url(../../images/btn_bg.png) repeat;
    background-size: cover;
    background-position: center;
    padding: 48px 0 32px;
}
.btn{
    width: 409px;
    margin: 0 auto 8px;
}
.btn_com{
    color: #fff;
    text-align: center;
}
/********************　sec_02 NieR　********************/
.sec_02{
    background: url(../../images/bg.png) repeat;
    background-size: auto;
    background-position: center;
    padding: 0 0 64px;
    text-align: center;
}
.sec_02_box{
    display: inline-block;
    vertical-align: bottom;
    max-width: 25%;
    padding: 32px;
    margin: 0 auto;
}
.sec_02_box .pct{
    max-width: 100%;
    margin: 16px 0;
}
.sec_02_box .txt1{
    font-size: 2.0rem;
    font-weight: 700;
    color: #000;
    margin: 4px 0 16px;
    text-align: center;
}
.sec_02_box .txt2{
    font-size: 5.0rem;
    font-weight: 700;
    text-align: center;
}
.section_innerframe{
    max-width: 600px;
    margin: 0 auto;
    padding: 0 3% 0 3%;
}
.youtube{
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube iframe{
    position: absolute;
    position:absolute;
    top:0;
    right:-5px;
    width:100%;
    height:100%;
}
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%;
}
th.status{
    text-align: center;
}
td.abroad_ttl{
    background: #eaeaea;
    font-weight: 700;
    text-align: center;
}
td.pick_ttl{
    background: #d51800;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
td.pick{
    background: #fcedeb;
    font-weight: 700;
}
/********************　sec_03 NieR　********************/
.sec_03{
    padding: 0 0 64px;
}
.flow_01{
    width: 140px;
    margin: 0 0 0 auto;
}
.flow_02{
    width: 173px;
    margin: 0 auto;
}
.sec_03_box{
    display: inline-block;
    vertical-align: top;
    width: 173px;
    margin: 0 8px;
}
.sec_03_box .pct{
    max-width: 100%;
}
.sec_03_box .txt{
    font-size: 1.2rem;
    color: #000;
    margin: 4px 0 16px;
    text-align: center;
    padding: 0 0 0 32px;
}
/********************　footer NieR　********************/
footer{
    padding: 16px 0 16px;
    text-align: center;
    color: #000;
    font-size: 1.2rem;
}
}