@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1600px){
	.fs_16, .indexAL p {font-size:1.6rem!important;}
	.fs_20 {font-size:2.4rem!important;}
	.fs_22 {font-size:20px!important;}
	.fs_24 {font-size:22px!important;}
	.fs_26 {font-size:24px!important;}
	.fs_28 {font-size:26px!important;}
	.fs_30, .indexAL h1, .products h1, .products_sub h1, .news h1, .contact h1 {font-size:3.2rem!important;}
	.fs_32 {font-size:30px!important;}
	.fs_34 {font-size:32px!important;}
	.fs_36 {font-size:34px!important;}
	.fs_38 {font-size:36px!important;}
	.fs_40 {font-size:38px!important;}
    .bannerCT {font-size: 53px;}
    .row_fd_r16, .row_fw_nw16, .row_fw_w16 {display:block;}
    .contactCFBtn {padding: 60px 0 130px 0;}
}
/*1600px_spc_end*/


@media only screen and (max-width:1400px){
	.fs_20 {font-size:1.6rem!important;}
	.fs_22 {font-size:18px!important;}
	.fs_24 {font-size:2.4rem!important;}
	.fs_26 {font-size:22px!important;}
	.fs_28 {font-size:24px!important;}
	.fs_30, .indexAL h1, .products h1, .products_sub h1, .news h1, .contact h1, .main-faq h1 {font-size:26px!important;}
	.fs_32 {font-size:28px!important;}
	.fs_34 {font-size:30px!important;}
	.fs_36 {font-size:32px!important;}
	.fs_38 {font-size:34px!important;}
	.fs_40 {font-size:36px!important;}
    .row_fd_r14, .row_fw_nw14, .row_fw_w14 {display:block;}
    .bannerCT {font-size: 51px;}
    .ind_P .owl-prev {left: -20px;}
    .ind_P .owl-next {right: -20px;}
    .goTop {right: 0px;}
    .contactCFBtn {padding: 50px 0 110px 0;}
}
/*1400px_nb_end*/


@media only screen and (max-width:1200px){
	.fs_20 {font-size:14px!important;}
	.fs_22 {font-size:16px!important;}
	.fs_24 {font-size:18px!important;}
	.fs_26 {font-size:20px!important;}
	.fs_28 {font-size:22px!important;}
	.fs_30, .indexAL h1, .products h1, .products_sub h1, .news h1, .contact h1 {font-size:24px!important;}
	.fs_32 {font-size:26px!important;}
	.fs_34 {font-size:28px!important;}
	.fs_36 {font-size:30px!important;}
	.fs_38 {font-size:32px!important;}
	.fs_40 {font-size:34px!important;}
    .frame_1140, .frame_1180 {padding: 0 50px;}
    .a_nohover {pointer-events: initial;}
/*    .products h1, .main-faq h1 {padding: 40px 50px 20px 50px;}*/
    .row_fd_r12, .row_fw_nw12, .row_fw_w12 {display:block;}
    .sjj_nav_ul > li {padding: 0 27px;}
    .bannerCT {font-size: 49px;}
    .indexAL {padding: 50px 40px}
    /*.indexAL h1 {margin-top: 50px;}
    .indexAL .btn_a {margin-bottom: 50px;}*/
    .ind_P .owl-prev {left: 0px;}
    .ind_P .owl-next {right: 0px;}
    .products_subTRI li {width: 50%;}
    .products_subTRBtn {justify-content: center;}
    .dte_9_list {width: 50%;}
    .contactCTL {padding: 0 4.387% 0 0;}
    .contactCTR {padding: 0 0px 0 0;}
    .contactCFBtn {padding: 40px 0 90px 0;}
}
/*1200px_xl_end*/


