/* common.css */

html, body, div, h1, h2, h3, h4, h5, h6, p, address, blockquote, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset,
section, hgroup, nav, article, aside, header, footer {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

section, nav, article, aside, header, footer {
	display: block;
}

img {
	border: none;
	vertical-align: bottom;
}

ul li, ol li, dl dt{
	list-style-type: none;
}

/*
.noto-sans-jp {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
.noto-serif-jp {
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
*/
body {
	line-height: 1.8;
	font-size:14px; /* 幅が750px以上の場合は文字サイズを固定する。 */
    letter-spacing: 0.1em;
	color: rgb(70, 65, 60); /*# 46413c（R70 G65 B60）*/
	-webkit-text-size-adjust: none;
	background-color: #FFFFFF;
    font-feature-settings: "palt";
	font-family: "Noto Sans JP",'ＭＳ Ｐゴシック',sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
}
.close_spacing{
    letter-spacing: 0em;
}

@media(min-width:768px){    /* PC 幅が750px以上の場 */
	body {
		font-size:16px;
	}
    .sp_img {
        display: none;
    }

}
@media(max-width: 767px) {
    .pc_img {
        display: none;
    }
}
h1, h2, h3, h4, h5, h6,
.main_menu, #top_contact, #foot_menu_box, .footOthersite, #footerMenu,#foot_contact,
.pc_nav_menu,.pc_zenkoku,.pc_contact01,.sub_title,.link_btn,.link_btn2,.link_btn3,.midashi2,
.banner_box {
    font-weight: 500;
    font-family: "Noto Serif JP",'メイリオ',Meiryo,'游明朝',YuMincho,'Hiragino Mincho Pro',serif;
}

h3, h4, h5, h6{
    letter-spacing: 0.0em;
}

a {
	color: #009BB4;
	text-decoration: underline;
	-webkit-tap-highlight-color: #99CCFF;
}
a:link {
	color: #009BB4; /* 0 155 180 */
	text-decoration:underline;
}
/*a:visited {	color: #54A7B9;	}*/
a:hover {
	text-decoration:none;
}

#wrapper {
	text-align: left;
	margin : 0 auto;
	background : #fff;
    overflow: hidden;
}
#contents {
	margin : 0 auto;
    max-width: 1200px;

}

/*
a img:hover {
opacity: 0.8;
}
*/

a:hover {
    opacity: 0.8;
}
img{
	max-width:100%;
	height:auto;
}

.font_ss {
    font-size:70%;
    padding-bottom: 10px !important;
}
.font_s {
    font-size:80%;
}
.font_xl {
    font-size:130%;
}
.font_l {
    font-size:120%;
}

.pageTitle {
	padding-top:12px;
	padding-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background-color: #EBEBEB;
}
.redtext {
	color: #F00;
}

/*全体のSP対応*/

#header{
/*	position: relative;
    position: fixed;
*/
    position: relative;
	top: 0;
	left: 0;
    z-index: 100;
	width: 100%;
	margin: 0 auto;
	color:#666666;
	overflow: visible;
	background-color: #ffffff;
    letter-spacing: 0em;
    border-bottom: solid 1px #ccc;
}
#header a:hover{
	color:#666666;
}

#head_banner{
    position: relative;
	margin: 0 auto;
	height: 65px;
	padding-top: 0;
	max-width: 1200px;
	min-width: 300px;
}
#head_banner h1{
	position: relative;
	z-index: 99;
	font-size: 9px;
	margin: 0px;
	text-align: right;
	top: 0;
	right: 10px;
	color: #666666;
	font-weight: normal;
	padding: 0px;
}

#head_banner .aquas_logo{
	position: absolute;
	float: none;
	width: 120px;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	top: 5px;
}
#head_banner .aquas_logo img{
/*	width: auto;*/
	height: auto;
}

#head_banner .top_menu{
	display: block;
	position: absolute;
	top: 18px;
	right: 16px;
	width: 30px;
	background:url(/images/v8/menu_close3.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	cursor:pointer;
}
#head_banner .sp_request01{
	display: block;
	position: absolute;
	top: 18px;
	right: 58px;
	width: 30px;
}
#head_banner .top_menu.active img{
	opacity: 0;
}

#header .menu_box{
	display: none;
	position: absolute;	/* 重ねて表示 */
	width: 100%;
	background: rgba(255,255,255,1);
	z-index: 1000;
	top: 100%;
}
.main_menu a {
	color: #fcfbfb !important;
    opacity: 1;
}

