@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;  }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6:Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
html { overflow-y:scroll; } /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a:hover { text-decoration:none; opacity:0.9; }
html,body { background-color:#FFF; color:#161616; }

.img-responsive{ display: block; max-width: 100%; height: auto; }
/* wrapper	----------------------- */

#wrapper { background: #fff; font-size:16px; }
.container { width:1200px; margin:0 auto; }
.container1 { width: 1200px; margin:0 auto; }
.ropa{ font-family: 'Ropa Sans', sans-serif; }
.footer_right_phonenumber {font-family:'Ropa Sans', sans-serif; font-size: 40px; }
.sidebar_phonenumber {font-family:'Ropa Sans', sans-serif; }
/* header	----------------------- */

.headerpage{ background:#000; font-size:0; letter-spacing:0; }
.headerpage_left{ width:55%; padding-top:30px; display:inline-block; vertical-align:top; }
.site_title{ padding-right:20px; display:inline-block; vertical-align:middle; font-size:23px; color:#fff; font-weight:bold; }
.site_subtitle{ display:inline-block; vertical-align:middle; font-size:14px; color:#fff; }
.headerpage_right{ width:45%; padding-top:10px; display:inline-block; vertical-align:top; }
.site_phonebox{ text-align:right; }
.site_phone{ font-size:24px; color:#fff; text-align:right; font-weight:500; padding-right:35px; font-family: 'Ropa Sans', sans-serif; }
.site_phonenumber{ font-size:40px; color:#fff; font-weight:500;font-family:'Ropa Sans', sans-serif;}
.menu_link{ letter-spacing:0.5px; }
.site_navigation{}

.headerpage a, .headerhomepage a{ color:#fff; }

.headerhomepage{ background:url(../images/top_img_headerbg.jpg) top center no-repeat; height:720px; background-size: cover; font-size:0; letter-spacing:0; }
.header_message{ padding-top:220px; }
.header_messageline{ width:220px; height:1px; padding-bottom:20px; clear:both; border-top:1px solid #fff; }
.header_message_title{ font-size:35px; color:#fff; line-height:1.4em; }
.header_message_subtitle{ padding-top:10px; font-size:20px; color:#fff; }

	.footer_right_mphone{
	text-align: center;
}

.jetmenu > li > a > i {
    line-height: 17px !important;
    margin-right: 6px;
    font-size: 9px;
    float: left;
}
.fa-angle-right:before {
    content: "\f105";
    font-size: 13px;
}
.profile_p{
    padding: 30px 0px;
    line-height: 1.9;
}
/* navigation	----------------------- */


/* all page	----------------------- */

.headerbox{ background:#fff; }
.headerbox_title{ padding-top:75px; font-size:28px; color:#181818; }
.headerbox_subtitle{ font-size:22px; color:#1d1413; font-family: 'Ropa Sans', sans-serif; }
.site_breadcrumb{ padding-top:20px; padding-bottom:15px; border-bottom:1px solid #cdc7c4; font-size:14px; color:#1d1413; font-style: italic; }
.site_breadcrumb a{ color:#1d1413; }

.contentbox{ padding-top:55px; display:table; width:100%; }
.content{ width:71%; padding-bottom:95px; display: table-cell; vertical-align:top; }
.sidebar{ background:#f7f7f7; width:29%; margin-top:50px; padding-bottom:95px; display:table-cell; vertical-align:top; }

.header_crm{ height:230px; background:url(../images/pagecrm-img-headerbg.jpg) top center no-repeat; background-size:100%; }
.header_access{ height:230px; background:url(../images/pageaccess_img_headerbg.jpg) top center no-repeat; background-size:100%; }
.header_contact{ height:230px; background:url(../images/pagecontact_img_headerbg.jpg) top center no-repeat; background-size:100%; }



/* homepage	----------------------- */

.top_box1{ background:#1c1c1c; padding-bottom:110px; }
.content_message{     margin-top: 0px!important;
    margin-bottom: 50px;
    position: relative;
    top: -20px;
    font-size: 0;
    letter-spacing: 0;
    margin-top: -15px;
    background: #fff; }
.content_message_text1{ background:#000; width:185px; padding:12px 0px; display:inline-block; vertical-align:middle; font-size:24px; color:#fff; text-align:center; }
.content_message_text2{ width: calc(100% - 185px); padding:0px 25px; display:inline-block; vertical-align:middle;  font-size:16px; color:#000; }
.content_message_slider{ padding-right:80px; }

.top_title{ font-size:34px; color:#fff; text-align:center; font-weight:bold; }
.top_subtitle{ font-size:14px; color:#fff; text-align:center; }
.top_processing_box{ background:#2c2c2c; margin-top:50px; font-size:0; letter-spacing:0; }
.top_processing_box li{ width:50%; background:#2c2c2c url(../images/all-icn-rightarrow.png) bottom right no-repeat; background-size:32px; display:inline-block; vertical-align:top; }

.top_processing_box_left{ width:43%; display:inline-block; vertical-align:middle; }
.top_processing_box_right{ width:57%; padding-left:65px; display:inline-block; vertical-align:middle; }
.top_processing_box_img{}

.top_processing_box_text{ padding-bottom:5px; font-size:16px; color:#fff; font-family: 'Ropa Sans', sans-serif; }
.top_processing_box_title{ font-size:24px; color:#fff; font-weight:600; }

.top_box2{ padding-top:85px; padding-bottom:140px; }
.top_title1{ font-size:34px; color:#171717; text-align:center; font-weight:bold; }
.top_subtitle1{ font-size:14px; color:#171717; text-align:center; }
.top_works_box{ padding-top:60px; font-size:0; letter-spacing:0; }
.top_works_box li{ width:25%; display:inline-block; vertical-align:top; }
	
.fadeb img{ width:380px; margin-right:15px; margin-left:15px; }

.profile_p img{
    width: 250px;
    float: left;
    margin-right: 30px;
}
/* CRM page	----------------------- */

.crm{ padding-top:0px; padding-right:45px; }  
.crm_box, .crm_box1{ margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid #ecebeb; font-size:0; letter-spacing:0; }
.crm_content{ width:50%; padding-right:15px; display:inline-block; vertical-align:middle; }
.crm_title{ padding-left:30px; border-left:7px solid #3c5ba8; font-size:20px; line-height:1.8em; font-weight:bold; color:#161616; }
.crm_text{ padding-top:20px; font-size:15px; color:#161616; line-height:1.85em; }
.crm_image{ width:50%; padding-left:35px; display:inline-block; vertical-align:middle; }

.crm_content1{ width:50%; padding-left:15px; display:inline-block; vertical-align:middle; }
.crm_image1{ width:50%; padding-right:35px; display:inline-block; vertical-align:middle; }
.CRM_end{ margin-bottom:0; padding-bottom:30px; border:none; }

/* Acesss page	----------------------- */

.CRMaccess_box{ padding:20px 110px 0px 0px; }
.CRMaccess_title{ padding-left:20px; border-left:7px solid #3c5ba8; font-size:20px; line-height:1.8em; font-weight:bold; color:#161616; }
.CRMaccess_subtitle{ padding:30px 30px 0px; font-size:14px; color:#1c1c1c;  font-weight:bold; }
.CRMaccess_map{ padding:25px 0px 65px 30px; }

.CRMaccess_text{ padding-top:20px; padding-left:30px; font-size:13px; color:#161616; line-height:2.5em; }
					
/* Contact page	----------------------- */

.CRMcontact_box{ padding:20px 0px 10px 0px; }
.CRMcontact_title{ padding-left:30px; border-left:5px solid #3c5ba8; font-size:20px; line-height:1.7em; font-weight:bold; color:#000; }
.CRMcontact_map{ padding:45px 105px 0px 30px; }
.CRMcontact_text{ padding:30px 30px 90px; font-size:16px; color:#161616; line-height:2em; }

.CRMcontact_box1{ padding:28px 0px 10px 0px; font-size:0; letter-spacing:0; }
.CRMcontact_boxleft{ width:42%; padding:20px 0px; display:inline-block; vertical-align:top; border-right:1px solid #f0efef; }
.CRMcontact_boxright{ width:46%; display:inline-block; vertical-align:top; }
.CRMcontact_button{ padding-top:55px; padding-bottom:20px; }
.CRMcontact_boxleft1{ padding-left:25px; width:30%; display:inline-block; vertical-align:bottom; font-size:20px; font-weight:bold; color:#272727;  }
.CRMcontact_boxleft2{ width:60%; display:inline-block; vertical-align:bottom; font-size:25px; font-weight:bold; color:#272727; }
.CRMcontact_btn{ background:#3c5ba8; padding:18px 40px; display:inline; font-size:16px; color:#fff; }
.CRMcontact_clear{ clear:both; height:10px; }	
				

/* Sidebar	----------------------- */

.sidebar_box1{ margin:20px 15px 20px 15px; padding:30px 10px 50px; background:#fff; }
.sidebar_box1_title{ padding-bottom:5px; font-size:16px; color:#3c5ba8; text-align:center; font-weight:bold; }
.sidebar_phone{ text-align:center; font-size:24px; color:#000; font-weight:bold; font-family: 'Ropa Sans', sans-serif; }
.sidebar_phonenumber{ font-size:42px; color:#000; }
.sidebar_box1_button{ padding-top:20px; text-align:center; }
.sidebar_box1_btn{ background:#3c5ba8; padding:10px 45px; display:inline; font-size:16px; color:#fff;  }

.sidebar_box2{ padding:30px 20px 0px; }
.sidebar_title{ padding-bottom:12px; margin-bottom:5px; font-size:18px; color:#3c5ba8; border-bottom:2px solid #3c5ba8; font-weight:bold; }
.sidebar_box_list{ font-size:15px; }
.sidebar_box_list li a{ color:#050505; }
.sidebar_box_list li a:hover{ color:#000; }
.sidebar_box_list li{ background:url(../images/sidebar_icn_arrowright.png) 7px 22px no-repeat; background-size:5px; padding:15px 25px; } 
.sidebar_box3{ padding:30px 20px; }


.footer_right_mphone, .footer_right_mphonenumber{ font-family: 'Ropa Sans', sans-serif; font-size: 35px; margin-top: 30px; color: #FFF;}


/* footer	----------------------- */

.footer{ background:url(../images/all-img-footerbg.jpg) top center no-repeat; margin-top:-25px; padding-top:65px; }
.footer_title{ font-size:24px; color:#fff; text-align:center; font-weight:bold; }
.footer_text{ padding-top:5px; font-size:20px; color:#fff; text-align:center; }
.footer_box{ padding:70px 0px 30px 0px; font-size:0; letter-spacing:0; }
.footer_left{ width:40%; padding-left:115px; display:inline-block; vertical-align:top; }
.footer_right{ width:60%; display:inline-block; vertical-align:top; }

.footer_textlogo{ padding-right:10px; display:inline-block; vertical-align:top; font-size:42px; line-height:1em; font-weight:bold; color:#fff; }
.footer_right_text{ display:inline-block; line-height:1.3em; vertical-align:top; font-size:14px; color:#fff; }


.footer_right_text1{ padding-top:10px; padding-bottom:25px; font-size:14px; color:#fff; }
.footer_right_phone{ font-size:30px; color:#fff; font-family: 'Ropa Sans', sans-serif; }
.footer_right_phonenumber{ font-size:36px; color:#fff; }
.footer_right_mphone{ margin-top:-5px; font-size:18px; color:#fff; font-family: 'Ropa Sans', sans-serif; }
.footer_right_mphonenumber{ font-size:24px; color:#fff; }
.footer_button{ padding-top:43px; padding-bottom:30px; }
.footer_btn{ padding:18px 85px; border:1px solid #fff; display:inline; font-size:14px; color:#fff; }
.footer_btn a{ color:#fff; }

.footer_copyright{ padding:25px 20px 25px; font-size:12px; color:#fff; text-align:center; }
.footer_map{ padding:0px 110px 20px 20px; }


.page-top{ margin:0; padding:0; z-index: 9999; position: relative; }
 
.page-top p{ margin:0; padding:0; z-index:9999; position:fixed ; right:16px; bottom: 16px ;}
 
.move-page-top{ display:block; cursor:pointer; background:#000; width:30px; height:30px; font-size:13px; z-index:9999; color:#fff; line-height:30px; text-decoration:none; text-align:center; -webkit-transition:all 0.3s ; -moz-transition:all 0.3s; transition:all 0.3s; }

.move-page-top:hover{ opacity: 0.85 ; }

@media (min-width: 1250px) {
	
.container { width: 1200px; }
.container1 { width: 1200px; }  
}


@media (max-width: 1024px) {

.container { width:100%; padding-left:20px; padding-right:20px; }
.container1 { width:100%; padding-left:0px; padding-right:0px; }

.headerpage_left{ width:45%; }
.headerpage_right{ width:55%; }
.header_message, .site_title, .site_subtitle{ padding-left:30px; }
}

@media (max-width:768px) {
	
	
.site_phone{ display:none; }
.jetmenu{ background:#000!important; margin:0!important; }
.headerpage_left{ display:none; }
.headerpage_right{ width:100%; padding:0; }

.contentbox{ display:block; }
.content{ width:100%; padding-bottom:40px; display:block; }
.sidebar{ width:100%; padding-top:30px; padding-bottom:40px; margin-top:0px; margin-bottom:30px; display:block; }

.crm{ padding-right:0px; }

.CRMcontact_map, .CRMcontact_text{ padding-left:0px; padding-right:0px; }
.CRMcontact_boxleft, .CRMcontact_boxright{ width:100%; border:none; }

.CRMaccess_box{ padding-left:0px; padding-right:0px; }


.header_contact, .header_access, .header_crm{ background-size:100%; height:130px; }
.headerbox_title{ padding-top:25px; font-size:22px; }
.headerbox_subtitle{ font-size:16px; }

.footer_left{ width:50%; padding-left:0px; }
.footer_right{ width:50%; } 
.footer_map{ padding-left:30px; padding-right:0px; }

.top_processing_box_right{ padding-left:20px; }

.header_message{ padding-top:150px; padding-bottom:150px; }
.headerhomepage{ background-size:cover; height:auto; }
}
.CRMprofile_box{
	margin-right: 30px;
}
.slick-initialized .slick-slide {
    display: block;
    font-size: 14px;
}
.kaisha {
width: 100%;
margin: 30px 0px;
}
 
.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}
 
.kaisha th {
font-weight: bold;
background-color: #dedede; 
}
 
@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}
@media (max-width: 640px) {

.profile_p img{
    width: 100%;
    float: none;
    margin-right: 0px;
}
.header_access{background-size: cover!important; }
.top_processing_box li{ width:100%; margin-bottom:30px; }

.headerbox_title{ padding-top:35px; }
.header_contact, .header_access, .header_crm{ background-size:auto; }

.headerbox_title{background: rgba(255,255,255,1);
    width: 200px;
    padding-top: 8px;
    position: relative;
    margin-left: -30px;
    top: 35px;
    padding-left: 40px;}
.headerbox_subtitle{ background:rgba(255,255,255,1); width:200px; padding-top:0; padding-bottom:8px;  position:relative; top:34px; padding-left: 40px; margin-left: -30px; }

.crm_box{ display:flex; flex-direction: column-reverse; }
.crm_content, .crm_image, .crm_content1, .crm_image1{ width:100%; padding-right:0px; padding-left:0px; }
.crm_content, .crm_content1{ padding-top:40px; }

.footer_left{ padding-bottom:30px; }
.footer_left, .footer_right{ width:100%; padding-left:0px; text-align:center; }
.footer_map{ padding-left:0px; }
.footer_right_text{ text-align:left; }

.content_message_text1, .content_message_text2{ width:100%!important; }
.content_message_text2{ padding-top:15px; padding-bottom:15px; font-size:14px; }

.footer_right_mphone, .footer_right_mphonenumber{ color:#FFF; }

.header_message{ padding-top:125px; padding-bottom:125px; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {

.footer_btn{ padding-left:20px; padding-right:20px; width:100%; display:block; }
.header_message_title{ font-size:25px; }
.header_message_subtitle{ font-size:16px; }

.headerhomepage{ height:auto; }
.top_processing_box_title{ font-size:20px; }
.header_message { padding-top:100px; padding-bottom:100px; }

.content_message_slider{ padding-right:0px; }
.fadeb img{ width:320px; margin-right:15px; margin-left:15px; }

.CRMaccess_subtitle, .CRMaccess_map, .CRMaccess_text{ padding-left:0px; }

}




@media (max-width: 375px) {
	
.sidebar_box1_btn{ padding-left:20px; padding-right:20px; width:100%; display:block; }	
.CRMcontact_btn{ padding-left:20px; padding-right:20px; width:100%; display:block; }
.fadeb img{ width:280px; margin-right:15px; margin-left:15px; }
.header_message_title{ font-size:20px; }
.header_message_subtitle{ font-size:14px; }
.header_message { padding-top:80px; padding-bottom:80px; }
}

@media (max-width: 320px) {

.CRMcontact_boxleft1{ padding-left:0px; }
.CRMcontact_boxleft1, .CRMcontact_boxleft2{ width:100%; }
.footer_right_phone{ font-size:20px; }
.footer_right_phonenumber{ font-size:26px; }
.footer_right_mphone{ padding-left:0px; font-size:18px; }
.footer_right_mphonenumber{ font-size:22px; }
.fadeb img{ width:200px; margin-right:15px; margin-left:15px; }
.header_message { padding-top:70px; padding-bottom:70px; }
}