@charset "utf-8";

/* ³»¿ë°ü¸® */
#ctt {}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {font-size:13px;line-height:22px;}

.greeting {}
.greeting .greeting_img {display:block;float:left;width:220px;overflow:hidden;border-radius:5px;}
.greeting .greeting_img img {width:100%;height:auto;}

.greeting .greeting_img_mobile {display:none;margin:0 0 24px 0;overflow:hidden;border-radius:5px;}
.greeting .greeting_img_mobile img {width:100%;height:auto;}

.greeting p {margin:0 0 0 260px;line-height:28px;}
.greeting p .sign_company {display:block;margin:0 0 4px 0;text-align:right;}
.greeting p .sign {display:block;font-size:22px;text-align:right;}

.intro {}
.intro ul {border-top:solid 1px #ddd;}
.intro ul li {padding:24px 20px;border-bottom:solid 1px #ddd;}
.intro ul li:after {display:block;visibility:hidden;clear:both;content:""}

.intro ul li .con {display:block;float:left;width:70%;padding:0 10% 0 0;font-size:14px;line-height:22px;}
.intro ul li .con strong {display:block;margin:0 0 6px 0;color:#444;font-size:18px;font-weight:400;}

.intro ul li .img {float:left;width:30%;margin:0;overflow:hidden;border-radius:5px;cursor:pointer;}
.intro ul li .img img {width:100%;height:auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1); 
-o-transform:scale(1);  
transform:scale(1);
}
.intro ul li .img:hover img {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);   
-o-transform:scale(1.2);
}

.history {border-top:solid 1px #ddd;}
.history .history_con {position:relative;padding:24px 20px;border-bottom:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.history .history_con .history_year {display:block;position:absolute;left:20px;top:24px;color:#222;font-size:24px;font-weight:400;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.history .history_con:hover {background:#eee;}
.history .history_con:hover .history_year {left:26px;}

.history .history_con ul {margin:0 0 0 20%;}
.history .history_con ul li {display:block;position:relative;margin:0 0 18px 0;padding:0 0 0 90px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.history .history_con ul li span {display:block;position:absolute;width:80px;height:30px;left:0;top:0;color:#fff;line-height:28px;text-align:center;background:#666;border-radius:3px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.history .history_con ul li:hover {padding:0 0 0 100px;}
.history .history_con ul li:hover span {width:86px;background:#000;}

#faq_con ol {list-style:none;margin:0;padding:0;}
#faq_con ol li {display:block;margin:0 0 4px 0;border:solid 1px #ccc;border-radius:4px;}
#faq_con h3 a {display:block;min-height:40px;overflow:hidden;padding:0 20px;font-size:14px;font-weight:500;line-height:40px;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#faq_con h3 a.on {font-weight:700;background:#f6f6f6;}
#faq_con .con_inner {display:none;position:relative;padding:20px 20px 20px 200px;;border-top:1px solid #ddd;}
#faq_con .con_inner .img {position:absolute;left:20px;top:20px;width:150px;}
#faq_con .con_inner .img img {width:100%;height:auto;}
#faq_con .con_inner .con {min-height:200px;}

.embed-container {position:relative;margin:0 0 24px 0;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe, 
.embed-container object, 
.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

.contact {}
.contact ul {}
.contact ul:after {display:block;visibility:hidden;clear:both;content:""}
.contact ul li {display:block;float:left;width:49%;margin:0 2% 30px 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contact ul li:nth-child(2n) {margin:0 0 30px 0;}
.contact ul li strong {display:block;margin:0 0 4px 0;padding:0 20px;color:#fff;font-weight:700;line-height:40px;background:#999;border-radius:4px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contact ul li strong:hover {padding:0 30px;background:#000;}
.contact ul li div {padding:0 0 0 12px;line-height:24px;background:url(../../../img/bullet.png) no-repeat left 50%;}



ul.tabs {margin:0 0 24px 0;border-bottom:solid 1px #ddd;}

ul.tabs li {float:left;}
ul.tabs li a {display:block;position:relative;width:120px;height:40px;margin:0 1px 0 0;text-align:center;line-height:38px;background:#eee;border:solid 1px #ddd;border-bottom:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

ul.tabs li a:hover {background:#fff;}
ul.tabs li a.active {background:#fff;z-index:4;}

.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}

#panels {}
#panels p {}
#one {}
#two {display:none;}
#three {display:none;}





.facility {}
.facility h2 {display:block;margin:0 0 36px 0;color:#222;font-size:30px;font-weight:500;}
.facility strong {display:block;margin:0 0 12px 0;color:#444;font-size:24px;font-weight:500;}
.facility .con {margin:0 0 24px 0;}
.facility .img {margin:0 0 36px 0;}
.facility .img img {width:100%;height:auto;}

dl.cafe {}
dl.cafe:after {display:block;visibility:hidden;clear:both;content:""}
dl.cafe dd {display:block;margin:0 0 30px 0;}
dl.cafe dd:after {display:block;visibility:hidden;clear:both;content:""}
dl.cafe dd .icon {display:block;float:left;width:100px;height:100px;margin:0 20px 20px 0;text-align:center;line-height:100px;background:#91848e;border-radius:3px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
dl.cafe dd .icon img {width:32px;height:auto}
dl.cafe dd .icon:hover {background:#444}
dl.cafe dd .con {margin:0;}


.license {}
.license .license_img {margin:0 0 36px 0;}
.license .license_img img {width:100%;height:auto}
.license h2 {display:block;margin:0 0 12px 0;color:#f00001;font-size:24px;font-weight:400;}
.license p {margin:0 0 24px 0;}

.data_type {}
.data_type table {width:100%;border-collapse:collapse;border-spacing:0;border-top:solid 2px #f00001}
.data_type table th {width:30%;padding:14px 18px;color:#222;background:#f6f6f6;border-bottom:solid 1px #ddd;}
.data_type table td {width:70%;padding:14px 18px;border-bottom:solid 1px #ddd;}
.data_type table td a {color:#f00001;border-bottom:underline;}

.useinfo {}
.useinfo strong {color:#222;font-weight:700;}

.sitemap {}
.sitemap ul {}
.sitemap ul:after {display:block;visibility:hidden;clear:both;content:""}
.sitemap ul li {display:block;float:left;width:33%;margin:0 0.5% 30px 0;}
.sitemap ul li:nth-child(3n) {margin:0 0 30px 0;}
.sitemap ul li a.gnb_1dp {display:block;padding:0 12px;color:#222;line-height:40px;background:#eee;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sitemap ul li a.gnb_1dp:hover {color:#fff;background:#000;}
.sitemap ul li dl {}
.sitemap ul li dl dd {display:block;}
.sitemap ul li dl dd a {display:block;position:relative;padding:0 12px;color:#666;font-size:12px;line-height:30px;background:#fffl;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sitemap ul li dl dd a span {display:block;position:absolute;width:5px;height:1px;left:0;top:50%;background:#000;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sitemap ul li dl dd a:hover {padding:0 24px;color:#222;font-weight:700;}
.sitemap ul li dl dd a:hover span {left:6px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}




@media screen and (max-width:1024px) {
#ctt_con {width:auto;margin:0 10%;}

.greeting .greeting_img {display:none;}
.greeting .greeting_img_mobile {display:block;}

.greeting p {margin:0;line-height:26px;}

.greeting p .sign {font-size:18px;}
}





@media screen and (max-width:768px) {
#ctt_con {width:auto;;margin:0 20px;}

.intro ul li .con {float:none;width:100%;margin:0 0 24px 0;padding:0 0 0 0;font-size:13px;line-height:20px;}
.intro ul li .con strong {font-size:16px;}

.intro ul li .img {float:none;width:100%;}

.history .history_con .history_year {display:block;position:relative;left:0px;top:0px;margin:0 0 24px 0;font-size:20px;}
.history .history_con ul {margin:0;}

.contact ul li {float:none;width:100%;margin:0 0 30px 0;}
.contact ul li:nth-child(2n) {margin:0 0 30px 0;}

ul.tabs li a {width:80px;}

.facility h2 {margin:0 0 30px 0;font-size:24px;}
.facility strong {margin:0 0 8px 0;font-size:18px;}

dl.cafe dd .icon {width:80px;height:80px;line-height:80px;}
dl.cafe dd .icon img {width:32px;height:auto}

.license h2 {font-size:18px;}

.sitemap ul li {float:none;width:100%;margin:0 0 30px 0;}
.sitemap ul li:nth-child(3n) {margin:0 0 30px 0;}

#faq_con .con_inner {padding:20px 20px 20px 20px;;border-top:1px solid #ddd;}
#faq_con .con_inner .img {position:relative;left:0px;top:0px;width:100px;margin:0 0 18px 0;}

}





@media screen and (max-width:480px) {
.facility h2 {margin:0 0 30px 0;font-size:22px;}
.facility strong {margin:0 0 8px 0;font-size:16px;}
}