.main_menu {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #86c8d4;
	font-size:17px;
    background-color: #18A0B0;/*RGB(25,160,176)*/
}
.main_menu li {
    position: relative;
	text-decoration: none;
	color: #fcfbfb;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_menu li a ,
.main_menu > li > span {
	display: block;
    cursor: pointer;
	color: #fcfbfb;
	text-decoration: none;
	padding-top: 27px;
	padding-bottom: 27px;
	padding-right: 40px;
	padding-left: 23px;
	border-bottom: 1px solid #6DD0DD;
}

.main_menu > li > span::after {
	font-size:20px;
    content: '+';
    position:absolute;
    right:22px;
    top:25px;
}
.main_menu > li > span.open::after {
    content: '';
    position:absolute;
    right:25px;
    top:32px;
    width: 10px;
    height: 10px;
    border: 0px;
	border-bottom: solid 1px #fcfbfb;
}
.main_menu li ul li a{
	position: relative;
	display: block;
	font-size:15px;
	padding-top: 14px;
	padding-right: 40px;
	padding-bottom: 14px;
	padding-left: 23px;
	background-color: RGB(93,163,175);
	border-bottom: 1px solid #86c8d4;
	text-decoration: none;
}

.main_menu li ul li a span {
	padding-left: 36px;
}
.main_menu li ul li a span::after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    border: 0px;
    border-left: solid 1px #fcfbfb;
	border-bottom: solid 1px #fcfbfb;
	position: absolute;
	top: 1.3em;
	left: 0;
	margin-top: -0.1em;
	margin-left:45px;
}
/*
資料請求、問い合わせ
*/
#top_contact {
    width: auto;
	font-size: 4.03vw;
	line-height: 1.7;
	background-image: url(/images/v8/sp_menu_sub2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
    padding-top: 0.58em;
    margin-top: 0px;
}
#top_contact ul{
    padding-top: 1.2em;
    padding-bottom: 1.6em;
}
#top_contact ul li {
    position: relative;
	text-decoration: none;
	color: #fcfbfb;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#top_contact ul li a {
	display: block;
    cursor: pointer;
	color: #fcfbfb !important;
	text-decoration: none;
    margin-left: 2.2em;
    margin-right: 1.2em;
	padding-top: 0.81em;
	padding-bottom: 1.1em;
    padding-left: 3.25em;
}
#top_contact li span{
	font-size:70%;
	font-weight: normal;
}

/* PCナビゲーションメニュー */
.pc_nav_menu {
    background-color: #fff; /* メニューの背景色 */
    color: #2c2c2c; /* メニューテキストの色 */
    font-size: 14px;
    letter-spacing: 0.015em;
	position: absolute;
    top:14px;
    right: 285px;
}
.menu_list {
    display: flex;
}
.menu_item {
    margin: 0;
    display: flex;
}

/* メニューアイテムのホバースタイル */
.menu_item:hover,
.menu_item a:hover {
    color: #009BB4 !important;

}
.menu_item:hover .drop_menu_list {
  visibility: visible; /* 下層メニューを表示 */
}
.menu_item a,
.drop_menu {
    color: rgb(70, 65, 60);
    text-decoration: none; /* リンクの下線を非表示 */
    height: 30px;
    cursor: pointer;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 14px;
}

/* ドロップダウンメニュー */
.drop_menu {
    position: relative;
}
.drop_menu_list {
    background-color: #fff; /* ドロップダウンメニューの背景色 */
    left: 0;
    position: absolute;
    top: 100%;
    visibility: hidden; /* 下層メニューを非表示 */
    width: 250px;
    padding-left: 0px;
    justify-content: left;
    z-index: 1;
    border-top: 1px solid #86c8d4;
    box-shadow: 2px 2px 4px gray;
}
.drop_menu_item{
    border-bottom: 1px solid rgb(70, 65, 60);
}
.drop_menu_item a{
	display: block;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
}
.drop_menu_item span {
	display: block;
    position: relative;
    padding-left: 16px;
    padding-top: 3px;
    background-color: #e9f0f1;
}
.drop_menu_item span a {
    padding-top: 8px;
    padding-bottom: 8px;
}
.drop_menu_item:last-child{
    border-bottom: none;
}
.drop_menu_item span::after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    border: 0px;
    border-left: solid 1px rgb(70, 65, 60);
	border-bottom: solid 1px rgb(70, 65, 60);
	position: absolute;
	top: 1.5em;
	left: 15px;
	margin-top: -0.1em;
	margin-left:2px;
}

#header .pc_shopping{
	display: block;
	position: absolute;
    font-size: 12px;
    right: 178px;
    height: 25px;
    top: 20px;
}
#header .pc_shopping img {
    height: 25px;
    padding-right: 7px;
}
#header .pc_zenkoku {
	display: block;
	position: absolute;
    font-size: 10px;
    line-height: 1.0;
    right: 160px;
    height: 25px;
    top: 22px;
}
#header .pc_contact01{
	display: block;
	position: absolute;
	top: 20px;
/*    left: 1070px;
*/
    right: 7px;
	width: 140px;
    height: 27px;
	background:url(/images/v8/p_h_0_form.jpg) no-repeat;
	background-size: auto 100%;
	background-size: 140px;
    background-position: bottom;
	cursor:pointer;
}
#header .pc_contact01 a{
	display: block;
    color: #fff;
    text-decoration: none;
    padding-left: 28px;
    font-size: 14px;
}

/* トップメニューは画面に収まるように */
@media(min-width:1050px){

#head_banner .top_menu, #head_banner .sp_request01{
    display: none;
}
#header{
	min-width: 1050px;
    position: fixed;
}
#contents {
    padding-top: 65px;
}

}

@media (max-width: 1049px){
.pc_nav_menu,
#header .pc_shopping,
#header .pc_zenkoku,
#header .pc_contact01{
    display: none;
}

}


