
.acc-trigger:hover {
opacity: 1;
}
#newFaqBox .box-panel a{
position: relative;
padding-left: 65px;
display: flex;
justify-content: flex-start;
align-items: center;
background: #fafafa;
padding-right: 50px;
}
#newFaqBox i {
position: absolute;
left: 20px;
top: calc(50% - 16px);
font-size: 2.8rem;
}
#newFaqBox i.fa-chevron-right,
#newFaqBox i.fa-arrow-right {
right: 0px;
left: auto;
font-size: 2rem;
top: calc(50% - 10px);
}
#newFaqBox i.fa-chevron-right {
right: 20px;
}
#newFaqBox .box-panel a.text-primary.ptb5.d-block {
padding: 12px 15px 12px 15px!important;
background: #fff;
text-align: center;
justify-content: center;
align-items: center;
height: 100%;
line-height: 1;
align-self: center;
align-content: center;
width: 100%;
opacity: 1!important;
transition:.3s;
}
#newFaqBox .box-panel a.text-primary.ptb5.d-block:hover {
background-color: #034098 !important;
}
.pc.clearfix.btn.m0a.pc.border-1.font-size13.mb10.mt10.btn-reset.icon-triangle-blue.txt-center.border-primary {
height: auto;
border-radius: 0!important;
opacity: 1!important;
width: auto;
display: inline-block;
margin-left: 0;
margin-right: 0;
position: absolute;
right: 15px;
bottom: -63px;
}
.pc.clearfix.btn.m0a.pc.border-1.font-size13.mb10.mt10.btn-reset.icon-triangle-blue.txt-center.border-primary:hover{
opacity: 1!important;
}

#wideVideo .target-tag {
float: none;
position: relative;
margin-bottom: 20px;
width: 100%;
text-align: left;
padding-top: 5px;
}

#wideVideo #page-title .tag-title.left-side {
width: 28.5em;
text-align: center;
float: left;
margin-right: 0;
margin-top: 5px;
}
#wideVideo .panel-inner .tag-title.left-side {
width: auto;
text-align: center;
float: left;
margin-right: 10px;
margin-top: 6px;
}    
#wideVideo #page-title .list-group.list-tag.left-side,
#wideVideo .panel-inner .list-group.list-tag.left-side {
/* font-size: 16px; */
font-size: 1.6rem;
bottom: -45px;
right: auto;
left: 265px;
}


#wideVideo .panel-inner .target-tag {
float: none;
position: relative;
margin-bottom: 20px;
width: 100%;
text-align: left;
}    

#wideVideo .container .box-movie{
flex-wrap: wrap;
padding: 22px 25px 20px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
#wideVideo .container .box-movie .sp_mt20 {
width: 95%;
}
#wideVideo .box-movie > * {
width: 42%;
}

#wideVideo .box-movie .rightArea {
width: 54.5%;
}
#wideVideo .box-movie .btn.icon-arrow-right{
padding-right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
#wideVideo .box-movie .btn.icon-arrow-right:before {
order: 3;
content: "";
position: relative;
top: auto;
right: auto;
width: 10px;
height: 10px;
border-top: solid 3px #808080;
border-right: solid 3px #808080;
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
margin-top: 7px;
}
#wideVideo .box-movie .btn.icon-arrow-right:after {
order: 2;
content: "";
position: relative;
top: auto;
right: auto;
width: 10px;
height: 10px;
border-top: solid 3px #808080;
border-right: solid 3px #808080;
-ms-transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
margin-top: 7px;
left: 2px;
}
#wideVideo .box-movie .frame-wrapper {
height: 210px;
position: relative;
width: 100%;
overflow: hidden;
}


@media only screen and (max-width: 640px){
.tit01.acc-trigger.sp-trigger.txt-center {
padding: 1.3em;
}
#newFaqBox i {
position: absolute;
left: 6px;
top: calc(50% - 10px);
font-size: 2rem;
}
#newFaqBox .box-panel a {
padding-left: 31px;
padding-right: 15px;
display: flex;
}
#newFaqBox i.fa-chevron-right {
right: 5px;
font-size: 1.5rem;
top: calc(50% - 7.5px);
}
}

@media only screen and (max-width: 640px) {
#wideVideo .container .box-movie {
display: block;
padding-left: 7px;
padding-right: 7px;
}
/*
#wideVideo .container .box-movie .frame-wrapper {
height: 182px;
}
*/
#wideVideo .container .box-movie .frame-wrapper {
height: 100%;
position: absolute;
}
#wideVideo .box-movie > * {
width: 94%;
margin: 0 auto;
}
#wideVideo .box-movie .sp_mt20 {
margin-bottom: 20px!important;
margin-top: 0px!important;
}
#wideVideo .box-movie .sp_mt20 br{
display: none;
}
#wideVideo .box-movie .row{
width: 100%;
margin: 0px auto 0!important;
}
#wideVideo .box-movie .row .col-sp-1  {
padding-left: 0!important;
padding-right: 0!important;
padding-bottom: 15px!important;
}
#wideVideo .box-movie {
display: block;
padding-left: 7px;
padding-right: 7px;
}
#wideVideo .box-movie .rightArea{
width: 94%;
margin: 0 auto;
}
.mb7harf {
margin-bottom: 10px!important;
}
.mb8harf {
margin-bottom: 10px!important;
}
.list-group.list-tag .tag {
width: 6.6em;
}
.last-container.new-balance .cv-w-25p {
padding-top: 2px!important;
}
.last-container.new-balance .cv-w-70p .btn.ptb45,
.last-container.new-balance .cv-w-25p .btn.ptb15{
padding: 1.16em 1em!important;
}
.last-container.new-balance .cv-w-25p .btn.ptb15.mb7harf {
margin-bottom: 30px!important;
}

}

.posterImgWrap {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
}
.posterImgWrap img {
width: 100%;
height: auto;
}

.video_wraper_box {
cursor: pointer;
}
.video_wraper_box iframe{
opacity:0;
transition:.3s;
cursor: pointer;
}
.video_wraper_box{
position: relative;

}
.video_wraper_box:before {
content: "";
display: block;
position: absolute;
top: calc(50% - 23px);
bottom: auto;
left: 0;
right: 0;
width: 45px;
height: 45px;
margin: auto;
background: url(images/play_btn.png) no-repeat center center!important;
z-index: 3;
background-size: cover!important;
opacity: .6;
transition: .2s;
}
.video_wraper_box.activeVideo:before {
z-index: -1!important;
height:0!important;
width :0!important;
visibility:hidden!important;
display:none!important;
}
.video_wraper_box:hover iframe,
.video_wraper_box.activeVideo iframe{
opacity:1;
z-index: 2;
}

@media only screen and (min-width: 641px) {
.btn.btn-orange-link.icon-arrow-right {
padding-right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
}
@media only screen and (max-width: 640px) {
.btn.icon-arrow-right.btn-pdf:after {
right: 8px;
}
.dap-movie {
width: 100%;
height: auto;
top: 0;
margin-top: 30px;
}
.movie-box:first-of-type {
margin-bottom: 30px;
}
.video_wraper_box {
padding-bottom: 56.25%;
}
}
.movie-box img {
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}


.video_wraper_box{
width: 42%;
position: relative;
overflow: hidden;
}
#taisyoku-pege .btn.shadow.disable {
    pointer-events: none!important;
    background: #ccc!important;
    color: #efefef!important;
    border: none!important;
    box-shadow: none!important;
}