.page-title-components .elem-btn-list>div{
	text-align:center;
}

.trial_area{
    position: fixed;
    bottom: 2%;
    left: 2%;
    background: rgba(0, 85, 157, .8);
    width: 80%;
    box-sizing: border-box;
    padding: 2%;
    padding: 20px;
    max-width:calc(375px - 2%);
    display: none;
    opacity:0;
    transition: opacity .5s;
    z-index:2;
    border-radius:4px;
    transition: display .5s , opacity .5s, transform .5s;
}
.trial_active{
    display:block;
    opacity: 1;
    animation-name:slideInUp;
    animation-timing-function: ease-out;
    animation-duration:.5s;
}
.trial_negative {
    border-radius: 100%;
    display:block;
    opacity: 1;
    animation-name:iconAnime01;
    animation-timing-function:ease-out;
    animation-duration:8s;
    animation-iteration-count:1;
    width: inherit;
    cursor: pointer;
    transition: opacity .5s;
    padding: 0;
    background: none;
}
.trial_negative:hover {
    opacity: .7;
}
@keyframes slideInUp{
0%{opacity:0;transform:translate3d(0,100%,0);}
100%{opacity:1;transform:translate3d(0,0,0);}
}
@keyframes iconAnime01{
	from{transform:translate3d(0,0,0);}
	1.5%,3%{transform:translate3d(0,-20px,0);}
	6%,10%,14%,18%,22%,26%{transform:translate3d(0,4px,0);}
	8%,12%,16%,20%,24%,28%{transform:translate3d(0,-5px,0);}
	30%{transform:translate3d(0,5px,0);}
	47%,51%{transform:translate3d(-4px,0,0);}
	49%,53%{transform:translate3d(4px,0,0);}
	32%,46%,48%,50%,52%,54%,to{transform:translate3d(0,0,0);}
}
.trial_flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    width:100%;
    max-width:1100px;
    margin:0 auto;
    color:#fff;
    box-sizing:border-box;
}
.trial_negative > .trial_flex {
    display: none;
}
.trial_flex_icon {
    display: none;
}
.trial_negative .trial_bnr_icon {
    margin: 0;
}
.trial_negative > .trial_flex_icon {
    display: flex;
}

.trial_txt_wrap{
    width:100%;
}
.trial_txt{
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.2rem;
    display:block;
    text-align:left;
    box-sizing:border-box;
}
.ex_font{
    font-size:2rem;
}
.ex_font2{
    font-size:1.7rem;
}
.ex_font_wrap{
display:block;
text-align:center;
width:100%;
}
.trial_bnr_area{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    display:block;
    width:100%;
    box-sizing:border-box;
    border-radius:6px;
    background:#fff;
    margin-top:2%;
}
.trial_bnr_flex{
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    border-radius:6px;
    width:100%;
    padding:0.7rem;
    position:relative;
    color:#fff !important;
    background:#ed6a00;
    transition:opacity .5s;
    text-indent:-3.5rem;
}
.trial_bnr_flex:hover{
    opacity:.7;
}
.trial_bnr_icon{
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 0.5rem 0 2rem;
}
.trial_bnr_icon2{
    width: 130px;
    height: 130px;
    display: flex;
    margin: 0;
    align-items:center;
    justify-content:center;
}
.trial_bnr_icon2 img{
    width:100%;
}
.trial_bnr_arrow_r{
    content:'';
    position:absolute;
    right:5%;
    top:50%;
    transform:rotate(45deg) translate(0,-50%);
    width:0.7rem;
    height:0.7rem;
    display:block;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
}
.trial_close{
    position:absolute;
    display:block;
    top:2%;
    right:2%;
    width:2rem;
    height:2rem;
}
.trial_close:hover,.trial_close:hover *{
    cursor:pointer;
}
.trial_close:before{
    content:'';
    border-left:1px solid #fff;
    width:2rem;
    height:2rem;
    position:absolute;
    top:-1px;
    left:0;
    transform:rotate(45deg) translate(50%,0);
}
.trial_close:after{
    content:'';
    border-left:1px solid #fff;
    width:2rem;
    height:2rem;
    position:absolute;
    top:0;
    left:0;
    transform:rotate(-45deg) translate(50%,0);
}
@media (max-width:1135px){
    .trial_flex{
        justify-content:center;
    }
    .page-to-top{
        transition:bottom 0.4s ease;
    }
    .page-to-top a:hover{
        color:#263e8b;
        border: 1px solid #263e8b;
        background: rgba(255,255,255,.6);
    }
    .page-to-top a:hover .icon-right-arrow{
        fill:inherit;
    }
    .trial_txt_wrap{
        width:100%;
        margin:0 0 2%;
    }

}
/**add 202009 by nakane**/
.trial_bnr_flex_sample{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  border-radius: 6px;
  width: 100%;
  padding: 0.7rem;
  position: relative;
  color: #ed6a00;
  background: #fff;
  transition: opacity .5s;
}
.trial_bnr_flex_sample:hover{
  opacity:0.7;
  color:#e4e4e4 !important;
}
.trial_bg_green{
  color:#fff !important;
  background:#009e96 !important;
}
.trial_bg_oragnge{
  color:#fff !important;
  background:#ed6a00 !important;
}
.trial_bnr_flex_sample .trial_bnr_icon{
    margin: 0 0.5rem 0 0;
}
.line_bloc{
  width:100%;
  display:block;
  margin:0.5rem 0;
}
.line_bloc .ex_font_wrap{
  text-align:left;
  position:relative;
}
.line_bloc .ex_font_wrap:before{
  content:'';
  display:inline-block;
  width:0;
  height:0;
  border:0.45rem solid transparent;
  border-left:0.6rem solid #fff;
}