#foot_contact {
    width: auto;
	font-size: 4.03vw;
	line-height: 1.7;
	background-image: url(/images/v8/menyu_siryou2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
    padding-top: 4.8em;
    margin-top: 0px;
	clear: both;
}
#foot_contact p{
    font-size: 80%;
    padding-left: 1.5em;
}
#foot_contact ul{
    padding-top: 1.2em;
    padding-bottom: 4.0em;
}
#foot_contact ul li {
    position: relative;
	text-decoration: none;
	color: #fcfbfb;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#foot_contact ul li a {
	display: block;
    cursor: pointer;
	color: #fcfbfb;
	text-decoration: none;
    margin-left: 1.2em;
    margin-right: 1.2em;
	padding-top: 0.81em;
	padding-bottom: 0.982em;
    padding-left: 3.25em;
}
#foot_contact li span{
	font-size:70%;
	font-weight: normal;
}

@media(min-width:768px){    /* PC 幅が768px以上の場 */
#head_banner .aquas_logo{
	padding-top: 11px;
	top: 5px;
}
#top_contact{
    display: none;
}
#foot_contact {
	margin: 0 calc(50% - 50vw);
    padding: 0;
	width: 100vw;
	font-size:18px;
	background-image: url(/images/v8/pc_footer1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size:auto;
}
#foot_contact_inner{
    max-width: 1200px;
    min-width: 1200px;
	margin : 0 auto;
    padding-top: 80px;
	background-image: url(/images/v8/pc_footer1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size:auto;
}

#foot_contact p{
    font-size: 16px;
    padding-left:20px;
}
#foot_contact ul{
    padding-top: 25px;
    padding-bottom: 80px;
}
#foot_contact ul li a {
    margin-left: 20px;
    margin-right: 20px;
	padding-top: 15px;
	padding-bottom: 12px;
    padding-left: 60px;
}

}

/* foot menu */

#foot_menu_box{
    position: relative;
	width: 100%;
    background-color: #18A0B0;/*RGB(25,160,176)*/
}
#foot_menu_box_inner{
	margin: 0 auto;
    max-width: 1200px;
}
#foot_menu_title {
    font-size: 22px;
    color: white;
    width: auto;
    padding-top: 90px;
    padding-bottom: 30px;
	background-image: url(/images/v8/sp_foot_menu_back.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto;
    width: 100%;
}
#foot_menu_title p{
    padding-left: 20px;
}

#sp_foot_main_menu{
    width: 100%;
}
/* start PC */
#pc_foot_main_menu {
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
}

.foot_menu_list {
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 1px #fff;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.foot_menu_item {
    display: inline-block;
    margin: 0;
    width: 225px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 80px;
    padding-bottom: 0px;
    color: #dad8d8;
}
/* 子メニュー */
.foot_child_menu_list {
    border-top: #FFF solid 1px;
    left: 0;
    width: 265px;
    margin-top: 10px;
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 20px;
    justify-content: left;
    z-index: 1;
}
.foot_child_menu_item a {
	display: block;
    text-decoration: none;
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
}
.foot_child_menu_item span {
	display: block;
    position: relative;
    padding-left: 15px;
}

.footOthersite{
	font-size:12px;
    margin: 0px;
	padding-top: 0px;
	padding-bottom: 30px;
	line-height: 1.1;
}
.footOthersite ul{
    display: flex;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
	border-bottom: 1px solid #86c8d4;

}
.footOthersite li span{
	font-size:9px;
	font-weight: normal;
}
.footOthersite li{
    display: flex;
    flex-direction: column;
    justify-content: center;

    flex: 1;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
	background-image: url(/images/v8/footmenu_back3.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 200px auto;

	border-right: 1px solid #86c8d4;

}
.footOthersite ul li:last-child  {
	margin-left: 20px;
	border-right: none;
}
.footOthersite li a {
	color: #fcfbfb;
	text-decoration: none;
}
.footerMenu_gird{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.footerMenu_item1{
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.footerMenu_item2{
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}
.footerMenu_item3{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
.footerMenu_item4{
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}
.footerMenu_item5{
    grid-column: 4 / 5;
    grid-row: 1 / 2;
}
.footerMenu_item6{
    grid-column: 4 / 5;
    grid-row: 2 / 3;
}


.footMenuEtc{
    padding-left: 32%;
    padding-top: 25px;
    padding-bottom: 25px;
	border-bottom: 1px solid #86c8d4;
}


#footerMenu {
	font-size:11px;
    height: 90px;
}
#footerMenu ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 10px;
    padding-top: 0px;
    width: auto;
}
#footerMenu ul li {
    flex: none;
    list-style: none;
    margin: 5px;
    margin-right: 0px;
    padding: 0px;
    padding-right: 10px;
    padding-left: 5px;
}
#footerMenu ul li a {
	color:#fcfbfb;
    display: block;
    text-decoration: none;
    text-align: left;
}
#footerMenu ul li:not(:last-child)  {
    padding-right: 10px;
    border-right: 1px solid #fcfbfb;
}


#footer {
	color: #FFFFFF;
	text-align: center;
	font-size: 9px;
	padding-top: 0px;
	padding-bottom: 35px;
}


