/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: 'Noto Sans TC', sans-serif; overflow-x: hidden; position: relative;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { box-sizing: border-box;}

.content-Box { max-width:1400px; width: 100%; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 20px; line-height:1,7; color: #333; letter-spacing: 0; font-weight: 300; padding-top: 120px; overflow: hidden; position: relative;}

.photo-fit img { object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;}

.photo {line-height: 0; height: 0; padding-bottom: 40%; overflow: hidden; position: relative; z-index: 1; margin-bottom: 0px;}
.imgCenter {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 2;}
.imgCenter img {max-height: 100%;}

.demo-section { padding-left: 5%; padding-right: 5%;}

.font-size-18 { font-size: clamp(16px, 1.5vw, 18px);}
.font-size-20 { font-size: clamp(16px, 1.5vw, 20px);}
.font-size-22 { font-size: clamp(18px, 1.7vw, 22px);}
.font-size-24 { font-size: clamp(20px, 1.9vw, 24px);}
.font-size-25 { font-size: clamp(20px, 1.9vw, 25px);}
.font-size-28 { font-size: clamp(20px, 2.2vw, 28px);}
.font-size-30 { font-size: clamp(22px, 2.5vw, 30px); line-height: 1.5;}
.font-size-32 { font-size: clamp(22px, 2.5vw, 32px); line-height: 1.5;}
.font-size-38 { font-size: clamp(24px, 3.5vw, 38px); line-height: 1.5;}
.font-size-40 { font-size: clamp(24px, 3.5vw, 40px); line-height: 1.3;}
.font-size-48 { font-size: clamp(24px, 3.5vw, 48px); line-height: 1.3;}
.font-size-50 { font-size: clamp(24px, 3.5vw, 50px); line-height: 1.3;}

.font-weight-500 { font-weight: 500;}
.font-weight-400 { font-weight: 400;}
.font-weight-100 { font-weight: 100;}

.color-gold { color: #b39358;}

.circle-box { position: absolute; top:15%; left: -10%; width: 60%; z-index: -1;}
.circle-box-2 { position: absolute; bottom:10%; right: -10%; width: 55%; z-index: -1;}

.box {position: relative; padding-bottom: 100%; transform: scale(1);border-radius: 50%;background: linear-gradient(45deg, #fff, #faf5e5 100%);animation: rotate 3.5s linear infinite;}
.box:before, .box:after {content: " ";position: absolute;inset: 5vw;background: #fff;border-radius: inherit;}

.box:before {background: linear-gradient(45deg, transparent, transparent 100%);filter: blur(32px);}

@keyframes rotate {
  100% {transform:scale(1) rotate(360deg);}
}

.title01 { margin-bottom: calc(20px + 2%); position: relative; text-align: center;}
.title01:after { content:""; position: absolute; width: 80px; height: 3px; left: 50%; transform: translateX(-50%); bottom: 0; background: #ca9e03;}
.title01 > h1, .title01 > div { padding: 0 0 20px 0; margin: 0; font-weight: 900; font-family: 'Noto Serif TC', sans-serif; line-height: 1.3; letter-spacing: 0.1rem;}
.title01 > span { display: block; color: #891c35; font-weight: 900;font-family: 'Noto Serif TC', sans-serif; padding-bottom: 25px; line-height: 1.2;}

.btn01 { position: relative; overflow: hidden; display: inline-block; line-height: 1.2; padding: 12px 30px; border-radius: 25px; border: 1px solid #a5a5a5; font-size: 300;}
.btn01:before { position: absolute;  content: ""; border-radius: 100%; width: 10px; height: 10px; background: #891c35; left: 13px; top:50%; transform:translateY(-50%);transition: all 0.4s ease-out 0s;}
.btn01:hover span { color: #fff;}
.btn01:hover:before { width: 400px; height: 400px; left: 50%; transform:translateY(-50%) translateX(-50%)}
.btn01 span { position: relative; z-index: 2;}

.align-center { text-align: center !important;}

#path { padding: 15px 3% 0 3%; background: linear-gradient(90deg, #b1905f 0%, #f7e3ab 50%, #7f5a34 100%);}
#path ul { padding: 0 0 10px 0; margin: 0; line-height: 1.2; text-align: left;}
#path li { display: inline-block; vertical-align: top; font-size: 15px; line-height: 1.2; font-weight: 400; margin: 0; padding: 0; letter-spacing: 0;}
#path li img { width: 12px; display: inline-block; margin-right: 7px; transform: translateY(-1.5px);}
#path li:after { content:"/"; display: inline-block; vertical-align: top; padding: 0 0 0 4px; color: #fff; }
#path li:last-child { pointer-events: none;}
#path li:last-child:after { display: none;}
#path li a { color: #fff !important; }
#path li a:hover { color: #fff !important; text-decoration: underline;}
#path li:last-child a { color: #fff !important;}


.banner { position: relative; margin-bottom: calc(20px + 4%); }
.banner-pto{ height: 350px; }
.banner-pto img { object-fit: cover; width: 100%; height: 100%; object-position: 5% top;}
.banner-pc { }
.banner-mobile { display: none !important;}

.banner-content { position: absolute; z-index: 2; top:50%; transform: translateY(-50%); right: 0; color: #fff; display: flex; flex-direction: column; flex-wrap: nowrap; width: 50%; padding-right: 5%; }
.banner-title-en { padding-bottom: 3px;}
.banner-title { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.banner-title > div { width: 100%;}
.banner-title > div:nth-of-type(1), .banner-title > div:nth-of-type(3) { height: 3px; background: #fff;}
.banner-title > div:nth-of-type(2) { font-family: 'Noto Serif TC', sans-serif; line-height: 1.1; white-space: nowrap; letter-spacing: 0.2rem; padding: 0 10px; text-shadow: 2px 2px 4px rgba(0,0,0,.2), 2px 2px 10px rgba(0,0,0,.2); font-weight: 900; text-align: center;}

/*about*/
.about-section-1 { padding-bottom: calc(20px + 4%); display: flex; flex-direction: row; flex-wrap: wrap;}
.about-section-1 > div { width: 50%;}
.about-section-1 > div:nth-of-type(1) { padding-right: 30px;}
.about-section-1 > div:nth-of-type(2) { padding-left: 45px; padding-top: 12px;}
.about-section-1 > div:nth-of-type(2) p { margin: 0; padding: 0 0 calc(15px + 1%) 0; line-height: 1.7;}

.title02 { position: relative; font-weight: 900;font-family: 'Noto Serif TC', sans-serif;}
.title02:before { position: absolute; content: ""; left: -35px; top:50%; transform: translateY(-50%); width: 25px; height: 3px; background: #ca9e03;}

.about-section-2-box { padding:calc(20px + 5%) 5%; background: #f6f6f6;}
.about-section-2 > div:nth-of-type(1) { order: 2; padding-left: 30px;padding-right: 0px;}
.about-section-2 > div:nth-of-type(2) { order: 1; }

.about-section-3 { padding:calc(20px + 5%) 5%;}
.about-section-3 p { margin: 0; padding: 0 0 calc(15px + 1%) 0; line-height: 1.7;}

.title03 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; margin-top: calc(20px + 2%);}
.title03 > div:nth-of-type(1), .title03 > div:nth-of-type(3) { height: 3px; background: #333; width: 66px;}
.title03 > div:nth-of-type(2) { font-family: 'Noto Serif TC', sans-serif; line-height: 1.1;  letter-spacing: 0.2rem; padding: 0 18px; font-weight: 900; text-align: center;}

/*philosophy*/
.philosophy-section-1 { padding-bottom: calc(20px + 2.5%);}
.philosophy-section-1-pto { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 20px;}
.philosophy-section-1-pto > div { width: 50%;}


.philosophy-section-2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.philosophy-section-2 > div { width: calc(50% - 30px); margin-bottom: calc(20px + 2%); background: rgba(255,255,255,.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.philosophy-section-2 > div > div:nth-of-type(1) { width: 55%;}
.philosophy-section-2 > div > div:nth-of-type(2) { width: 45%; padding: 0 6%; font-weight: 500; line-height: 1.3;}

/*vision*/
.vision-pto { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.vision-pto > div { width: 31.5%; margin-bottom: 25px;}

/*team*/
.team-section { padding-bottom: calc(20px + 2%);}
.team-content { margin-bottom: calc(20px + 2%); display: flex; flex-direction: row; flex-wrap: wrap;}
.team-content > div:nth-of-type(1) { width: 360px;}
.team-content > div:nth-of-type(2) { width: calc(100% - 360px); padding-top: 12px; padding-left: 3%;}
.team-content-title { position: relative; padding-bottom: calc(20px + 1%); margin-bottom: calc(20px + 1%); display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; letter-spacing: 0.1rem;}
.team-content-title span { display: inline-block; position: relative; font-family: 'Noto Serif TC', sans-serif; font-weight: 900; line-height: 1.2; padding-right: 40px;}
.team-content-title span:after { content: ""; position: absolute; background: #333; width: 1px; height: 90%; top:50%; transform: translateY(-50%) rotate(25deg); right: 18px;}
.team-content-title:after { position: absolute; content: ""; width: 260px; height: 3px; background: #ca9e03; bottom: 0; left: -95px;}

/*service*/
.service-section { display:flex; flex-direction: column; flex-wrap: nowrap; padding-bottom:calc(20px + 2%);}
.service-section .title01 { text-align: left;}
.service-section .title01:after { left: 0; transform: translateX(0);}
.service-section > div { display:flex; flex-direction: row; flex-wrap: wrap; padding-bottom:calc(20px + 4%);}
.service-section > div > div:nth-of-type(1) { width: 360px; padding-top: calc(20px + 1%); padding-right: 75px;}
.service-section > div > div:nth-of-type(2) { width: calc(100% - 360px); }
.service-section > div:nth-child(even) > div:nth-of-type(1) { order: 2; padding-left: 75px;padding-right: 0px;}
.service-section > div:nth-child(even) > div:nth-of-type(2) { order: 1; }

/*service-list*/
.service-list {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.service-list > a {width: calc(50% - 30px); padding-bottom: calc(20px + 2%);}
.service-list > a:hover .service-link { opacity: 1;}
.service-list-pto { padding-bottom: 56%; margin-bottom:calc(10px + 1%);}
.service-list-pto img { transition: all 0.4s ease-out 0s;}
.service-list-name {  text-align: center; font-weight: 400; line-height: 1.4;}

.service-link { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; transition: all 0.4s ease-out 0s; background: linear-gradient(0deg, rgba(129,93,54,.9) 0%, rgba(247,227,170,.9) 100%); opacity: 0; }
.service-link > div { text-align: center; padding: 0 5%; font-weight: 900; font-family: 'Noto Serif TC', sans-serif; position: relative;padding-right: 30px;}
.service-link > div:before, .service-link > div:after { content: ""; position: absolute; width: 14px; height: 14px; border-width: 1px 1px 0 0; border-color: #333; border-style: solid; transform: rotate(45deg) translateY(-50%); display: inline-block; top:50%; }
.service-link > div:before { right: 0;}
.service-link > div:after { right: 10px;}

/*service-detail*/
.loop3 { padding-bottom: calc(20px + 3%);margin-bottom: calc(20px + 3%);}
.loop3 .owl-dots { }
.loop3 .owl-item {position: relative; }
.loop3 .owl-item img { transition: all 0.4s ease-out 0s;filter: brightness(30%);}
.loop3 .owl-item.center img { filter: brightness(100%);}
.loop3 .owl-nav { position: absolute; bottom: 73px; left: -54%; width: 140px; z-index: 11;}
.loop3 .owl-prev, .loop3 .owl-next { position:absolute; z-index:100;  width: 60px !important; height: 60px !important; border-radius: 100% !important; background: #eef0f1 !important; border: 0px solid #fff !important;}
.loop3 .owl-prev { left:0px; }
.loop3 .owl-next { right:0px;}
.loop3 .owl-prev:before, .loop3 .owl-next:before { content: ""; position: absolute; width: 25px; height: 20px; background-size: contain; background-repeat: no-repeat; top:50%; left: 50%; transform: translate(-50%, -50%);transition: all 0.4s ease-out 0s;}
.loop3 .owl-prev:before { background-image:url("/images/theme-b67/icon-arrow-2.png"); }
.loop3 .owl-next:before { background-image:url("/images/theme-b67/icon-arrow.png");}
.loop3 .owl-prev:hover:before, .loop3 .owl-next:hover:before { }
.loop3 .owl-stage-outer {z-index: 2;}
.loop3 .owl-dots { position: absolute; z-index: 100; bottom:-8px; left:0; width: 100%; text-align: center!important; padding: 0 0px; }
.loop3 .owl-dots .owl-dot { border: 0px solid #c10000; background: transparent; margin-left: 8px;  margin-right: 8px; border-radius: 100%;}
.loop3 .owl-dots .owl-dot.active {  }
.loop3 .owl-dots .owl-dot span, .loop3  .owl-dots .owl-dot span { background: #cacaca !important; width: 12px !important; height: 12px !important; margin: 0 auto!important;transition: all 0.4s ease-out 0s !important;}
.loop3 .owl-dots .owl-dot.active span/*, .loop3  .owl-dots .owl-dot:hover span*/ { background: #88653d !important; }

/*news*/
.news-section { padding-bottom: calc(20px + 5%); display: flex; flex-direction: row; flex-wrap: wrap;}
.news-section > div:nth-of-type(1) { width: calc(100% - 400px); padding-right: 8%;}
.news-section > div:nth-of-type(2) { width: 400px;}
.news-section .title01 { text-align: left;}
.news-section .title01:after { left:0; transform: translateX(0);}

.news-list { display: flex; flex-direction: column; flex-wrap: wrap;}
.news-list > div:nth-child(even) > div:nth-of-type(1) { order: 2;}
.news-list > div:nth-child(even) > div:nth-of-type(2) { order: 1;}
.news-list-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.news-list-content:hover .news-list-content-title { color: #ca9e03;}
.news-list-content:hover > div:nth-of-type(1) img { transform: scale(0.9);}
.news-list-content > div:nth-of-type(1) { width: 33%;}
.news-list-content > div:nth-of-type(1) img { transition: all 0.4s ease-out 0s; }
.news-list-content > div:nth-of-type(2) { width: calc(67% - 20px); padding-top: calc(5px + 1%); border-bottom: 1px solid #d3d3d3; font-weight: 400;}
.news-list-content-top { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 5px;}
.news-list-content-tag { position: relative; color: #b39358;}
.news-list-content-tag:after { content: "/"; display: inline-block; margin: 0 3px;}
.news-list-content-date { }
.news-list-content-title { display: block; line-height: 1.4}

#page { text-align: center; padding:0 0 calc(10px + 1%) 0;}
#page a { font-size: 16px; color: #333; font-weight: 400; width: 30px; height: 30px; line-height: 28px; text-align: center; border-radius: 100%; display: inline-block;}
#page a:hover, #page a.current { background: #b39358; color: #fff;}
.page-prev, .page-next { width: 12px !important; height: 12px !important; line-height: inherit !important; border-radius: 0 !important; border-top:1px solid #333; border-right: 1px solid #333; margin: 0 20px;}
.page-prev:hover, .page-next:hover { background: none !important;}
.page-prev { transform: rotate(-135deg);}
.page-next { transform: rotate(45deg);}

.news-hot-list { border-bottom:1px solid #d3d3d3; padding-bottom: 24px; margin-bottom: 30px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.news-hot-list:hover img { transform: scale(0.9);}
.news-hot-list:hover  > div:nth-of-type(2) { color: #ca9e03;}
.news-hot-list > div { padding-bottom: 6px;}
.news-hot-list > div:nth-of-type(1) { width: 26%;}
.news-hot-list > div:nth-of-type(1) img { transition: all 0.4s ease-out 0s; 	}
.news-hot-list > div:nth-of-type(2) { width: 74%; padding-left: 4%; line-height: 1.5; font-weight: 400;}

/*.news-detail*/
.news-detail-section { max-width: 1200px; margin: 0 auto; padding-bottom: calc(20px + 4%);}
.news-detail-section .title01 { text-align: left;}
.news-detail-section .title01:after { left:0; transform: translateX(0);}
.news-detail-section p { margin: 0; padding: 0 0 calc(15px + 1%) 0; line-height: 1.7;}

.news-video { max-width: 940px; margin: 0 auto; padding-bottom: calc(20px + 1%);}
.video-container {position: relative;padding-bottom: 51.5%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border-width: 0;}

.news-detail-btn-box { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: calc(20px + 3%);padding-top: calc(10px + 1%);}
.news-detail-btn-box > div {  padding-bottom: calc(20px + 1%);}
.news-detail-btn { 	width: 130px; height: 50px; border-radius: 25px; text-align: center; line-height: 1.1;display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; border: 1px solid #a5a5a5; justify-content: center;}
.news-detail-btn:hover { background: #b39358; border-color: #b39358; color: #fff;}
.news-detail-btn:hover span { border-color: #fff;}
.news-detail-btn > span { display: inline-block; width:7px; height: 7px; border-color:#333; border-style: solid; border-width: 1px 1px 0 0; margin:0 5px;transition: all 0.4s ease-out 0s;}
.news-detail-btn > span.prev { transform: rotate(-135deg);}
.news-detail-btn > span.next { transform: rotate(45deg);}
.news-detail-btn > div {}

.news-detail-hot-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.news-detail-hot-list > a { width: calc(50% - 40px);}

/*case*/
.case-section { padding-bottom: calc(20px + 3%);}
.case-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;padding-bottom: calc(20px + 3%);}
.case-list > a { width: 45%; border-bottom: 1px solid #e4e4e4; padding: calc(15px + 1%) 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; position: relative;}
.case-list > a:nth-child(odd):after { width: 1px; height: 80%; top:50%; transform: translateY(-50%); right:-10%; position: absolute; content: ""; background: #e4e4e4;}
.case-list > a:hover { border-color: #ca9e03;}
.case-list > a > div:nth-of-type(1) { width: 78px; text-align: center;}
.case-list > a > div:nth-of-type(2) { width: calc(100% - 78px); padding-left: 20px; line-height: 1.5;}

/*robots*/
.robot-section{ padding-top: 20px;padding-bottom: 80px;}
.robot-r2{ display: flex; flex-wrap: wrap; padding: 30px 0;}
.robot-r2 > div{ width: 50%; padding: 0 5px;}

.robot-content{}
.robot-content-top{ display: flex; flex-wrap: wrap;align-items: flex-end; padding-bottom: 30px; border-bottom: 2px solid #EEE; margin-bottom: 40px;}
.robot-content-top .robot-tit {width: 35%; min-width: 350px; font-family: 'Noto Serif TC', sans-serif; font-weight: 900;}
.robot-content-top .robot-tit > div{}
.robot-content-top .robot-tit > p{font-weight: 600;}
.robot-content-top .robot-txt {width: 65%; }

.robot-content-bottom {display: flex;flex-wrap: wrap; }
.robot-content-bottom .robot-item {width: 25%; position: relative; z-index: 1;padding: 2.5%; margin-bottom: 20px;}
.robot-content-bottom .robot-item::after{ content: ""; width: 200px;height: 200px;border-radius: 50%;background: #faf6e9;position: absolute; left: 0;top: 0; z-index: -1; }
.robot-b-txt{padding: 5% 0;}

.robot-section .youtubecontent { margin-bottom: 30px;}
.youtubecontent { position: relative; height: 0; overflow: hidden; padding-bottom: 56.5%;}
.youtubecontent iframe, .youtubecontent object, .youtubecontent embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media only screen and (max-width: 1365px) {
    #content { padding-top: 60px;line-height:1.6; font-size: 16px;}

	.service-section > div > div:nth-of-type(1) { width: 100%; padding-top: 0; padding-right: 0;}
	.service-section > div > div:nth-of-type(2) { width: calc(100% - 0px); }
	.service-section .title01 { margin-bottom: 15px;}
	.service-section > div:nth-child(even) > div:nth-of-type(1) { order: 1; padding-left: 0;}
	.service-section > div:nth-child(even) > div:nth-of-type(2) { order: 2 }
}
@media only screen and (max-width: 1279px) {
	#path li { font-size: 13px;}
	
	.service-list > a {width: calc(50% - 10px); }
	
	.news-section > div:nth-of-type(1) { width: calc(100% - 0px); padding-right: 0%; padding-bottom: 30px;}
	.news-section > div:nth-of-type(2) { width: 100%;}
    
    .robot-content-bottom .robot-item::after{  width: 160px;height: 160px; }
}

@media only screen and (max-width: 980px) {
	.banner { }
	.banner-pc { display: none !important;}
	.banner-mobile { display: block !important;}
	.banner-pto{ height: 300px; }
	
	.circle-box { top:10%; width: 85%; }
	.circle-box-2 { bottom:7%; width: 85%; }
	.box:before, .box:after {inset:8vw;}
	
	.about-section-1 > div { width: 100%;}
	.about-section-1 > div:nth-of-type(1) { padding-right: 0px; text-align: center;}
	.about-section-1 > div:nth-of-type(2) { padding-left: 20px;}
	.title02:before { left: -20px; width: 12px;}
	
	.about-section-2 > div:nth-of-type(1) { order: 1; padding-left: 0px;}
	.about-section-2 > div:nth-of-type(2) { order: 12; }
	
	.philosophy-section-2 > div { width: 100%; }

	.news-detail-hot-list > a { width: 100%;}
    .robot-content-top .robot-tit {width: 100%; text-align: center;}
    .robot-content-top .robot-txt {width: 100%; }
}
@media only screen and (max-width: 768px) {
	.banner-content { width: 100%; padding-left: 10%;padding-right: 10%; top:65%; }
	
	.team-content > div:nth-of-type(1) { width: 100%; text-align: center;}
	.team-content > div:nth-of-type(2) { width: calc(100% - 0px); padding-left: 0;}
	.team-content-title { padding-bottom: 20px; margin-bottom: 10px;}
	.team-content-title:after { left: 0; width: 100%; max-width: 200px;}
	
	.news-list-content > div:nth-of-type(1) { width: 100%;}
	.news-list-content > div:nth-of-type(2) { width: calc(100% - 0px); padding-bottom: 15px;}
	.news-list > div:nth-child(even) > div:nth-of-type(1) { order: 1;}
	.news-list > div:nth-child(even) > div:nth-of-type(2) { order: 2;}
	
	.news-detail-btn-box > div:nth-of-type(1) { order: 2;}
	.news-detail-btn-box > div:nth-of-type(2) { order: 1; width: 100%; text-align: center;}
	.news-detail-btn-box > div:nth-of-type(3) { order: 3;}
	.news-detail-btn { width: 120px;}
	
	.case-list > a { width: 100%; }
	.case-list > a:nth-child(odd):after { display:none;}
	.case-list > a > div:nth-of-type(1) { width: 50px;}
	.case-list > a > div:nth-of-type(2) { width: calc(100% - 50px); padding-left: 10px; }
    
    .robot-section{ padding-bottom: 40px;}
    .robot-content-bottom .robot-item {width: 50%; }
}
@media only screen and (max-width: 640px) {
	
	
}
@media only screen and (max-width: 570px) {
	.banner-pto{ height: 240px; }
	
	.philosophy-section-1-pto > div { width: 100%;}
	
	.vision-pto > div { width: 100%; }
	
	.service-list > a {width: 100%; }
    .robot-r2 > div{ width: 100%; padding: 5px 0;}
}

@media only screen and (max-width: 414px) {
	.philosophy-section-2 > div > div:nth-of-type(1) { width: 100%;}
	.philosophy-section-2 > div > div:nth-of-type(2) { width: 100%; padding:15px 20px;}
	.robot-content-bottom .robot-item::after{  width: 100px;height: 100px; }
    .robot-content-top .robot-tit {min-width: 0;}
}

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