/**
 * 2019-09-18 09:22:34
 */
#container_intro{max-width:2000px;margin-bottom:40px}
#container_intro .col-xl-12,
#container_intro .col-md-6{margin:0;padding:0}

.imgc_radio{position:relative;overflow:hidden}
.imgc_radio_1-4242{padding-top:142.4242%}
.imgc_radio_0-7121{padding-top:71.2121%}
.imgc_radio img.radio_bg,
.imgc_radio img.radio_bg{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;height:auto;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
cursor: pointer;
}
.imgc_radio:hover img.radio_bg{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.imgc_radio:hover img.radio_bg{
-webkit-filter: blur(5px);
filter: blur(5px);
}


.imgc_radio .inner_contents{position:absolute;top:10%;z-index:3;margin:0px 10%;width:80%;text-align:left;color:#fff;
font-size:14px;
-webkit-transition:all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition:all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition:all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-ms-transition:all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition:all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.imgc_radio .p_top5{top:5%}

.imgc_radio .inner_contents .tit1{margin-bottom:0px;font-size:3em;font-weight:bold;text-transform:uppercase;letter-spacing:-2px;text-shadow: 1px 1px 2px #bfbfbf}
.imgc_radio .inner_contents .tit2{margin-bottom:2rem;font-size:1.2em}
.imgc_radio .inner_contents .dlink

.introBtn{color:#fff}
.lineBtn{display:inline-block;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.5);width:180px;color:#fff;
-webkit-transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-ms-transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.imgc_radio:hover .lineBtn {
border-bottom: 1px solid rgba(255,255,255,1);
width: 200px;
}
.lineBtnBar {display:inline-block;margin-left:-32px;margin-bottom:-16px;width:34px;height:1px;background-color:rgba(255,255,255,.5);
-webkit-transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-ms-transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition:all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-webkit-transform:rotate(45deg) translate(-8px, -8px);
transform:rotate(45deg) translate(-8px, -8px);
}

.area_sublist{width:100%;padding:10px}
.area_sublist ul{margin:0px;padding:0px;list-style:none}
.area_sublist ul li a{display:inline-block;font-size:1em;padding:4px 20px;color:#fff}
.area_sublist ul li a:hover{background-color:#ffffff;border-radius:50px;font-weight:500;color:#000;box-shadow:0px 1px 10px 1px rgba(255,255,255,0.5);transition:box-shadow .1s ease-in}

@media (min-width:768px) {
    .imgc_radio .inner_contents .tit1{font-size:5em}
    .imgc_radio .p_top5{top:10%}
    .area_sublist{padding-top:25px}
}
@media (min-width:992px) {
    .imgc_radio .inner_contents .tit1{font-size:4em}
    .imgc_radio .p_top5{top:10%}
    .area_sublist{padding-top:20px}
    .area_sublist ul li a{padding:10px 20px}
}