@charset "utf-8";
html{overflow-x: hidden;}
/* only PC */
	.ly_head { transform: translateZ(0); }
	.ly_head.is_fixed { animation: head_slideIn 0.4s ease 0s 1 normal; }

	/* ヘッダースライドアニメーション */
	@keyframes head_slideIn {
		  0% { transform: translateY(-100%); }
		100% { transform: translateY(0); }
	}

	@keyframes head_slideUp {
		  0% { transform: translateY(0); }
		100% { transform: translateY(-100%); }
	}

/* 200725 */ 
/*off start*/
.service_renraku .ly_mainvis_inner .ly_mainvis_inner_box{position: static;}
.service_renraku .ly_mainvis .ly_textBox{ width: 100%;}
.service_renraku .ly_mainvis .ly_textBox .bl_BtnList li a{ background-color: #11AE9D;}
.service_renraku .ly_mainvis .ly_textBox .bl_BtnList li:last-child a{ background-color: #FFA545;}
/*off end*/

/* 210618 */
.en #header{}
.en #header #logo img{}

@media screen and (max-width: 768px) {
.en #header{padding-top: 0px; padding-bottom: 0px;}
.en #header #logo img{margin-top: 0px;}
}


#in_main_vis,
.service_renraku {margin-top: 0 !important;}
.contact_cv_box {display: none !important;}
.service_renraku .bl_contentsBlock_case ul.bl_contentsBlock_case_slider .slick-next:before,
.service_renraku .bl_contentsBlock_case ul.bl_contentsBlock_case_slider .slick-prev:before{display: none !important;}

.service_renraku .ly_mainvis {background-color: #28B9ED; height: 710px;}
.service_renraku .ly_mainvis .ly_mainvis_main_img{ display: flex; justify-content: space-between; text-align: center; color: #fff; padding-top: 100px;align-items: flex-end;}
.service_renraku .ly_mainvis .ly_mainvis_main_img .ly_mainvis_main_img_youtube{margin-left: 30px;}
.service_renraku .ly_mainvis .ly_mainvis_main_list{display: flex; justify-content:flex-start;}
.service_renraku .ly_mainvis .ly_mainvis_main_list > *{margin-right: 15px;}
.service_renraku .ly_mainvis .ly_textBox dl,
.service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList{display: flex; justify-content:space-between; align-items: flex-end;}
.service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList > *{margin-right: 15px; margin-bottom: 0;}
.service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList  a{border: 3px solid #fff;}
	.service_renraku .rennraku_side_banner.left_side.is_mainvisPos{background-color: transparent; border-bottom-color: transparent; position: absolute;  top: inherit !important; bottom: 10px !important; right: inherit !important; left: 10px;}
	.service_renraku .rennraku_side_banner.left_side.is_side_fixed { animation: side_slideIn 0.4s ease 0s 1 normal; bottom: 0 !important; display: block; top: inherit !important; left: 10px; z-index: 10;}
	.service_renraku .rennraku_side_banner.left_side.is_side_close { animation: head_slideUp 0.4s ease normal; bottom: -180px !important;}
	.service_renraku .rennraku_side_banner.left_side.is_moment {transition: top 0.4s; right: inherit !important; left: 10px; top: inherit!important; bottom: 10px!important; bottom: 0px !important; }
	
	.service_renraku .rennraku_side_banner.left_side{/*position: relative;*/ width: 383px;}
	.service_renraku .rennraku_side_banner.left_side > *{list-style: none;}
	.service_renraku .rennraku_side_banner.left_side span.left_side_close{display: block; background: rgba(255,255,0,1.00); width: 25px; height: 25px; text-align: center; line-height: 100%; padding: 5px; border-radius: 25px; position: absolute; top:-14px; right: 6px; cursor: pointer; z-index: 10;}
	.service_renraku .rennraku_side_banner.left_side p{box-shadow: 0 0 20px 1px rgba(0,0,0,.2);}
	
	/* ヘッダースライドアニメーション */
	@keyframes side_slideIn {
		  0% { transform: translateY(100%); }
		100% { transform: translateY(0); }
	}

	@keyframes head_slideUp {
		  0% { transform: translateY(-120px); opacity: 1; }
		100% { transform: translateY(0); opacity: 0; }
	}
	
	.service_renraku .cta_box{ background: #F6F6F6; text-align: center; padding: 35px 0;}
	.service_renraku .cta_box_wrp{ margin: 0 auto; display: flex; justify-content: space-between}
	.service_renraku .cta_box .cta_box_tryal,
	.service_renraku .cta_box .cta_box_download{ width: 48%;}
	.service_renraku .cta_box .cta_box_contact{width: 48%; margin: 0 auto; text-align: center;}
	.service_renraku .cta_box .cta_box_contact a,
	.service_renraku .cta_box .cta_box_tryal a,
	.service_renraku .cta_box .cta_box_download a{ border-radius: 8px; display: block; text-align: center; padding: 15px 0; border-radius: 120px;}
	.service_renraku .cta_box .cta_box_tryal a{background: #22AECA;}
	.service_renraku .cta_box .cta_box_contact a,
	.service_renraku .cta_box .cta_box_download a{background: #356BB3; margin: 0 auto;}
	.service_renraku .cta_box .cta_box_tryal img,
	.service_renraku .cta_box .cta_box_download img{ margin: 0 auto; width: 60%;}
	.service_renraku .cta_box .cta_box_contact img{margin: 0 auto;}

.ly_mainvis .ly_textBox { padding-top: 42px; width: 553px; }
.ly_mainvis .ly_mainvis_inner { padding-right: 8px; }
.un_mainvisBlock { margin-bottom: 25px; display: flex; justify-content: space-between; }
.un_mainvisBlock .un_mainvisBlock_txt { padding-top: 47px; }

.bl_contentsBlock .bl_topBox { padding-top: 28px; }
.bl_contentsBlock .bl_contentsBlock_inner .bl_phoBox { margin-bottom: 55px; padding: 51px 0 53px; background-color: #fff; border: 1px solid #E5E5E5; }
.bl_contentsBlock .bl_contentsBlock_inner .bl_phoBox img { margin: 0 auto; }
.bl_contentsBlock_introduction { min-height: 802px; background: url(/product/service/renraku/images/bg_introduction.jpg) no-repeat center center; background-size: cover; }
.bl_contentsBlock_introduction .bl_tit { padding-top: 63px; margin-bottom: 66px; font-size: 48px; color: #fff; font-weight: bold; text-align: center; letter-spacing: 3px; }
.bl_contentsBlock_introduction .bl_listUl { margin-right: -80px; }
.bl_contentsBlock_introduction .bl_listUl li { margin: 0 140px 38px 0; float: left; width: 314px; color: #fff; }
.bl_contentsBlock_introduction .bl_listUl li:nth-child(3n) { margin-right: 0; }
.bl_contentsBlock_introduction .bl_listUl li .bl_topImg { margin-bottom: 8px; display: block; }
.bl_contentsBlock_introduction .bl_listUl li .bl_topImg img { display: block; margin: 0 auto; }
.bl_contentsBlock_introduction .bl_listUl li .bl_txtTop { margin-bottom: 14px; padding-bottom: 9px; display: block; font-size: 24px; font-weight: bold; text-align: center; border-bottom: 3px solid #fff; }
.bl_contentsBlock_introduction .bl_listUl li .txt { display: block; }
.bl_contentsBlock .bl_contentsBlock_inner .bl_comTxt { font-weight: bold; }

.renraku_movie_wrp{margin-top: 9px;}

.web_phonebook .bl_contentsBlock_inner{background-color: rgb(243, 243, 243); padding: 30px 40px; margin-bottom: 30px;}
.web_phonebook .bl_contentsBlock_inner .web_phonebook_tit{font-size: 18px; line-height: 120%; font-weight: bold; border-bottom: 1px solid #d6d4d4; padding-bottom: 10px; margin-bottom: 10px;}

@media screen and (max-width: 768px) {
	/*
	.ly_head a { color: #333 !important;}
	.ly_mainvis .ly_mainvis_inner { padding-right: 0; }
	.ly_mainvis .ly_textBox { padding-top: 20px; width: auto; }
	.un_mainvisBlock { margin-bottom: 14px; flex-direction: row-reverse; }
	.un_mainvisBlock .un_mainvisBlock_txt { padding-top: 0; }
	*/
	
	.service_renraku .rennraku_side_banner.left_side{display: none !important;}
	
	
	.ly_mainvis .ly_mainvis_inner{width: 95%; padding-right: 0;}
	.service_renraku .ly_mainvis{text-align: center;}
	.service_renraku .ly_mainvis .ly_mainvis_main_img{padding-top: 80px; padding-right: 0;}
	.service_renraku .ly_mainvis .ly_mainvis_main_img,
	.service_renraku .ly_mainvis .ly_textBox > *,
	.service_renraku .ly_mainvis .ly_textBox dl{display: block; text-align: center; color: #fff;}
	.service_renraku .ly_mainvis .ly_textBox dl{flex-direction: column-reverse; display: flex;}
	.service_renraku .ly_mainvis .ly_textBox dl > *{width: 100%;}
	.service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList {display:flex; justify-content: space-between;}
	.service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList::after{display: none !important;}
	.service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList li{margin: 0 0 5px 0;}
	.service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList li a{ padding: 10px 0;}
	.service_renraku .ly_mainvis .ly_textBox dl, .service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList{align-items: flex-start;}
	.service_renraku .ly_mainvis_inner .ly_mainvis_inner_box .un_mivnvis_sub_txt br{display: none;}
	.service_renraku .ly_mainvis .ly_textBox{padding-top: 0;}
	.service_renraku .ly_mainvis .un_mainvis_price img{width: 70%; height:auto; margin: 0 auto 10px auto;}
	.service_renraku .ly_mainvis .ly_mainvis_main_list > *{margin-right: 0;}
	.service_renraku .ly_mainvis .ly_textBox dl .bl_BtnList > *{width: 48% !important; margin-top: 0px;}
	.service_renraku .ly_mainvis{ height: 800px;}
	
	.ly_head {border: none;}
	.bl_contentsBlock .bl_topBox { padding: 0; }
	.ly_mainvis .ly_textBox .sp_ly_photo img { width: 187px; margin: 0 auto; }
	.bl_contentsBlock .bl_contentsBlock_inner .bl_phoBox { padding:15px; }
	.bl_contentsBlock .bl_contentsBlock_inner .bl_phoBox img { width: 100%; }
	.bl_contentsBlock_introduction { padding: 0 8px 20px; min-height: inherit; background: url(/product/service/renraku/images/sp/bg_introduction.jpg) no-repeat center center; background-size: cover; }
	.bl_contentsBlock_introduction .bl_tit { padding-top: 23px; margin-bottom: 20px; font-size: 23.5px; letter-spacing: 0px; }
	.bl_contentsBlock_introduction .bl_listUl { margin-right: 0px; }
	.bl_contentsBlock_introduction .bl_listUl li { margin: 0 0 14px 0; width: 48%; padding: 14px 7px; border: 1px solid #fff; box-sizing: border-box; }
	.bl_contentsBlock_introduction .bl_listUl li:nth-child(2n) { float: right; }
	.bl_contentsBlock_introduction .bl_listUl li .bl_topImg { margin-bottom: 2px; display: block; }
	.bl_contentsBlock_introduction .bl_listUl li .bl_topImg img { display: block; margin: 0 auto; width: 40px; }
	.bl_contentsBlock_introduction .bl_listUl li .bl_txtTop { margin-bottom: 7px; padding-bottom: 4px; font-size: 13px; border-bottom: 2px solid #fff; }
	.bl_contentsBlock_introduction .bl_listUl li .txt { font-size: 12px; line-height: 1.6; }
	.bl_productLinkBlock {	padding-bottom: 40px; }
	
	
	.service_renraku .cta_box_wrp{  display:block;}
	.service_renraku .cta_box .cta_box_tryal,
	.service_renraku .cta_box .cta_box_download{ width:auto;}
	.service_renraku .cta_box .cta_box_tryal a,
	.service_renraku .cta_box .cta_box_download a{  padding: 5px 0; margin-bottom: 5px;}
	.service_renraku .cta_box .cta_box_tryal img,
	.service_renraku .cta_box .cta_box_download img{  width: 80%;}
  
	.renraku_movie_wrp{margin-top: 9px;}
	.renraku_movie_wrp iframe{width: 100%;}
  
	.web_phonebook .bl_contentsBlock_inner {margin: 15px 10px; padding: 15px; width: auto!important;}
	.web_phonebook .bl_contentsBlock_inner .web_phonebook_tit{font-size: 14px;}
	.web_phonebook .bl_contentsBlock_inner p{font-size: 12px;}
	
	.bl_contentsBlock_case_license .layout6 li{text-align: center; width: 25%; display: none;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(1){order: 5;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(2){order: 6;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(3){order: 7;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(4){order: 8;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(5){order: 9;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(6){order: 4; width: 50%; display: block;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(7){order: 1; width: 50%; display: block;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(8){order: 10;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(9){order: 11;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(10){order: 2; width: 50%; display: block;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(11){order: 3; width: 50%; display: block;}
	.bl_contentsBlock_case_license .layout6 li:nth-child(12){order: 12;}
}
 /* media */