@charset "utf-8";

/* p-read =========================*/
#p-read{padding: 120px 0; position: relative; z-index: 2;}
#p-read .read_text{font-size: 16px; text-align: center; letter-spacing: 2px; line-height: 2.3; margin-top: 40px;}
#p-read .conceptual{text-align: center; padding: 80px 0 0;
    /*background: #e1e2e4 url(../../../img/pages/about/conceptual_bk.jpg) no-repeat center center; background-size: cover;*/}
@media screen and (max-width:960px){
    #p-read .read_text{font-size: 14px; letter-spacing: 1px;}
}
@media screen and (max-width:640px){
    #p-read{padding: 40px 0 0;}
    #p-read .read_text{margin-top: 25px; text-align: left;}
    #p-read .conceptual{padding: 40px 0;}
}


.title_2026 {width: fit-content; margin: 0 auto;}
.title_2026 h3 {font-size: 35px;font-weight: 500; letter-spacing: 7px;line-height: 1.8;}
.title_2026__border {background: linear-gradient(90deg, #F08300 0%, #F08300 26%, #8C9194 26%, #8C9194 100%);
  display: flex;justify-content: center;align-items: center;
  width: 100%;height: 5px;margin: 5px 0 10px;}
.title_2026 .sub {font-size: 15px; letter-spacing: 1px;}
@media screen and (max-width:640px){
	.title_2026 h3 {font-size: 20px; letter-spacing: 2px;}
	.title_2026 .sub {font-size: 11px;}
}


/* aboutus =========================*/
.aboutus {padding: 120px 0 0;text-align: center;}
.aboutus_Img01 {max-width: 420px;margin: 40px auto 0;}
.aboutus .contents {margin-top: 50px;}
.aboutus .contents h4{font-size: 32px;font-weight: 500;letter-spacing: 0.15em;line-height: 1.6;margin-bottom: 50px;}
.aboutus .contents p{font-size: 20px;letter-spacing: 0.15em;}
@media screen and (max-width:640px){
	.aboutus {padding: 60px 0 0;}
	.aboutus .contents {margin-top: 40px;}
	.aboutus_Img01 {max-width: 230px;margin: 30px auto 0;}
	.aboutus .contents h4 {font-size: 16px;margin-bottom: 30px;}
	.aboutus .contents p {font-size: 14px;}
}




/* p-read =========================*/
.about_conceptual {padding: 120px 0;text-align: center;}
.about_conceptual img {width: 100%;}
.about_conceptual .conceptualImg01 {margin-top: clamp(30px, 4vw, 60px);}
.about_conceptual .contents02 {margin-top: 120px;}
.about_conceptual .conceptualImg02 {margin-top: 40px;}
@media screen and (max-width:640px){
	.about_conceptual {padding: 60px 0 40px;}
	.about_conceptual .contents02 {margin-top: 40px;}
}



/* business_area =========================*/
#business_area{background: #e1e2e4 url(../../../img/pages/about/conceptual_bk.jpg) no-repeat center center; background-size: cover; padding: 0 25px 120px;}


#business_area .business_wrap{max-width: 1280px; margin: 0 auto; text-align: center; padding: 100px 25px 50px;}
#business_area .business_wrap h3{font-size: 25px; letter-spacing: 5px; line-height: 1.3; color: #671e75; margin-bottom: 80px;}
.business_wrap .buss_title {color: #671e75; font-size: 18px; font-weight: 400; line-height: 1.5; 
    letter-spacing: 2px; padding: 10px 0; margin-bottom: 10px; position: relative; transition: 0.8s ease-in 1s;}
.business_wrap .buss_title::before{content: ""; position: absolute; top: 0; left: 0; z-index: 1; display: inline-block;
    width: 0%; height: 100%; background: #671e75; transition: 0.3s ease 0.8s;}
.business_wrap .buss_title span{position: relative; z-index: 2;}
/*.business_wrap .buss_title span::before{content: ""; display: inline-block; vertical-align: middle; 
    width: 50px; height: 1px; background: #671e75; margin-right: 10px; transition: 0.8s ease-in 1s;}
.business_wrap .buss_title span::after{content: ""; display: inline-block; vertical-align: middle; 
    width: 50px; height: 1px; background: #671e75; margin-left: 10px; transition: 0.8s ease-in 1s;}*/

.business_wrap .buss_title.show{color: #fff;}
.business_wrap .buss_title.show::before{width: 100%;}
.business_wrap .buss_title.show span::before,
.business_wrap .buss_title.show span::after{background: #fff;}

.business_wrap figure img{border: 1px solid #e1e2e4;}

/*.business_line01{margin-bottom: 50px;}
.buss_line01_wrap{display: flex; flex-wrap: wrap; justify-content: center;}
.buss_line01_wrap .bus_line01_box{width: 50%;}
.buss_line01_wrap .bus_line01_right ul{display: flex; flex-wrap: wrap; justify-content: center;}
.buss_line01_wrap .bus_line01_right ul li{width: 50%;}

.business_line02{margin-bottom: 50px;}
.bus_line02_top ul{display: flex; flex-wrap: wrap; justify-content: center;}
.bus_line02_top ul li{width: 50%;}
.bus_line02_bottom{display: flex; flex-wrap: wrap; justify-content: center;}
.bus_line02_bottom .bus_line02_box{width: 33.33%; display: flex; flex-wrap: wrap; justify-content: center;}
.bus_line02_bottom .bus_line02_box ul,
.bus_line02_bottom .bus_line02_box > figure{width: 50%;}

.business_line03{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: normal;}
.business_line03 .bus_line03_wrap{width: 32%;}

.business_14Wrap {position: relative;}
.business_14_logo {width: 100px;position: absolute;top: 10px; left: 10px;z-index: 2;}*/

@media screen and (max-width:960px){
    .business_line03 .bus_line03_wrap{width: 48%;}
    .business_line03 .bus_line03_wrap:last-child{width: 100%; margin-top: 30px; 
        display: flex; flex-wrap: wrap; justify-content: space-between;}
        .business_line03 .bus_line03_wrap:last-child h4{width: 48%;}
}

@media screen and (max-width:640px){
    #business_area{padding-bottom: 40px;}
    #business_area .business_wrap{padding: 60px 0 10px;}
    #business_area .business_wrap h3{font-size: 22px; letter-spacing: 3px; margin-bottom: 40px;}
    .business_wrap .buss_title{font-size: 14px; letter-spacing: 2px; padding: 6px 0; margin-bottom: 10px;}
    /*.business_wrap .buss_title span::before,
    .business_wrap .buss_title span::after{width: 30px;}*/

    .buss_line01_wrap .bus_line01_box,
    .bus_line02_top ul li,
    .bus_line02_bottom .bus_line02_box,
    .business_line03 .bus_line03_wrap,
    .business_line03 .bus_line03_wrap:last-child h4{width: 100%;}

    .business_line01{margin-bottom: 30px;}
    .business_line02{margin-bottom: 30px;}
    .business_line03 .bus_line03_wrap{margin-bottom: 30px;}
    .business_line03 .bus_line03_wrap:last-child{margin: 0;}
    .business_line03 .bus_line03_wrap:last-child h4{margin-bottom: 30px;}
}

/* company_area =========================*/
#company_area{padding: 120px 0;}
#company_area .company_read{text-align: center; margin-bottom: 80px;}
#company_area .company_read p{font-size: 16px; text-align: center; letter-spacing: 2px; line-height: 2.3; margin: 40px 0 80px;}
#company_area .company_read figure{max-width: 60vw; margin: 0 auto;}

.company_content{max-width: 900px; margin: 0 auto;}
.company_content .c_content_title{font-size: 24px; color: #535557; border-left: 7px solid #671e75; letter-spacing: 2px; padding-left: 15px; margin-bottom: 40px;}
.company_content .c_content_list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.company_content .c_content_list li{width: 32%; text-align: center; color: #671e75; background: #d7dadc; min-height: 100px; height: 100%; 
    display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
    font-size: 15px; letter-spacing: 3px; line-height: 1.8; font-weight: 600;}
.company_content .c_content_list li:last-child{color: #fff; background: #671e75;}

.company_content .company_origin{border: 2px solid #671e75; padding: 40px 30px; margin-top: 20px;}
.company_content .company_origin h4{text-align: center; color: #671e75; margin-bottom: 30px;
    font-size: 18px; letter-spacing: 5px;}
.company_content .company_origin p{line-height: 2;}


@media screen and (max-width:640px){
    #company_area{padding: 40px 0;}
    #company_area .company_read{margin-bottom: 40px;}
    #company_area .company_read p{font-size: 14px; letter-spacing: 1px; text-align: left; margin: 25px 0 30px;}
    #company_area .company_read figure{max-width: 100%; text-align: center;}
    #company_area .company_read figure img{max-width: 100%; margin: 0 auto;}

    .company_content .c_content_title{font-size: 18px; line-height: 1.3; margin-bottom: 15px;}
    .company_content .c_content_list li{width: 100%; height: auto; min-height: initial; margin-bottom: 10px; padding: 14px 0;}

    .company_content .company_origin{padding: 30px 15px;}
    .company_content .company_origin h4{font-size: 16px; letter-spacing: 2px; line-height: 1.5; margin-bottom: 15px;}
}









.flex {display: flex;flex-wrap: wrap;}

/* ba_contents =========================*/
.ba_contents01Wrap {}
.ba_contents01 {display: flex;flex-wrap: wrap;justify-content: space-between;}
.ba_contents01_left {width: 63%;}
.ba_contents01_left .grid_contents {display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 1%;row-gap: 6px;}
@media screen and (min-width: 961px){
	.ba_contents01_left .grid_contents li:nth-child(4) {grid-column: 1 / 3;}
}
.ba_contents01_right {width: 36.4%;}
.ba_contents01_right .flex {justify-content: space-between;}
.ba_contents01_right .flex_item:nth-child(1) {width: 53.5%;}
.ba_contents01_right .flex_item:nth-child(2) {width: 45.5%;}
.ba_contents01_right .flex_item figure + figure {margin-top: 6px;}

.ba_contentsFrame {margin-top: 60px;}
.ba_contentsFrame.flex {justify-content: space-between;}
.ba_contentsFrame_item {width: 31%;}

@media screen and (max-width: 960px){
	.ba_contents01_left {width: 100%;}
	.ba_contents01_left .grid_contents {grid-template-columns: 1fr 1fr;}
	.ba_contents01_left .grid_contents li:nth-child(4) {grid-column: 1 / 3;}
	.ba_contents01_left .grid_contents li:nth-child(5) {grid-row: 2 / 2;grid-column: 2 / 3;}
	.ba_contents01_right {width: 100%;margin-top: 6px;}
	
	.ba_contentsFrame_item {width: 100%;}
	.ba_contentsFrame_item + .ba_contentsFrame_item {margin-top: 30px;}
}