@media(min-width:1050px){    /* PC 幅が1050px以上の場 */
#foot_menu_box{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
    font-size: 13px;
}
#foot_menu_title{
    font-size: 28px;
    padding-left: 0px;
    padding-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 120px;
	background-image: url(/images/v8/pc_foot_logo.png);
	background-repeat: no-repeat;
	background-position: 10px 70px;
}
#foot_menu_title p{
    padding-left: 0px;
}
#sp_foot_main_menu {
    display: none;
}
#footerMenu{
    padding-left: 10px;
}
#footerMenu ul,
#footerMenu ul li{
    padding-left: 0px;
    margin-left: 0px;
}
#footerMenu ul li{
    margin-right: 10px;
}
.footOthersite{
    padding-left: 0px;
}
.footOthersite ul{
	border-bottom: none;
    padding-bottom: 0px;
}
.footOthersite li{
    flex: none;
	background-image: url(/images/v8/footmenu_back_pc.png);
	background-size: auto;
    background-position: right -1px;
    padding-left: 7px;
    padding-right: 25px;
    padding-top: 0px;
    padding-bottom: 10px;
    margin: 0;
	border-right: none;
}
.footOthersite ul li:last-child  {
	margin-left: 0px;
}
#footer {
	text-align: left;
	font-size: 9px;
	padding-top: 0px;
    padding-left: 10px;
	padding-bottom: 25px;
}

}

@media (max-width: 1049px){
#pc_foot_main_menu {
    display: none;
}

}


