@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.go_pagetop_frame { display: none !important; }

.page_top { position: fixed; bottom: 25px; right: 25px; z-index: 50; }

.clearfix, .form_box, .form_box-body, .form_box-body .col-inner { *zoom: 1; }
.clearfix:after, .form_box:after, .form_box-body:after, .form_box-body .col-inner:after { content: ""; display: table; clear: both; }

.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb75 { margin-bottom: 75px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb95 { margin-bottom: 95px !important; }

.mb100 { margin-bottom: 100px !important; }

.mr0 { margin-right: 0px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.ml0 { margin-left: 0px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "¥Ò¥é¥®¥Î½Ç¥´ ProN W3", Hiragino Kaku Gothic ProN, Arial, "¥á¥¤¥ê¥ª", Meiryo, sans-serif; font-size: 14px; color: #333333; line-height: 1.8em; }

a { color: #cc0033; text-decoration: none; }
a:hover { color: #333333; }

strong { font-weight: bold; }

/*?¡­¡§??¡°
===================*/
sup { vertical-align: super; font-size: 0.8em; }

sub { font-size: 0.8em; }

.break { padding-top: 100px; }

/* --------------------------------------------------------------- header
-----------------------------------------------------------------*/
/* home
-----------------------------------------------------------------*/
.header { background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 85px; position: fixed; z-index: 100; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.katris_lev2 .header { background-color: rgba(255, 255, 255, 0.9); }
.header__inner { min-width: 960px; padding: 12px 35px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-title { width: auto; float: left; margin-top: 12px; }
.header-title .site-logo > a { display: block; width: 155px; height: 37px; background: url(/english/tech/katris/assets/images/site_logo@2x.png) center center no-repeat; background-size: cover; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.katris_lev2 .header-title .site-logo > a { background: url(/english/tech/katris/assets/images/site_logo_lev2@2x.png) center center no-repeat; background-size: cover; }
.header-title h1 { width: auto; display: inline-block; color: #fff; line-height: 1.3em; font-size: 16px; font-weight: bold; text-align: left; }
.header-nav { max-width: 770px; float: right; text-align: right; }
.header-kajima > a { display: block; width: 94px; height: 18px; float: right; margin-top: 5px; overflow: hidden; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.header-kajima > a img { width: 100%; height: auto; }
.header-kajima > a:hover { opacity: 0.7; }
.katris_lev2 .header-kajima > a { height: 18px; }
.header-kajima:after { content: ''; display: block; }

.gnav { margin-top: 2px; }
.gnav li { display: inline-block; padding: 5px 10px; position: relative; }
.gnav li a { color: #fff; font-size: 16px; font-weight: vold; position: relative; display: inline-block; text-decoration: none; }
.gnav li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 1px; background: #fff; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
.gnav li a:hover::after { transform: scale(1, 1); }
.gnav li.katri-top { margin-left: 15px; padding: 2px 0 2px 20px; border-left: 1px solid #999; }
.gnav li.katri-top a { font-size: 13px; }
.gnav li.katri-top.katri-top::before { content: '¡ú'; font-size: 13px; color: #fff; padding-right: 0.25em; }
.gnav li.popup::after { content: '\025bc'; padding-left: 0.75em; font-size: 0.8em; color: #fff; vertical-align: 1px; display: inline; clear: none; }
.gnav li ul { visibility: hidden; opacity: 0; position: absolute; z-index: 200; width: 10em; top: 30px; left: 0px; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc00479d,EndColorStr=#cc00479d); /*IE8ÒÔÏÂÓÃ*/ color: #fff; padding: 20px; text-align: left; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.gnav li ul li { padding: 0; margin: 0; line-height: 2em; font-weight: normal; color: #fff; display: block; float: none; }
.gnav li ul li a:hover { color: #aaa; }
.gnav li ul li a::after { background: none; }
.gnav li ul li a:hover::after { background: none; }
.gnav li:hover ul { top: 40px; visibility: visible; opacity: 1; margin-top: 10px; }
.katris_lev2 .gnav > li > a { color: #333; }
.katris_lev2 .gnav > li > a::after { background: #333; }
.katris_lev2 .gnav > li.popup::after { color: #333; }
.katris_lev2 .gnav > li.katri-top::before { color: #333; }

.main-visual { min-width: 960px; }
.main-visual__mov { position: relative; }
.main-visual__mov video { width: 100%; height: auto; z-index: -100; }
.main-visual__message { position: absolute; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 940px; height: 400px; background: url(/english/tech/katris/assets/images/main-video__title-bg.png); top: 80px; bottom: 0; left: 0; right: 0; margin: auto; padding-top: 125px; color: #fff; text-align: center; }
.main-visual__message .tagline__en { font-size: 25px; font-weight: bold; margin: 30px 0; }
.main-visual .site-logo { width: 410px; height: 98px; margin: auto; }
.main-visual .site-logo img { width: 100%; height: auto; }
.main-visual .btn-detail a { width: 15em; margin: auto; border: 1px solid #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 4px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff; display: inline-block; }
.main-visual .btn-detail a::after { content: '\025b6'; padding-left: 0.5em; display: inline; }
.main-visual .btn-detail a:hover { color: #333333; }
.main-visual .btn-detail a:hover { background: #fff; }

@media screen and (min-width: 480px) and (max-width: 1139px) { .main-visual__message { width: 80%; } }
.top-content-menu { background: #e5e5e5; }
.top-content-menu__inner { max-width: 1160px; margin: 0 auto; padding: 40px 0; }
.top-content-menu__inner h2 { width: 200px; font-size: 38px; margin: 20px auto 50px; text-align: center; border-bottom: 1px solid #333333; padding-bottom: 0.5em; }
.top-content-menu ul { min-width: 960px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.top-content-menu ul li { position: relative; flex-basis: 49%; height: 270px; margin-bottom: 20px; overflow: hidden; }
.top-content-menu ul li.mr { margin-right: 20px; clear: both; }
.top-content-menu ul li img { width: 100%; height: auto; }
.top-content-menu ul li a img { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; filter: brightness(100%); }
.top-content-menu ul li a:hover img { filter: brightness(130%); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.top-content-menu ul li .li__inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; padding-top: 100px; color: #fff; text-shadow: 1px 1px 3px #000; font-size: 13px; text-align: center; }
.top-content-menu ul li .li__inner strong { font-size: 32px; font-weight: 500; line-height: 2.5em; }
.top-content-menu ul::after { display: none; }

.banner-area__inner { width: 960px; margin: 0 auto; padding: 40px 0; }
.banner-area-items { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.banner-area-items > li { width: 222px; height: 90px; background: #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.banner-area-items > li img { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; filter: brightness(100%); }
.banner-area-items > li img:hover { filter: brightness(80%); }
.banner-area-items > li + li { margin-left: 24px; }

.btn-top-news a { display: block; width: 160px; margin: 30px auto 0; padding: 5px 0; text-align: center; border-radius: 60px; border: 1px solid #666; color: #666; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-top-news a:hover { color: #FFF; background: #666; }

.lev2__wrapper { min-width: 960px; padding-top: 85px; overflow: hidden; }
.lev2__wrapper .contents-title { width: 100%; height: 165px; }
.lev2__wrapper .contents-title.news { background: url(/english/tech/katris/assets/images/contents_title_news.jpg) no-repeat right top; background-size: cover; }
.lev2__wrapper .contents-title.about_us { background: url(/english/tech/katris/assets/images/contents_title_about_us.jpg) no-repeat right top; background-size: cover; }
.lev2__wrapper .contents-title.topics { background: url(/english/tech/katris/assets/images/contents_title_topics.jpg) no-repeat right top; background-size: cover; }
.lev2__wrapper .contents-title.awards { background: url(/english/tech/katris/assets/images/contents_title_awards.jpg) no-repeat right top; background-size: cover; }
.lev2__wrapper .contents-title.contact { background: url(/english/tech/katris/assets/images/contents_title_contact.jpg) no-repeat right top; background-size: cover; }
.lev2__wrapper .contents-title__inner { width: 960px; margin: 0 auto; }
.lev2__wrapper .contents-title__inner h1 { font-size: 28px; text-align: center; color: #fff; padding-top: 70px; }

.lev2__inner { max-width: 1160px; padding: 0 10px; margin: 60px auto; }
.lev2__inner h2 { font-size: 28px; font-weight: bold; text-align: center; }
.lev2__inner hr { width: 5em; /* height: 100px; */ border-top: 2px solid #cc0033; margin: 5px auto 10px; display: inline-block; }
.lev2__inner p.lead { font-weight: bold; margin-bottom: 40px; }
.lev2__inner .section { margin-bottom: 60px; }
.lev2__inner .section h3 { font-size: 20px; font-weight: bold; border-left: 1px solid #cc0033; padding: 5px 0 5px 20px; text-align: left; margin-bottom: 30px; }
.lev2__inner .section.col2 .col { width: 50%; float: left; text-align: left; }
.lev2__inner .section.col2 .col.l { margin-right: 40px; }
.lev2__inner .section.col2 .col.photo_keichiku-kankyo .col01 { width: 201px; float: left; margin-right: 1px; }
.lev2__inner .section.col2 .col.photo_keichiku-kankyo .col02 { width: 110px; float: left; margin-right: 1px; }
.lev2__inner .section.col2 .col.photo_keichiku-kankyo .col03 { width: 247px; float: left; margin: 0; }
.lev2__inner .section.col2 .col .col_half { width: 270px; float: left; }
.lev2__inner .section.col2 .col .col_half.l { margin-right: 20px; }
.lev2__inner .section.col2 .col p.caption { font-size: 12px; line-height: 1.2em; margin-top: 0 !important; }
.lev2__inner .section.col3 .col { width: 30%; float: left; text-align: left; }
.lev2__inner .section.col3 .col img { width: 100%; height: auto; }
.lev2__inner .section.col3 .col.l { margin-right: 40px; }
.lev2__inner .section.col3 .col .prof-name { line-height: 1.4em; margin-top: 5px; }
.lev2__inner .section.col3 .col .prof-name strong { font-size: 22px; font-weight: bold; }
.lev2__inner .section.col3 .col__2col { width: 60%; float: left; text-align: left; }
.lev2__inner .section.col3 .col__2col.l { margin-right: 40px; }
.lev2__inner .section.col-movie { width: 960px; margin: auto; background: #e8edf3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 45px 55px; }
.lev2__inner .section.col-movie h3 { font-size: 30px; padding: 0; margin-bottom: 20px; border: none; }
.lev2__inner .section.col-movie h3 span { padding-left: 1em; font-size: 16px; color: #cc0033; }
.lev2__inner .section.col-movie .video { width: 100%; height: 478px; }
.lev2__inner .section.gr { margin-right: -100% !important; margin-left: -100% !important; padding-right: 100% !important; padding-left: 100% !important; background: #f5f5fa; }
.lev2__inner .section-title { margin-bottom: 40px; color: #cc0033; font-size: 24px; font-weight: bold; text-align: center; }

#video { margin-top: -100px; padding-top: 100px; }

.news__inner { width: 960px; }
.news__inner h2 { width: 150px; font-size: 24px; font-weight: bold; text-align: center; border-bottom: 1px solid #cc0033; padding-bottom: 0.25em; margin-bottom: 30px; }
.news__inner dl dt, .news__inner dl dd { text-align: left; }
.news__inner dl dt { width: 90px; float: left; clear: both; font-size: 14px; }
.news__inner dl dd { width: 705px; float: left; padding-left: 130px; text-indent: -130px; text-align: left; }
.news__inner dl dd::before { display: inline-block; font-size: 13px; line-height: 1em; text-align: center; text-indent: 0; width: 110px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin-right: 20px; padding: 4px 0; color: #FFF; }
.news__inner dl dd.topics::before { content: 'Topics'; background: #333d98; }
.news__inner dl dd.update::before { content: 'Update'; background: #666666; }
.news__inner dl dd > a { color: #333; }
.news__inner dl dd > a:hover { color: #cc0033; }
.top-news .news__inner { margin: 60px auto; }
.top-news .news__inner dl { margin-left: 30px; }
.top-news .news__inner dl dt { width: 75px; margin-bottom: 0.5em; }
.top-news .news__inner dl dd { width: 690px; padding-left: 7em; text-indent: -6.65em; margin-bottom: 1.5em; }
.top-news .news__inner dl dd::before { width: 40px; padding: 2px 20px; color: #ccc; margin-right: 1em; }
.katris_lev2 .news__inner { margin: 0 auto; padding: 40px 0; }
.katris_lev2 .news__inner dl { border-bottom: 1px solid #E6E6E6; }
.katris_lev2 .news__inner dl dt, .katris_lev2 .news__inner dl dd { padding-top: 18px; padding-bottom: 18px; border-top: 1px solid #E6E6E6; }

#anc_singapore_1901, #anc_singapore_1810, #anc_1810 { margin-top: -110px; padding-top: 110px; }

.katris_lev2 .lev2__wrapper .lev2__inner .section .col3 .col p.caption { font-size: 12px; line-height: 1.2 !important; margin-top: 0 !important; }

.message-col3 { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; text-align: left; }
.message-col3 > .col__2col { -webkit-flex-basis: 69.75%; flex-basis: 69.75%; padding-right: 40px; }
.message-col3 > .col { -webkit-flex-basis: 31.25%; flex-basis: 31.25%; }

.vision-col3 { text-align: left; }
.vision-col3 > .col__2col { -webkit-flex-basis: 69.75%; flex-basis: 69.75%; padding-right: 40px; }
.vision-col3 > .col { -webkit-flex-basis: 31.25%; flex-basis: 31.25%; }

.modal-movie { position: relative; color: transparent; }
.modal-movie:before { position: absolute; content: ""; width: 80px; height: 80px; top: -170px; left: 50%; margin-left: -40px; background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border-radius: 50%; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 5; }
.modal-movie:after { position: absolute; content: "¡ø"; font-size: 38px; color: #CC0033; top: -142px; left: 50%; margin-left: -12px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 5; }
.modal-movie > img { opacity: 1; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.modal-movie > img:hover { opacity: .7; }
.modal-movie:hover:before { background: #CC0033; }
.modal-movie:hover:after { color: #FFF; }

.modal-movie-inline { display: none; }
.modal-movie-inline-head { margin-bottom: 30px; }

.active__inner { padding-top: 50px; padding-bottom: 50px; counter-reset: number 0; }
.active__inner .num { margin-bottom: 20px; font-size: 18px; font-weight: bold; }
.active__inner .num:before { content: counter(number) ""; counter-increment: number 1; display: inline-block; margin-right: 10px; padding: 2px 10px; color: #FFF; background: #CC0033; }
.active__inner .num br { display: none; }
.active__inner .col3 .col { width: 30%; float: left; text-align: left; }
.active__inner .col3 .col img { width: 100%; height: auto; }
.active__inner .col3 .col__2col { width: 60%; float: left; text-align: left; }
.active__inner .col3 .col__2col.l { margin-right: 40px; }
.active__inner .col3 + .col3 { margin-top: 50px; }
.active__inner .col3.link { width: 850px; margin: auto; }
.active__inner .col3.link img { vertical-align: middle; }
.active__inner .col3.link .col { width: 270px; }

.profile-list { width: 960px; margin: 0 auto; border-bottom: 1px solid #e6e6e6; background: #ffffff; }
.profile-list dt, .profile-list dd { padding: 1em 0 !important; text-align: left; border-top: 1px solid #e6e6e6; }
.profile-list dt { float: left !important; clear: left; width: 20%; }
.profile-list dd { float: left !important; width: 80%; }

.links { font-size: 17px; line-height: 1.9; position: relative; }
.links img.link_icon { width: auto !important; }
.links a { color: #333333; }
.links a img.logo_kajima { width: 125px !important; height: 24px !important; }
.links a img.logo_katri { width: 71px !important; height: 22px !important; }
.links a img.logo_koa { width: 242px !important; height: 13px !important; }

.links.sub { font-size: 13px; line-height: 1.7; }
.links.sub a::before { content: '\002192'; padding-left: 0.5em; display: inline; color: #cc0033; font-size: 13px; line-height: 1.7; }

.img_map { background: url("/english/tech/katris/topics/images/map_bg.png") no-repeat 50% 50%; position: relative; height: 500px; width: 1140px; }
.img_map ul { position: absolute; left: 0px; top: 0px; width: 100%; }
.img_map ul li { font-size: 14px; font-weight: bold; position: absolute; left: 265px; }
.img_map ul li.myanmar { top: 103px; }
.img_map ul li.malaysia { top: 178px; }
.img_map ul li.singapore { top: 253px; }
.img_map ul li.indonesia { top: 328px; }
.img_map ul li.thai { left: 720px; top: 130px; }
.img_map ul li.vietnam { left: 720px; top: 205px; }
.img_map ul li a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 3px 12px; width: 10em; height: 35px; border: 1px solid #333; background: #fff url("../../topics/images/icon_link.png") no-repeat 95% 50%; color: #333333; }
.img_map ul li a:hover { background: #efefef url("../../topics/images/icon_link.png") no-repeat 95% 50%; color: #cc0033; }

.img_map ul li.no_link { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 5px 10px; width: 10em; height: 35px; border: 1px solid #999; background: #fff; }

#anc_myanmar, #anc_singapore, #anc_thai, #anc_vietnam, #anc_malaysia, #anc_indonesia, #anc_australia { margin-top: -110px; padding-top: 110px; }

@media screen and (min-width: 480px) and (max-width: 1139px) { .img_map { width: 960px; }
  .img_map ul li { left: 180px; }
  .img_map ul li.thai { left: 630px; }
  .img_map ul li.vietnam { left: 630px; } }
.bg_gr { margin-right: -100%; margin-left: -100%; padding-right: 100%; padding-left: 100%; background: #f5f5fa; padding-top: 50px; padding-bottom: 5px; margin-bottom: 50px; }

.lev2__inner .section h3 { font-size: 18px; font-weight: bold; border-left: 1px solid #cc0033; padding: 5px 0 5px 20px; text-align: left; margin-bottom: 30px; }
.lev2__inner .section h3 span { font-size: 13px; color: #555; }

.lev2__inner .section.col3 .col p.caption { font-size: 12px; line-height: 1.2em; margin-top: 0 !important; }

.clearfix:after, .form_box:after, .form_box-body:after, .form_box-body .col-inner:after { content: ""; display: block; clear: both; }

.contact__inner { width: 960px; margin: 0 auto; font-size: 15px; text-align: left; }
.contact__inner .lead { text-align: left; }
.contact__inner .note { color: #CC0033; }
.contact__inner input[type="text"], .contact__inner textarea { width: 100%; }
.contact__inner .zip input[type="text"]:first-of-type { width: 10%; }
.contact__inner .zip input[type="text"]:last-of-type { width: 12%; }

.form_box { padding: 20px 0; border-top: 1px dotted #ccc; }
.form_box > .col { float: left; width: 20%; font-weight: bold; }
.form_box > .col__2col { float: left; width: 40%; }
.form_box > .col__2col.pl__col { padding-left: 20%; }
.form_box > .col__3col { float: left; width: 60%; text-align: center; }
.form_box > .col__3col.pl__col { padding-left: 20%; }
.form_box > .col__4col { float: left; width: 80%; }
.form_box input[type="submit"], .form_box [type="reset"] { display: block; margin: 20px auto 0; }

.form_box-body > .col { float: left; width: 25%; }
.form_box-body > .col__2col { float: left; width: 50%; }
.form_box-body > .col__2col span { display: block; font-size: 13px; }
.form_box-body + .form_box-body { margin-top: 10px; }
.form_box-body .col-inner > span { display: inline-block; width: 22%; text-align: right; }
.form_box-body .col-inner > input { display: inline-block; width: 72%; }
.form_box-body .zip { padding-bottom: 6px; }
.form_box-body .zip span { display: inline-block; }
.form_box-body .zip span + input { display: inline-block; margin: 0 4px; }

/* ¥â©`¥À¥ëÔO¶¨
-----------------------------------------------------------------*/
/*!
	Modaal - accessible modals - v0.3.1
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll { overflow: hidden; }

.modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; }

.modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; transition: all 0.3s ease-in-out; }
.modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }
.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; }
.modaal-wrapper.modaal-start_none { display: none; opacity: 1; }
.modaal-wrapper.modaal-start_fade { opacity: 0; }
.modaal-wrapper *[tabindex="0"] { outline: none !important; }
.modaal-wrapper.modaal-fullscreen { overflow: hidden; }

.modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; }
.modaal-fullscreen .modaal-outer-wrapper { display: block; }

.modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; }
.modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; }

.modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0px; background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; }
.modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; }
.modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; }

.modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: transparent; border-radius: 100%; transition: all 0.2s ease-in-out; }
.modaal-close:focus, .modaal-close:hover { outline: none; background: #fff; }
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #b93d0c; }
.modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }
.modaal-close:before { transform: rotate(-45deg); }
.modaal-close:after { transform: rotate(45deg); }
.modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; }

.modaal-content-container { padding: 30px; }

.modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; }

.modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; }
.modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; transition: background 0.2s ease-in-out; }
.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }
.modaal-confirm-btn.modaal-cancel { text-decoration: underline; }
.modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; }

@keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }
.modaal-instagram .modaal-container { width: auto; background: transparent; box-shadow: none !important; }
.modaal-instagram .modaal-content-container { padding: 0; background: transparent; }
.modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; }
.modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; box-shadow: none !important; animation: instaReveal 1s linear forwards; }

.modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; }
.modaal-image .modaal-container { width: auto; max-width: 100%; }

.modaal-gallery-wrap { position: relative; color: #fff; }

.modaal-gallery-item { display: none; }
.modaal-gallery-item img { display: block; }
.modaal-gallery-item.is_active { display: block; }

.modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; }
.modaal-gallery-label:focus { outline: none; }

.modaal-gallery-control { position: absolute; top: 50%; transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: transparent; border: none; border-radius: 100%; transition: all 0.2s ease-in-out; }
.modaal-gallery-control.is_hidden { opacity: 0; cursor: default; }
.modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff; }
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #afb7bc; }
.modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }
.modaal-gallery-control:before { margin: -5px 0 0; transform: rotate(-45deg); }
.modaal-gallery-control:after { margin: 5px 0 0; transform: rotate(45deg); }

.modaal-gallery-next { left: 100%; margin-left: 40px; }

.modaal-gallery-prev { right: 100%; margin-right: 40px; }
.modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; }
.modaal-gallery-prev:before { margin: 5px 0 0; transform: rotate(-45deg); }
.modaal-gallery-prev:after { margin: -5px 0 0; transform: rotate(45deg); }

.modaal-video-wrap { margin: auto 50px; position: relative; }

.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; }
.modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modaal-iframe .modaal-content { width: 100%; height: 100%; }

.modaal-iframe-elem { width: 100%; height: 100%; display: block; }

@media only screen and (min-width: 1400px) { .modaal-video-container { padding-bottom: 0; height: 731px; } }
@media only screen and (max-width: 1140px) { .modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px; }
  .modaal-gallery-control { top: auto; bottom: 20px; transform: none; background: rgba(0, 0, 0, 0.7); }
  .modaal-gallery-control:before, .modaal-gallery-control:after { background: #fff; }
  .modaal-gallery-next { left: auto; right: 20px; }
  .modaal-gallery-prev { left: 20px; right: auto; } }
@media screen and (max-width: 900px) { .modaal-instagram iframe { width: 500px !important; } }
@media screen and (max-height: 1100px) { .modaal-instagram iframe { width: 700px !important; } }
@media screen and (max-height: 1000px) { .modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; }
  .modaal-instagram iframe { width: 600px !important; } }
@media screen and (max-height: 900px) { .modaal-instagram iframe { width: 500px !important; }
  .modaal-video-container { max-width: 900px; max-height: 510px; } }
@media only screen and (max-width: 600px) { .modaal-instagram iframe { width: 280px !important; } }
@media only screen and (max-height: 820px) { .modaal-gallery-label { display: none; } }
.modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; transform: scale(0.25); }

@-ms-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: .1; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: .1; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: .1; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-o-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: .1; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: .1; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; }

.modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(1) { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(2) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .12s; -moz-animation-delay: .12s; -webkit-animation-delay: .12s; -o-animation-delay: .12s; animation-delay: .12s; }

.modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(3) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .25s; -moz-animation-delay: .25s; -webkit-animation-delay: .25s; -o-animation-delay: .25s; animation-delay: .25s; }

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(4) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .37s; -moz-animation-delay: .37s; -webkit-animation-delay: .37s; -o-animation-delay: .37s; animation-delay: .37s; }

.modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(5) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; }

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(6) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .62s; -moz-animation-delay: .62s; -webkit-animation-delay: .62s; -o-animation-delay: .62s; animation-delay: .62s; }

.modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(7) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .75s; -moz-animation-delay: .75s; -webkit-animation-delay: .75s; -o-animation-delay: .75s; animation-delay: .75s; }

.modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(8) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .87s; -moz-animation-delay: .87s; -webkit-animation-delay: .87s; -o-animation-delay: .87s; animation-delay: .87s; }

.modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); }

.modaal-container { text-align: center; }

.modaal-content-container { padding: 0; }
.special .modaal-content-container { line-height: 0; }
.modaal-content-container > video { width: 100%; vertical-align: bottom; }

.modaal-wrapper .modaal-close { position: absolute; top: 0; right: -50px; background: #AAA; border-radius: 0; }
.modaal-wrapper .modaal-close:hover { background: #999; }
.modaal-wrapper .modaal-close:hover:before, .modaal-wrapper .modaal-close:hover:after { background: #FFF; }

.modaal-video-container { box-shadow: none; background: transparent; }