@charset "utf-8";

/* reset
---------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,main,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; font-style:normal; background:transparent; box-sizing:border-box; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
ol,ul 	{ list-style:none;} 
table 	{ border-collapse:collapse; border-spacing:0; width:100%; } 
caption,th { text-align:left; }
a 		{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
input,select,textarea { font-family:inherit; font-size:100%; font-weight:normal; box-sizing:border-box; }
label 	{ white-space:nowrap; }
img		{ vertical-align:middle; font-size:0; line-height:0; max-width:100%; height:auto; }
iframe 	{ max-width:100%; }
strong 	{ font-weight:bold; } 
body 	{ -webkit-text-size-adjust:100%; }
@media print {
body { width:1100px; -webkit-transform: scale(0.8); transform: scale(0.8); transform-origin: 0 0; }
}



/* baseSet
-------------------------------------------------------------------------------------------------------- */
/* common class */

html			{ font-size:62.5%; min-width: 1200px; } 
body			{ color:#333333; font-size:1.6rem; line-height:1.6; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
a				{ color:#333; outline:none; text-decoration:none; }
a:hover			{ text-decoration:none; transition: 0.3s; opacity:0.7; }
::selection 	{ background-color: #1d2087; color: #FFFFFF; }


/* unique class */
.inner		{ position:relative; max-width:1110px; margin:0 auto; padding:0 2rem; box-sizing: content-box; }
.only-pc	{ display:none; }
.font_op	{ font-family: 'Open Sans', sans-serif;}
.font_sa	{ font-family: 'Sarpanch', sans-serif;}
.font_mo	{ font-family: 'Montserrat', sans-serif;}
.rev		{ flex-direction: row-reverse;}
.sm			{ font-size: 1rem;}
@media print, screen and (min-width: 768px) {
.inner		{ padding:0 3rem; }
.only-sp	{ display:none; }
.only-pc	{ display:block; }
.sm			{ font-size: 1.2rem;}

}

@media print, screen and (min-width: 1024px) {
.inner		{ padding:0 2rem; }
.sm			{ font-size: 1.4rem;}

}




/* ----------------------------------------------
header
------------------------------------------------------------ */

html.hidden,body.hidden						{ height:100%; overflow:hidden; transition: 0.3s; }
html.hidden:after,body.hidden:after			{ position: absolute; top: 0; left: 0;  content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.1);}



#header .head-wrap									{ position: relative; height: 12rem;}
#header .head-wrap .logo_box						{ position:absolute; top: 2.5rem; left: 4.2rem; }
#header .head-wrap .logo_box .logo					{ position: relative; width: 100%; width:40rem; z-index: 555;  }

#header .head-wrap .language-btn					{ position: absolute; top: 4.5rem; right: 38rem; text-align: center;  }
#header .head-wrap .language-btn ul					{ display: -webkit-flex; display: flex; }
#header .head-wrap .language-btn ul li				{ width: 10rem; }
#header .head-wrap .language-btn ul li >*			{ display: block; padding: 0.5rem 1.5rem; font-size: 1.4rem; background: #ededed; transition: .3s;}
#header .head-wrap .language-btn ul li.on			{  }
#header .head-wrap .language-btn ul li.on >*		{ color: #fff; background: #014da1; }

#header .head-wrap .language-btn ul li a:hover		{ color: #fff; background: #014da1; opacity: 1;}


#header .head-wrap .tel_box							{ position: absolute; top: 2.5rem; right: 2rem;  }
#header .head-wrap .tel_box .tel					{ line-height: 1.4;  }
#header .head-wrap .tel_box .tel >*					{ color: #014da1; font-weight: bold;}
#header .head-wrap .tel_box .tel .num				{  }
#header .head-wrap .tel_box .tel .num span			{ padding: 0.5rem 0 0 4.5rem; background: url("../images/ico_tel.png") no-repeat left center; background-size: 3.5rem; font-weight: bold; font-size: 3.5rem; color: #014da1;}
#header .head-wrap .tel_box .tel .time				{ }





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

#footer									{ position: relative;}
#footer .f-wrap							{ width: 1110px; margin: 0 auto; padding: 5rem 2rem 6rem;}
#footer	.logo_box						{ width: 43rem; padding: 1rem 4rem 0 0; border-right: #d6d6d6 1px solid;}
#footer	.logo_box .logo					{ max-width: 35rem; margin: 0; }
#footer	.logo_box .txt					{ margin-top: 2.5rem; font-size: 1.4rem; color: #424242; }
#footer	.logo_box .txt .com_name		{ font-size: 1.6rem; font-weight: bold;}
#footer	.logo_box .txt .com_add			{ margin-top: 0.5rem;}
#footer	.logo_box .txt .com_tel			{ margin-top: 0.5rem;}
#footer	.logo_box .txt .com_tel span	{ margin-left: 1rem; }
#footer	.copy							{ max-width: 1110px; margin: 0 auto; padding: 0 2rem 3rem; font-size: 1.2rem; text-align: left; color: #606060;}






/* ------------------------------------------
contents
-------------------------------------------------------------- */

#main_ing 							{ overflow: hidden; border-bottom: #cdcdcd 1px solid;}
#main_ing .wrap						{ height: 60rem; background: url("../images/main_bg.jpg") no-repeat center center; background-size: cover;}
#main_ing .wrap .pic				{ -webkit-display: flex; display: flex; align-items: center; height: 60rem; max-width: 1400px; margin: 0 auto;}
#main_ing ul						{ -webkit-display: flex; display: flex; justify-content: center; margin: 2rem -1rem;}
#main_ing ul li						{ width: auto; margin: 0 1rem;}



/* new */

#new       										   			{ padding: 8rem 0 9rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#new .title      										   	{ text-align: center; padding: 0 0 3.5rem;}

#new .bx-viewport											{ height: 40rem !important;}
#new .product-wrap 								 			{ -webkit-display: flex; display: flex; margin: 4rem -1rem 0; }
#new .product-wrap .product-box 							{ position: relative; width: 26rem !important; margin: 0 1rem 0;}
#new .product-wrap .product-box:before 						{ position: absolute; top: 0; left: 0; content: ""; width: 18rem; height: 3rem; border: #1D2087 1px solid; z-index: 3;}
#new .product-wrap .product-box:after 						{ position: absolute; top: 0; left: 0; margin: 0.5rem 1.2rem; font-size: 1.4rem; font-weight: bold; z-index: 4; }
#new .product-wrap .product-box.used 						{ }
#new .product-wrap .product-box.used:before 				{ background: #1D2087; }
#new .product-wrap .product-box.used:after 					{ content: "中古（USED ROBOTS）"; color: #ffffff; }
#new .product-wrap .product-box.new 						{ }
#new .product-wrap .product-box.new:before 					{ background: #ffffff; }
#new .product-wrap .product-box.new:after 					{ content: "新品（NEW ROBOTS）"; color: #1D2087; }

#new .product-wrap .product-box a 							{ display: block; padding: 3rem; border-top: #E8E8E8 1px dotted; border-left: #E8E8E8 1px dotted; background: url("../images/ar_right_bottom_bl.png") no-repeat right bottom; background-size: 1.5rem; }
#new .product-wrap .product-box a .row .pic 				{ text-align: center; width: 100%; margin: 0; height: 150px; overflow: hidden; }

#new .product-wrap .product-box .txt-box		 			{ width: 100%; margin: 1rem 0 0; }
#new .product-wrap .product-box .txt-box .num 				{ font-size: 1.2rem; line-height: 1.2; }
#new .product-wrap .product-box .txt-box .name 				{ font-weight: bold; font-size: 1.4rem; line-height: 1.4;}
#new .product-wrap .product-box .txt-box .name span 		{ font-size: 1.2rem; font-weight: bold; }

#new .product-wrap .product-box .txt-box .info 				{ margin-top: 1rem; padding-top: 1rem; border-top: #666666 1px solid; }
#new .product-wrap .product-box .txt-box .info dl 			{ -webkit-display: flex; display: flex; font-size: 1.2rem; }
#new .product-wrap .product-box .txt-box .info dl dt 		{ width: auto; }
#new .product-wrap .product-box .txt-box .info dl dt:after { content: "："; }
#new .product-wrap .product-box .txt-box .info dl dd		{ flex: 1;}
#new .product-wrap .product-box .txt-box .info dl dd		{ flex: 1;}

#new .product-wrap .product-box .txt-box .price		 		{ margin-top: 1rem; -webkit-display: flex; display: flex; flex-wrap: wrap; }
#new .product-wrap .product-box .txt-box .price .sub 		{ margin-top: 0.2rem; font-size: 1.2rem; }
.product-wrap .product-box .txt-box .price .sub:after 		{ content: "："; }
#new .product-wrap .product-box .txt-box .price .main 		{ font-weight: bold; font-size: 1.6rem; }
#new .product-wrap .product-box .txt-box .price .main span 	{ font-size: 1.2rem; }
#new .product-wrap .product-box .txt-box .price .main.ask 	{ font-size: 1.4rem; color: #be272d;  }
#new .product-wrap .product-box .txt-box .tag 				{ font-size: 1.4rem; }
#new .product-wrap .product-box .txt-box .tag ul 			{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 0 -0.5rem; }
#new .product-wrap .product-box .txt-box .tag ul li 		{ width: auto; margin: 0.5rem 0.5rem; }
#new .product-wrap .product-box .txt-box .tag ul li 		{ width: auto; margin: 0.5rem 0.5rem; }
#new .product-wrap .product-box .txt-box .tag ul li span 	{ display: block; color: #1D2087; border: #1D2087 1px solid; padding: 0.2rem 0.5rem; font-size: 1rem; }

#new .bx-controls-direction									{ position: relative; max-width: 1110px; margin: 0 auto;}
#new .bx-controls-direction a								{ position:absolute; top: -12em; width:4rem; height:4rem; text-indent:-9999px; z-index:50; background:no-repeat center center #1D2087; background-size: 1.4rem; }
#new .bx-controls-direction a:hover							{ opacity: 1;  }
#new .bx-controls-direction .bx-prev						{ left: -2rem; background-image:url("../images/ar_left_wh.png"); }
#new .bx-controls-direction .bx-next						{ right: -2rem; background-image:url("../images/ar_right_wh.png");  }






#lead								{ overflow: hidden;  background: url("../images/bg_plaid_50.png") repeat;}
#lead .worry						{ padding: 6rem 0 18rem; background: url("../images/lead_worry_bg.png") no-repeat center top; }
#lead .worry .title					{ text-align: center;}
#lead .worry ul						{ -webkit-display: flex; display: flex; justify-content: center; margin: 8rem -3rem 0;}
#lead .worry ul li					{ width: auto; margin: 0 3rem;}
#lead .movie .txt					{ padding: 8rem 0 10rem; text-align: center;}
#lead .movie .video-wrap 			{ position: relative; width: 100%; height: 50rem; overflow: hidden;}
#lead .movie .video-wrap #video		{ min-height: 50rem; min-width: 100%; }



#follow								{ overflow: hidden; background: url("../images/bg_plaid_50.png") repeat;}
#follow	.title						{ padding: 7.5rem 0 3.5rem; text-align: center;}
#follow	.case_box					{ padding: 8rem 0; }
#follow	.case_box .txt-box			{ padding: 2.5rem 0 3rem 17rem; color: #fff; border-bottom: #fff 1px dotted; background: no-repeat left top;}
#follow	.case_box .txt-box .main	{ font-size: 3rem; font-weight: bold;}
#follow	.case_box .txt-box .main+p	{ font-size: 2rem;}
#follow	.case_box .row				{ -webkit-display: flex; display: flex; margin-top: 4rem;}
#follow	.case_box .row .right		{ width: 81rem;}
#follow	.case_box .row .left		{ position: relative; width: 30rem; }
#follow	.case_box .row .left:before	{ position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: #fff; z-index: 5; opacity: 0; }
#follow	.case_box.b01				{ background-color: #1a5faa; }
#follow	.case_box.b01 .txt-box		{ background-image: url("../images/follow_case01_h.png") ;}
#follow	.case_box.b01 .flip-boards .board .flipped 		{ background-color: #1a5faa; }
#follow	.case_box.b02				{ background-color: #3471b4;}
#follow	.case_box.b02 .txt-box		{ background-image: url("../images/follow_case02_h.png") ;}
#follow	.case_box.b02 .flip-boards .board .flipped 		{ background-color: #3471b4; }






#more								{ position: relative;}
#more .matching						{ background: #47c1cf url("../images/more_matching_bg.png") no-repeat center bottom; background-size: 1500px; height: 63rem; }
#more .matching .title				{ position: absolute; top: -4.5rem; left: 0; right: 0; text-align: center;}
#more .matching .title+div			{ padding: 38.8rem 0 0; text-align: center;}
#more .flow 						{ margin: 16rem 0 19rem; }
#more .flow .title					{ font-size: 4rem; color: #014da1; font-weight: bold;}
#more .flow .pic					{ margin-top: 1rem; text-align: center;}
#more .flow .pic+.pic				{ margin-top: 4.5rem;}
#more .link-wrap					{ display: -webkit-flex; display: flex;}
#more .link-wrap .btn				{ width: 50%; text-align: center;}
#more .link-wrap .btn a				{ display: block; padding: 4rem; background: url("../images/btn_buy_bg.png") no-repeat center top; background-size: cover;}
#more .link-wrap .btn.sell a		{ background-image: url("../images/btn_sell_bg.png") ;}




#con_box									{ padding: 3rem 0 8rem; background: #014da1;}
#con_box .inner								{ max-width: 80rem;}
#con_box .title								{ text-align: center; }
#con_box .row								{ -webkit-display: flex; display: flex; justify-content: center; margin-top: 2rem; }
#con_box .row >*							{ width: 50%; padding: 0 5rem; text-align: center;}
#con_box .row .tel_box						{ border-right: #fff 1px solid; padding-left: 0; padding-top: 1.2rem; }
#con_box .row .tel_box .tel					{ line-height: 1.4; }
#con_box .row .tel_box .tel >*				{ color: #fff; font-weight: bold;}
#con_box .row .tel_box .tel .num			{   }
#con_box .row .tel_box .tel .num span		{ padding: 0.3rem 0 0 4rem; background: url("../images/ico_tel_wh.png") no-repeat left center; background-size: 3.8rem; font-weight: bold; font-size: 3.5rem; color: #fff;}
#con_box .row .tel_box .tel .time			{  }

#con_box .row .con							{ padding-right: 0; }
#con_box .row .con p						{ line-height: 1; color: #fff; font-size: 2rem; font-weight: bold;}
#con_box .row .con .link-btn				{ width: 34.6rem; margin: 2rem 0 0;}
#con_box .row .con .link-btn a				{ display: block; color: #014da1; background: #ffffff url(../images/ar_right_bottom_bl.png) no-repeat right 0.3rem bottom 0.3rem; background-size: 1.6rem; transition: 0.3s; margin: 0; padding: 2.5rem;}
#con_box .row .con .link-btn a:hover		{ border-radius: 40px; opacity: 1 !important;}
#con_box .row .con .link-btn a span			{ padding-left: 2.5rem; background: url(../images/ico_mail_bl.png) no-repeat left center; background-size: 1.6rem;}




#reason										{ overflow: hidden; padding: 10rem 0; background: url("../images/bg_plaid_50.png") repeat;}
#reason .title								{ text-align: center; }
#reason .txt-box							{ margin-top: -7rem;  }
#reason .txt-box .name						{ text-align: center; }
#reason .txt-box .name+div					{ margin-top: 2rem; padding: 3rem; background: #014da1; border-radius: 80px; }
#reason .txt-box .name+div p				{ max-width: 740px; margin: 0 auto; color: #fff; font-size: 1.8rem; }
#reason .all								{ margin-top: 6rem;  }



#support									{ position: relative; padding: 11rem 0 45rem; background: url("../images/support_bg.png") no-repeat center top; background-size: 1920px;}
#support:after								{ position: absolute; top: -5rem; left: 0; right: 0; z-index: 2; margin: 0 auto; content: ""; display: block; width: 10rem; height: 10rem; background: url("../images/support_ico.png") no-repeat center center; background-size: contain;}
#support .title								{ text-align: center; }
#support .txt-box							{ margin-top: 5rem;  }
#support .txt-box .name						{ text-align: center; }
#support .txt-box .name+div					{ margin-top: 2rem; padding: 3rem; background: #014da1; border-radius: 100px; }
#support .txt-box .name+div p				{ max-width: 960px; margin: 0 auto; color: #fff; font-size: 1.8rem; }

#support .service							{ margin-top: 7rem; }
#support .service .title					{}
#support .service .title+p					{ margin-top: 2rem; text-align: center;}
#support .service .list						{ margin-top: 5rem; padding: 5rem; border: #3471b4 4px solid; border-radius: 50px; background: #fff;}
#support .service .list ul					{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 0 -2.5rem;}
#support .service .list ul li				{ width: calc(50% - 5rem); margin: 2rem 2.5rem 0; }
#support .service .list ul li:nth-child(-n+2)				{ margin-top: 0;  }
#support .service .list+div					{ margin: 10rem 0 0; text-align: center;}




#contact-wrap								{ overflow: hidden; background: url("../images/bg_plaid.png") repeat #ededed;}
#contact-wrap .title						{ padding: 3rem 0; background: #969696; color: #fff; text-align: center; font-weight: bold; font-size: 4rem;}