@charset "utf-8";
/* CSS Document */
.contents {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.contents .breadCrumbs{
font-family: "ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
}
.inr{
width: 950px;
margin: 0 auto;
}
.btn .extIcon{
margin-right: 5px;
}
.btn.app_btn{
border: none;
}
.btn.app_btn{
color: #fff;
background: #bb8f30;
border: none;
display: inline-block;
}
.mvArea{
text-align: center;
}
.mvArea .top{
background: url(../img/index_mv_bg_top.jpg) no-repeat top center;
height: 540px;
padding: 66px 0 221px;
box-sizing: border-box;
}
.mvArea .top h2{
margin-top: 40px;
}
.mvArea .btm{
background: url(../img/index_mv_bg_btm.jpg) no-repeat top center;
height: 450px;
padding: 42px 0 0;
box-sizing: border-box;
}
.contentsArea{
background: #303030 url(../img/index_bg_01.jpg) no-repeat top center;
padding: 100px 0;
}
.contentsArea .ttl{
text-align: center;
position: relative;
padding-bottom: 20px;
}
.contentsArea .ttl:before{
content: "";
display: inline-block;
width: 26px;
height: 1px;
background: #b1b1b1;
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 -13px; 
}
.contentsArea .top,.contentsArea .btm{
background: #fff;
}
.contentsArea .top{
padding: 90px 60px 110px;
margin: 30px 0 0;
position: relative;
}
.contentsArea .top:before,.contentsArea .top:after{
content: "";
display: inline-block;
position: absolute;
}
.contentsArea .top:before{
background: url(../img/index_bg_03.png) no-repeat;
top: 0;
right: 0;
width: 258px;
height: 244px;
}
.contentsArea .top:after{
background: url(../img/index_bg_04.png) no-repeat;
bottom: 0;
left: 0;
width: 241px;
height: 261px;
}
.contentsArea .picList{
margin: 40px 0 0 0;
font-size: 0;
}
.contentsArea .picList li{
display: inline-block;
font-size: 16px;
position: relative;
line-height: 1;
}
.contentsArea .picList li img{
vertical-align: bottom;
}
.contentsArea .picList .pic-icon{
position: absolute;
top: 0;
left: 0;
}
.contentsArea .awardsCourse-ttl{
text-align: center;
margin-top: 20px;
}
.contentsArea .awardsCourse-ttl span{
font-weight: bold;
background: #eaeaea;
padding: 8px 5px;
display: inline-block;
}
.contentsArea .cmp{
text-align: center;
background: url(../img/index_cmp_bg.png) no-repeat;
padding: 36px 0 27px;
}
.contentsArea .cmp .txt{
margin-top: 20px;
}
.contentsArea .awardsCourse{
font-size: 0;
width: 600px;
margin: 15px auto 0;
text-align: center;
}
.contentsArea .awardsCourse li{
width: 300px;
font-size: 16px;
display: inline-block;
padding: 0 0 0 0;
box-sizing: border-box;
text-align: left;
}
.contentsArea .awardsCourse li .mile{
padding: 0 25px 0 0;
display: inline-block;
position: relative;
line-height: 1;
vertical-align: middle;
}
.contentsArea .awardsCourse li .mile:after{
content: "";
display: inline-block;
width: 5px;
height: 10px;
background: url(../img/icon_arr_01.png) no-repeat;
position: absolute;
top: 50%;
right: 9px;
margin-top: -5px;
}
.contentsArea .awardsCourse li .course{
font-weight: bold;
font-size: 18px;
vertical-align: middle;
}
.contentsArea .top .btn.app_btn{
margin-top: 25px;
width: 425px;
font-size: 24px;
margin: 25px auto 0;
display: block;
line-height: 1;
padding: 15px 5px;
}
.contentsArea .btm{
padding: 25px 40px 40px;
}
.contentsArea .awardsList{
font-size: 0;
margin-left: -30px;
display: flex;
flex-wrap: wrap;
}
.contentsArea .awardsList li{
display: inline-block;
font-size: 14px;
width: 270px;
margin: 0 0 40px 30px;
text-align: center;
vertical-align: top;
position: relative;
padding-bottom: 55px;
}
.contentsArea .awardsList li span{
display: block;
line-height: 1;
}
.contentsArea .awardsList .cate{
text-align: center;
position: relative;
padding: 15px 0 15px 0;
min-height: 64px;
box-sizing: border-box;
}
.contentsArea .awardsList .cate:before{
content: "";
display: inline-block;
width: 26px;
height: 1px;
background: #b1b1b1;
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 -13px;
}
.contentsArea .awardsList .pic{
margin: 30px 0 0 0;
}
.contentsArea .awardsList .name{
margin: 10px 0 0 0;
font-weight: bold;
background: #eaeaea;
padding: 5px 5px;
display: inline-block;
line-height: 1.7;
}
.contentsArea .awardsList .mile{
margin: 13px 0 0 0;
padding: 0 0 15px 0;
position: relative;
}
.contentsArea .awardsList .mile:before{
content: "";
display: inline-block;
width: 14px;
height: 7px;
background: url(../img/icon_arr_02.png) no-repeat;
position: absolute;
left: 50%;
bottom: 0px;
margin-left: -7px;
}
.contentsArea .awardsList .item{
margin: 10px 0 0 0;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
}
.contentsArea .awardsList .txt{
margin: 15px 0 0 0;
text-align: left;
line-height: 1.5;
}
.contentsArea .awardsList .btnWrap{
box-sizing: border-box;
position: absolute;
bottom: 0;
}
.contentsArea .awardsList .app_btn{
width: 270px;
box-sizing: border-box;
padding: 13px 20px;
font-size: 16px;
line-height: 1;
}

.bnrArea{
padding: 100px 0;
}
.bnrArea .bnrList li{
margin-top: 20px;
line-height: 1;
}
.bnrArea .bnrList li:first-of-type{
margin-top: 0;
}
.bnrArea .bnrList li img{
vertical-align: bottom;
}

/*2020年02月05日追記*/
.contentsArea .awardsList .cate_cpn {
    text-align: center;
    position: relative;
    padding: 15px 0 0px 0;
    min-height: 0px;
    box-sizing: border-box;
}

.cpn{
   font-size: 16px;
   color: #cc0000;
   background-color: #fde8e8;
   padding: 10px 0 10px 0;
   margin-top: 10px;
}


/*2022年06月20日追記*/
.awardsList li .noteList.fcRD {
	text-align: left;
	padding-left:1em;
	text-indent: -1em;
    margin-top: 0.5em;
}

/*2024年04月24日追記*/
.contentsArea .awardsList .btn.app_close{
width: 270px;
box-sizing: border-box;
padding: 13px 20px;
font-size: 16px;
line-height: 1;
}
.btn.app_close{
border: none;
}
.btn.app_close{
color: #fff;
background: #555555;
border: none;
display: inline-block;	
}