@charset "utf-8";

/* s_txt */

.s_txt h3{font-size: 36px; font-weight: 500; color: #000000; line-height: 1.5em; margin-bottom: 50px;}
.s_txt p{font-size: 18px; font-weight: 500; color: #666666; line-height: 1.6em; word-break: keep-all;}
.s_txt p+p{margin-top: 40px;}
@media all and (max-width:1280px){
	.s_txt h3{font-size: 32px; margin-bottom: 40px;}
	.s_txt p{font-size: 17px;}
	.s_txt p br{display: none;}
	.s_txt p+p{margin-top: 30px;}
}
@media all and (max-width:1024px){
	.s_txt h3{font-size: 28px; margin-bottom: 35px;}
	.s_txt p+p{margin-top: 25px;}
}
@media all and (max-width:768px){
	.s_txt h3{font-size: 24px; margin-bottom: 25px;}
	.s_txt p{font-size: 16px;}
	.s_txt p+p{margin-top: 20px;}
}


/* intro1 */
.intro1{}
.intro1 .s-inner{}
.intro1 .bg{background-color: #fafafa; margin: 120px 0; padding: 100px 0;}
.intro1 .bg .list{display: flex; gap:10px; margin-top: 60px;}
.intro1 .bg .list li{width: 100%;}
.intro1 .bg .list li .img{ background-color: #000; position: relative;}
.intro1 .bg .list li .img .bg_img{opacity: 0.5; transition: .4s;}
.intro1 .bg .list li:hover .img .bg_img{opacity: 0.75;}
.intro1 .bg .list li .img .bg_img img{max-width: 100%;}
.intro1 .bg .list li .img .logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 10%;}
.intro1 .bg .list li .img .logo img{max-width: 100%;}
.intro1 .bg .list li .txt{margin-top: 15px;}
.intro1 .bg .list li .txt p{font-size: 22px; font-weight: 700; color: #000;}
.intro1 .cont_list{display: flex; margin-top: 75px; gap:10px;}
.intro1 .cont_list li{width: 100%; position: relative; cursor: pointer;}
.intro1 .cont_list li .img{}
.intro1 .cont_list li .img img{max-width: 100%;}
.intro1 .cont_list li .img .more{font-size: 30px; color: #000; font-weight: 400; width: 64px; height: 64px; background-color: #fff; position: absolute; right: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.intro1 .cont_list li .txt{margin-top: 30px;}
.intro1 .cont_list li .txt h3{font-size: 26px; color: #000;}
.intro1 .cont_list li .txt p{font-size: 18px; color: #666666; line-height: 1.6em; margin-top: 15px; word-break: keep-all;}

@media all and (max-width:1280px){
	.intro1 .cont_list{margin-top: 60px;}
	.intro1 .cont_list li .img .more{font-size: 26px; width: 58px; height: 58px;}
	.intro1 .cont_list li .txt{margin-top: 25px;}
	.intro1 .cont_list li .txt h3{font-size: 24px;}
	.intro1 .cont_list li .txt p{font-size: 17px;}
	.intro1 .cont_list li .txt p br{display: none;}
	.intro1 .bg{margin: 100px 0; padding: 80px 0;}
	.intro1 .bg .list{margin-top: 50px;}
	.intro1 .bg .list li .txt p{font-size: 20px;}
}
@media all and (max-width:1024px){
	.intro1 .cont_list{margin-top: 55px;}
	.intro1 .cont_list li .img .more{font-size: 24px; width: 52px; height: 52px;}
	.intro1 .cont_list li .txt{margin-top: 22px;}
	.intro1 .cont_list li .txt h3{font-size: 22px;}
	.intro1 .bg{margin: 90px 0; padding: 80px 0;}
	.intro1 .bg .list{margin-top: 45px;}
	.intro1 .bg .list li .txt p{font-size: 19px;}
}
@media all and (max-width:768px){
	.intro1 .cont_list{margin-top: 50px; flex-direction: column; gap:50px;}
	.intro1 .cont_list li .img{height: 60vw;}
	.intro1 .cont_list li .img img{object-fit: cover; width: 100%; height: 100%;}
	.intro1 .cont_list li .img .more{font-size: 26px; width: 58px; height: 58px;}
	.intro1 .cont_list li .txt{margin-top: 18px;}
	.intro1 .cont_list li .txt h3{font-size: 21px;}
	.intro1 .cont_list li .txt p{font-size: 16px;}
	.intro1 .bg{margin: 80px 0; padding: 70px 0;}
	.intro1 .bg .list{margin-top: 40px; flex-wrap: wrap; gap:35px 10px;}
	.intro1 .bg .list li{width: calc(100% / 2 - 10px / 2);}
	.intro1 .bg .list li .txt{margin-top: 10px;}
	.intro1 .bg .list li .txt p{font-size: 18px;}
}
@media all and (max-width:500px){
	.intro1 .cont_list{margin-top: 45px; gap:40px;}
	.intro1 .cont_list li .txt{margin-top: 15px;}
	.intro1 .cont_list li .txt h3{font-size: 20px;}
	.intro1 .cont_list li .img .more{font-size: 22px; width: 52px; height: 52px;}
	.intro1 .bg{margin: 70px 0; padding: 60px 0;}
	.intro1 .bg .list{margin-top: 35px;}
	.intro1 .bg .list li .txt p{font-size: 16px;}
}


#historyTop {width:100%; height:340px;  background:url('/images/sub/history-bg.webp')no-repeat center center / cover;margin-top: 40px; position: relative;}
#historyTop::after{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) url('/images/common/slo_img.png')no-repeat center center; content: ''; position: absolute; top: 0; left: 0;}

.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:100px;position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 100px; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:36px; margin-bottom:25px; color:#cb181d; font-weight: 700;}
.his_wrap li .t:before {content:""; position:absolute; left:-27px; width:14px; height:14px; top:14px; border-radius:100%; background:#cb181d;}
.his_wrap li .c { font-size:1.7rem; line-height: 1.8em;}
.his_wrap li .c dt{ width:60px; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 700; line-height: 1.5em;  font-size:17px; font-family:'Roboto'; }
.his_wrap li .c dd{width:calc(100% - 80px); display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; font-size: 17px; }
.his_wrap li .c p { position: relative; margin-bottom:10px; padding: 0 15px; }
.his_wrap li .c p::before { content:''; width: 3px; height: 3px; background: #bfd97c; position: absolute; left:0; top: 50%; margin-top: -1.8px; }

.his_wrap li:nth-of-type(2n) {float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-27px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }
.his_wrap li:nth-of-type(2n) .c p::before { left: unset; right:0; }

@media all and (max-width:768px) {
	#historyTop{height: 280px; margin-top: 30px;}
    #historyTop::after{background-size: 70%;}
	.his_wrap .his_bx{ padding-left:10px; padding-top: 60px;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%; padding-bottom: 50px;}
	.his_wrap li .t { font-size: 28px; margin-bottom: 20px;}
	.his_wrap li .t:before { top:10px; width: 12px; height: 12px; left: -25px;}
	.his_wrap li .c dt{ width:50px; }

	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-25.5px; right:inherit;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }

	.his_wrap li:nth-of-type(2n) .c p::before { right:unset; left: 0;  }
	.his_wrap li .c dt{margin-bottom: 12px; font-size: 16px;}
	.his_wrap li .c dd{margin-bottom: 12px; font-size: 16px; width: calc(100% - 60px);}
}

@media all and (max-width:500px) {
	#historyTop{height: 220px;}
	.history-top { padding: 12% 0; }
	.history-top h4 { font-size: 3.5rem; }
	.his_wrap li .t{font-size: 24px;}
	.his_wrap li .t:before{top: 8px;}
	.his_wrap li .c dt{margin-bottom: 10px;}
	.his_wrap li .c dd{margin-bottom: 10px;}
}

/* intro2 */
.intro2{}
.intro2 .txt_box{display: flex; align-items: center;}
.intro2 .txt_box.box1{}
.intro2 .txt_box.box2{justify-content:space-between; margin-top: 100px; gap:80px;}
.intro2 .txt_box.box3{ margin-top: 100px;}
.intro2 .txt_box .img{position: relative;}
.intro2 .txt_box .imgbg::after{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4) url('/images/common/slo_img.png')no-repeat center center; content: ''; position: absolute; top: 0; left: 0;}

.intro2 .txt_box .img img{max-width: 100%;}
.intro2 .txt_box .s_txt{padding-left: 80px;}
.intro2 .txt_box.box2 .txt{padding-left: 0;}

@media all and (max-width:1600px){
	.intro2 .txt_box.box1 .img{max-width: 60vw; height: 480px;}
	.intro2 .txt_box.box1 .img img{width: 100%; height: 100%; object-fit: cover;}
}
@media all and (max-width:1280px){
	.intro2 .txt_box.box1 .txt{padding-right: 3%; max-width: 50vw;}
	.intro2 .txt_box .s_txt{padding-left: 60px;}
	.intro2 .txt_box.box2{gap:60px; margin-top: 80px;}
	.intro2 .txt_box.box3{ margin-top: 80px;}
}
@media all and (max-width:1024px){
	.intro2 .txt_box .s_txt{padding-left: 50px;}
	.intro2 .txt_box.box2{gap:50px; margin-top: 70px;}
	.intro2 .txt_box.box3{ margin-top: 70px;}
}
@media all and (max-width:768px){
	.intro2 .txt_box{flex-direction: column;}
	.intro2 .txt_box .img{order: -1; width: 100%; height: 100%; max-width: 100% !important;}
	.intro2 .txt_box.box1 .img{width: 94%; height: 70vw;}
	.intro2 .txt_box.box1 .s_txt{padding-right: 3%; max-width: 100%; padding-left: 3%; margin-top: 0px;}
	.intro2 .txt_box.box1{gap:35px;}
	.intro2 .txt_box.box2{gap:35px; margin-top: 60px;}
	.intro2 .txt_box.box3{gap:35px; margin-top: 60px;}
	.intro2 .txt_box .s_txt{padding-left: 0;}
	.intro2 .txt_box .img img{width: 100%;}
}
@media all and (max-width:500px){
	.intro2 .txt_box.box1{gap:25px;}
	.intro2 .txt_box.box2{gap:25px; margin-top: 50px;}
	.intro2 .txt_box.box3{gap:25px; margin-top: 50px;}
}


/* intro3 */
.intro3{}
.intro3 .intro3_cont{display: flex;}
.intro3 .intro3_cont + .intro3_cont{margin-top: 200px;}
.intro3 .intro3_cont .l_cont{width: 310px;}
.intro3 .intro3_cont .l_cont h3{font-size: 32px; font-weight: 500; color: #cb181d;}
.intro3 .intro3_cont .r_cont{width: calc(100% - 310px);}
.intro3 .intro3_cont .r_cont .txt{margin-bottom: 50px;}
.intro3 .intro3_cont .r_cont .txt h3{font-size: 32px; color: #000000; margin-bottom: 25px; word-break: keep-all; line-height: 1.2em;}
.intro3 .intro3_cont .r_cont .txt h4{font-size: 24px; font-weight: 500; color: #666666; line-height: 1.5em; word-break: keep-all;}
.intro3 .intro3_cont .r_cont .box{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 50px 0; display: flex; align-items: center;}
.intro3 .intro3_cont .r_cont .box + .box{margin-top: -1px;}
.intro3 .intro3_cont .r_cont .box .text{width: 310px;font-size: 24px; font-weight: 500; color: #000000; padding-left: 60px;}
.intro3 .intro3_cont .r_cont .box .list{width: calc(100% - 310px);}
.intro3 .intro3_cont .r_cont .box .list li{font-size: 20px; color: #444444;}
.intro3 .intro3_cont .r_cont .box .list li::before{content: '·'; margin-right: 8px;}
.intro3 .intro3_cont .r_cont .box .list li + li{margin-top: 15px;}

@media all and (max-width:1280px){
	.intro3 .intro3_cont + .intro3_cont{margin-top: 160px;}
	.intro3 .intro3_cont .l_cont{width: 270px;}
	.intro3 .intro3_cont .l_cont h3{font-size: 28px;}
	.intro3 .intro3_cont .r_cont{width: calc(100% - 270px);}
	.intro3 .intro3_cont .r_cont .txt{margin-bottom: 40px;}
	.intro3 .intro3_cont .r_cont .txt h3{font-size: 28px; margin-bottom: 20px;}
	.intro3 .intro3_cont .r_cont .txt h4{font-size: 22px;}
	.intro3 .intro3_cont .r_cont .box{padding: 40px 0;}
	.intro3 .intro3_cont .r_cont .box .text{width: 250px; font-size: 22px; padding-left: 50px;}
	.intro3 .intro3_cont .r_cont .box .list{width: calc(100% - 250px);}
	.intro3 .intro3_cont .r_cont .box .list li{font-size: 19px;}
}
@media all and (max-width:1024px){
	.intro3 .intro3_cont + .intro3_cont{margin-top: 140px;}
	.intro3 .intro3_cont .l_cont{width: 220px;}
	.intro3 .intro3_cont .l_cont h3{font-size: 26px;}
	.intro3 .intro3_cont .r_cont{width: calc(100% - 220px);}
	.intro3 .intro3_cont .r_cont .txt{margin-bottom: 35px;}
	.intro3 .intro3_cont .r_cont .txt h3{font-size: 26px; margin-bottom: 17px;}
	.intro3 .intro3_cont .r_cont .txt h4{font-size: 21px;}
	.intro3 .intro3_cont .r_cont .box{padding: 35px 0;}
	.intro3 .intro3_cont .r_cont .box .text{width: 140px; font-size: 21px; padding-left:0px;}
	.intro3 .intro3_cont .r_cont .box .list{width: calc(100% - 140px);}
	.intro3 .intro3_cont .r_cont .box .list li{font-size: 18px;}
}
@media all and (max-width:768px){
	.intro3 .intro3_cont{flex-direction: column;}
	.intro3 .intro3_cont + .intro3_cont{margin-top: 100px;}
	.intro3 .intro3_cont .l_cont{width: 100%; margin-bottom: 40px;}
	.intro3 .intro3_cont .l_cont h3{font-size: 24px;}
	.intro3 .intro3_cont .r_cont{width: 100%;}
	.intro3 .intro3_cont .r_cont .txt{margin-bottom: 30px;}
	.intro3 .intro3_cont .r_cont .txt h3{font-size: 24px; margin-bottom: 15px;}
	.intro3 .intro3_cont .r_cont .txt h4{font-size: 20px;}
	.intro3 .intro3_cont .r_cont .box{padding: 30px 0;}
	.intro3 .intro3_cont .r_cont .box .text{width: 120px; font-size: 20px; padding-left:0px;}
	.intro3 .intro3_cont .r_cont .box .list{width: calc(100% - 120px);}
	.intro3 .intro3_cont .r_cont .box .list li{font-size: 17px;}
}
@media all and (max-width:500px){
	.intro3 .intro3_cont + .intro3_cont{margin-top: 80px;}
	.intro3 .intro3_cont .l_cont{margin-bottom: 30px;}
	.intro3 .intro3_cont .l_cont h3{font-size: 20px;}
	.intro3 .intro3_cont .r_cont .txt{margin-bottom: 25px;}
	.intro3 .intro3_cont .r_cont .txt h3{font-size: 22px; margin-bottom: 12px;}
	.intro3 .intro3_cont .r_cont .txt h4{font-size: 18px;}
	.intro3 .intro3_cont .r_cont .txt h4 br{display: none;}
	.intro3 .intro3_cont .r_cont .box{padding: 25px 0; flex-direction: column}
	.intro3 .intro3_cont .r_cont .box .text{width: 100%; font-size: 18px; padding-left:0px; margin-bottom: 20px;}
	.intro3 .intro3_cont .r_cont .box .list{width: calc(100%);}
	.intro3 .intro3_cont .r_cont .box .list li{font-size: 16px;}
}


/* intro4 */
#certList { overflow: hidden; text-align: left; max-width: 1600px;  font-size:0; }
#certList li { display: inline-block; vertical-align: top; width: calc((100% - 120px) / 4); margin-left: 40px; margin-bottom: 40px;  }
#certList li:nth-child(4n+1) { margin-left:0; }
#certList li .img { border: 1px solid #dedede; padding: 10px; }
#certList li img { max-width: 100%; border: 1px solid #f2f2f2; }
#certList li p { margin-top: 1em; font-size: 1.8rem; font-weight: 600; color:#212121; text-align: center; word-break: keep-all;}


@media all and (max-width:1280px) {
  #certList li { width: calc((100% - 60px) / 4); margin-left: 20px; }
}

@media all and (max-width:1024px) {
  #certList { text-align: left; }
  #certList li { width: calc((100% - 40px) / 3); text-align: center; }
  #certList li:nth-child(4n+1) { margin-left:20px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:768px) {
  #certList li { width: calc((100% - 20px) / 3); margin-left: 10px;  }
  #certList li:nth-child(4n+1) { margin-left:10px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:500px) {
  #certList li { width: calc(50% - 5px); margin-left: 10px !important; margin-bottom: 20px;  }
  #certList li:nth-child(odd) { margin-left: 0 !important; }
}


/* contact1 */
.contact1 .inquiry_banner .form{margin-top: 0; padding: 0;}
.contact1 .inquiry_banner .form form .tit{display: none;}


.info{display: grid; grid-template-columns: 22% auto;}
.info .l_cont{width: 100%; position: relative;}
.info .l_cont::before{content: ''; width: 50px; height: 3px; background-color: #cb181d; display: block; margin-bottom: 22px;}
.info .l_cont h3{font-size: 32px; color: #222; line-height: 1.4em;}
.info .r_cont{width: 100%;}
.info .r_cont p{font-size: 18px; line-height: 1.8em; word-break: keep-all;}
.info .r_cont p.dot{position: relative; padding-left: 15px;}
.info .r_cont p.dot::before{content: '●'; position: absolute; left: 0; top: 0; color: #444; font-size: 0.333em;}
.info .r_cont p + p{margin-top: 20px;}
.info .r_cont p b{color: #222}
.info .r_cont p .indent{padding: 0 10px;}
.info .r_cont .list{display: grid; grid-template-columns: repeat(3, 1fr); gap:10px;}
.info .r_cont .list li{text-align: center; font-size: 18px; color: #666; border: 1px dashed #d8dfea; line-height: 1.6em; padding: 10px 15px; word-break: keep-all; font-weight: 300;}
.info .r_cont .num_list{margin-bottom: 20px; padding-left: 25px; margin-top: 20px;}
.info .r_cont .num_list li{font-size: 17px; color: #666; font-weight: 300; word-break: keep-all; list-style-type: decimal; padding-left: 5px; line-height: 1.5em;}
.info .r_cont .num_list li + li{margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ddd;}
.info .r_cont .wrap{display: grid; grid-template-columns: 125px auto; border-top: 1px solid #e0e0e0;}
.info .r_cont .wrap dt{padding: 25px 0; border-bottom: 1px solid #e0e0e0; font-size: 16px; font-weight: 700; color: #222222; line-height: 1.8em;}
.info .r_cont .wrap dd{width: 100%; padding: 25px 0; border-bottom: 1px solid #e0e0e0; font-size: 20px; font-weight: 500; color: #444444; line-height: 1.8em; word-break: keep-all;}
.info .r_cont .title{}
.info .r_cont .title + .img{margin-top: 30px;}
.info .r_cont .img + .title{margin-top: 50px;}
.info .r_cont .text + .list{margin-top: 20px;}
.info .r_cont .list + .text{margin-top: 20px;}
.info .r_cont .text + .title{margin-top: 20px;}
.info .r_cont .table + .title{margin-top: 50px;}
.info .r_cont .table + .text{margin-top: 20px;}
.info .r_cont .text + .table{margin-top: 20px;}
.info .r_cont .text + .wrap{margin-top: 30px;}
.info .r_cont .title h4{font-size: 20px; color: #222; font-weight: 600; margin-bottom: 15px; line-height: 1.4em;}
.info .r_cont .title.vision h4 span{font-size: 1.25em;
background: linear-gradient(45deg, #0c5cd3, #0099ff);
-webkit-background-clip: text;
color: transparent;
}
.info .r_cont .table{width: 100%;}
.info .r_cont .table thead{}
.info .r_cont .table thead tr th{font-weight: 600; font-size: 18px; color: #fff; line-height: 48px; background-color: #0c5cd3;}
.info .r_cont .table thead tr th + th{border-left: 1px solid rgba(255,255,255,0.1);}
.info .r_cont .table tbody{}
.info .r_cont .table tbody tr th{font-weight: 600; font-size: 18px; color: #222; border-bottom: 1px solid #ddd; background-color: #f8f8f8; padding: 15px 8px; word-break: keep-all; line-height: 1.3em;}
.info .r_cont .table tbody tr td{font-size: 17px; color: #444; font-weight: 300; padding: 15px 8px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; word-break: keep-all; line-height: 1.6em;}
.info .r_cont .table tbody tr:nth-child(even) td{background-color: #f3f5f8;}
.info .r_cont .progress{max-width: 85%;}

@media all and (max-width:1280px){
	.info .l_cont h3{font-size: 30px;}
	.info .r_cont .title h4{font-size: 19px; margin-bottom: 12px;}
	.info .r_cont .title.vision h4 span{font-size: 1.2em;}
	.info .r_cont p{font-size: 17px; line-height: 1.7em;}
	.info .r_cont .wrap{grid-template-columns: 100px auto;}
	.info .r_cont .wrap dt{padding: 20px 0; font-size: 15px;}
	.info .r_cont .wrap dd{padding: 20px 0; font-size: 19px; line-height: 1.7em;}
	.bg_cont{padding: 70px 0; margin-top: 70px;}
	.bg_cont + .inner .info{padding: 70px 0;}
	.info .r_cont .table thead tr th{font-size: 17px; line-height: 44px;}
	.info .r_cont .table tbody tr th{font-size: 17px;}
	.info .r_cont .table tbody tr td{font-size: 16px; padding: 11px 7px;}
	.info .r_cont .list li{font-size: 17px; padding: 8px 13px;}
}
@media all and (max-width:1024px){
	.info .l_cont h3{font-size: 28px;}
	.info .r_cont .wrap dt{padding: 17px 0; font-size: 15px;}
	.info .r_cont .wrap dd{padding: 17px 0; font-size: 18px; line-height: 1.6em;}
}
@media all and (max-width:768px){
	.info{grid-template-columns: 100%;}
	.info .l_cont::before{width: 40px; margin-bottom: 15px;}
	.info .l_cont{width: 100%; margin-bottom: 30px;}
	.info .l_cont h3{font-size: 26px;}
	.info .l_cont h3 br{display: none;}
	.info .r_cont .title h4{font-size: 18px; margin-bottom: 10px;}
	.info .r_cont .title.vision h4 span{font-size: 1.15em;}
	.info .r_cont p{font-size: 16px; line-height: 1.6em;}
	.info .r_cont .wrap{grid-template-columns: 100%;}
	.info .r_cont .wrap dt{padding: 15px 0 0; font-size: 16px; border-bottom: 0; margin-bottom: 5px;}
	.info .r_cont .wrap dd{padding: 0 0 15px; font-size: 17px; line-height: 1.6em;}
	.bg_cont{padding: 60px 0; margin-top: 60px;}
	.bg_cont + .inner .info{padding: 60px 0;}
	.info .r_cont .list{grid-template-columns: repeat(2, 1fr);}
	.info .r_cont .list li{font-size: 16px;; padding: 6px 11px;}
	
	.info .r_cont .table thead tr th{font-size: 16px; line-height: 40px;}
	.info .r_cont .table tbody tr th{font-size: 16px;}
	.info .r_cont .table tbody tr td{font-size: 15px; padding: 8px 5px;}
	
	.info .r_cont .progress{max-width: 100%;}
}
@media all and (max-width:500px){
	.info .l_cont{margin-bottom: 25px;}
	.info .l_cont h3{font-size: 24px;}
	.bg_cont{padding: 50px 0; margin-top: 50px;}
	.bg_cont + .inner .info{padding: 50px 0;}
	.info .r_cont .table tbody tr td{padding: 8px 4px;}
}


.circleCont {display:flex; justify-content:center; align-items: top; text-align:center; margin-top: 50px;width: 100%; flex-wrap: wrap;}
.circleCont .icon {padding:0 3em;  text-align:center; position:relative; }
.circleCont .icon:before {content:''; width:100%; height:1px; background:#cb181d; position:absolute; left:0; top:115px; z-index:-1}
.circleCont .icon .iconBg {width:195px; height:195px; background-size:cover; background-color:#cb181d; margin:0 auto; border-radius:50%;}
.circleCont .icon dl dd {margin:1.5em 0 1em; font-size:1.6rem; color:#686868; font-weight:800; text-transform:uppercase; opacity:.5;}
.circleCont .icon dl dt {font-size:2.0rem; color:#222;  line-height:1.4em; transform: rotate(-0.03deg);}

.circleCont .icon .iconBg.bg1 {background-image:url('/images/sub/odm3-icon1.png')}
.circleCont .icon .iconBg.bg2 {background-image:url('/images/sub/odm3-icon2.png')}
.circleCont .icon .iconBg.bg3 {background-image:url('/images/sub/odm3-icon3.png')}
.circleCont .icon .iconBg.bg4 {background-image:url('/images/sub/odm3-icon4.png')}
.circleCont .icon .iconBg.bg5 {background-image:url('/images/sub/odm3-icon5.png')}

@media all and (max-width:1499px) {
	.circleCont .icon {padding:0 2em; } 
	.circleCont .icon:before { top:90px;}
	.circleCont .icon .iconBg {width:180px; height:180px;}
}
@media all and (max-width:1065px) {
	.circleCont .icon:before { top:10vw}
	.circleCont .icon .iconBg {width:18vw; height:18vw}

}
@media all and (max-width:830px) {
	.circleCont .icon:before { top:10vw}
	.circleCont .icon .iconBg {width:20vw; height:20vw}
    .circleCont .icon dl dt .br580 {display:none}
    .circleCont .icon dl dt{margin-bottom: 30px;}
}
@media all and (max-width:580px) {
	.circleCont .icon {padding:0 0.5em; } 
	.circleCont .icon dl dt .br580 {display:block}
}
@media all and (max-width:480px) {
	.circleCont .icon {padding:0 0.7em; } 
	.circleCont .icon:before { top:12vw}
	.circleCont .icon .iconBg {width:24vw; height:24vw}
	.circleCont .icon dl dd {font-size:1.4rem;}
	.circleCont .icon dl dt {font-size:2.2rem; }
}


.c_br1{color: #192a55;}

.br_top{text-align: center; margin-top: 10%;}
.br_top h3{font-size: 5rem;}
.br_top h3 span{font-weight: normal;}
.br_top p.p1{font-size: 2rem; margin: 70px 0 50px; color: #222; line-height: 3rem;}
.br_top p.p2{font-size: 2rem; color: #222; line-height: 3rem; font-weight: bold;}

.br_logo{text-align: center; padding: 150px 0; }
.br_logo img{width: 100%;}
.br_logo .logo1{max-width: 300px;margin: 0 auto;}
.br_logo .logo2{max-width: 400px;margin: 0 auto;}
.br_logo h3{font-size: 4.5rem; color: #222; margin: 60px 0;}
.br_logo h3 span{font-weight: normal;}
.br_logo ul{display: flex; justify-content: center; gap: 30px; margin-bottom: 100px;}
.br_logo ul li{text-align: center;}
.br_logo ul h4{font-size: 3rem;}
.br_logo ul p{font-size: 2rem; color: #6e6e6e; margin-top: 10px;}
.br_logo ul .plus h4{color: #bbb;}
.bg_br1{background: #e4eaf4;}
.bg_gr{background: #eee;}
br.mo{display: none;}

@media all and (max-width:1280px){
    .br_top h3{font-size: 4.5rem;}
    .br_top p.p1{font-size: 1.8rem; margin: 50px 0 30px; line-height: 2.8rem;}
    .br_top p.p2{font-size: 1.8rem; line-height: 2.8rem;}
    .br_logo{padding: 120px 0;}
    .br_logo h3{font-size: 4rem; margin: 40px 0;}
    .br_logo .logo1{max-width: 200px;}
    .br_logo .logo2{max-width: 300px;}
    .br_logo ul{margin-bottom: 70px;}
    .br_logo ul h4{font-size: 2.5rem;}
    .br_logo ul p{font-size: 1.8rem;}
}
@media all and (max-width:680px){
    .br_top{margin-top: 100px;}
    .br_top h3{font-size: 4rem;}
    .br_top p.p1{font-size: 1.6rem; line-height: 2.6rem;}
    .br_top p.p2{font-size: 1.6rem; line-height: 2.6rem;}
    .br_logo{padding: 80px 0;}
    .br_logo h3{font-size: 3.5rem;}
    br.mo{display: block;}
}
@media all and (max-width:480px){
    .br_top{margin-top: 70px;}
    .br_top h3{font-size: 3.5rem;}
    .br_top p.p1{margin: 40px 0 30px;}
    .br_top p.p1 br{display: none;}
    .br_logo .logo1{max-width: 180px;}
    .br_logo .logo2{max-width: 270px;}
    .br_logo h3{font-size: 3rem; margin: 40px 0 30px;}
    .br_logo ul{gap: 20px;margin-bottom: 50px;}
    .br_logo ul h4{font-size: 2.2rem;}
    .br_logo ul p{font-size: 1.6rem;}
}


.p-Part{padding: 120px 0;}
.tt{text-align: center;margin-bottom: 60px;}
.tt h3{font-size: 5rem; color: #222;}
.tt p{font-size: 2rem; margin-top: 20px;}

@media all and (max-width:1280px){
    .p-Part{padding: 100px 0;}
    .tt h3{font-size: 4rem;}
    .tt p{margin-top: 10px;font-size: 1.8rem;}
}
@media all and (max-width:980px){
    .p-Part{padding: 80px 0;}
}
@media all and (max-width:480px){
    .p-Part{padding: 70px 0;}
    .tt{margin-bottom: 40px;}
    .tt h3{font-size: 3.5rem;}
    .tt p{margin-top: 5px;font-size: 1.6rem;}
}


.w3_list{display: flex; gap: 40px;}
.w3_list li{width: calc(100%/3 - 80px/3); }
.w3_list li .img{width: 100%; border-radius: 20px; overflow: hidden;position: relative;}
.w3_list li .img img{width: 100%;}
.w3_list li h4{color: #fff; font-size: 3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.w3_list li p{color: #222; margin-top: 20px; font-size: 1.8rem; line-height: 2.8rem;letter-spacing: 0em;}


@media all and (max-width:1280px){
    .w3_list{gap: 20px;}
    .w3_list li{width: calc(100%/3 - 40px/3); }
    .w3_list li .img{border-radius: 10px;}
    .w3_list li h4{font-size: 2.5rem;}
    .w3_list li p{font-size: 1.6rem; line-height: 2.6rem;}
}
@media all and (max-width:880px){
    .w3_list{flex-wrap: wrap;}
    .w3_list li{width: calc(100%/2 - 10px); }
}
@media all and (max-width:680px){
    .w3_list li{width: 100%; }
}


.ingr{display: flex; align-items: center;}
.ingr > div{width: 50%;}
.ingr .img{width: 100%; height: 400px; border-radius: 20px; overflow: hidden;}
.ingr .img img{width: 100%;}
.ingr .rt{padding-left: 50px; color: #222;}
.ingr .rt h4{font-size: 2.5rem;}
.ingr .rt h3{font-size: 5rem;margin: 10px 0 20px;}
.ingr .rt h3 span{font-weight: normal;}
.ingr .rt p{font-size: 2rem; line-height: 3rem;}


@media all and (max-width:1280px){
    .ingr .img{height: auto;}
    .ingr .rt h4{font-size: 2rem;}
    .ingr .rt h3{font-size: 4rem;}
    .ingr .rt p{font-size: 1.8rem; line-height: 2.8rem;}
}
@media all and (max-width:880px){
    .ingr{flex-wrap: wrap;gap: 30px;}
    .ingr > div{width: 100%;}
    .ingr .img{border-radius: 10px;}
    .ingr .rt{padding: 30px;}
}
@media all and (max-width:680px){
    .ingr{gap: 10px;}
    .ingr .rt h3{font-size: 3.5rem;}
}
@media all and (max-width:480px){
    .ingr .rt{padding: 20px;}
    .ingr .rt h4{font-size: 1.7rem;}
    .ingr .rt h3{font-size: 3rem;}
    .ingr .rt p{font-size: 1.6rem; line-height: 2.6rem;}
}


.pro{display: flex; gap: 70px;}
.pro li{width: calc(100%/2 - 35px); text-align: center;}
.pro li .img{width: 100%; background: #fff; border-radius: 20px; overflow: hidden;}
.pro li .img img{width: 100%;}
.pro li h3{margin: 30px 0 10px; font-size: 3.5rem; color: #222;}
.pro li h3 span{font-weight: normal;}
.pro li p{font-size: 2.5rem; color: #7a7a7a;}


@media all and (max-width:1280px){
    .pro{gap: 40px;}
    .pro li{width: calc(100%/2 - 20px);}
    .pro li h3{font-size: 3rem;}
    .pro li p{font-size: 2.2rem;}
}
@media all and (max-width:880px){
    .pro li h3{font-size: 2.5rem;margin: 20px 0 10px;}
    .pro li p{font-size: 1.8rem;}
}
@media all and (max-width:680px){
    .pro li h3{font-size: 2.2rem;margin: 10px 0 5px;}
}
@media all and (max-width:480px){
    .pro{flex-wrap: wrap;}
    .pro li{width: 100%;}
    .pro li h3{margin: 20px 0 5px;}
}