/* メインバナー */
.video_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

	margin-bottom: 40px;
}
.video_box video {
    width: 100%;
}
.banner_box {
    font-size: 25px;
    position: relative;/*相対配置*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
	margin-bottom: 0px;
    padding-bottom: 5px;
}
.banner_box img,
.wide_box img,
.wide_img img,
.wide_img_1024 img{
    width: 100%;
}
.banner_box h2,
.banner_box p {
    position: absolute;/*絶対配置*/
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.banner_box h2 span,
.banner_box span{
    margin-top: 10px;
    font-size: 10px;
}
.wide_img,
.wide_img_1200{
    padding-top: 20px;
    padding-bottom: 5px;

	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
.wide_img_1200 {
    max-width: 1200px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.wide_box, .top_wide_box{
    position: relative;/*相対配置*/
    display: flex;
    flex-direction: column;
    justify-content: left;
    background-color: rgb(239, 245, 245);
    margin-top: 0px;
    margin-bottom: 30px;
}
.wide_box{
    margin-top: 40px;
}
.top_wide_box .top_aboutus{
    position: absolute;/*絶対配置*/
}
.mid_box {
    padding: 40px;
    padding-bottom: 15px;
}
.left_900_box{
    text-align: left;
}
.keep_size_box{
    display: flex;
    justify-content: center;
}
.keep_size_box img{
    width: 80%;
    object-fit:cover;
    padding-top: 50px !important;
    padding-bottom: 55px !important;
}


@media(min-width:410px){    /* PC 幅が410px以上の場 */
.banner_box {
    padding-bottom: 20px;
}
.wide_img img,
.wide_box img,
.banner_box img{
    max-height: 400px;
    object-fit: cover;

}
.top_wide_box img{
    max-height: 600px;
    object-fit: cover;
    object-position: bottom;
}
.video_box video {
    max-height: 500px;
    object-fit: cover;

}
.keep_size_box img{
    width: 70%;
}
.left_900_box img{
    max-height: 500px;
}

}


@media(min-width:768px){    /* PC 幅が768px以上の場 */

.wide_img, .banner_box, .wide_box, .top_wide_box, .video_box {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
.wide_img{
    padding-bottom: 0px;
}
.wide_img img,
.wide_box img{
    max-height: 400px;
    object-fit: cover;
}
.video_box {
    padding-bottom: 40px;
}
.banner_box {
    padding-bottom: 0px;
}
.banner_box h2,
.banner_box p {
    font-size: 30px;
}
.banner_box h2 span,
.banner_box span{
    font-size: 16px;
}

.video_box video{
    max-height: 500px;
    object-fit: cover;
}
.banner_box img {
    max-height: 500px;
    object-fit: cover;
}
.wide_box{
    flex-direction: column;
    align-items: center;
}
.wide_img_1200 {
	margin: 0 auto;
}
.top_wide_box{
    flex-direction: column;
    align-items: center;
    margin-bottom: 0px;
}
.top_wide_box img{
    width: 100%;
    min-height: 400px;
    object-fit: cover;
    object-position: center
}
.mid_box{
	margin: 0 auto;
    max-width: 800px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 35px;
}
.left_900_box{
	margin: 0 auto;
    max-width: 940px;
}
.left_900_box img{
    padding-left: 20px;
    padding-right: 20px;
    max-height: none;
    max-width: 900px;
}
.keep_size_box img{
    width: auto;
}

}


/* コンテンツ */
.arrow_dowun {
    position: relative;
    display: inline-block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
    padding-bottom: 15px;
}
.arrow_dowun:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 0;
    border-bottom: solid 1px #009BB4;
    border-right: solid 1px #009BB4;
    transform: rotate(45deg);
    position: absolute;
}
.article,
.articles{

	margin: 25px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
	padding: 0px;
}
.article2{
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 55px;

    background-color: rgb(239, 245, 245);
}
.article_inner{
    padding-bottom: 65px;
    border-bottom: solid 1px rgb(179, 179, 179);
    margin-bottom: 25px;
}

.articles {
    border-bottom: solid 1px rgb(179, 179, 179);
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.article .midashi2{
    font-size: 110%;
    font-weight: 700;
}
.article h3,
.article2 h3,
.articles h3{
	text-align: center;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
    padding-top: 40px;
    padding-bottom: 35px;
    line-height: 1.6;
}
.article h4,
.article2 h4,
.articles h4{
	text-align: center;
	font-size: 21px;
	margin: 0px;
	padding: 0px;
    padding-top: 40px;
    padding-bottom: 30px;
    line-height: 2.0;
    letter-spacing: -0.02em;
}
.article2 h4{
    padding-top: 20px;
}
.article .sub_title,
.articles .sub_title{
	text-align: center;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 2.0;
}
.article .sub_title span,
.articles .sub_title span{
    padding: 12px;
    padding-top: 5px;
	padding-bottom: 5px;
    border-bottom: solid 1px rgb(59, 59, 59);
}
.article h5,
.article2 h5,
.articles h5{
	text-align: center;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
    padding-top: 10px;
    padding-bottom: 25px;
    line-height: 1.7;
    font-weight: 600;
}

.article p,
.article2 p,
.articles p{
    padding-bottom: 25px;

}
.article img{
    padding-top: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.articles img {
    padding-top: 15px;
    padding-bottom: 40px;
}
.article2 img{
	margin-top: 0px;
	margin-bottom: 0px;
}
.wide_img_1200 img {
    padding-top: 10px;
}
.left_900_box img{
    padding-top: 20px;
    padding-bottom: 75px;
}

.article ul,
.article2 ul,
.articles ul,
.article ol,
.article2 ol,
.articles ol{
	line-height: 1.9;
	text-align: left;
	list-style: disc;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 10px;
    padding: 0px;
    padding-left: 20px;
}
.article ol{
	margin-bottom: 45px;
}
.article ul li,
.article2 ul li,
.articles ul li{
	list-style: disc;
}
.article ol li,
.article2 ol li,
.articles ol li{
	list-style: decimal;
}

.article_scroll{
	margin : 0 auto;
    margin: 0px;
    overflow-x: scroll;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
}
.article2 .article_scroll{
    margin-left: 0px;
    margin-right: 0px;
}
.article_scroll table{
    white-space: nowrap;
    background-color: #fff;
    font-size: 85%;
    border-collapse: collapse;
}
.article_scroll table th{
    background-color: #e9e7e7;
    padding: 8px 10px;
    color: #18A0B0;/*RGB(25,160,176)*/
    border: 1px solid #ccc;
}
.article_scroll table td{
    background-color: #fff;
    padding: 8px 10px;
    border: 1px solid #ccc;
}
.article_scroll table th span{
    font-size: 72%;
}
.article_scroll table td span{
    color: #18A0B0;/*RGB(25,160,176)*/
    padding-right: 5px;
    font-weight: 700;
}
.article b,
.article2 b,
.articles b,
.article_scroll span{
    color: #18A0B0;/*RGB(25,160,176)*/
}
hr {
	color: #ccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	clear: both;
	border-bottom-style: none;
	margin-bottom: 24px;
}
div.designTable2 table{
	font-size: 14px;
	line-height: 22px;
	border-collapse : collapse;
    table-layout: auto;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
	color: #333333;
    background-color: #fff;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #ccc;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
div.designTable2 table tr td {
	border-collapse : collapse;
	vertical-align : top;
    background-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-top: 26px;
	padding-right: 10px;
	padding-bottom: 26px;
	padding-left: 8px;
}
div.designTable2 table tr th {
    min-width: 4em;
	border-collapse : collapse;
    word-wrap: break-word;
    overflow-wrap: break-word;
    vertical-align : top;
	font-weight: normal;
    background-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-top: 26px;
	padding-right: 10px;
	padding-bottom: 26px;
	padding-left: 8px;
}


@media(min-width:768px){    /* PC 幅が768px以上の場 */
.arrow_dowun {
    padding-top: 15px;
}

.article{
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: 80px;
}
.article_inner{
    padding-bottom: 110px;
    margin-bottom: 0px;
}
.articles{
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 35px;
}
.article2{
	margin : 0 auto;
    max-width: 1200px;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 100px;
}
.article2 .article_scroll{
    margin-left: 20px;
    margin-right: 20px;
}
.article_scroll{
    max-width: 1200px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 25px;
    overflow-x: visible;
}
.article_scroll table{
    width: 100%;
    font-size: 100%;
}
.article_scroll table th,
.article_scroll table td{
    padding-left: 20px;
}
.article_scroll table th span{
    font-size: 100%;
}
.article h3,
.article2 h3,
.articles h3{
    font-size: 30px;
    padding-top: 85px;
    padding-bottom: 45px;
}
.article h4,
.article2 h4,
.articles h4{
    font-size: 26px;
    padding-top: 30px;
    padding-bottom: 45px;
    line-height: 2.0;
    letter-spacing: 0.0em;
}
.article .sub_title,
.articles .sub_title{
    padding-top: 60px;
    padding-bottom: 5px;
}
.article h5,
.articles h5{
    font-size: 21px;
    padding-top: 25px;
    padding-bottom: 55px;
}

}

/* 資料請求ボタン Request for information */
.link_btn,
.link_btn2,
.link_btn3 {
    padding-top: 0px;
    padding-bottom: 40px;
    letter-spacing: 0em;
}
.link_btn,
.link_btn2 {
    margin: 0 auto;
}
.link_btn2 {
    padding-bottom: 50px;
}
.link_btn3 {
    padding-bottom: 30px;
}
.link_btn a,
.link_btn2 a {
    margin: 0 auto;
}
.link_btn a,
.link_btn2 a,
.link_btn3 a{
	display: block;
    border: solid 1px #18A0B0;
    text-align: center;
	text-decoration: none;
    max-width: 400px;
    width: fit-content;
    padding-left: 10px;
    padding-right: 50px;

	background-image: url(/images/v8/btn_mark01_5.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
}
.link_btn a{
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
    min-width: 300px;
    max-width: 350px;
}
.link_btn2 a,
.link_btn3 a {
    font-size: 15px;
    text-align: left;
    border: none;
    border-bottom: solid 1px #18A0B0;
	background-position: right 0px bottom;
    padding-bottom: 3px;
    padding-left:0px;
    padding-right: 30px;
}
.link_btn3 a:last-child{
    margin-top: 5px;
}

.link_btn3 p{
    padding-bottom: 10px;
    font-weight: 700;
}
.request_btn, .order_btn{
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 15px;
    width: 90%;
}
.request_btn a, .order_btn a{
    margin: 0 auto;
	display: block  ;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding-top: 6px;
    padding-bottom: 7px;
    max-width: 350px;
    min-width: 250px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background-color: #56ab56;
    border-radius: 50vh;
}
.request_btn a{
	background-image: url(/images/v8/request_mark01.png);
	background-repeat: no-repeat;
	background-position: left 30px top 4px;
    padding-left: 40px;
}
.order_btn{
    padding-bottom: 40px;
}
.order_btn a{
    padding-left: 20px;
    padding-right: 20px;
    background-color: #e4815b;
}
.request_btn a span{
    font-size: 12px;
}

.box_left {
    display: block;
    padding-top: 0px;
}
.box_right{
    display: block;
    flex-direction: row-reverse;
}
.flex_box,
.flex_box2,
.flex_box3 {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}
.flex_box3 {
    padding-bottom: 20px;
    margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

.flex_box img,
.flex_box2 img,
.flex_box3 img{
    padding-top: 15px;
    padding-bottom: 40px;
}
.flex_box .link_btn,
.flex_box2 .link_btn,
.flex_box3 .link_btn{
    margin-top: 15px;
}

@media(min-width:768px){    /* PC 幅が768px以上の場 */

.article p,
.article2 p,
.articles p,
.article b,
.article2 b,
.articles b{
    padding-left: 20px;
    padding-right: 20px;
}
.article img{
    padding-top: 90px;
}
.articles img {
    padding-top: 0px;
    padding-bottom: 55px;
}
.article ul,
.article2 ul,
.articles ul,
.article ol,
.article2 ol,
.articles ol{
    padding-left: 30px;
}
.wide_img_1200 img {
    padding-top: 0px;
    padding-bottom: 0px;
}
.left_900_box img{
    padding-top: 20px;
    padding-bottom: 120px;
}

.box_left,
.box_right {
    display: flex;
}
.flex_box,
.flex_box2 {
    width: 50%;
    padding-top: 35px;
    padding-bottom: 0px;
}
.flex_box3 {
    width: calc(100% / 3);
    padding-top: 35px;
    padding-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
	border-bottom-style: none;

}
.flex_box3 p{
    padding: 0;
}
.flex_box3 img {
    width: 100%;
}
.flex_box3 h5{
    text-align: left;
}
.flex_box img,
.flex_box2 img,
.flex_box3 img{
    margin: 0px;
    padding: 0;
    top: 0;
    padding-bottom: 55px;
}
.flex_box2 {
    padding-top: 0px;
}
.flex_box2 img{
    padding-bottom: 30px;
}
.box_left .flex_box:last-child,
.box_left .flex_box2:last-child{
    padding-left: 60px;
}
.box_right .flex_box:first-child,
.box_right .flex_box2:first-child{
    padding-left: 60px;
}
.box_left .flex_box:last-child p,
.box_left .flex_box2:last-child p{
    padding-left: 0px;
}
.box_right .flex_box:first-child p,
.box_right .flex_box2:first-child p{
    padding-right: 0px;
}
.box_right .flex_box:last-child p,
.box_right .flex_box2:last-child p{
    padding-right: 0px;
}
.flex_box2 .link_btn{
    margin-top: 35px;
}
.link_btn{
    padding-bottom: 85px;
}
.link_btn2{
    padding-bottom: 85px;
}
.link_btn3{
    padding-left: 20px;
    padding-bottom: 25px;
}
.link_btn a{
    min-width: 350px;
}
.link_btn3 p{
    padding-left: 0px;
}
.order_btn{
    padding-bottom: 85px;
}


}

/*
トップページのレイアウト
*/
.top_article {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 30px;
}
.top_article_inner{
    padding-bottom: 30px;
    border-bottom: solid 1px rgb(179, 179, 179);
    margin-bottom: 30px;
}
.top_article h3{
    font-size: 26px;
    text-align: left;
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 40px;
}
.top_article .sub_title2{
    font-size: 16px;
    padding-top: 35px;
    padding-bottom: 40px;
}
.top_article  .sub_title{
    text-align: left;
    font-size: 13px;
    padding-bottom: 0;
    color: rgb(179, 179, 179);
    height: 20px;
}
.top_article .wide_img {
    padding-top: 0px;
    padding-bottom: 0px;
}
.top_article img {
    margin: 0px;
    padding-top: 0px;
}
.title_lf::after{
    content:"\A";
    white-space:pre;
}
.top_article p {
    padding-left: 10px;
    padding-right: 10px;
}
.top_article .flex_box2 p{
    padding-left: 50px;
    padding-right: 50px;
}
.top_aboutus{
    margin: 35px;
    margin-top: 45px;
    margin-left: 50px;
    margin-right: 50px;
    overflow: hidden;
}

.top_aboutus h4{
	font-size: 22px;
    font-weight: 600;
	display: block;
    padding-left: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
    margin-bottom: 15px;
}
.top_aboutus h4 a{
	display: block;
	color: rgb(70, 65, 60); /*# 46413c（R70 G65 B60）*/
    text-decoration: none;
	background-image: url(/images/v8/btn_mark3_3.png);
	background-repeat: no-repeat;
	background-position: right 10px bottom 4px;
}

.top_aboutus p{
    padding-left: 0px;
}
.top_aboutus .sub_title {
    text-align: left;
	font-size: 17px;
    font-weight: 600;
    padding-bottom: 15px;
}

.products_gird{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 2fr 1fr;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 0px;
}
.products_gird img {
    padding: 0px;
    margin: 0px;
    max-height: 800px;
}
.products_item1{
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    padding-bottom: 4px;
}
.products_item2{
    grid-column: 1 / 2;
    grid-row: 2 / 2;
    padding-right: 2px;
}
.products_item3{
    grid-column: 2 / 3;
    grid-row: 2 / 2;
    padding-left: 2px;
}
.top_step {
    padding: 20px;
    padding-top: 0px;
}
.top_step h4{
    text-align: left;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
}
.top_step p{
    padding-left: 0px;
    padding-right: 0px;
}
.top_step span{
    color: #18A0B0;
    font-weight: 600;
}

.faq_list,
.faq_list2{
    margin-top: 30px;
    margin-bottom: 35px;
}
.faq_title,
.faq_list h4{
    color: #18A0B0 !important;
    font-size: 16px !important;
}
.blog_faq h4{
    font-size: 20px !important;
}
.faq_list summary,
.faq_list2 summary{
	position: relative;
	list-style: none;
    margin: 0;
    margin-left: 20px;
    margin-right: 20px;
	padding: 12px 25px 12px 0px;
	border-bottom:1px solid rgb(164, 209, 217);
	cursor: pointer;
}
.faq_list2 summary{
    margin-left: 0px;
    margin-right: 0px;
}
.blog_faq summary{
    margin-left: 0px;
    margin-right: 0px;
}

.faq_list summary::before{
	content: "Q";
    font-weight: 600;
    font-size: 110%;
    padding-right: 10px;
}
.faq_list summary::after,
.faq_list2 summary::after{
	position: absolute;
	width: 10px;
	height: 10px;
	top: calc(50% - 7px);
	right: 10px;
	border-right: 1px solid rgb(59, 59, 59);
	border-bottom: 1px solid rgb(59, 59, 59);
	box-sizing: border-box;
	content: "";
	transform: rotate(45deg);
	transition: top 0.4s ease-out, transform 0.4s ease-out;
}
.faq_list details[open] summary::after,
.faq_list2 details[open] summary::after{
	top: calc(50% - 0px);
	transform: rotate(-135deg);
}
.faq_list .faq_contents{
    padding-top: 15px;
    padding-left: 22px;
    padding-right: 20px;
}
.blog_faq .faq_contents{
    padding-left: 2px;
    padding-right: 0px;
}
.faq_list .faq_contents p{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
}
.faq_list .faq_contents p:first-child::before{
	content: "A";
    font-weight: 600;
    font-size: 110%;
    padding-right: 10px;
}
.faq_list2 .faq_contents {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
}
.faq_list2 .faq_contents ul{
    padding-left: 7px;
}
.news_index,
.top_news {
    margin: 20px;
    margin-bottom: 35px;
    margin-top: 0;
    border-top: rgb(164, 209, 217) solid 1px;
}
.news_index {
    margin-left: 0;
    margin-right: 0;
}
.news_list a{
    text-decoration: none;
    color: rgb(70, 65, 60);
	display: block;
}
.news_list dt{
    padding-top: 18px;
    font-size: 90%;
}

.news_list dt span{
    margin-left: 10px;
    color: rgb(179, 179, 179);
}
.news_list dd{
    padding-bottom: 18px;
    border-bottom: rgb(164, 209, 217) solid 1px;
}
.plan_request{
    margin-bottom: 0px;
    padding-bottom: 60px;
}
.plan_request h4{
    text-align: left;
    padding-top: 35px;
    padding-bottom: 20px;
}
.plan_request img{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    max-height: none;
}
.plan_request_inner {
    padding-left: 20px;
    padding-right: 20px;
}
.plan_request .article2 {
    padding-bottom: 20px;
}

.swiper{
    margin: 0;
    padding: 0;
    margin-top: 0px;
}
.swiper img{
    padding-top: 0px;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -2rem;
}
.slider1{
    margin-bottom: 0px;
}
.slider2{
    margin-top: 5px;
    margin-bottom: 35px;
}

@media(min-width:768px){    /* PC 幅が768px以上の場 */

.top_article {
    margin-bottom: 45px;
    padding-bottom: 0px;
    padding-top: 40px;
}
.top_article_inner{
    padding-bottom: 45px;
    margin-bottom: 0px;
}
.top_article .box_left{
    padding-top: 0px;
}
.top_article h3{
    font-size: 30px;
    padding-left: 20px;
    padding-top: 80px;
    padding-bottom: 60px;
}
.top_article .sub_title2{
    padding-top: 10px;
    padding-bottom: 60px;
}
.top_article .flex_box p{
    padding: 25px;
    padding-bottom: 40px;
}

.title_lf::after{
    content:"";
    white-space:break-spaces;
}
.top_aboutus{
    max-width: 800px;
    width: 800px;
    margin-top: 45px;
}
.top_aboutus h4{
    max-width: 700px;
}
.top_article  .sub_title{
    padding-right: 20px;
}
.top_article p {
    padding-left: 0px;
    padding-right: 0px;
}
.products_gird{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-left: 0px;
    padding-right: 0px;
}
.products_item1{
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    padding: 0;
}
.products_item2{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    padding: 0;
}
.products_item3{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    padding: 0;
}
.top_step {
    padding-bottom: 40px;
}
.top_step h4{
    padding-top: 60px;
}
.top_step p{
    padding-left: 0px;
    padding-right: 0px;
}
.faq_list,
.faq_list2 {
    margin-top: 45px;
    margin-bottom: 60px;
}
.faq_list summary{
    margin-right: 20px;
}
.faq_list2 summary{
    margin-left: 20px;
    margin-right: 20px;
}
.faq_list .faq_contents p{
    padding-left: 0px;
    padding-right: 0px;
}
.faq_list2 p{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}

.faq_list2 details p{
    padding-left: 0px;
    padding-right: 0px;
}
.blog_faq h4{
    font-size: 23px !important;
}
.blog_faq summary{
    margin-left: 20px;
    margin-right: 20px;
}
.faq_list .faq_contents {
    padding-left: 22px;
}
.faq_list2 .faq_contents {
    padding-left: 35px;
    padding-right: 22px;
}
.faq_list2 .faq_contents ul{
    padding-left: 8px;
}

.news_index,
.top_news {
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 60px;
}
.news_list{
    display: flex;
    margin-top: 0px;
    padding-top: 10px;
}
.news_list dt{
    width: 250px;
    padding-top: 0px;
    border-bottom: rgb(164, 209, 217) solid 1px;
}
.news_list dt span{
    padding-left: 10px;
}
.news_list dd{
    flex: 1;
}
.plan_request img{
    padding-top: 0px;
    padding-bottom: 80px;
    width: 100%;
    max-width: 900px;
}
.plan_request h4{
    padding-left: 20px;
}
.slider2{
    margin-bottom: 60px;
}


}


.adj_bottom{
    margin-bottom: 0px;
}
.adj_bottom10{
    margin-bottom: 10px;
}
.adj_bottom15{
    margin-bottom: 15px;
}
.adj_bottom25{
    margin-bottom: 25px;
}
.adj_bottom50{
    margin-bottom: 50px;
}
.adj_t10_b40{
    margin-top: 10px;
    margin-bottom: 40px;
}
.adj_btm40{
    margin-bottom: 40px;
}
.adj_top50{
    margin-top: 50px;
}
.adj_top40{
    margin-top: 40px;
}
.adj_top_bottom{
    margin-top: 40px;
    margin-bottom: 75px;
}
.adj_t0_b0{
    padding-top: 0px;
    margin-bottom: 0px;
}
.top_adj_top h3{
    padding-top: 10px;
}
.top_adj_top .link_btn2{
    padding-bottom: 50px;
}
.top_adj_top2 h3{
    padding-top: 20px;
}
.top_adj_top3{
    margin-bottom: 0px;
}


@media(min-width:768px){    /* PC 幅が768px以上の場 */

.adj_h3_top h3{
    padding-top: 50px;
}
.adj_h3_top{
    margin-top: 20px;
    margin-bottom: 65px;
}
.adj_bottom50{
    margin-bottom: 100px;
}
.adj_t10_b40{
    margin-top: 35px;
    margin-bottom: 60px;
}
.adj_btm40{
    margin-bottom: 45px;
}
.adj_b100_pc{
    margin-bottom: 100px;
}
.adj_top_bottom{
    margin-top: 95px;
    margin-bottom: 120px;
}
.adj_t0_b0 h3{
    padding-top: 60px;
}
.top_adj_top h3{
    padding-top: 0px;
}
.top_adj_top .link_btn2{
    padding-bottom: 80px;
}
.top_adj_top2{
    margin-bottom: 0px;
}
.top_adj_top2 h3{
    padding-top: 50px;
}
.top_adj_top3{
    margin-top: 70px;
    margin-bottom: 0px;
}
.voice_adj_banner{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

}
/*
トップページのレイアウト ここまで
*/

/*
スマホのフッターメニュー
*/
.bottom_link {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 800;
    width: 100%;
	ul{
		display: none;
		@media screen and (max-width: 768px) {
			display: flex;
		}
		li{
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
		}
	}
    img {
        max-height: 50px;
        height: 50px;
        object-fit: cover;
    }
}
.foot_btn_web{
    background-color: #74BEC7;
}
.foot_btn_req{
    background-color: #2098A8;
}

.youtube_video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube_video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}