@charset "utf-8";



/* ----------------------------------------------
home
------------------------------------------------------------ */


/* main-img
-------------------------------------------------------------------------------------------------------- */

.kv-wrap { position: relative; /*padding-bottom: 20rem;*/ }
.kv-box { position: relative; height: 50vh; }

/* movie */
.movie-wrap {   position: relative; overflow: hidden; width: 100%; height: 50vh; }
.video {  position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.overlay::after { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url("/assets/images/home/main_cover.png") ; opacity: 0.2; }


/* タイトル メニュー */
.kv-title-wrap { position: absolute; bottom: -3rem; /*bottom: 0;*/ left: -7rem; display: flex; align-items: center; justify-content: center; width: 35rem; height: 35rem; padding: 3rem; color: #1D2087; z-index: 10;}
.kv-title-wrap::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: url("/assets/images/home/kv_title.svg") no-repeat center center / contain; }
.kv-title-wrap > * { position: relative; width: 18rem; z-index: 10; }
.kv-title-main { font-size:2.6rem; font-weight: bold; line-height: 1.2; }
.kv-title-sub { margin-top: 1rem; font-size: 1rem; font-weight: bold;  }
.kv-contents { position: relative; }
.kv-menu { position: absolute; bottom: 0; right: 0; width: 48.8%; margin: 0 0 0 auto; z-index: 12; }
.kv-menu-item {  }
.kv-menu-link { position: relative; display: block; padding-bottom: 73.5%; color: #ffffff; }
.kv-menu-link::after { position: absolute; bottom: 0; right: 0; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #ffffff transparent;}
.kv-menu-link > * { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 1.5rem; text-align: center; }
.kv-menu-link._buy { background-color: rgba(1,77,161,0.8); }
.kv-menu-link._sell	{ background-color: rgba(20,127,191,0.8); }

.kv-menu-title._ico	{ position: relative; }
.kv-menu-title._ico::before	{ content: ""; display: block; width: 4em; height: 4em; background: url("/assets/images/common/menu_buy.svg") no-repeat bottom center / contain; margin:  0 auto 0.5rem; }
.kv-menu-title._ico._buy::after	{ position: absolute; top: 0; right: 0; content: ""; display: block; width: 4em; height: 4em; background: url("/assets/images/home/kv_menu.svg") no-repeat bottom center / contain; margin:  0 auto 0.5rem; }
.kv-menu-title._ico._sell::before	{ background-image: url("/assets/images/common/menu_sell.svg") ; }
.kv-menu-title._ico + p	 { font-size: 1rem; }


@media print, screen and (min-width: 640px) {
/* タイトル メニュー */
.kv-wrap { /*padding-bottom: 25rem;*/ }
.kv-title-wrap { left: -12rem; width: 50rem; height: 50rem; padding: 3rem; }
.kv-title-wrap > * { width: 22rem; }
.kv-title-main { font-size: 4rem; }
.kv-title-sub { font-size: 1.2rem;  }
.kv-menu { bottom: auto; top: 0; width: 30%; height: 100%;}
.kv-menu-item { height: 50%;  }
.kv-menu-link { height: 100%; padding-bottom: 0;  }
}
@media print, screen and (min-width: 1024px) {
.kv-box { height: 60rem; }

/* movie */
.movie-wrap { height: 60rem; }

/* タイトル メニュー */
.kv-wrap { /*padding-bottom: 43rem;*/ }
.kv-title-wrap > * { width: 40rem; }
.kv-title-wrap { bottom: -18rem; left: -14rem; width: 74rem; height: 74rem; padding: 3rem; }
.kv-title-main { font-size: 6.4rem; line-height: 1.2; }
.kv-title-sub { margin-top: 2.5rem; font-size: 1.7rem; }
.kv-menu { width: 25%;}
.kv-menu-title._ico	{ font-size: 2.4rem; }
.kv-menu-title._ico + p { font-size: 1.2rem; }
.kv-menu-title._ico::before	{ margin:  0 auto 1rem; }

}
@media print, screen and (min-width: 1200px) {
.kv-title-wrap > * { width: 42rem; }
.kv-title-wrap { bottom: -26rem; left: -14rem; width: 82rem; height: 82rem; padding: 3rem; }
.kv-title-main { font-size: 6.4rem; line-height: 1.2; }
.kv-title-sub { margin-top: 2.5rem; font-size: 1.7rem; }
}



.ban-eng { background: url(/assets/images/home/ban_eng_bg.jpg) no-repeat center / cover; border: #fff000 2px solid;}
.ban-eng a { display: block;}
.ban-eng-pic { max-width: 18rem; margin: 0 0 0 auto; padding: 1rem; }
.ban-eng-txt { padding: 0.5rem 1.2rem; background-color: #fff000;}
.ban-eng-txt span { display: flex; gap: 1rem; justify-content: flex-end; align-items: center; color: #1d2086; font-weight: bold; font-size: 1.1rem;}
.ban-eng-txt span::after { content: ""; display: block; width: 0.8rem; height: 1.2rem; background: url(/assets/images/home/ban_eng_arr.svg) no-repeat center / contain;}

@media print, screen and (min-width: 640px) {
.ban-eng { border-width: 3px;}
.ban-eng-pic { width: 58%; max-width: 54rem; margin: 0 0 0 auto; padding: 1.5rem; }
.ban-eng-txt { padding: 0.5rem 1.8rem;}
.ban-eng-txt span { font-size: 1.4rem;}

}

@media print, screen and (min-width: 1024px) {
.ban-eng-pic { width: 46%; }

}
@media print, screen and (min-width: 1400px) {
.ban-eng-pic { width: 50%; max-width: 107rem;  padding: 2rem;  }
.ban-eng-txt { padding: 0.5rem 2.3rem; }
}
@media print, screen and (min-width: 1700px) {
.ban-eng-pic { width: auto;}
}


/* pickup
-------------------------------------------------------------------------------------------------------- */
.pickup { padding-top: 5rem;}
.pickup-wrap {  }
.pickup-slider { margin-top: 3rem; }
.pickup-bg { position: relative; padding: 0 0 1rem 1rem;  }
.pickup-bg::before { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 95%; height: 95%;  background-color: #1D2087; }
.pickup-slider-item {  }
.pickup-slider-pic { position: relative; display: block; width: 100%; height: 0; padding-top: 60%; overflow: hidden;}
.pickup-slider-pic img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover;}
.pickup-slider-txt { background-color: #fff;  }
.slick-dots { right: 0; bottom: auto !important; top: -6.5rem; text-align: right !important;}
.slick-dots li.slick-active button:before { color: #1D2087 !important;}
.pickup .home-news-cat { margin-top: 1.5rem;}
.pickup .home-news-cat span { display: inline-block; width: auto;}
.home-news-cat span + span { margin-left: 0.5rem;}
.slick-arrow { display: none !important;}
.slick-dotted.slick-slider { margin-bottom: 0 !important;}

@media print, screen and (min-width: 640px) {
.pickup { padding-top: 10rem;}
.pickup-wrap { display: flex; align-items: flex-start; /*margin-top: -10rem;*/ position: relative; z-index: 20;}
.pickup-slider { width: 68.47%;  }
.pickup-bg { padding: 0 0 3rem 3rem;  }
.pickup-title { position: relative; width: 31.53%; margin-top: 30%; }
.pickup-title::before { position: absolute; bottom: 1rem; left: 0; content: ""; display: block; width: 100%; height: 1px;  background-color: #1D2087; z-index: 1; }
.pickup-title::after { position: absolute; bottom: 0.6rem; right: 0; content: ""; display: block; width: 0.8rem; height: 0.8rem;  background-color: #1D2087; z-index: 1; border-radius: 50%;   animation: circlemove 2s ease-in-out infinite; }
.pickup-title .main { position: relative; display: inline; padding-right: 1rem; font-size: 4rem; background-color: #efefef; z-index: 2; }
.slick-dots { width: 50% !important; left: -47%; top: 70%; bottom: auto !important; text-align: left !important;}
}
@media print, screen and (min-width: 1024px) {
.pickup { padding-top: 16rem;}
.pickup-wrap { /*margin-top: -16rem;*/ }
.pickup-slider-link { width: 73rem; padding-top: 56.1643%;}
.pickup-title .main { font-size: 5.5rem; }
.pickup .home-news-cat { margin-top: 2rem;}
.pickup .home-news-cat span { font-size: 1.2rem;}
.pickup .home-news-title { font-size: 2rem;}
.slick-dotted.slick-slider { margin: 0 !important;}
}

@keyframes circlemove{
0% {left:0;}
100% {left:100%;}
 }







/* bigban
-------------------------------------------------------------------------------------------------------- */
.bigban { padding:4rem 0 0; }

@media print, screen and (min-width: 640px) {
.bigban { padding:8rem 0 0; }

}


/* to-lp
-------------------------------------------------------------------------------------------------------- */

.to-lp								{ padding: 4rem 0;}
.to-lp .bg							{ margin-bottom: 6rem; padding: 1rem; background: url("/assets/images/home/to-lp_bg.jpg") no-repeat center center; background-size: cover;}
.to-lp .bg .line					{ padding: 2rem 1.5rem 2rem; border: #fff 1px solid;}
.to-lp .bg .line .catch				{ }
.to-lp .bg .line .row				{ }
.to-lp .bg .line .row .txt 			{ margin-top: 1.5rem; text-align: center;}
.to-lp .bg .line .row .txt .jp		{ color: #fff; font-weight: bold; font-size: 2rem;}
.to-lp .bg .line .row .txt .en		{ color: #fff; font-size: 1.4rem;}
.to-lp .bg .line .row .btn			{ margin-top: 1.5rem; text-align: center; }
.to-lp .bg .line .row .btn a		{ display: block; padding: 1.5rem; color: #fff; background: url("/assets/images/common/ico_blank.png") no-repeat right 2rem center #014DA1; background-size: 1.4rem; border-radius: 4rem;}
.to-lp .bg .line .row .btn.jp a		{ background-color: #014DA1; }
.to-lp .bg .line .row .btn.en a		{ background-color: #32BAC9; }

.to-lp .youtube-wrap		{ margin: 2rem auto; }

@media print, screen and (min-width: 640px) {
.to-lp								{ padding: 8rem 0;}
.to-lp .bg .line .catch				{ max-width: 50rem; margin: 0 auto;}
.to-lp .bg .line .row				{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center;}
.to-lp .bg .line .row .txt 			{ width: 100%;}
.to-lp .bg .line .row .btn			{ width: 20rem; margin: 1.5rem 1rem 0;}
.to-lp .bg .line .row .btn a		{ font-size: 1.4rem;}
}
@media print, screen and (min-width: 1024px) {
.to-lp .bg							{ margin-bottom: 8rem;}
.to-lp .bg .line					{ padding: 3rem; }
.to-lp .bg .line .catch				{ max-width: 84rem; }
.to-lp .bg .line .row				{ margin-top: 3rem; align-items: center;}
.to-lp .bg .line .row .txt 			{ width: auto; flex: 1; margin-top: 0;}
.to-lp .bg .line .row .btn			{ margin-top: 0;}

.to-lp-movie { margin: 4rem auto;}

}
@media print, screen and (min-width: 1200px) {
.to-lp .bg .line .row .txt .jp		{ font-size: 2.6rem;}
.to-lp .bg .line .row .txt .en		{ font-size: 1.6rem;}

}






/* news-wrap
--------------------------------------------------------------------------------------------------------
#news-wrap							{ padding: 4rem 0; border-top: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid;}
#news-wrap .ttl-sect				{ padding: 0 2rem 2rem; border-bottom: #1b1464 1px solid;}
#news-wrap .news-box				{ padding: 2rem 2rem 0; }
#news-wrap .news-box >*+div			{ margin-top: 2rem; }
#news-wrap .news-box a				{ display: block; }
#news-wrap .news-box dl				{ -webkit-display: flex; display: flex; flex-wrap: wrap; align-items: center; }
#news-wrap .news-box dl .date		{ width: auto; }
#news-wrap .news-box dl .cat		{ width: auto; margin-left: 1rem; }
#news-wrap .news-box dl .cat span	{ display: inline-block; width: 10rem; margin: 0 0.5rem; padding: 0.2rem 0.5rem 0; border: #1d2087 1px solid; color: #1d2087; font-size: 1.2rem; text-align: center;}
#news-wrap .news-box dl .title		{ width: 100%; margin-top: 1rem;  }
#news-wrap .news-box .link					{ margin-top: 3rem; }
#news-wrap .news-box .link a					{ display: block; margin-top: 2rem; padding: 1.5rem; color: #1d2087; text-decoration: underline; background-color: #fbfbfb; text-align: center; }


@media print, screen and (min-width: 640px) {
#news-wrap .ttl-sect				{ padding: 0 3rem 2rem; }
#news-wrap .news-box				{ padding: 3rem 3rem 0; }
#news-wrap .news-box dl				{ flex-wrap: nowrap; }
#news-wrap .news-box dl .date		{ width: 12%; font-size: 1.4rem;}
#news-wrap .news-box dl .cat		{ width: 18%; margin-left: 0;}
#news-wrap .news-box dl .cat span	{ font-size: 1rem;}
#news-wrap .news-box dl .title		{ width: 72%; margin-top: 0; font-size: 1.4rem;  }

}

@media print, screen and (min-width: 1024px) {
#news-wrap							{ padding: 0; }
#news-wrap .row						{ max-width: 1110px; margin: 0 auto; position: relative; -webkit-display: flex; display: flex; align-items: center; }
#news-wrap .ttl-sect				{ position: relative; width: 25rem; padding: 0 2rem 0; border-bottom: none; text-align: right; }
#news-wrap .ttl-sect .main			{ font-size: 4.5rem;}
#news-wrap .ttl-sect .main			{ font-size: 4.5rem;}

#news-wrap .news-box				{ position: relative; flex: 1; padding: 4rem 0 4rem 9rem; }
#news-wrap .news-box:after			{ content: ""; display: block; width: 100%; height: 100%; background: url("/assets/images/home/news_ar.png") no-repeat left center; background-size: contain; position: absolute; top: 0; left: 0; z-index: -1;}
#news-wrap .news-box a				{ display: inline-block; }
#news-wrap .news-box dl .date		{ width: 8rem; margin: 0.3rem 0 0; }
#news-wrap .news-box dl .cat		{ width: 10rem; margin-left: 0;}
#news-wrap .news-box dl .cat span	{ width: 8rem; }
#news-wrap .news-box dl .title		{ width: auto; flex: 1; margin: 0.3rem 0 0 1rem;  }

#news-wrap .news-box .link					{ margin: -2.5rem 2rem 0 0; text-align: right;}
#news-wrap .news-box .link a					{ display: inline-block; margin-top: 0; padding: 0; background: none; text-align: right; font-size: 1.4rem; }

}
*/




/* lead
--------------------------------------------------------------------------------------------------------

#lead							{}
#lead .inbox					{}
#lead .inbox .title-box			{ padding: 7rem 2rem 2rem; background: #efefef;}
#lead .inbox .title-box p		{ color: #1d2087; font-weight: bold; font-size: 4rem; line-height: 1.2;}
#lead .inbox .txt-box			{ padding: 2rem 2rem 3rem; }
#lead .inbox .txt-box .main		{ font-weight: bold; font-size: 2rem;}
#lead .inbox .txt-box .sub		{ margin-top: 1rem;  }

@media print, screen and (min-width: 640px) {

#lead .inbox					{ -webkit-display: flex; display: flex; flex-direction: row-reverse;}
#lead .inbox .title-box			{ width: 50%; padding: 3rem 3rem 2rem; }
#lead .inbox .title-box p		{ font-size: 5rem; }
#lead .inbox .txt-box			{ width: 50%; padding: 4rem 3rem 3rem; }

}

@media print, screen and (min-width: 1024px) {

#lead .inbox .title-box			{ width: 50%; padding: 11rem 0 17rem 5%; }
#lead .inbox .title-box p		{ font-size: 7rem; }
#lead .inbox .txt-box			{ width: 50%; padding: 8rem 3% 3rem 2rem; max-width: 555px; }
#lead .inbox .txt-box .main		{ font-size: 3.2rem;}
#lead .inbox .txt-box .sub		{ margin-top: 2rem;  }
}
*/



/* new
--------------------------------------------------------------------------------------------------------
#new								{ padding: 4rem 0; border-top: #c5c5c5 1px solid; border-bottom: #c5c5c5 1px solid;}
#new .ttl-sect						{ text-align: center; }
#new .ttl-sect .main				{ font-size: 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("/assets/images/common/ar_right_bottom_bl.png") no-repeat right bottom; background-size: 1.5rem; }
#new .product-wrap .product-box .row						{ -webkit-display: block; display: block;}
#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: -3em; 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: 0; background-image:url("/assets/images/common/ar_left_wh.png"); }
#new .bx-controls-direction .bx-next						{ right: 0; background-image:url("/assets/images/common/ar_right_wh.png");  }




@media print, screen and (min-width: 640px) {
#new										{ padding: 8rem 0; }
#new .ttl-sect .main						{ font-size: 4.5rem;}
#new .ttl-sect .sub							{ margin-top: 2rem;}

#new .bx-controls-direction a				{ top: -12em; }
#new .bx-controls-direction a:hover			{ opacity: 1;  }
#new .bx-controls-direction .bx-prev		{ left: -2rem;}
#new .bx-controls-direction .bx-next		{ right: -2rem; }

}
@media print, screen and (min-width: 1024px) {
#new .ttl-sect .main				{ font-size: 5rem;}

}
*/


/* bn-wrap
--------------------------------------------------------------------------------------------------------
#bn-wrap							{ padding: 5rem 0 3rem; border-bottom: #c5c5c5 1px solid;}
#bn-wrap .row						{}
#bn-wrap .row div					{}
#bn-wrap .row div a					{ display: block;}
#bn-wrap .row div+div				{ margin-top: 1.5rem;}

@media print, screen and (min-width: 640px) {
#bn-wrap							{ padding: 6rem 0 4rem; }
#bn-wrap .row						{ -webkit-display: flex; display: flex; margin: 0 -1.5rem;}
#bn-wrap .row div					{ width: calc(50% - 3rem); margin: 0 1.5rem;}
#bn-wrap .row div+div				{ margin-top:0;}
}
@media print, screen and (min-width: 1024px) {
#bn-wrap							{ padding: 10rem 0 6rem; }
}
*/


/* campaign-wrap
--------------------------------------------------------------------------------------------------------
#campaign-wrap									{}
#campaign-wrap .bg								{ padding: 3rem 0 12rem; background-color: #1d2087;}
#campaign-wrap .ttl-sect						{ }
#campaign-wrap .ttl-sect .main					{ color: #ffffff; }
#campaign-wrap .ttl-sect .sub					{ background: #ffffff; color: #1d2087; }

@media print, screen and (min-width: 640px) {

#campaign-wrap .bg								{ padding: 6rem 0 12rem; background-color: #1d2087;}

}

@media print, screen and (min-width: 1024px) {

#campaign-wrap .bg								{ padding: 10rem 0 23rem; background-color: #1d2087;}

}

*/





/* cam-box ----------------------------------------------------------------
.cam-box						{ padding-bottom: 4rem;}
.cam-box .inbox:first-child		{ margin-top: -8rem;}
@media print, screen and (min-width: 1024px) {
.cam-box .inbox:nth-child(-n+2)					{ margin-top: -17.5rem;}
}
*/



/* maker-wrap
-------------------------------------------------------------------------------------------------------- */

#maker-wrap									{}
#maker-wrap .search							{ margin-top: 2rem;}
#maker-wrap .search ul						{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 2rem -0.5rem 0; }
#maker-wrap .search ul li					{ width: calc(50% - 1rem); margin: 1rem 0.5rem 0; text-align: center; }
#maker-wrap .search ul li a					{ display: block; border: #969696 1px solid;}
#maker-wrap .search ul li:nth-child(-n+2)	{ margin-top:0; }
#maker-wrap .association	    { margin-top:4rem; }
#maker-wrap .association ul	    { -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 0 -0.5rem 0; }
#maker-wrap .association ul li  { width: calc(100% - 1rem); margin: 1rem 0.5rem 0; text-align: center; }
#maker-wrap .association ul li a{ display: block; border: #969696 1px solid; }

@media print, screen and (min-width: 640px) {

#maker-wrap .search							{ margin-top: 4rem;}
#maker-wrap .search ul						{ margin: 2rem -1rem 0; }
#maker-wrap .search ul li					{ width: calc(33.33% - 2rem); margin: 2rem 1rem 0; }
#maker-wrap .search ul li:nth-child(-n+3)	{ margin-top:0; }
#maker-wrap .association	    { margin-top:6rem; }
#maker-wrap .association ul	    { margin: 0 -1rem 0; }
#maker-wrap .association ul li  { width: calc(33.33% - 2rem); margin: 2rem 1rem 0; }
}

@media print, screen and (min-width: 1024px) {

#maker-wrap .search							{ margin-top: 6rem;}
#maker-wrap .search ul						{ margin: 3rem -1.5rem 0; }
#maker-wrap .search ul li					{ width: calc(20% - 3rem); margin: 3rem 1.5rem 0; }
#maker-wrap .search ul li:nth-child(-n+5)	{ margin-top:0; }
#maker-wrap .association	    { margin-top:8rem; }
#maker-wrap .association ul	    { margin: 0 -1.5rem 0; }
#maker-wrap .association ul li  { width: calc(33.33% - 3rem); margin: 3rem 1.5rem 0; }

}







/* about-wrap
-------------------------------------------------------------------------------------------------------- */


.about-wrap	{ background: url("/assets/images/home/about_bg.png") no-repeat left -20rem bottom; background-size:72rem;}
.about-box { position: relative; margin-top: 2rem; }
.about-box-pic { position: relative; z-index: 1;}
.about-box-txt { position: relative; z-index: 2; margin: -3rem 1rem 0; padding: 1.5rem; background-color: rgba(255,255,255,0.7);}
.about-box-title { font-weight: bold; font-size: 2rem;}
.about-box-title + p { margin-top: 1rem;}
.about-btn { margin-top: 1rem;}

@media print, screen and (min-width: 640px) {
.about-box { margin-top: -7rem; }
.about-box-pic { max-width: 80rem; margin: 0 calc(((100vw - 100%) /2 ) *-1) 0 45%;}
.about-box-txt { margin: -10rem 40% 0 0; padding: 2.5rem; background-color: rgba(255,255,255,0.7);}
.about-box-title { font-size: 2.6rem;}
.about-btn  { max-width: 26rem; margin: 4rem 0 0 auto;}
}

@media print, screen and (min-width: 1024px) {
.about-wrap { background-position: left -6rem bottom; background-size: contain;}
.about-wrap.box-wrap { padding: 24rem 0 7rem;}
.about-box { margin-top: -11rem; }
.about-box-pic { margin: 0 calc(((100vw - 100%) /2 ) *-1) 0 auto;}
.about-box-txt { max-width: 66.5rem; margin: -30rem 0 0 0; padding: 5rem; background-color: rgba(255,255,255,0.9); }
.about-box-title { font-size: 3.2rem;}
.about-box-title + p { margin-top: 3rem; line-height: 1.8;}
.about-btn { max-width: 26rem; margin: 3rem 0 0 auto;}


}




/* company-wrap
-------------------------------------------------------------------------------------------------------- */

.company-wrap { }
.company-wrap .inner { max-width: 72.5rem; }
.company-lead { text-align: center; }
.company-lead-logo { width: 10rem; margin: 0 auto; }
.company-leadbox-title { margin-top: 1rem; font-size: 3.6rem; line-height: 1; font-weight: bold; }
.company-leadbox-sub { margin-top: 1rem; font-weight: bold; }
.company-txt { margin-top: 3rem; }
.company-btn { max-width: 26rem; margin-top: 3rem; }

@media print, screen and (min-width: 640px) {
.company-lead-logo { width: 14rem; }
.company-leadbox-title { margin-top: 1rem; font-size: 6rem; }
.company-leadbox-sub { margin-top: 1rem; }
}
@media print, screen and (min-width: 1024px) {
.company-wrap.box-wrap { padding: 16rem 0 12rem;}
.company-lead { text-align: left; display: flex; justify-content: center; }
.company-lead-logo { width: 21rem; margin: 0 4rem 0 0;}
.company-txt { margin-top: 6rem; }
.company-btn { margin-top: 4rem; }
}