@charset "UTF-8";

body {
    width: 100%;
    margin: 0;
    text-align: justify;
line-break: strict;
overflow-wrap: break-word;
word-wrap: break-word;
}

    .bg .bg-wrap {
  position: relative;
  display: inline-block;
margin: 4px auto;
}
.bg.is-animated .bg-wrap::before {
  animation: bg 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 10%, rgba(255,255,255,0.9) 90%, rgba(255,255,255,0) 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
}


@keyframes bg {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(0) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}

.bg .bg-wrap .inn img{width: 100%;height: auto}
.bg .bg-wrap .inn {
  color: #000;
  display: inline-block;padding:0;position: relative;line-height: 1.2;z-index: 1}

@media screen and (min-width: 768px) {.bg{position: absolute;bottom:10px;left: 0;right: 0;}
}

@media only screen and (min-width:768px) and (max-width: 1200px) {
.bg {bottom: -20px;
    width: 80%;
    margin: 0 auto;}
}
@media only screen and (min-width:768px) and (max-width: 900px) {
  .section-elem {
    padding: 2em 0;
  }
}
@media screen and (max-width:768px) {.bg {margin-top: 10px}  .lead {margin: 1.5em 0}.bg .bg-wrap .inn img {width: 90%;}
}
@media screen and (min-width: 870px) {
  .lead {padding: 0 0.8em}
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
::selection{background-color:#7AC283;color:#fff}.lead{border-left:6px solid #7AC283 !important;border-right:6px solid #7AC283 !important}@media screen and (min-width: 1202px){.container{background-color:#7AC283 !important}}@media screen and (min-width: 940px) and (max-width: 1201.98px){.container{padding-right:2em;background-color:#7AC283}}@media screen and (max-width: 939.98px){.container{padding-right:1px;background-color:#7AC283 !important}}.info{border-top:1px solid #7AC283}
 
    
    .header_bg {
        background: #EFEFEF;
        box-sizing: border-box;
    }
    .header_wrap {
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 945px;
        padding: 2.535vw 0;
        box-sizing: border-box;
    }
    .header_logo {
        display: inline-block;
        width: 38.548vw;
    }
    .header_logo img {
        width: 100%;
    }
    .header_pr {
        display: inline-block;
        font-size: 0;
        position: absolute;
    	top: 50%;
    	right: 15px;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	width: 8.585%;
    }.header_pr img {width: 100%}
    
    
@media screen and (min-width: 440px) {
.header_wrap {padding: 10px 0}
.header_logo {width: 179.598px}
.header_pr {width: 40px}
    }   
@media screen and (min-width: 640px) {
.header_logo {width: 210px}.header_wrap {padding: 9.55px 0}
    }
   
.ft_line{display:inline-block;width:100%;height:1px;background:#cdcdcd;border:none}
 
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.wrapper{background-image: url("bk.jpg");background-repeat: repeat-y;background-position: top center}

figure.btn {box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);margin: 0 auto 3em auto}
#sub-9 {padding: 0;width: 438px;margin: 0 0 2em 0}
.live_btn::after{position:absolute;top:32%;content:'';margin-top:0;width:25px;height:25px;background-image:url('arrow.png');background-repeat:no-repeat;background-position:center left;left:unset;background-color: #fff;
  border-radius: 30px;right:25px}
.live_btn{display:inline-block;border:1px solid #ee8100;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(107, 27, 126);padding:0.8em 0;text-decoration:none;background:#ee8100;color:#fff;border-bottom:solid 4px #cc7003;border-radius:50px;margin:0 auto;width:calc(50% - 1.0em);font-weight:600;position:relative;font-size:19px;text-align:center;background-position:center}.detail {margin-bottom:0}
a.live_btn{color: #fff; text-decoration:unset !important;margin: 0 auto 3em auto}
a.live_btn:hover{color:#ee8100 !important;opacity:1;background-color:#ee8100;font-weight:bold;text-decoration:unset;background-color:#fff}a.live_btn:hover::after{background-image: url('arrow_on.png');background-repeat: no-repeat;background-color: #ee8100;border-radius: 30px;background-position: center left;}#primary h2{border-radius:5px}article h5{margin:1em 0}
@media screen and (max-width: 995.98px) {
.avatar {padding-bottom: 0}
}
@media screen and (max-width: 768px) {
.live_btn {width: 100%;margin-bottom: 10px}
}
@media screen and (max-width: 767.98px) {
h2 {max-width: 330px}
}
@media screen and (max-width:600px) {
.live_btn{padding: 0.8em 0 0.8em 0.8em;font-size: 18px;text-align: left;width:100%} .live_btn::after {top: 30%;right: 0.8em}
}
@media screen and (min-width: 767px) {
figure {margin: 2em auto 1em auto}
}
@media screen and (min-width: 1376px) {
.fadeInDown2 {position: absolute;bottom: 170px;left: 0;right: 0;}
.fadeInDown2 img{width: auto;height: auto}
}
@media only screen and (min-width: 812px) and (max-width: 869px) {
.fadeInDown2 {position: absolute;bottom: 120px;left: 0;right: 0;}.fadeInDown2 img{width:60%;height: auto}
}
@media only screen and (min-width: 768px) and (max-width: 811.98px) {
.fadeInDown2 {position: absolute;bottom: 147px;left: 0;right: 0;}.fadeInDown2 img{width:60%;height: auto}
}
@media only screen and (min-width: 1100px) and (max-width: 1376px) {
.fadeInDown2 {position: absolute;bottom:167px;left: 0;right: 0;}.fadeInDown2 img {max-width: 750px}
}
@media only screen and (min-width: 870px) and (max-width: 1099.98px) {
.fadeInDown2 {position: absolute;bottom: 165px;left: 0;right: 0;}.fadeInDown2 img {max-width: 620px}
}

h2::after {background-image: url("h2_bk.jpg");width: 142px;height: 10px}
@media screen and (min-width:940px) {
.text2{padding: 4px 5px 0 40px;font-size: 12px;color: #fff}
}
#global-nav ul li a:hover{opacity: 1}
@media screen and (min-width: 996px) {
.section-text {padding-right: 100px;width: calc(100% - 454px)}.section-text2 {padding-left: 100px;width: calc(100% - 454px);}.section-elem .section-inner2 {max-width:996px}
}

@media screen and (max-width: 995.98px) {
.section-elem .section-inner, .section-elem .section-inner2 {padding-right: 0}
}
@media screen and (max-width: 767.98px) {
article h5 {font-size: 1.6rem;text-align: center;margin-top: 4em}
}
@media screen and (max-width: 767.98px) {
#sub-9 {width: 100%;max-width: 438px;margin: 0 auto;z-index: 5;float: initial;padding: 0 0 8px 0}
}
  .avatar {width:438px}
@media screen and (max-width:489px) {
#sub-9 img, #sub-10 img {width: 100%;height: auto}.avatar {width: 100%;margin-bottom: 2em}article h5 {margin-top: 2em}  .info dt {padding: 1em 0}.detail{font-size: 1.4rem}
}
@media screen and (min-width: 768px) {
.info dl {max-width:800px}
}