@charset "utf-8";

/*-----------------------------------------------------
	[ Base Layout Style ]
------------------------------------------------------*/

/* =========================================================
◆Link Style
========================================================= */
a:link    { color: #1FACCA; text-decoration: none; }
a:visited { color: #1FACCA; text-decoration: none; }
a:hover   { color: #1FACCA; text-decoration: underline; }
a:active  { color: #1FACCA; text-decoration: none; }
a img { transition: opacity 0.6s; backface-visibility: hidden; }
a:hover img { opacity: 0.7; }


/* =========================================================
◆Basic
========================================================= */
html { -webkit-text-size-adjust:none; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { color: #333; background:#fff; font-size: 15px; line-height: 1.875; /*font: 15px / 1.875  "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Verdana, sans-serif;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; 
font-family:"Yu Gothic", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Verdana, sans-serif;}
img { max-width: 100%; height: auto; width :auto; vertical-align:top; display:block; }
figure { border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

/* clear */
.clear  { clear: both !important; }
/* clearfix */
.cFix:after { content: ""; clear: both; display: block; }
.clearfix:after { content: ""; clear: both; display: block; }
/* pcBlock,pcInline */
.pcBlock { display: block;}
.pcInline { display: inline-block;}
.spBlock,
.spInline { display: none;}

.is_gnavOpen { width: 100%; height: 100%; position: fixed; }

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

/* アイコン関連
-----------------------------------------------*/

/* PDFアイコンあり */
.ico::after{position: static; margin: 0 0 0 3px; content: ""; display: inline-block;border: none; transform: none; vertical-align: top; width:12px; height: 12px;  background: no-repeat center center;background-size:contain;}
.ico.ico_pdf::after{background-image: url("/common_pa/images/icon_pdf_bk.png");}
.ico.ico_dl::after{background-image: url("/common_pa/images/icon_dl_bk.png");}
.ico.ico_exlink::after{background-image: url("/common_pa/images/icon_exlink_bk.png");}
.ico.ico_play::after{background-image: url("/common_pa/images/icon_play_bk.png");}
.ico.ico_en::after{background-image: url("/common_pa/images/icon_en_bk.png");}
.ico.ico_saerch::after{background-image: url("/common_pa/images/icon_saerch_bk.png");}


/* =========================================================
◆common
========================================================= */
.main_table{font-size: 13px !important;}

.head_seacrh_box{ display: block; padding:20px 20px; background: #f4f4f4;}
.head_seacrh_box form.mt-site-search-form{background: #fff; display: flex; justify-content: space-between;}
.head_seacrh_box form.mt-site-search-form input#mt-site-search-form__query{line-height: 2.5; padding: 5px 10px; width: 95%; display: block; border: none;}
.head_seacrh_box form.mt-site-search-form button.mt-site-search-form__button{text-indent: -9999px; border: none; width: 45px; height: 45px; cursor: pointer; background:url(/common_pa/images/icon_saerch_bk.png) no-repeat center center #fff; background-size: 20px auto;}

/* =========================================================
◆Head
========================================================= */

	/* head_seacrh_main */
#head_seacrh_main{width: 100%;}
.head_seacrh_box{padding:10px 20px;}
	

/* =========================================================
◆Body
========================================================= */
.ly_body { margin-top: 98px; }


/* =========================================================
◆Main
========================================================= */
.ly_main { width: 100%; clear: both; }

/* ヘッダー共通 */
.ly_head{padding:0px 0 0px 0; border-bottom: 0px solid #e4e4e4; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 99;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);}
.ly_head .ly_head_inner { margin: 0 auto; /* width: 1240px;*/ width: 96%;
    /* 230522 追加*/
    display: flex; justify-content: space-between;}

.ly_head .ly_head_inner .bl_headLogoBlock{flex-basis: 200px;}

.ly_head .ly_head_inner #head_main{margin-top: 20px; flex: 1;}

.bl_headLogoBlock{position: relative;z-index: 1; display: inline-block;vertical-align: middle; align-self: center;}
.bl_headLogoBlock img{height: 50px;  vertical-align: middle;}

.ly_head .bl_contentsBlock .bl_contentsBlock_inner{padding-bottom: 0; margin-top: 0!important; margin-bottom: 0!important; padding-top: 0;}
@media screen and (max-width: 1401px){
    .ly_head .ly_head_inner{min-width: 1240px;}
}
@media screen and (max-width: 1025px){
    .ly_head .ly_head_inner{min-width:inherit;}
}
/* head_top
----------------------------------------------*/
#head_main {flex:1;}
#head_main .ly_gnav_box{}
#head_top{position: absolute; top: 13px; /*right: calc(50vw - 620px);*/ right: 2%; margin: 0 auto;  z-index: 0;}
.header_after_bg{height: 100vh; width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 11; background: rgba(255,255,255,0.15); animation-name: head_active_bg; animation-timing-function: ease-in-out; animation-duration: .3s; }
@keyframes head_active_bg {
	  0% {opacity: 0; display: none;}
	  100% {opacity: 1; display: block;}
}

/* head_top_list */
#head_top .head_top_list {display: flex; justify-content: flex-end;}
#head_top .head_top_list li{margin-left: 15px; font-size: 12px;}
#head_top .head_top_list li a{color: #333;}
#head_top .head_top_list li a::after{vertical-align: text-top; height: 14px;}
#head_top .head_top_list li.head_seacrh{/*display: none;*/}
#head_top .head_top_list li.head_seacrh a span,
#head_top .head_top_list li.head_en a span{display: none;}
#head_top .head_top_list li.head_seacrh a::after,
#head_top .head_top_list li.head_en a::after{width: 19px; height:19px; background-position: center;vertical-align: top;}
#head_top .head_top_list{ position: relative;}
/* head_seacrh_main */
#head_seacrh_main{position: relative; z-index: 2;display: none; }
.head_seacrh_box{background-color:#f4f4f4;min-width: 600px; padding:20px 20px; position:absolute; top: 0px; right: 0; z-index: 100;}
.head_seacrh_box_bg{content: ""; display: none; position: fixed; width: 100%; height: 100vh; background: #fff; top: 0; left: 0; opacity: 0.0; z-index: 1;}
.active_seacrh .head_seacrh_box_bg{display: block;}
@keyframes header_seacrh {
  0% {opacity: 0; display: none;}
  100% {opacity: 1; display: block;}
}
/* bl_gnavList */
.ly_gnav_inner .bl_gnavList {display: flex; justify-content:flex-start; margin-top: 20px;}
.ly_gnav_inner .bl_gnavList > li:first-child{margin-left: auto;}
.ly_gnav_inner .bl_gnavList > li{/*width: 16.66%;*/}
.ly_gnav_inner .bl_gnavList > li .navi_main_tit{display: block; padding: 11px 0 21px 0;}
.ly_gnav_inner .bl_gnavList > li .navi_main_tit > a{display: block; text-align: center; font-size: 15px; line-height: 1.4; letter-spacing:2px; font-weight: bold; color: #333; /*border-right: 1px solid #e4e4e4;*/ padding: 0px 30px; position: relative; transition: all 0.5s; }
.ly_gnav_inner .bl_gnavList > li:first-child .navi_main_tit > a{ /*border-left: 1px solid #e4e4e4;*/ }
.ly_gnav_inner .bl_gnavList > li .navi_main_tit > a::after{content: ""; display: inline-block; width: 6px; height: 6px; margin-left: -3px; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; position: absolute; left: 50%; bottom: -9px; transform: rotate(45deg); transition: all 0.2s; }
.ly_gnav_inner .bl_gnavList > li .navi_main_tit > a:hover{text-decoration: none; opacity: 0.5;}
.ly_gnav_inner .bl_gnavList > li .navi_main_tit > a:hover::after{bottom: -12px;}

/* navi_main
----------------------------------------------*/
/* common */
.ly_gnav_inner .sf_ico{margin-right: 48px;}
.ly_gnav_inner .sf_ico::before,
.ly_gnav_inner .sf_attention::before{content: ""; display:inline-block;width: 18px; height: 12px; background: url("../images/navi/navi_sf_ico.svg")no-repeat center; vertical-align: middle; position: absolute; top: 4px; right: -26px; background-size: contain;}
.ly_gnav_inner .sf_attention::before{position: static; margin-right: 5px; vertical-align: middle;}
.ly_gnav_inner .sf_attention{font-weight: bold; color: #21ADCA; margin-left: 0 !important;}
.ly_gnav_inner .bl_gnavList .navi_main {position: absolute; top: 93px; left: 0; width: 100%; transition: opacity .6s ease, height .2s ease; opacity: 0; height: 0; overflow: hidden;}
.ly_gnav_inner .bl_gnavList .navi_main .navi_main_wrp{padding: 25px 0 40px 0;}
.ly_gnav_inner .bl_gnavList li.active .navi_main {opacity: 1;}
.ly_gnav_inner .bl_gnavList::before{content: ""; display: block; position:absolute;z-index:0;left:0; top: 93px; width: 100%; height: 0px; overflow: hidden; opacity:0; transition: height .3s ease, opacity .2s ease; background-color: #fff;box-shadow: rgb(0 0 0 / 5%) 0px 5px 10px; border-top: 1px solid #ddd;}
.ly_gnav_inner .bl_gnavList:hover::before{opacity: 1;}

.ly_gnav_inner .navi_main .navi_main_list{display: flex; justify-content:space-around; width: 1200px !important; margin: 0 auto!important;}
.ly_gnav_inner .navi_main .navi_main_list .navi_main_list_line{width: 1px !important; background-color: #ddd;}
.ly_gnav_inner .navi_main .navi_main_list > *:last-child{border-right: none;}
.ly_gnav_inner .navi_main .navi_main_list_tit{font-size: 16px; font-weight: bold; text-align: center; color: #21ADCA; margin-bottom: 7px; letter-spacing: 2px;}
.ly_gnav_inner .navi_main .navi_main_img{margin-bottom: 15px; text-align: center;}
.ly_gnav_inner .navi_main .navi_main_img img{display: inline-block;}
.ly_gnav_inner .navi_main .navi_main_btn{text-align: center;}
.ly_gnav_inner .navi_main .navi_main_btn .link_btn{width: auto; padding: 12px 40px; font-size: 14px !important;}
.ly_gnav_inner .navi_main .navi_main_btn .link_btn.ico_btn{padding:12px 40px 12px 40px!important}
.ly_gnav_inner .navi_main .navi_main_btn .link_btn.ico_btn::after{width: 16px; height: 16px;}
.ly_gnav_inner .navi_main .navi_main_txt{font-size: 13px; margin-bottom: 10px;}

.ly_gnav_inner .navi_link_list > li{border-bottom: 1px solid #eee; padding-bottom: 13px; line-height: 1.4;}
.ly_gnav_inner .navi_link_list > li{font-size: 14px; font-weight: bold; padding-left: 16px; position: relative; margin-bottom: 15px;}
.ly_gnav_inner .navi_link_list > li a{font-weight: normal; color: #333; transition: 0.5s; display: block;}
.ly_gnav_inner .navi_link_list > li a:hover{color: #21ADCA; text-decoration: none;}
.ly_gnav_inner .navi_link_list > li::before{content: ""; display: inline-block; width: 6px; height: 6px; border-right: 2px solid #21ADCA; border-bottom: 2px solid #21ADCA; position: absolute; top: 5px; left: 0px; transform: rotate(-45deg); transition: all 0.2s; }

/* navi_txt_list*/
.ly_gnav_inner .navi_main .navi_txt_box{letter-spacing: 1px; line-height: 1.4;}
.ly_gnav_inner .navi_main .navi_txt_box a{ transition: 0.2s; color: #333;}
.ly_gnav_inner .navi_main .navi_txt_box dt{font-size: 14px; font-weight: bold; padding-left: 16px; position: relative; margin-bottom: 15px;letter-spacing:0;}
.ly_gnav_inner .navi_main .navi_txt_box dt a:hover{color: #21ADCA;}
.ly_gnav_inner .navi_main .navi_txt_box dt::before{content: ""; display: inline-block; width: 6px; height: 6px; border-right: 2px solid #21ADCA; border-bottom: 2px solid #21ADCA; position: absolute; top: 5px; left: 0px; transform: rotate(-45deg); transition: all 0.2s; }
.ly_gnav_inner .navi_main .navi_txt_box dd{margin-left: 16px; margin-bottom: 8px;}

.ly_gnav_inner .navi_main .navi_txt_box .navi_txt_sub_link > a{ display: inline-block; padding-left: 13px; margin: 0 15px 10px 0; position: relative;font-size: 14px;}
.ly_gnav_inner .navi_main .navi_txt_box .navi_txt_sub_link > a:hover{color: #21ADCA;}
.ly_gnav_inner .navi_main .navi_txt_box .navi_txt_sub_link > a::before{content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; position: absolute; top: 6px; left: 0; background: #21ADCA;}
.ly_gnav_inner .navi_main .line_anime::after,
.ly_gnav_inner .navi_main .line_anime_wrp > a::after{background-color: #21ADCA;}

.ly_gnav_inner .navi_main .navi_txt_sub_tit{padding-left: 16px; position: relative;color: #21ADCA; font-weight: bold;}
.ly_gnav_inner .navi_main .navi_txt_sub_tit::before{content: ""; display: block; position: absolute; top: 10px; left: 0; width: 11px; height: 1px;background-color: #21ADCA;}

.ly_gnav_inner li#navi_product .navi_main_list > li#prodact_saas{ width: 62%;}
.ly_gnav_inner li#navi_product .navi_main_list_tit{margin-bottom: 15px; text-align: left;}
.ly_gnav_inner .bl_gnavList#navi_product_box .active .navi_main,
.ly_gnav_inner #navi_product_box.bl_gnavList::before{height:420px;}

.ly_gnav_inner .bl_gnavList#navi_casestudy_box .active .navi_main,
.ly_gnav_inner #navi_casestudy_box.bl_gnavList::before{height:373px;}
.ly_gnav_inner li#navi_casestudy .navi_main_list > li{width: 40%;}

.ly_gnav_inner .bl_gnavList#navi_download_box .active .navi_main,
.ly_gnav_inner #navi_download_box.bl_gnavList::before{height:373px;}
.ly_gnav_inner li#navi_download .navi_main_list > li{width: 30%;}

.ly_gnav_inner .bl_gnavList#navi_event_box .active .navi_main,
.ly_gnav_inner #navi_event_box.bl_gnavList::before{height:373px;}
.ly_gnav_inner li#navi_event .navi_main_list > li{width: 30%;}

.ly_gnav_inner .bl_gnavList#navi_company_box .active .navi_main,
.ly_gnav_inner #navi_company_box.bl_gnavList::before{height:250px;}

/*
.ly_gnav_inner .bl_gnavList#navi_contact_box .active .navi_main,
.ly_gnav_inner #navi_contact_box.bl_gnavList::before{height:370px;}*/
.ly_gnav_inner #navi_contact_box.bl_gnavList::before{display: none;}
.ly_gnav_inner li#navi_contact .navi_main_list > li{width: 30%;}
  


/* header cv_btn start */
.ly_gnav_inner li#navi_download .navi_main_tit,
.ly_gnav_inner li#navi_contact .navi_main_tit{padding: 0;}
.ly_gnav_inner li#navi_company .navi_main_tit a,
.ly_gnav_inner li#navi_download .navi_main_tit a,
.ly_gnav_inner li#navi_contact .navi_main_tit a{border-right: none;}
.ly_gnav_inner li#navi_download .navi_main_tit a::after,
.ly_gnav_inner li#navi_contact .navi_main_tit a::after{border-color: #fff; bottom: 9px; display: none;}
.ly_gnav_inner li#navi_download .navi_main_tit a:hover::after,
.ly_gnav_inner li#navi_contact .navi_main_tit a:hover::after{bottom: 6px;}
.ly_gnav_inner li#navi_download .navi_main_tit a,
.ly_gnav_inner li#navi_contact .navi_main_tit a{background-color: #FF9E00; color: #fff; display: block; padding: 10px 30px; text-align: center; border-radius: 40px;}
.ly_gnav_inner li#navi_contact .navi_main_tit a{background-color: #fff; color: #2FAECB; outline: 2px solid #2FAECB; outline-offset: -2px;}
/* header cv_btn end */

.ly_gnav_inner li#navi_contact{margin-left: auto; margin-right: 10px;}

@media screen and (max-width: 1025px){
    #head_top,
    .ly_head .ly_head_inner{width: 100%; display: block;}
    .ly_head .ly_head_inner .bl_headLogoBlock{flex-basis: 100%;}
    .bl_headLogoBlock img{margin: 4px 0; height: 30px;}
    .ly_gnav_inner .bl_gnavList{/*display: none;*/}
}

/* =========================================================
◆Foot
========================================================= */
/* フッター共通_ナビ */
.ly_foot { background-color: #f5f5f5; }
.ly_foot a { color: #333; display: inline-block; line-height: 1.6; }
.ly_foot .footer_box a{transition: 0.5s; text-decoration: none; display: inline-block;}
.ly_foot .footer_box a:hover{opacity: 0.5;} 
.ly_foot .footer_box a::after{ content: ""; position: absolute; bottom: -6px; right: 0; display: block; width: 0; height: 2px; background-color: #ddd; transition: width 0.3s;}
.ly_foot .footer_box a:hover{text-decoration: none;}
.ly_foot .footer_box a:hover::after{left: 0; width: 100%;}

/* フッター共通_ナビ */
.ly_foot .bl_foot_top { margin: 0 auto; padding: 80px 0 30px; width: 1200px; line-height: 1.4;}
.ly_foot .footer_box dt{font-size: 16px; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid #ddd; padding-bottom: 9px; margin-bottom: 15px;}
.ly_foot .footer_box dd{font-size: 14px; letter-spacing: 1px; margin-bottom: 25px; display: block;}
.ly_foot .footer_box .footer_sub_tit{border-left: 3px #333 solid; line-height: 1.2; padding-left: 13px; margin-bottom: 15px; font-weight: bold;}
.ly_foot .footer_box .footer_sub_box > li{margin-bottom: 12px;}
.ly_foot .footer_box .footer_sub_box > li a{font-size: 13px; letter-spacing: 1px; position:relative; padding-left: 13px; line-height: 1.2;}
.ly_foot .footer_box .footer_sub_box > li a::before { content: ""; display: inline-block; position: absolute; top: 4px; left: 0; width: 6px; height: 6px;  border-right: 2px solid #22AECA; border-bottom: 2px solid #22AECA; ; transform: rotate(-45deg); vertical-align: middle;}

.ly_foot .bl_foot_mid{  margin-bottom: 30px;}
.ly_foot .bl_foot_snsList{display: flex; justify-content: center;}
.ly_foot .bl_foot_snsList > li{margin: 0 10px;}
.ly_foot .bl_foot_snsList img{width: 50px; height: auto;}

.ly_foot .bl_foot_btm{margin-left: 3%; margin-right: 3%; padding: 30px 0; border-top: 1px solid #CCCCCC; display: flex; justify-content: space-between; align-items: center; align-content: center;}
.ly_foot .bl_foot_btm * {display: inline-block; font-size: 12px;}
.ly_foot .bl_foot_btm .bl_foot_link {text-align: left;}
.ly_foot .bl_foot_btm .bl_foot_link > li{margin-right: 10px;}

.ly_foot .bl_foot_btm .bl_foot_other *{vertical-align: middle;}
.ly_foot .bl_foot_btm .bl_foot_other img{display: inline-block; max-width: 100%; height: auto;}
.ly_foot .bl_foot_btm .bl_foot_other .bl_foot_privacyBlock > *{vertical-align: middle;}
.ly_foot .bl_foot_btm .bl_foot_other .bl_foot_privacyBlock_img{ width: 100px; margin-right: 15px;}
.ly_foot .bl_foot_btm .bl_foot_other .bl_foot_privacyBlock_txt{width: 200px; margin-left: 15px; font-size: 10px;}

.ly_foot .bl_copy{font-size: 12px; padding: 7px 10px; text-align: center; background-color: #555555; color: #fff; display: block; }

@media screen and (max-width: 768px){
.ly_foot .bl_foot_top { margin: 0 6%; padding: 40px 0 15px; width:auto;}
.ly_foot .bl_foot_btm{flex-wrap: wrap; justify-content: center}
.ly_foot .bl_foot_btm > *{width: 100%; }
.ly_foot .bl_foot_btm .bl_foot_link{text-align: center; margin-bottom: 15px;}
.ly_foot .bl_foot_btm .bl_foot_other .bl_foot_privacyBlock_txt{margin-left: 5px;}
.ly_foot .bl_foot_btm .bl_foot_other{display: flex; justify-content: center;}
	.ly_foot .footer_box dt{position: relative;}
	.ly_foot .footer_box dt::before { content: ""; display: inline-block; position: absolute; top: 4px; right: 5px; width: 6px; height: 6px;  border-right: 2px solid #22AECA; border-bottom: 2px solid #22AECA; ; transform: rotate(-45deg); vertical-align: middle; transition: 0.5s;}
	.ly_foot .footer_box dt.active::before{transform: rotate(45deg); }
	.ly_foot .footer_box dd{display: none;}	
	
	
.layout_box_movie{padding-top:10px;}
.layout_box_movie li{text-align:center;margin:0 auto;width:100%;}

}
@media screen and (max-width: 450px){
.ly_foot .footer_box,
	.ly_foot .footer_sub_box{display: block; width: 100%; margin-right: 0 !important;}
  .ly_foot .footer_box > *,
	.ly_foot .footer_sub_box > *{width: 100% !important; margin-bottom: 7px; margin-right: 0 !important; }
	.ly_foot .bl_foot_btm .bl_foot_other .bl_foot_privacyBlock_img{width: 110px;}
	.ly_foot .bl_foot_btm .bl_foot_other .bl_foot_privacyBlock_txt{font-size: 10px; letter-spacing: 0; width: 130px;}
}

/* =========================================================
◆Pagetop
========================================================= */
.bl_pageTop { width: 40px; position: fixed; bottom: 35%; right: 55px; opacity: 0; transition: opacity 0.3s; z-index: 1; pointer-events: none; }
.bl_pageTop.is_show { opacity: 1; pointer-events: auto; }
.bl_pageTop a { display: inline-block; }
.bl_pageTop img { width: 100%; }


/* =========================================================
◆FadeIn
========================================================= */
.el_fadeIn { opacity: 0; transform: translate(0, 25px); transition: all 0.5s; }
.el_fadeIn.is_scrollIn { opacity: 1; transform: translate(0, 0); }


/*--------------------------------------------------------------------------
	[ RWD Style ]
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px){

	/* =========================================================
	◆Link Style
	========================================================= */
	a:hover img { opacity: 1; }

    figcaption{font-size:12px;line-height:1.5;}

	/* =========================================================
	◆Basic
	========================================================= */
	/* spBlock,spInline */
	.spBlock { display: block;}
	.spInline { display: inline-block;}
	.pcBlock,
	.pcInline { display: none;}

	/* =========================================================
	◆Head
	========================================================= */
	/* ヘッダー共通 */
  .ly_head{padding: 5px 0;}
  .bl_headLogoBlock img{margin-left: 0;}
  .ly_gnav_inner .bl_gnavList{display: block;}
  #head_main{display: none;}
  .head_seacrh_box,
  #head_top{position: static;}
  #head_seacrh_main{padding: 10px 5% !important; min-width: inherit !important; width: 100% !important; background: #f4f4f4; display: block;}
  #head_seacrh_main .sp_head_seacrh_box{display: block; padding: 0; width: 100%; box-sizing: border-box;min-width: inherit;}

  .ly_gnav{ overflow-y: auto; height: 100vh;padding-bottom: 30px;}
  .ly_gnav .bl_gnavList{background: #fff !important;}
  .ly_gnav_box{display: flex; flex-direction: column-reverse; padding-bottom: 30px;}
  .ly_gnav_inner .bl_gnavList::before{display: none;}
  .ly_head_inner > .bl_headLogoBlock{width: 100%; display: flex; box-sizing: border-box; align-items: center; padding: 0 5%;}
  
	.ly_head .bl_navTrigger,
	.ly_head .bl_navTrigger span { display: inline-block; transition: all .4s; }
	.ly_head .bl_navTrigger { margin: 0 0 0 auto; width: 22px; height: 20px; position: relative; }
	.ly_head .bl_navTrigger span { width: 100%; height: 2px; position: absolute; left: 0; background-color: #43afc8; }
	.ly_head .bl_navTrigger span:nth-of-type(1) { top: 0; }
	.ly_head .bl_navTrigger span:nth-of-type(2) { top: 9px; }
	.ly_head .bl_navTrigger span:nth-of-type(3) { bottom: 0; }
  
  /* head_top */
  #head_top .head_top_list li.head_seacrh{display: none;}
  #head_top .head_top_list{display: flex; justify-content: space-between; flex-wrap:wrap;}
  #head_top .head_top_list > li{width: 40%; margin: 0 5%;}
  #head_top .head_top_list > li a{display: block; padding: 5px 0;}
  #head_top .head_top_list > li a::before{content: ""; display: inline-block; width: 14px; height: 14px; background: url("../images/sp_head_top_list_btn.svg") no-repeat; background-size: cover; margin-right: 6px; vertical-align: middle;}
  #head_top .head_top_list li.head_en a span{display: inline-block;}
  
  /* bl_gnavList*/
  .ly_gnav_inner .bl_gnavList > li{width: 100% !important; box-sizing: border-box;}
  .ly_gnav_inner .bl_gnavList > li .navi_main_tit{padding: 0; border-bottom: 1px solid #ddd;}
  .ly_gnav_inner .bl_gnavList > li .navi_main_tit a{ text-align: left; padding: 10px 5%;}
  .ly_gnav_inner .bl_gnavList > li .navi_main_tit > a::after{left: inherit; right: 5%; bottom: 50%;}
  .ly_gnav_inner .bl_gnavList > li .navi_main_tit.active > a::after{bottom: 50% !important; transform: rotate(225deg);}
  .ly_gnav_inner .bl_gnavList > li .navi_main_tit > a:hover{opacity: 1 !important;}
  .ly_gnav_inner .bl_gnavList > li .navi_main_tit > a:hover::after{bottom: 50% !important;}
  .ly_gnav_inner .bl_gnavList .navi_main{display: none; position: static !important; height:auto !important; }
  .ly_gnav_inner .bl_gnavList .navi_main.active{animation-name: head_active_bg; animation-timing-function: ease-in-out; animation-duration: .3s; opacity: 1; display: block; }
  .ly_gnav_inner .bl_gnavList .navi_main .navi_main_wrp{padding: 15px 5%;}

.ly_gnav_inner li#navi_download .navi_main_tit a::after,
.ly_gnav_inner li#navi_contact .navi_main_tit a::after{bottom: 50%;}
    
    
  .ly_gnav_inner .navi_main .navi_main_list,
  .ly_gnav_inner .navi_main .navi_txt_list{display: block; width: 100% !important;}
  .ly_gnav_inner .navi_main .navi_main_list > *,
  .ly_gnav_inner .navi_main .navi_txt_list > *{width: auto !important;}
  .ly_gnav_inner .navi_main .navi_txt_box dt{letter-spacing: 0; margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px;}
  .ly_gnav_inner .navi_main .navi_txt_box .navi_txt_sub_link > a{margin: 0 10px 5px 0;}
  
  .ly_gnav_inner li .navi_main_list > *{margin-bottom: 40px;}
  .ly_gnav_inner li .navi_main_list > *:last-child{margin-bottom: 0;}
  .ly_gnav_inner .navi_main .navi_main_list_tit{font-size: 14px; letter-spacing: 0; margin-bottom: 10px;}
  .ly_gnav_inner .navi_main .navi_main_img{margin-bottom: 8px; text-align: center;}
  .ly_gnav_inner .navi_main .navi_main_img img{width: 50%; height: auto;}
  .ly_gnav_inner .navi_main .navi_main_btn .link_btn.ico_btn,
  .ly_gnav_inner .navi_main .navi_main_btn .link_btn{padding: 8px 25px !important; font-size: 13px !important; line-height: 1.2;}
  
  
  .ly_gnav_inner li#navi_product .navi_main_list_tit{margin-bottom: 10px;}
  .ly_gnav_inner li#navi_company .navi_link_list{display: block;}
  .ly_gnav_inner li#navi_company .navi_link_list > *{width: 100% !important; margin-bottom: 8px !important; padding-bottom: 6px !important; margin-right: 0 !important;}
  .ly_gnav_inner li#navi_download .navi_main_tit a,
    .ly_gnav_inner li#navi_contact .navi_main_tit a{text-align: left; padding-left: 5%; border-radius: 0;}
    .ly_gnav_inner li#navi_download .navi_main_tit a::after,
    .ly_gnav_inner li#navi_contact .navi_main_tit a::after{display: inline-block;}
  
  
	/* =========================================================
	◆Body
	========================================================= */
	.ly_body { margin-top: 44px; }


	/* =========================================================
	◆Main
	========================================================= */
	.ly_main {}
	.ly_main_inner { }



	/* =========================================================
	◆Pagetop
	========================================================= */
	.bl_pageTop { width: 40px; right: 5px; }


} /* media */


@media screen and (max-width: 320px){
	.ly_head .bl_headLogoBlock a .bl_headLogoBlock_img { width: 130px; }
	.ly_head .bl_headLogoBlock a .bl_headLogoBlock_txt { font-size: 10px; }
} /* media */

/* カラーパターン */
.el_btnBlock .el_btn.el_btn__orange { background-color: #ffa545; }
.el_btnBlock .el_btn.el_btn__green { background-color: #31b5a6; }
.el_btnBlock .el_btn.el_btn__gray { background-color: #727272; }

.btn{background:#ff0000;color:#fff;padding:5px 10px;}

.bl_foot_top ul ul{margin:0 10px 0;}
figure img{margin:5px auto;}
#voicebanner{position:fixed;right:0;bottom:30%;}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
     margin:0 auto;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 80%;
     height: 80%;
     margin:0 auto;
     right: 0;
}

.center{text-align:center;}
.movie_one{width:70%;margin:auto;padding:20px 0px;}
.movieTitle1{font-size:200%;font-weight:bold;text-align:center;padding-bottom:20px;}

.layout_box_movie{padding-top:10px;}
.layout_box_movie li{text-align:center;margin:0 auto;width:75%;}