@charset "utf-8";


/*-------------------------------
	cloud_top_main
-------------------------------*/
/*---- type_a -----*/

@media screen and (max-width:739px){
	#cloud_top_main .type_a .layout-frame{margin-top: 55px;}
}
@media screen and (min-width:740px) and (max-width:850px){
	#cloud_top_main .type_a .layout-frame{margin-top: 25px;}
}
	#cloud_top_main .type_a .content{overflow:visible !important;}


/*---- type_b -----*/

@media screen and (max-width:739px){
	#cloud_top_main .type_b .layout-frame{margin-top: 55px;}
}
@media screen and (min-width:740px) and (max-width:850px){
	#cloud_top_main .type_b .layout-frame{margin-top: 25px;}
}
	#cloud_top_main .type_b .content{overflow:visible !important;}


/*---- type_c -----*/

@media screen and (max-width:739px){
	#cloud_top_main .type_c .layout-frame{margin-top: 55px;}
}
@media screen and (min-width:740px) and (max-width:850px){
	#cloud_top_main .type_c .layout-frame{margin-top: 25px;}
}
	#cloud_top_main .type_c .content{overflow:visible !important;}



/*-------------------------------
	cloud_top_slidebanner
-------------------------------*/
/*---- type_a -----*/

	#cloud_top_slidebanner .type_a .slick-prev{border-color: #ffffff !important;}
	#cloud_top_slidebanner .type_a .slick-next{border-color: #ffffff !important;}


/*---- type_b -----*/

	#cloud_top_slidebanner .type_b .slick-prev{border-color: #ffffff !important;}
	#cloud_top_slidebanner .type_b .slick-next{border-color: #ffffff !important;}


/*---- type_c -----*/

	#cloud_top_slidebanner .type_c .slick-prev{border-color: #ffffff !important;}
	#cloud_top_slidebanner .type_c .slick-next{border-color: #ffffff !important;}




/*-------------------------------
	cloud_top_plan
-------------------------------*/
/*---- type_a -----*/

	#cloud_top_plan .type_a .catchtxt{text-align:center; margin:0 20px 0.7em 20px}
	#cloud_top_plan .type_a .feature{width:77% !important; padding:5px 20px 5px 20px !important;}
	#cloud_top_plan .type_a .spec li img{ margin:0 15px 0 20px;}
	#cloud_top_plan .type_a .spec li{text-align:left !important; height:60px; display:flex; align-items:center; display:inline-flex !important; width:100% !important}
@media screen and (max-width:739px){
	#cloud_top_plan .type_a .spec_attention{ margin:20px 20px 0 20px;}
}
	#cloud_top_plan .type_a .col_03{padding:0 !important}
	#cloud_top_plan .type_a .spec span{ font-size: 13px !important; font-size:1.3rem !important;}


/*---- type_b -----*/

	#cloud_top_plan .type_b .catchtxt{text-align:center; margin:0 20px 0.7em 20px}
	#cloud_top_plan .type_b .feature{width:77% !important; padding:5px 20px 5px 20px !important;}
	#cloud_top_plan .type_b .spec li img{ margin:0 15px 0 20px;}
	#cloud_top_plan .type_b .spec li{text-align:left !important; height:60px; display:flex; align-items:center; display:inline-flex !important; width:100% !important}
@media screen and (max-width:739px){
	#cloud_top_plan .type_b .spec_attention{ margin:20px 20px 0 20px;}
}
	#cloud_top_plan .type_b .col_03{padding:0 !important}
	#cloud_top_plan .type_b .spec span{ font-size: 13px !important; font-size:1.3rem !important;}


/*---- type_c -----*/

	#cloud_top_plan .type_c .catchtxt{text-align:center; margin:0 20px 0.7em 20px}
	#cloud_top_plan .type_c .feature{width:77% !important; padding:5px 20px 5px 20px !important;}
	#cloud_top_plan .type_c .spec li img{ margin:0 15px 0 20px;}
	#cloud_top_plan .type_c .spec li{text-align:left !important; height:60px; display:flex; align-items:center; display:inline-flex !important; width:100% !important}
