@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1699px) {
	#i_sell_cap span{ font-size: 3em; bottom: 100px; }
	.sell_img_wrap{ width: calc(100% - 450px);}
	.sell_txt_wrap{ width: 450px; }
}

@media all and (max-width: 1499px) {
	#i_sell_cap span{ font-size: 3em; bottom: 20px; }
	.sell_img_wrap{ width: calc(100% - 400px);}
	.sell_txt_wrap{ width: 400px; }

	.ndtl_sync_wrap{ width: 440px; }
	.ndtl_txt_wrap{ width: calc(100% - 440px); }
}

@media all and (max-width: 1399px) {
	#i_abt h2{ font-size: 3em;}
	.i_abt_item_wrap .i_abt_item:nth-child(1) .i_abt_img:nth-child(1){ margin: 40px 40px 0 0; }
	.i_abt_item_wrap .i_abt_item p{ font-size: 1.325em; line-height: 2em;}
	.i_abt_item_wrap .i_abt_item:nth-child(1) p{ width: 480px; margin: 100px 0 0 auto; }
	.i_abt_item_wrap .i_abt_item:nth-child(2) .i_abt_img:nth-child(2){ margin: 40px 40px 0 40px; }

	#i_sell{ flex-wrap: wrap;}
	#i_sell_box{ width: 100%; padding: 20px 20px 80px 20px; }
	#i_sell_cap{ width: 100%; height: auto; padding: 80px 80px 0px 80px;}
	#i_sell_cap h2, #i_sell_cap span{ position: static; display: inline-block; writing-mode: horizontal-tb;}
	#i_sell_box{ width: 100%;}
}

@media all and (max-width: 1199px) {
	.i_abt_item_wrap .i_abt_item:nth-child(1){ width: 78.6458%; }
	.i_abt_item_wrap .i_abt_item:nth-child(1) .i_abt_img:nth-child(1){ margin: 0 0 40px 0; }
	.i_abt_item_wrap .i_abt_item:nth-child(1) .i_abt_img:nth-child(2){ display: block; }
	.i_abt_item_wrap .i_abt_item:nth-child(1) p{ width: 100%; margin: 40px 0 0 40px; color: var(--color-12); text-shadow: 0 0 5px rgba(0, 0, 0, .75); }
	.i_abt_item_wrap .i_abt_item:nth-child(2){ display: none; }

	.sell_img_wrap{ width: calc(100% - 300px);}
	.sell_txt_wrap{ width: 300px; }
	.sell_txt{ margin: 0 40px; }

	.inr_h2 span{ margin: 0 0 0 10px; font-size: 3.25em; letter-spacing: 10px; }
	.inr_h2 h2{ margin: 0 0 0 40px; font-size: 1.3em; letter-spacing: 12px; }

	.tlst .tlst_box .tlst_img{ max-width: 70px; }
	.tlst .tlst_box p{ width: calc(100% - 70px);}

	.ndtl_sync_wrap{ display: none;}
	.ndtl_txt_wrap{ width: 100%; }
	.ndtl_cap{ width: 100%; margin-left: 20px;}
	.ndtl_txt{ width: 100%; padding: 0 20px; }
	.ndtl_cnt{ margin: 20px 0 0 0; }
}

