body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:'Arial', sans-serif;word-wrap: break-word;word-break: break-all;line-height: 180%;font-size: 16px;}
img {	border:0; }

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

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

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}
.content-box { max-width:1280px; margin:0 auto; text-align:left; position:relative; clear:both;}
.idx-banner{margin: 0 auto;padding: 0;}
.owl-carousel.banner-for-pc{margin: 0 auto;overflow: hidden;}
.owl-carousel.banner-for-pc .owl-stage{}
.owl-dots,.owl-nav.disabled{display: none;}
.owl-carousel.banner-for-pc div{}
.owl-carousel.banner-for-pc  img{width: auto;display: block;}
.owl-carousel.banner-for-rwd{display: none !important;margin: 0 auto;overflow: hidden;}
.owl-carousel.banner-for-rwd .owl-stage{}
.owl-carousel.banner-for-rwd  img{width: auto;display: block;}
.idx-about{text-align: left;background: url(/images/theme-c67/idx-about-bg.jpg) no-repeat;background-size: cover;padding: 5vh 5%;min-height: 668px;background-position: center top;display: flex;align-items: center;overflow: hidden;position: relative;}
.idx-about .mazu{position: absolute;top: -30px;right:50px;}
.idx-about .mazu:after{content: url(/images/theme-c67/idx-mazu.png);display: block;}
/*.idx-about h1{font-size: 35px;color:#830202;font-weight: 600;margin: 30px 0;padding:5px 0;}*/
.title01 { text-align: center; color: #333; font-weight: 700; line-height: 1.3; font-size: clamp(24px, 3.1vw, 32px); padding: 0 50px;; margin:0 auto 22px auto; position: relative; letter-spacing: 0.15rem; width: fit-content;} 
.title01 > img { position: absolute; top:50%; transform: translateY(-50%); width: 35px;}
.title01 > img:first-child { left: 0;}
.title01 > img:last-child { right: 0;}
.idx-about .content-box{max-width: 875px; margin: 0 auto; color: #333; font-size: 17px; line-height: 1.8; font-weight: 500; padding: 50px 50px calc(30px + 3.5%) 50px; background: rgba(230,215,170,.5);}
.about-btn{margin: 35px 0;padding: 5px 0; text-align: center; display: none;}
.about-btn a{display:inline-block;border: 1.5px solid #fff;text-align: center;font-size: 18px;color:#fff;min-width: 200px;min-height: 45px;padding:10px 40px;vertical-align: middle;position: relative;overflow: hidden;}
.about-btn a::before{content:"";width: 0px;background: #e1a013;height: 100%;position: absolute;display: block;left: 0;top: 0;transition: 0.6s;}
.about-btn a::after{content:"";width: 0px;background: #e1a013;height: 100%;position: absolute;display: block;right: 0;top: 0;transition: 0.6s;}
.about-btn a:hover::before{width: 100%;z-index: 1;}
.about-btn a:hover::after{width: 100%;z-index: 1;}
.about-btn a:hover span{color:#fff;position: relative;z-index: 9;}
.idx-news{background: url(/images/theme-c67/idx-news-bg.jpg) no-repeat center center;background-size: cover;background-position: center 25%;padding: calc(50px + 7%) 5% calc(20px + 5%) 5%; position: relative;}
.idx-news:before{ content: "" ; position: absolute; width: calc(100% - 50px); height: calc(100% - 30px); top:50%; left: 50%; transform: translate(-50%, -50%);  box-shadow:inset 0px 0px 0px 15px #e19f13;}
.idx-news:after{ content: "" ; position: absolute; width: calc(100% - 130px); height: calc(100% - 100px); top:50%; left: 50%; transform: translate(-50%, -50%); background: rgba(230,215,170,.7);}
.idx-news .content-box { z-index: 3;}
.idx-news h2{font-size: 35px;color:#fff;font-weight: 600;margin: 10px 0;padding:5px 0;display: flex;align-items: center;justify-content: center;}
.idx-news h2::before{content: url(/images/theme-c67/idx-h1-white.png);display: block;margin: 0 10px;}
.idx-news h2::after{content: url(/images/theme-c67/idx-h1-white.png);display: block;margin: 0 10px;}
.idx-news ul{padding:0px 0 calc(20px + 1%) 0;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.idx-news ul li{margin: 0 20px;letter-spacing: 3px;flex-direction: column; align-items: center;justify-content: center; display: none;width: calc((100% / 3) - 40px);}
.idx-news ul li:nth-of-type(1), .idx-news ul li:nth-of-type(2), .idx-news ul li:nth-of-type(3) {display: flex;}
.idx-news ul li .news-img{ border-radius: 20px; border: 2px solid #e1a013; overflow: hidden; line-height: 0; margin-bottom: 12px;}
.idx-news ul li .news-img a img{ object-fit: cover; width: 100%; height: 100%;}
.news-title{text-align: left;width:100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#fff; letter-spacing: 0;}
.news-title:before{border-top: 3px solid #fff;width: 300px;display: block;margin:15px 0; }
.news-title a{color:#333;font-weight: 400;}
.news-title, .news-date { width: 84%; margin: 0 auto;}
.news-date{color:#333;font-size: 16px;font-weight: lighter;padding: 5px 0;display: block;text-align: left; letter-spacing: 0; }
.idx-news ul li:hover .news-img a img{transform: scale(1.1,1.1);transition: all .8s ease;}
.idx-news ul li:hover .news-title:before{border-color:#333;text-shadow: unset;}
.idx-news ul li:hover .news-title a,.idx-news ul li:hover .news-date{color:#333;text-shadow: unset;}
.news-btn{margin: 15px 0;padding: 5px 0;text-align: center; }
.news-btn a{display:inline-block;background:#e19f13;text-align: center;font-size: 18px;color:#fff;min-width: 200px;min-height: 45px;padding:10px 40px;vertical-align: middle;position: relative;overflow: hidden;}
.news-btn a:before{content:"";display: block;width: 0px;height: 100%;left: 0;position: absolute;top:0;background: #e09814;transition: 0.6s;}
.news-btn a:after{content:"";display: block;width: 0px;height: 100%;right: 0;position: absolute;top:0;background: #e09814;transition: 0.6s;}
.news-btn a:hover:before{width: 100%;z-index: 1;}
.news-btn a:hover:after{width: 100%;z-index: 1;}
.news-btn a:hover span{position: relative;color:#fff;z-index: 9;}
.idx-infor-all{padding: calc(20px + 3%) 5% calc(20px + 3%) 5%; background: url(/images/theme-c67/idx-link-bg.jpg) no-repeat center bottom / cover;}
.idx-infor-all .title01 { }
.idx-infor-all h2{font-size: 35px;color:#830202;font-weight: 600;margin: 10px 0;padding:5px 0;display: flex;align-items: center;justify-content: center;}
.idx-infor-all h2::before{content: url(/images/theme-c67/idx-h1-red.png);display: block;margin: 0 10px;}
.idx-infor-all h2::after{content: url(/images/theme-c67/idx-h1-red.png);display: block;margin: 0 10px;}
.idx-infor-all .content-box {}

.idx-infor-list { display: flex; flex-direction: row; flex-wrap: wrap; }
.idx-infor-list > div { width: 33.33%; padding: 0 25px; margin-top: calc(20px + 2%); }
.idx-infor-list > div:hover .idx-infor-list-pto img { transform: scale(0.94);}
.idx-infor-list-pto { margin-bottom: 20px; background: url(/images/theme-c67/idx-infor-list-bg.png) no-repeat center bottom / contain; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 18px;}
.idx-infor-list-pto img { border-radius: 100%; border: 8px solid #c85c02;transition: all 0.4s ease-out 0s; }
.idx-infor-list-name { text-align: center; color: #333; line-height: 1.3;font-size: clamp(22px, 2.5vw, 30px); font-weight: 700;}

.idx-infor{display: inline-block;position: relative; border-radius: 4vw; border: 4px solid #e1a013;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); overflow: hidden;}
.idx-infor figure{max-height: 295px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;}
.idx-infor a::before{border: .5px solid #fff;display: block;width:90%;max-height:248px;margin: 0 auto;z-index: 99;position: absolute;left: 0;right: 0; top: 19%; bottom: 19%;}
.idx-infor figure figcaption h3{ position: absolute; z-index: 2; top:50%; left: 50%; transform: translate(-50%, -50%); letter-spacing: 0.1rem; border: 1px solid #fff; background: rgba(0,0,0,.3); line-height: 1; padding: 12px 18px; font-weight: 700; font-size: clamp(22px, 3.3vw, 36px); color: #fff; white-space: nowrap;}
.idx-infor figure img{ width: 100%;}
.idx-infor:hover figure img{transform: scale(1.1,1.1);transition: all .8s linear; filter: brightness(70%);}
.idx-infor:hover figure h3 {text-shadow: unset;}
/*go-top*/
.gotop-button{cursor: pointer;text-align: right;top: -32px;position: absolute;right: 0;z-index: 100;}
.gotop-button img{width: 65px;height: auto;animation: cloud-scale-1 .5s linear infinite alternate;}
/*popup-modal*/
.modal-footer button{ background: #C85C02; color: #FFF;}
.modal-footer button:hover,.modal-footer button:focus{ background: #E1A013; color: #FFF;box-shadow: 0 0 0 .2rem rgba(213,106,37,.25);}
/*動畫*/
.fadeInLeft {transition:transform 1s ease,opacity 1s ease;transform: translate(0, 0);opacity:1;}
.fadeOutLeft {transition:transform 1s ease,opacity 1s ease;transform: translate(-10px, 0);opacity: 1;}
.fadeInRight {transition:transform 1s ease,opacity 1s ease;transform: translate(0, 0);opacity:1;}
.fadeOutRight {transition:transform 1s ease,opacity 1s ease;transform: translate(10px, 0);opacity: 1;}
.fadeInUp {transition: transform 1s ease, opacity 1s ease; transform: translate(0, 0); opacity: 1.0; }
.fadeOutUp {transition: transform 1s ease, opacity 1s ease; transform: translate(0, 10px); opacity: 0; }
.fadeIndown{transition: transform 1s ease, opacity 1s ease; transform: translate(0, 0); opacity: 1.0;}
.fadeOutdown{transition: transform 1s ease, opacity 1s ease; transform: translate(0, -10px); opacity: 0;}
.scaleIn{transition: transform 1s ease, opacity 1s ease; transform:scale3d(1,1,1); opacity:1;}
.scaleOut{transition: transform 1s ease, opacity 1s ease; transform:scale3d(0,0,0); opacity:0;}
.cloud-scale-1{animation-name:cloud-scale-1; }
@keyframes cloud-scale-1{
0%{transform: translateY(-10px);}
100%{transform: translateY(0px);}
}
@media only screen and (max-width: 1366px) {
	
}
@media only screen and (max-width: 1240px) {
.idx-about .mazu{right:-100px;}
	
}
@media only screen and (max-width: 980px) {
.banner-for-pc{display: none !important;}
.owl-carousel.banner-for-rwd{display: block !important;}
.idx-about{flex-direction: column-reverse;    background-attachment: unset;}
.idx-about .mazu{position: unset;content: url(/images/theme-c67/idx-mazu-rwd.png);display: block;}
.idx-about .content-box{width: 100%;}
.idx-news ul li:first-child{display: block;}
.idx-news ul li:nth-of-type(1), .idx-news ul li:nth-of-type(2), .idx-news ul li:nth-of-type(3) {display: none;}
.idx-news ul li:nth-of-type(1) {display: block;width: 100%;}
.idx-news ul li {display:none;}
.idx-infor-all .content-box{text-align: center;}
	
	.idx-news .content-box { padding-left: 20px; padding-right: 20px;}

}
@media only screen and (max-width: 768px) {
	.idx-infor-list > div { width: 100%; padding: 0 0; }
	
	.gotop-button{top: -25px;}
	.gotop-button img{width: 50px;}
	
	.idx-news:before{ box-shadow:inset 0px 0px 0px 5px #e19f13;}
	.idx-news:after{ width: calc(100% - 80px); height: calc(100% - 60px); }
	.idx-news .content-box { padding-left: 50px; padding-right: 50px;}
}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 570px) {
.idx-about,.idx-infor-all{padding: 5vh 3vw;}
.idx-about .mazu{width: 90%;}
/*.idx-about h1,.idx-news h2,.idx-infor-all h2{font-size: 25px;}*/
	
}
@media only screen and (max-width: 414px) {
	
}
@media only screen and (max-width: 320px) {
.idx-news h2::before,.idx-news h2::after,.idx-infor-all h2::before,.idx-infor-all h2::after{display: none; }
}