@media screen and (max-width:739px){
	#cloud_top_plan .type_c .spec_attention{ margin:20px 20px 0 20px;}
}
@media screen and (min-width:740px) and (max-width:1040px){
	#cloud_top_plan .type_c .spec_attention{ margin:20px 10px 0 10px;}
}
	#cloud_top_plan .type_c .col_03{padding:0 !important}
	#cloud_top_plan .type_c .spec span{ font-size: 13px !important; font-size:1.3rem !important;}
	#cloud_top_plan .type_c .kind p{ margin:0px !important}



/*-------------------------------
	cloud_top_case
-------------------------------*/
/*---- type_a -----*/

	#cloud_top_case .type_a .user { font-size:1.4rem; font-size:14px;}
	#cloud_top_case .type_a .carousel-user{ max-width:99% !important; margin:0px auto;}
	#cloud_top_case .type_a p{ font-size: 1.8rem;}
@media screen and (max-width:739px){
	#cloud_top_case .type_a p{ font-size: 1.4rem;}
}
	#cloud_top_case .type_a ul{ list-style-type: none; padding-left: 0;}
	#cloud_top_case .type_a .inline-block { text-align: center;}
	#cloud_top_case .type_a .inline-block li { display: inline-block; vertical-align: middle;}
	#cloud_top_case .type_a .inline-block .r_w { width: 12%;}
	#cloud_top_case .type_a .inline-block .l_w { width: 70%;}
@media screen and (max-width:739px){
	#cloud_top_case .type_a .inline-block .l_w { width: 73%;}
}
@media screen and (min-width:740px) and (max-width:940px){
	#cloud_top_case .type_a .inline-block .l_w { width: 60%;}
}
	
	
	
	
/*---- type_b -----*/

	#cloud_top_case .type_b img { max-width: 96%; margin: 0 auto;}
	#cloud_top_case .type_b p{ font-size: 1.8rem;}
@media screen and (max-width:739px){
	#cloud_top_case .type_b p{ font-size: 1.4rem;}
}
	#cloud_top_case .type_b ul{ list-style-type: none; padding-left: 0;}
	#cloud_top_case .type_b .inline-block { text-align: center;}
	#cloud_top_case .type_b .inline-block li { display: inline-block; vertical-align: middle;}
	#cloud_top_case .type_b .inline-block .r_w { width: 12%;}
	#cloud_top_case .type_b .inline-block .l_w { width: 56%;}
@media screen and (max-width:739px){
	#cloud_top_case .type_b .inline-block .l_w { width: 54%;}
}
@media screen and (min-width:740px) and (max-width:940px){
	#cloud_top_case .type_b .inline-block .l_w { width: 70%;}
}
	
	
/*---- type_c -----*/

	#cloud_top_case .type_c .user { font-size:1.4rem; font-size:14px;}
	#cloud_top_case .type_c .slick-prev{top: 13rem !important;}
	#cloud_top_case .type_c .slick-next{top: 13rem !important;}
	#cloud_top_case .type_c .carousel-user{ max-width:99% !important; margin:0px auto;}
	#cloud_top_case .type_c p{ font-size: 1.8rem;}
@media screen and (max-width:739px){
	#cloud_top_case .type_c p{ font-size: 1.4rem;}
}
	#cloud_top_case .type_c ul{ list-style-type: none; padding-left: 0;}
	#cloud_top_case .type_c .inline-block { text-align: center;}
	#cloud_top_case .type_c .inline-block li { display: inline-block; vertical-align: middle;}
	#cloud_top_case .type_c .inline-block .r_w { width: 12%;}
	#cloud_top_case .type_c .inline-block .l_w { width: 70%;}
@media screen and (max-width:739px){
	#cloud_top_case .type_c .inline-block .l_w { width: 73%;}
}
@media screen and (min-width:740px) and (max-width:940px){
	#cloud_top_case .type_c .inline-block .l_w { width: 60%;}
}
@media screen and (min-width:987px){
	#cloud_top_case .type_c .top-case { width: 39%;}
}
@media screen and (max-width:739px){
	#cloud_top_case .type_c .top-case { width: initial;}
}
@media screen and (min-width:740px) and (max-width:986px){
	#cloud_top_case .type_c .top-case { width: 35%;}
}
@media screen and (max-width:739px){
	#cloud_top_case .type_c .top-case img{ margin:0px auto;}
}
@media screen and (max-width:739px){
	#cloud_top_case .type_c .slick-slide{ float: none !important;}
}