@media all and (max-width: 991px) {
	#i_abt h2{ right: 8.7187%;}

	#i_sell_cap{ padding: 60px 80px 0px 80px;}
	.sell_wrap{ flex-wrap: wrap;}
	.sell_img_wrap{ width: 100%; order: 1;}
	.sell_txt_wrap{ width: 100%; order: 2;}
	.sell_txt{ margin: 20px 0 0 0; }
	.sell_txt p{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

	.inr_bnr{ height: 400px; border-bottom-right-radius: 200px; }

	.inr_abt article{ margin-bottom: 70px; flex-wrap: wrap;}
	.inr_abt article .abt_img{ width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 0 40px 0;}
	.inr_abt article .abt_txt{ width: 100%; }
	.inr_abt article:nth-child(2n+1) .abt_img{ padding: 0 0 40px 0; order: 1; }
	.inr_abt article:nth-child(2n+1) .abt_txt{ order: 2; }

	.inr_sell article .lst_img{ width: 40%;}
	.inr_sell article .lst_txt{ width: 60%;}

	.dtl_sync{ float: none; width: 100%; max-width: 500px; }
	.dtl_txt{ float: none; width: 100%; margin: 50px 0 0 0; padding: 0; }
	.dtl_cnt{ margin: 0; }
	.dtl_fixed, .dtl_absolute{ position: static;}
}

@media all and (max-width: 768px) {
	.inr_bnr{ height: 350px; border-bottom-right-radius: 175px; }
}

@media all and (max-width: 767px) {
	header, header:active{ height: 60px;}
	.logo{ margin: 9px 0;}
	.logo a{ width: 126px; height: 40px;}

	.carousel_cap{ width: 119px; height: 380px;}

	#i_sell_cap h2{ font-size: 2.25em; letter-spacing: 20px; }
	#i_sell_cap span{ font-size: 1.5em; letter-spacing: 8px; }

	footer{ padding-bottom: 121px; }

	footer .finfo{ padding: 10px; flex-wrap: wrap; }
	footer .finfo li{ width: 50%;}
	footer .finfo li a{ margin: 30px 0; border: 0; }
	footer .finfo li i{ font-size: 2.5em; }

	#i_news .h2_span{ font-size: 2em; letter-spacing: 10px; text-indent: 10px; top: 107px; }

	.inr_h2 span{ margin: 0 0 0 5px; font-size: 2.5em; letter-spacing: 5px; }
	.inr_h2 h2{ margin: 0 0 0 20px; font-size: 1.25em; letter-spacing: 10px; }

	.carousel_inr{ margin-top: 60px; }

	.linetime-img { font-size: .813em;}
	.linetime-panel-heading h3{ margin-bottom: 10px; }
	.linetime-pic { width: 75%;}

	.float_wrap{ width: 100%; height: auto; display: block; position: fixed; bottom: 0; }
	.float{ width: 100%; margin: 0;}
	.float a{ margin: 0; border-radius: 0px; }
	.float p{ margin-top: 0px; display: inline-block; }
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
	h2{ margin-bottom: 30px; font-size: 1.875em; }
	h3{ font-size: 1.325em; }
	h4{ font-size: 1.25em; }
	h5{ font-size: 1.125em; }
	h6{ font-size: 1em; }

	section{ padding: 60px 0; scroll-margin-top: 50px; }
	section h2{ margin-bottom: 50px; letter-spacing: 15px; text-indent: 15px; }
	section h3{ margin-bottom: 20px;}

	.carousel-control-prev-icon, .carousel-control-next-icon { width: 20px; height: 20px; background-size: 100%;}
	.carousel-control-prev{ left: -4%; }
	.carousel-control-next{ right: -4%; }
	.index .carousel_cap{ width: 109px; height: 350px;}

	#i_abt{ padding: 40px 0;}
	#i_abt h2{ font-size: 2.25em; right: 7.7187%;}
	.i_abt_item_wrap .i_abt_item p{ font-size: 1.325em; line-height: 1.75em;}
	.i_abt_item_wrap .i_abt_item:nth-child(1) .i_abt_img:nth-child(1){ margin: 0 0 20px 0; }
	.i_abt_item_wrap .i_abt_item:nth-child(1) p{ margin: 20px 0 0 40px;}

	.i_sell{ padding: 0 !important;}
	#i_sell{ margin: 10px;}
	#i_sell_cap{ padding: 20px 20px 0px 20px;}
	#i_sell_cap h2{ margin: 0; font-size: 2em; letter-spacing: 20px; }
	#i_sell_cap span{ font-size: 1.25em; letter-spacing: 8px; }
	#i_sell_box{ width: 100%; padding: 10px 0px 20px 0px; }
	.sell_txt h3{ margin: 0; font-size: 1.5em;}
	.sell_txt p{ margin: 10px 0 0 0; }

	footer{ padding: 50px 0 91px 0;}
	footer .social{ float: right; margin: 8px 0 25px 0;}
	footer .social li{ margin-left: 10px; }

	footer .finfo{ padding: 10px 30px;}
	footer .finfo li{ width: 100%; }
	footer .finfo li a{ margin: 0px; padding: 30px 0; display: flex; flex-wrap: nowrap; align-items: center; justify-content: start; border: 0; border-bottom: 1px solid #fff; }
	footer .finfo li:last-child a{ border: 0; }
	footer .finfo li i{ width: 50px; margin: 0; font-size: 3em; text-align: center; }
	footer .finfo li p{ width: calc(100% - 70px); margin: 0 0 0 20px; padding: 0; font-size: 1.25em; line-height: 1.25em; text-align: left; }

	#i_news .h2_span{ top: 50px; }

	.inr_bnr{ height: 300px; border-bottom-right-radius: 150px; }

	.inr_h2{ margin-bottom: 50px; flex-wrap: wrap; }
	.inr_h2 span{ width: 100%; margin: 0; text-align: center; }
	.inr_h2 h2{ margin: 15px auto 0 auto; text-align: center; }

	.inr_sell article a{ flex-wrap: wrap; }
	.inr_sell article .lst_img{ width: 100%; margin: 0 0 30px 0;}
	.inr_sell article .lst_txt{ width: 100%;}

	.spec .spec_cap{ width: 100px;}
	.spec .spec_txt{ width: calc(100% - 120px);}

	.card:nth-child(odd)::before { top: -5px; bottom: -5px;}
}

@media all and (max-width: 480px) {
	#i_abt h2{ font-size: 2em; letter-spacing: 20px; right: 7%;}

	footer .finfo li p{ font-size: 1em; }

	#i_news .h2_span{ font-size: 1.25em; letter-spacing: 5px; text-indent: 5px; top: 65px; right: 0; }

	.inr_bnr{ height: 250px; border-bottom-right-radius: 100px; }
}

@media all and (max-width: 375px) {
	#i_abt h2{ font-size: 1.875em; letter-spacing: 15px; right: 7%;}
	.i_abt_item_wrap .i_abt_item p{ font-size: 1.25em; line-height: 1.5em;}

	.inr_bnr{ height: 200px; border-bottom-right-radius: 80px; }
}

@media all and (max-width: 374px) {
	.index .carousel_cap{ width: 94px; height: 300px;}

	#i_abt h2{ font-size: 1.625em;}

	#i_news .h2_span{ font-size: 1.25em; letter-spacing: 3px; top: 66px;}

	.inr_h2 span{ font-size: 2em; }
}