@charset "UTF-8";

/*---------動画パーツ-----------*/
#video+section .content_wrapper{
	max-width: 1200px !important;
}
#video+.contents_box01.block_mp4_1 .wrapper_item .inner_item_img {
	margin-left: auto;
	margin-right: 0;
    position: relative;
}

#video_h + .contents_box01 .inner_item_txt p{
  display: block;
  margin-bottom: 0;
}

#video_h + .contents_box01 .inner_item_txt p span.check{
  font-weight: 700;
  color: var(--i_btn_color);
}

/*動画パーツ修正*/
#video_h+section {
    padding-bottom: 140px;
    padding-top: 80px;
}
#video+section {
    margin-top: -400px;
    padding-top: 75px;
    padding-bottom: 55px;
}

/*-----------TOPビデオイラスト追加---------*/
#video + .contents_box01.block_mp4_1 .wrapper_item .inner_item_img:before {
    content: "";
    display: block;
    background: url(/common/upload_data/energyquality-main-officecom/image/20250714175444.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    position: absolute;
	left: -90px;
    top: -80px;
}

@media screen and (min-width: 1151px) {
#video_h + .contents_box01 .inner_item_txt {
    width: 50%;
    margin-left: 0;
}
}

@media screen and (max-width: 1150px){
    #video_h+section .content_wrapper{
        width: 53%;
        margin-left: 0;
    }
}

@media screen and (min-width: 901px) and (max-width: 1000px) {
#video+section {
    padding-bottom: 100px;
}
}

@media screen and (max-width: 900px){
	#video_h+section{
		padding-bottom: 30px;
	}
	#video_h+section .content_wrapper{
        width: 100%;
    }
	#video + section {
  		margin-top: inherit;
		padding-top: 0;
                padding-bottom: 50px;
	}
}

@media screen and (max-width: 900px) {
    #video_h+section {
        padding-bottom: 50px;
    }
    #video + section {
        margin-top: inherit;
        padding-top: 0;
        padding-bottom: 50px;
       overflow: visible;
    }
#video_h+section .heading.block_header_6.align-left {
    align-items: center;
}
#video + .contents_box01.block_mp4_1 .wrapper_item .inner_item_img:before {
    width: 170px;
    height: 170px;
    left: -60px;
    top: -80px;
}
}

@media screen and (max-width: 800px) {
#video_h+section h2.h {
    text-align: center;
}
}

@media screen and (max-width: 480px) {
	#video + .contents_box01.block_mp4_1 .wrapper_item .inner_item_img:before {
        width: 140px;
        height: 140px;
        left: -50px;
        top: -70px;
    }
}
/*------#top_bnr------*/
a#top_bnr+div .wrapper_item {
    padding: 0 10px;
}
a#top_bnr+div.composite_box01 .inner_item_img img {
    border: 5px solid;
    border-image: linear-gradient(to right, #f98764, #f7ef96);
    border-image-slice: 1;
}