@charset "UTF-8";

/*
========================================

	recruit > award > award.css
    
========================================
*/

img.img-responsive {
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.25);
    border-radius: 2px;*/
}

img.comment {
    max-width: 200px;
    margin: auto;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.broken span.clipLetter {
    font-size: 1.25rem;
    color:#f2b40b;
}

#s01 { position:relative;}
#s01 div.tone {
	position:absolute;
	/*text-align: center;*/
    width:100%;
    height:100%;
    top:0; 
    /*z-index:999;*/
	/*background:rgba(37,52,142,0.25) url(/recruit/special2017/img/vegas/screen_b.png);
    background: linear-gradient(0deg, #fff 0%, #fff 50%,rgba(37,52,142,0.5) 80%, rgba(37,52,142,0.5)100%);
    border-left:8px solid #fff;
    border-right:8px solid #fff;*/
    background:rgba(37,52,142,0.75) url(/recruit/award/img/tone/screen_b.png);
}

#s01 .innerbk p {color: #fff;}

#s02,
#s03 {
    width: 100%;
    height: 100%;
    position:relative;
}

li.s02Box,
li.s03Box {
    /*display: none;*/
}

#s02 div.tone,
#s03 div.tone{
	position:absolute;
	/*text-align: center;*/
    width:100%;
    height:100%;
    top:0; 
    /*z-index:999;*/
	background:rgba(0,0,0,0.05) url(/recruit/award/img/tone/screen_w.png);
}

div.comment {
    /*border: 4px solid rgba(37,52,142,0.25);
    background:url("/recruit/award/img/bg_test.jpg") no-repeat;
    background-position: center top;
    background-size: cover;
    */
    /*background:rgba(37,52,142,0.5);*/
    background: linear-gradient(135deg, rgba(37,52,142,0.45) 0%, rgba(37,52,142,0.65) 15%, rgba(37,52,142,0.845) 45%, rgba(37,52,142,0.85) 50%, rgba(37,52,142,0.845) 65%, rgba(37,52,142,0.65) 100%);
    color: #fff;
}

div.comment span.title {
    display:block;
    margin-bottom: 0.25rem;
    padding-bottom: 0.25rem;

    font-weight:500;
    font-size: 125% !important;
}

div.comment span.clipLetter {
    display: block;
    font-size: 1.25rem;
    color:#f2b40b;
}

div.comment strong {
    display: block;
    color: #f2b40b;
    border-left: 1px solid rgba(255,255,255,0.5); 
    padding-top: 0.5rem;
    padding-left: 1rem;
    margin-top: 1rem;
}

div.comment large {
    display: block;
    font-size: 112.5% !important;
    border-left: 1px solid rgba(255,255,255,0.5); 
    border-bottom: 1px solid rgba(255,255,255,0.5); 
    padding-left: 1rem;
    padding-bottom: 1rem;

}

@media (min-width: 992px) {
    
#s01 {padding-top: 0;}
#s01 div.tone {background:rgba(37,52,142,0.5) url(/recruit/award/img/tone/screen_b.png);}

.broken span.clipLetter {
    display: block;
    
    max-width: 100%;/*親要素の横幅まで*/
    padding-bottom: 4px;
    box-sizing: border-box;

    /*font-size: 3.75rem;*/
    font-size:64px;
    line-height: 64px;

    color: #f2b40b; /*IE*/
    background: -webkit-linear-gradient(135deg, #fdfe23, #f2b40b , #fdfe23, #cc7706, #cc7706, #bd8324, #f2b40b, #fdfe23);
     /*
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
     
    background:url("/recruit/img/bg_sky01.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    /*border: 1px solid #000;*/
    opacity: 0.8;
    text-align: left;
}
    
li.s02Box,
li.s03Box {
    display: block;
    overflow: hidden;
}

div.comment span.clipLetter {
    color: #d9a821; /*IE*/
    background: -webkit-linear-gradient(135deg, #fff, #f09302, #f2b40b, #fff, #f2b40b, #f09302, #fff);

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1;
    text-align: center;
    font-size:2.5rem;
}
    
div.comment ul li.flexCenter {
  /*background: rgba(37,52,142,0.25);*/
}

/*コメント人物の写真をずらす場合*/
    
.comment01 {
    position: absolute;
    left: -60px;
    top:-30px;
    /*border: 1px solid #000; */
}

.comment02 {
    position: absolute;
    right: -60px;
    bottom:-60px;
    /*border: 1px solid #000; */
}

}

_::content, _:future, div.titleBox_h3 div.h3Base:not(*:root) {
opacity: 0.15;　/*Chromeのみ*/
}