@media only screen and (max-width:992px){
    .mobile {display:block;}.pc {display:none;}
    .rotate_360:hover img {text-decoration:none; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
    .alpha_60 img, .alpha_60:hover img {filter:alpha(opacity=100);Opacity:1.0;}
    .scale_3 img, .scale_3:hover img, .scale_05 img, .scale_05:hover img {transform: scale(1.0, 1.0);}
	.fs_16 {font-size:1.823vw!important;}
	.fs_18 {font-size:2.083vw!important;}
	.fs_20 {font-size:2.344vw!important;}
	.fs_22 {font-size:2.604vw!important;}
	.fs_24, .indexAL h1 {font-size:2.865vw!important;}
	.fs_26 {font-size:3.125vw!important;}
	.fs_28 {font-size:3.385vw!important;}
	.fs_30, .products h1, .products_sub h1, .news h1, .contact h1 {font-size:3.646vw!important;}
	.fs_32 {font-size:3.906vw!important;}
	.fs_34 {font-size:4.167vw!important;}
	.fs_36 {font-size:4.427vw!important;}
	.fs_38 {font-size:4.688vw!important;}
	.fs_40 {font-size:4.948vw!important;}
    .row_fd_r9, .row_fw_nw9, .row_fw_w9 {display:block;}
	.ht_15 {height:10px; font-size:0px; line-height:0px;}
	.ht_20 {height:15px; font-size:0px; line-height:0px;}
	.ht_25 {height:20px; font-size:0px; line-height:0px;}
	.ht_30 {height:25px; font-size:0px; line-height:0px;}
	.ht_40 {height:35px; font-size:0px; line-height:0px;}
	.ht_50 {height:45px; font-size:0px; line-height:0px;}
	.ht_60 {height:55px; font-size:0px; line-height:0px;}
    .slideTable {display: block;}
    .frame_1140, .frame_1180 {padding: 0 20px;}
/*    .products h1, .main-faq h1 {padding: 40px 20px 20px 20px;}*/
    #content {padding: 40px 0 0 0;}
    .logo {width: 106px; margin-top: -12px;}
    .top-barC {height: 60px;}
    .bannerP.scale_05{right: 5%; width: 50%; padding: 0;}
    .bannerCT {font-size: 6.112vw;}
    .banner .owl-dots {bottom: 25px;}
    .indexAL {width: 57%; padding: 20px 20px;}
    /*.indexAL h1 {margin-top: 20px;}
    .indexAL .btn_a {margin-bottom: 20px;}*/
    .indexAL p {font-size: 15px;}
    .indexAR {width: 43%;}
    .ind_A .owl-nav {top: 44%;}
    .ind_ACC > div {left: 30px; right: 30px;}
    .ind_ACCT {margin-bottom: 3.125%;}
    .ind_ACCC {line-height: 160%;}
    .aboutCBL {width: 235px; padding-right: 35px;}
    .aboutCBR {width: calc(100% - 235px); padding: 0 0 25px 40px;}
    .aboutCBR:last-child {padding: 0 0 15px 40px;}
    .productsCA li {width: 33.33%;}
    .productsClassL {margin: 0 2.63% 55px 0;}
    .productsClassL:nth-child(3n+3), .productsClassL:last-child {margin: 0 0 75px 0;}
    .productsClassTL h2 {margin-bottom: 15px;}
    .productsClassTL li {width: 100%;}
    .productsListL, .productsListL:nth-child(4n+4) {width: 32%; margin: 0 2% 55px 0;}
    .productsListL:nth-child(3n+3), .productsListL:last-child {margin: 0 0 55px 0;}
    .products_subTRI {display: block;}
    .products_subTRI li {width: 100%; padding: 15px 0 0px 0; display: flex; flex-wrap: wrap; align-items: center;}
    .products_subTRIP {width: 60px; padding-bottom: 60px; margin: 0;}
    .products_subTRIT {width: calc(100% - 60px); max-width: inherit; text-align: left; padding: 0 10px;}
    .dte_9_list {width: 100%; padding: 15px 0 0px 0; display: flex; flex-wrap: wrap; align-items: center;}
    .dte_9_pic {width: 60px; padding-bottom: 0px; margin: 0;}
    .dte_9_text {width: calc(100% - 60px); max-width: inherit; text-align: left; padding: 0 10px;}
    .btn_c:link, .btn_c:visited {width: 140px;}
    .btn_c::before {margin-right: 15px;}
    .newsListLR {padding-left: 30px;}
    .contactCFR {padding: 0 0px 0 0;}
    .contactCFBtn {padding: 30px 0 70px 0;}
	
	.goTop{width: 45px;height: 58px;}
	.goTop a:link, .goTop a:visited{width: 45px;height: 58px;padding-top: 15px;}
	.goTop a:active, .goTop a:hover{line-height: 20px;}
}
/*992px_lg_end*/


@media only screen and (max-width:768px){
    .fs_16 {font-size: 2.431vw!important;}
    .fs_18 {font-size: 2.778vw!important;}
    .fs_20 {font-size: 3.125vw!important;}
    .fs_22 {font-size: 3.472vw!important;}
    .fs_24, .indexAL h1 {font-size: 3.819vw!important;}
    .fs_26 {font-size: 4.167vw!important;}
    .fs_28 {font-size: 4.514vw!important;}
    .fs_30, .products h1, .products_sub h1, .news h1, .contact h1 {font-size: 2.2rem!important;}
    .fs_32 {font-size: 5.208vw!important;}
    .fs_34 {font-size: 5.556vw!important;}
    .fs_36 {font-size: 5.903vw!important;}
    .fs_38 {font-size: 6.25vw!important;}
    .fs_40 {font-size: 6.597vw!important;}
    .row_fd_r7, .row_fw_nw7, .row_fw_w7 {display:block;}
	.ht_20 {height:10px; font-size:0px; line-height:0px;}
	.ht_25 {height:15px; font-size:0px; line-height:0px;}
	.ht_30 {height:20px; font-size:0px; line-height:0px;}
	.ht_40 {height:30px; font-size:0px; line-height:0px;}
	.ht_50 {height:40px; font-size:0px; line-height:0px;}
	.ht_60 {height:50px; font-size:0px; line-height:0px;}
    .slideTable {background-size: 30%;}
    .banner,
    .banner_Bg{ height: 500px; }
    .bannerC,
    .bannerC_artdeco{ height: 60%; }
    .bannerC_artdeco{ min-width: 180px; mix-blend-mode: darken;}
    .bannerCS{ margin-bottom: 4px; font-size: 1.6rem;}
    .bannerCT {font-size: 6.799vw;}
    .bannerCA { font-size: 4rem;}
    .bannerCN.fs_22{margin-top: 20px; font-size: 1.8rem!important; }
    .bannerP {width: 100%; text-align: center;}
    .banner .owl-nav {display: block;}
    .indexA {flex-wrap: wrap-reverse;}
    .ind_A .owl-dots {margin-top: 6.512%;}
    .indexAL {width: 100%; padding: 45px 35px;}
    /*.indexAL h1 {margin-top: 45px;}
    .indexAL .btn_a {margin-bottom: 45px;}*/
    .indexAL h1 {margin-bottom: 4%;}
    .indexAL p {margin-bottom: 5%;}
    .indexAR {width: 100%;}
    .indexAR img:nth-child(2) {display: block;}
    .ind_ACCT {margin-bottom: 6.125%;}
    .ind_ACCC {line-height: 200%;}
    .productsCA li {width: 50%;}
    .productsClassL, .productsClassL:nth-child(3n+3) {width: 48%; margin: 0 4% 55px 0;}
    .productsClassL:nth-child(2n+2), .productsClassL:last-child {margin: 0 0 55px 0;}
    .productsClassTL {width: 100%; padding: 20px 0 40px 0;}
    .productsClassTL li {width: 50%;}
    .productsClassTR {margin: auto;}
    .products_subTL {width: 100%; max-width: 570px; margin: auto; padding-bottom: 6.87%;}
    .products_subTR {width: 100%; padding: 5.495% 0 0 0;}
    .products_subTRI {display: flex;}
    .products_subTRI li {width: 33.33%; padding: 15px 0 10px 0; display: block; flex-wrap: wrap; align-items: center;}
    .products_subTRIP {position: relative; padding-bottom: 35.52%; margin: 0 auto 10px auto; display: block; height: 0px; line-height: 0; font-size: 0;}
    .products_subTRIT {width: 100%;max-width: 140px; margin: auto; text-align: center; padding: 0;}
    .hor_1 .mv {width:90%;}
    .dte_9_list {width: 33.33%; padding: 15px 0 10px 0; display: block; flex-wrap: wrap; align-items: center;}
    .dte_9_pic {position: relative; padding-bottom: 35.52%; margin: 0 auto 10px auto; display: block; height: 0px; line-height: 0; font-size: 0;}
    .dte_9_text {width: 100%;max-width: 140px; margin: auto; text-align: center; padding: 0;}
    .btn_c:link, .btn_c:visited {width: 200px;}
    .btn_c::before {margin-right: 25px;}
    .newsListLL {width: 41%;}
    .newsListLR {width: 59%;}
    .contactCTL {width: 100%; padding: 0 0 4.387% 0;}
    .contactCTR {width: 100%; padding: 0 0 0 0;}
    .contactCFL {width: 100%; padding: 0 0px 0 0;}
    .contactCFR {width: 100%; padding: 0 0px 0 0;}
    .contactCFColC {width: 170px; line-height: 266%; padding: 0 0px 20px 0px;}
    .contactCFBtn {padding: 20px 0 50px 0;}
}
/*768px_md_end*/


@media only screen and (max-width:576px){
    .fs_16 {font-size: 3.256vw!important;}
    .fs_18 {font-size: 3.721vw!important;}
    .fs_20 {font-size: 4.186vw!important;}
    .fs_22 {font-size: 4.651vw!important;}
    .fs_24, .indexAL h1 {font-size: 5.116vw!important;}
    .fs_26 {font-size: 5.581vw!important;}
    .fs_28 {font-size: 6.047vw!important;}
    .fs_30, .products h1, .products_sub h1, .news h1, .contact h1 {font-size: 2.2rem!important;}
    .fs_32 {font-size: 6.977vw!important;}
    .fs_34 {font-size: 7.442vw!important;}
    .fs_36 {font-size: 7.907vw!important;}
    .fs_38 {font-size: 8.372vw!important;}
    .fs_40 {font-size: 8.837vw!important;}
    .row_fd_r5, .row_fw_nw5, .row_fw_w5 {display:block;}
	.ht_25 {height:10px; font-size:0px; line-height:0px;}
	.ht_30 {height:15px; font-size:0px; line-height:0px;}
	.ht_40 {height:25px; font-size:0px; line-height:0px;}
	.ht_50 {height:35px; font-size:0px; line-height:0px;}
	.ht_60 {height:45px; font-size:0px; line-height:0px;}
    .bannerCT {font-size: 9.977vw;}
    .indexAL {padding: 30px 20px;}
    .bannerC::before { min-width: 200px;}
    .bannerCS { font-size: 1.4rem;}
    .bannerCT { font-size: 5vw;}
    .bannerCA { font-size: 3rem;}
    /*.indexAL h1 {margin-top: 30px;}
    .indexAL .btn_a {margin-bottom: 30px;}*/
    .ind_P .owl-nav {margin-top: -18px;}
    .ind_P .owl-prev span::before, .ind_A .owl-prev span::before {content: url("../images/prev_bm.png");}
    .ind_P .owl-next span::before, .ind_A .owl-next span::before {content: url("../images/next_bm.png");}
    .ind_P .owl-prev span:hover::before, .ind_A .owl-prev span:hover::before {content: url("../images/prev_am.png");}
    .ind_P .owl-next span:hover::before, .ind_A .owl-next span:hover::before {content: url("../images/next_am.png");}
    .ind_A .owl-nav {top: 44.5%; margin-top: -18px;}
    .ind_ACC > div {left: 20px; right: 20px;}
    .ind_ACCT {margin-bottom: 3.125%;}
    .ind_ACCC {line-height: 160%;}
    .footer {padding: 7.628% 20px;}
    .aboutCBL {width: 100%; padding: 0 0 15px 40px; text-align: left; border-left: 1px solid #bb1b21;}
    .aboutCBL::after {content: ''; position: absolute; top: 5px; right:auto; left: -8px;}
    .aboutCBR {width: 100%; padding: 0 0 25px 40px;}
    .aboutCBR:last-child {padding: 0 0 15px 40px;}
    .productsCA li {width: 100%;}
    .productsClassL, .productsClassL:nth-child(3n+3) {width: 48%; margin: 0 4% 45px 0;}
    .productsClassL:nth-child(2n+2), .productsClassL:last-child {margin: 0 0 45px 0;}
    .productsBg {display: none;}
    .productsClassTL {padding: 20px 0 30px 0;}
    .productsClassTL li {width: 100%;}
    .productsListL, .productsListL:nth-child(4n+4), .productsListL:nth-child(3n+3) {width: 48%; margin: 0 4% 45px 0;}
    .productsListL:nth-child(2n+2), .productsListL:last-child {margin: 0 0 45px 0;}
    .products_subTRI li {width: 50%;}
    .hor_1 .mv {width:100%;}
    .dte_9_list {width: 50%;}
    .btn_d:active, .btn_d:hover, .btn_e:active, .btn_e:hover, .btn_f:active, .btn_f:hover {font-size: 14px;}
    .newsListLL {width: 100%; max-width: 300px;}
    .newsListLR {width: 100%; padding: 20px 0 0 0;}
    .contactCFBtn .btn_g, .contactCFBtn .btn_g:nth-child(1):link, .contactCFBtn .btn_g:nth-child(1):visited {width: 47%!important; margin: 0 3% 0 0%;}
    .contactCFBtn .btn_g, .contactCFBtn .btn_g:nth-child(2):link, .contactCFBtn .btn_g:nth-child(2):visited {width: 47%!important; margin: 0 0% 0 3%;}
}
/*576px_sm_end*/


@media only screen and (max-width:430px){
    .fs_16 {font-size: 1.6rem!important;}
    .fs_18 {font-size: 14px!important;}
    .fs_20 {font-size: 16px!important;}
    .fs_22 {font-size: 18px!important;}
    .fs_24, .indexAL h1 {font-size: 2.4rem!important;}
    .fs_26 {font-size: 20px!important;}
    .fs_28 {font-size: 20px!important;}
    .fs_30, .products h1, .products_sub h1, .news h1, .contact h1 {font-size: 22px!important;}
    .fs_32 {font-size: 22px!important;}
    .fs_34 {font-size: 24px!important;}
    .fs_36 {font-size: 24px!important;}
    .fs_38 {font-size: 26px!important;}
    .fs_40 {font-size: 26px!important;}
	.ht_30 {height:10px; font-size:0px; line-height:0px;}
	.ht_40 {height:20px; font-size:0px; line-height:0px;}
	.ht_50 {height:30px; font-size:0px; line-height:0px;}
	.ht_60 {height:40px; font-size:0px; line-height:0px;}
    .bannerCT {font-size: 3rem;}
    .bannerCN.fs_22{ font-size: 1.6rem!important; }
    .ind_A .owl-nav {top: 43%;}
    .aboutT::after {margin: 10px 0 0 3px;}
    .aboutCBL::after {top: 0px;}
    .productsClassL, .productsClassL:nth-child(3n+3), .productsClassL:nth-child(2n+2), .productsClassL:last-child {width: 100%; max-width: 360px; margin: 0 auto 40px auto;}
    .productsClassTL {padding: 20px 0;}
    .productsListL, .productsListL:nth-child(4n+4), .productsListL:nth-child(3n+3), .productsListL:nth-child(2n+2), .productsListL:last-child {width: 100%; max-width: 250px; margin: 0 auto 40px auto;}
    .products_subTRI {display: block;}
    .products_subTRI li {width: 100%; padding: 15px 0 0px 0; display: flex; flex-wrap: wrap; align-items: center;}
    .products_subTRIP {width: 60px; padding-bottom: 60px; margin: 0;}
    .products_subTRIT {width: calc(100% - 60px); max-width: inherit; text-align: left; padding: 0 10px;}
    .dte_9_list {width: 100%; padding: 15px 0 0px 0; display: flex; flex-wrap: wrap; align-items: center;}
    .dte_9_pic {width: 60px; padding-bottom: 60px; margin: 0;}
    .dte_9_text {width: calc(100% - 60px); max-width: inherit; text-align: left; padding: 0 10px;}
    .products_subTRBtn {padding: 4.905% 0px 0 0px;}
    .resp-tabs-container {padding: 50px 20px;}
    .btn_c:link, .btn_c:visited {width: 100%; margin-right: 1px;}
    .btn_d:link, .btn_d:visited, .btn_e:link, .btn_e:visited, .btn_f:link, .btn_f:visited {margin: 20px 1px 0 0; width: 32.9%; height: 43px;}
    .btn_d:active, .btn_d:hover, .btn_e:active, .btn_e:hover, .btn_f:active, .btn_f:hover {font-size: 13px;}
    .newsListLL {max-width: 500px;}
    .newsListLL img {width: 100%;}
    .newsListLR .btn_b {width: 100%;}
    .contactCFColA {padding-bottom: 0px;}
    .contactCFColB {width: 100%; padding-bottom: 20px;}
    .contactCFColC {padding: 0 0px 0px 0px;}
}
/*430px_xs_end*/

/*420px*/
@media only screen and (max-width:420px){
.banner, .banner_Bg { height: 400px;}
    .banner_text{padding-left: 40px;}
    .bannerP.scale_05{width: 70%; top: 55%; right: 2%;}
}
/*420px end*/


.blk_in{width: 40%;}
.blk_in2{width: 60%;padding-left: 40px;}
.blk_in2 p {font-size: 100%; margin: 0;}
.ae_title{color: #bb1b21;font-weight: bold; line-height: 1.3333333; margin: 0!important;}
.ae_text{line-height: 160%;padding-top: 10px; margin: 0;}
.Btext span{font-weight: bold;}
.bigblock{width: 80%;margin: auto;}
.bigblock img {margin: 0 0 11px 0;}
.blkall{display: flex}
@media only screen and (max-width:1139px){.bigblock{width: 100%;margin: auto;}}
@media only screen and (max-width:768px){
	.blk_in {width: 100%;}
	.blk_in2 {width: 100%;padding-left: 0px;}
	.blkall{display:block;padding-bottom: 15px;}
	
}
.ae_title span{font-style: italic;padding-right:3px;}

/*all*/
.tit_main{
	position: relative;
    margin: auto!important;
    padding: 40px 20px 20px 20px;
    height: 100%;
    z-index: 1;
	line-height: 1.4;
    font-weight: bold;
    font-size: 165%!important;
}
.tit_main::after {
    content: '';
    position: absolute;
    top: 40px;
    left: -20px;
    width: 32px;
    height: 32px;
    font-size: 0;
    line-height: 0;
    background: url(../images/ico_tag_shield.svg) no-repeat;
}
.tit_lay01{ font-size: 4.8rem!important; color: #bb1b21; line-height: 1;}

/*about*/
.about_warp{line-height: 2;}
.about_warp p{
	margin-bottom: 24px;
	font-size: 16px;
    margin: 0 0 24px 0;
}
.about_intro{ 
	display: flex;
	justify-content: center;
	align-items: stretch;
	color: #fff;
}
.about_intro{background: url("../images/about_companu01.jpg") no-repeat center center;background-size: cover;}
.about_intro.qulity{background: url("../images/about_quality01.jpg") no-repeat center right;background-size: cover;}
.about_intro.history{background: url("../images/about_history01.jpg") no-repeat top right;background-size: cover;}
.about_tit{
	display: flex;
    align-items: center;
	position: relative;
	z-index: 1;
	width: 40%;
	padding: 10vw 6vw;
	font-size: 7.2rem;
	font-weight: bold;
	line-height: 1;
	font-family: 'Oswald', 'Heebo', sans-serif;
    margin: 0;
}
.about_tit::before{
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	transform: skewX(344deg);
	width: 70%;
	height: 100%;
    min-width: 300px;
	background-color: #bb1b21;
}
.about_tit .f_s{display: contents;font-size: 4rem; color: #000;}
.about_intro .text{
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 40%;
	margin-left: 5%;}
.indexB{padding: 7vw 0 3vw;}
.indexB .indexBP div{ background-color: transparent;}
.about_warp .qulity .iso{display: flex; flex-wrap: wrap; font-size: 2.4rem; font-weight: bold; margin: 24px 0;}
.about_warp .qulity .iso li{flex: 1 0 50%; font-size: 2.4rem; font-weight: bold;}
.about_warp .qulity .text{min-height: 70vh;}

.about_warp_m {max-width: 1708px; margin: auto; padding: 0 100px;}
.about_warp_m .text {display: flex; flex-wrap: wrap;}
.about_warp_m .text .block_col{flex: 1; padding: 0 3vw 0 20px;}
.about_warp_m .block_img{ flex: 1 0 100%;}
.about_warp_m .text ul{padding-left: 16px; margin: 16px 0;}
.about_warp_m .text ul li {font-size: 1.6rem;}
.about_warp_m .text ul li::marker{ color: #bb282e;}

.about_warp.quality{ margin-top: 92px;}
.about_warp.quality .tit_lay01{height: initial; margin-top: -40px!important;}

.swiper-container.about_glory{padding: 6vw 0;}
.swiper-container.about_glory .swiper-slide{ display: flex; height: initial;}
.about_glory_list{
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
	flex: 8;
	padding: 3vw 32px; background-color: #fff; border-radius: 200px;
}
.about_glory_list:hover{border: 1px solid #bb1b21;}
.about_glory_list .year_warp{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	flex: 4;
	padding: 24px;font-size: 2.6rem; line-height: 1.6; font-weight: bold;}
.about_glory_list .year_warp .year_list{ margin-bottom: 24px; text-align: center;}
.about_glory_list .year_warp .mark{ font-size: 2rem;line-height: 1.2;font-weight: normal; padding: 0; background-color: transparent;}
.about_glory_list .txt{min-height: 110px;padding: 24px; font-size: 1.6rem; line-height: 1.11; color: #444; border-top: 1px solid #bb1b21;}
.about_glory_warp{ position: relative; /*padding: 0 4vw;*/}

.aboutC {
    max-width: 1340px;
    margin: 44px auto 0;
    padding: 0 100px;
    /* text-shadow: -1px -1px 0 #f0f0f0, 1px -1px 0 #f0f0f0, -1px 1px 0 #f0f0f0, 1px 1px 0 #f0f0f0; */
    position: relative;
    z-index: 1;
}
.aboutCB {
    display: flex;
    flex-wrap: wrap;
    padding: 7.895% 0 0 0;
}
.aboutCBR {
    width: calc(100% - 224px);
    color: #666666;
    padding: 0 0 25px 80px;
    border-left: 1px solid #bb1b21;
}
.aboutCBL {
    width: 224px;
    color: #333333;
    text-align: right;
    padding-right: 45px;
    line-height: 100%;
    position: relative;
    font-weight: 400;
}
.aboutCBL::after {
    content: '';
    position: absolute;
    top: 5px;
    right: -8px;
    width: 15px;
    height: 15px;
    background-color: #f0f0f0;
    border: 3px solid #bb1b21;
    border-radius: 10px;
}
.aboutCBL h2{
	display: inline;
    font-size: 1.8rem;
    padding: 8px 15px;
    font-weight: bold;
    border: 1px solid #bb1b21;
    border-radius: 40px;
    margin: 0;
    line-height: 16px;
}
.aboutCBRC {
    display: flex;
    flex-wrap: wrap;
}
.aboutCBRC div {
    color: #bb1b21;
    width: 36px;
}
.aboutCBRC h3 {
    width: calc(100% - 36px);
    background: url(../images/icon_02b.png) no-repeat 7px 16px;
    padding: 8px 0 10px 20px; margin: 0; font-size: 114%;
    line-height: 120%;
}


@media only screen and (max-width:1280px){
.about_tit { width: 45%;}
.about_warp .qulity .iso li{flex: 1 0 100%;}
}

@media only screen and (max-width:1200px){
.about_warp_m, .aboutC {padding: 0 50px;}
.tit_lay01{ font-size: 4rem!important;}
}

@media only screen and (max-width:992px){
.about_warp_m, .aboutC {padding: 0 20px;}
.about_warp .qulity .iso li {font-size: 2rem;}
.tit_lay01{ font-size: 3.4rem!important;}
}

@media only screen and (max-width:970px){
.about_tit { font-size: 6.112vw;}
.about_warp.quality .text{flex-direction: column;}
.about_warp.quality { margin-top: 6vh;}
}

@media only screen and (max-width:790px){
.about_tit {width: initial; padding: 6vw; font-size: 6.799vw;}
.about_tit .f_s{font-size: 6.799vw;}
.about_intro{flex-direction: column;}
.about_intro .text {
    width: 100%;
    margin: 0;
    padding: 5%;
}
.about_warp .qulity .text { min-height: initial;}
.about_warp .qulity .iso { padding: 0 10%;}
.tit_lay01{ font-size: 3.0rem!important;}
}

@media only screen and (max-width:640px){
}

@media only screen and (max-width:576px){
.aboutCBL {
    width: 100%;
    padding: 0 0 15px 40px;
    text-align: left;
    border-left: 1px solid #bb1b21;
}
.aboutCBR {
    width: 100%;
    padding: 0 0 25px 40px;
}
.about_warp_m .text{flex-direction: column;}
	.indexB .itv_0 img{ width: 70%;}
.about_warp .qulity .iso li {font-size: 1.8rem;}
.tit_lay01{ font-size: 2.6rem!important;}
}

@media only screen and (max-width:350px){
	.logo{width: 24px;overflow: hidden;}
	.logo a{width: 106px;display: block;}
}

.ind_hd {
  color: #333;
}

.ab_A {
  position: relative;
  overflow: hidden;
  background: #fff url('../images/index/ind_A_bg.png') center top / 100% auto no-repeat;
  color: #333;
  padding: clamp(70px, 10vw, 135px) 20px clamp(80px, 10vw, 110px) 20px;
}

.ab_A .wrap,
.ab_B .wrap {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.ab_A .intro {
  max-width: 680px;
}

.ab_A .txt {
  margin: 58px 0 0 51px;
}

.ab_A .txt p {
  margin: 0 0 30px;
  font-size: 16px;
}

.ab_A .qual {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 160px;
}

.ab_A .qual .item {
  display: grid;
  grid-template-rows: 78px auto auto;
  padding: 0 28px;
  border-right: 1px solid #e6e5e5;
  align-items: start;
  text-align: center;
}

.ab_A .qual .item:last-child {
  border-right: 0;
}

.ab_A .qual img {
  display: block;
  max-height: 67px;
  margin: 0 auto;
}

.ab_A .qual h3 {
  margin: 16px 0 18px;
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.ab_A .qual p {
  margin: 0;
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}

.ab_B {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-image: url('../images/about_map.png');
  background-repeat: no-repeat;
  background-position: -6vw calc(100% + 325px);
  background-size: min(63vw, 1174px) auto;
  color: #333;
  padding: 0 20px;
}

.ab_B .wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ab_B .info {
  width: 50%;
  padding: 70px 0 60px 10px;
}

.ab_B .txt {
  margin: 45px 0 0 51px;
}

.ab_B .txt p {
  margin: 0 0 30px;
  font-size: 16px;
}

.ab_B .txt ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.ab_B .txt li {
  position: relative;
  padding-left: 24px;
  font-weight: 700;
}

.ab_B .txt li::before {
  content: '';
  position: absolute;
  top: .7em;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c8232c;
}

@media (max-width: 1600px) {
  .ab_B{background-position: -6vw calc(100% + 270px);}
}

@media (max-width: 1400px) {
  .ab_B{background-position: -6vw calc(100% + 230px);}
}

@media (max-width: 1200px) {
  .ab_A .intro {max-width: 56%;}
  .ab_A .qual {margin-top: 115px;}

  .ab_B .info {padding-left: 0;}
  .ab_B{background-position: -6vw calc(100% + 200px);}
}

@media (max-width: 992px) {
  .ab_A {background-size: auto 650px;background-position: 57% top;}
  .ab_A::before {content: '';position: absolute;inset: 0;background: rgba(255, 255, 255, .7);}
  .ab_A .intro {max-width: 100%;}
  .ab_A .txt {margin: 35px 0 0 32px;font-size: 15px;}
  .ab_A .qual {grid-template-columns: repeat(2, 1fr);gap: 55px 0;margin-top: 90px;}
  .ab_A .qual .item:nth-child(2) {border-right: 0;}
  .ab_B .info {width: 100%;padding: 0 0 60px 0;}
  .ab_B .txt {margin: 35px 0 0 32px;font-size: 15px;}

  .ab_B {background-size: auto 71vw;}
  .ab_B::before {content: '';position: absolute;inset: 0;background: rgba(255, 255, 255, .78);}
}

@media (max-width: 570px) {
  .ab_A .qual{grid-template-columns: 1fr;gap:40px;}
  .ab_A .qual .item{border-right: 0;border-bottom: 1px solid #e6e5e5;padding: 0 0 40px 0;}
  .ab_A .qual .item:last-child{border-bottom: 0;padding-bottom: 0;}
  .ab_B{background-size: auto 112vw;}	
}