@charset "UTF-8";
@import url("https://use.typekit.net/epi6vth.css");

/****************************************************
 * RESET
 ****************************************************/
/*!
 YUI 3.18.1 (build f7e7bcb)
 Copyright 2014 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 http://yuilibrary.com/license/
 */
 html {color:#212121; background:#fff;}
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0; font-feature-settings:"palt";}
 table {border-collapse:collapse; border-spacing:0;}
 fieldset, img {border:0;}
 address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
 ol, ul {list-style:none; margin:0; padding:0;}
 caption, th {text-align:left;}
 h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
 q:before, q:after {content:'';}
 abbr, acronym {border:0; font-variant:normal;}
 sup {vertical-align:text-top;}
 sub {vertical-align:text-bottom;}
 input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%;}
 legend {color:#000;}

/****************************************************
 * COMMON
 ****************************************************/
body {margin:0; font:16px/1.6 effra, sans-serif; font-weight:400; color:#212121; text-align:left; background-image:url("../images/bg01.svg"), url("../images/bg02.svg"); background-repeat:no-repeat, no-repeat; background-position:top center, bottom 50px center; background-size:contain, contain; background-color:#fafafa;}
a {color:#e5d106; transition:all .5s ease; text-decoration:none;}
a:hover {color:rgb(7, 7, 7); text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-weight:600;}
ul, ol {list-style:none; margin:0; padding:0;}
p {margin:0; padding:0;}
img {max-width:100%;}
main {padding-top:88px;}
section {padding-bottom:100px;}

h2 {font-family:effra, sans-serif; font-size:60px; font-weight:700; display:flex; align-items:center; margin-bottom:50px;}
h2:before, h2:after {content:""; flex-grow:1; height:1px; background:#e5d106; display:block;}
h2:before {margin-right:.5em;}
h2:after {margin-left:.5em;}
h2.leftH2:before {content:none;}

h3 {border-left:solid 4px #212121; padding-left:.5em; font-family:effra, sans-serif;}
.small {font-size:80%;}

/*GOOGLE MAP*/
.google-map {position:relative; width:100%; height:0; padding-bottom:320px; overflow:hidden;}
.google-map iframe {position:absolute; top:0; left:0; width:100%; height:320px;}

/*NAV_HOVER*/
.nav-link {position:relative;}
.nav-link:before {content: ""; position: absolute; width: 0; background: #e5d106; left: 0; height:3px; bottom:-4px; transition: all .5s;}
.nav-link:hover:before {width:90%; left:5%;}
.nav-link.active:before {content: ""; position: absolute; width: 0; background: #e5d106; left: 0; height:3px; bottom:-4px; transition: all .8s;}
.nav-link.active:before {width:90%; left:0;}

/*BTN*/
.contactBtn {border:solid 2px #212121; color:#212121; font-weight:600; position:relative; width:320px; height:64px; display:flex; align-items:center; justify-content:center; margin:0 auto; transition:all .3s;}
.contactBtn:after {content:""; width:40px; height:2px; background-color:#212121; right:0; position:absolute; transition:all .3s;}
.contactBtn:hover {border:solid 2px #e5d106; color:#e5d106;}
.contactBtn:hover:after {background-color:#e5d106;}

@media (max-width:1200px) {
  main {padding-top:56px;}

}

@media (max-width:992px) {

}

@media (max-width:768px) {
  body {font:14px/1.6 effra, sans-serif; background-image:url("../images/bg01_sp.svg"), url("../images/bg02.svg");  background-position:top 56px center, bottom 50px center;}
  section {padding-bottom:50px;}
  h2 {font-size:40px; margin-bottom:25px;}
  .google-map {padding-bottom:160px!important;}
  .google-map iframe {height:160px!important;}
  .nav-link:before {content:none!important;}

}

@media (max-width:544px) {

}

/* ----- NAV ----- */
.rightLogo {position:absolute; width:250px; left:-45px; top:-20px;}
#mainNav {margin:0 auto; padding:0 1em; border:none; background-color:rgba(255,255,255,1); height:88px; box-shadow:0px 0px 4px 0px #dddddd;}
#mainNav h1 {margin-bottom:0;}
#mainNav .navbar-toggler {font-size:12px; right:0; padding:10px; text-transform:uppercase; color:#fff; border:0; background-color:#fff;}
#mainNav .navbar-brand {margin-right:0!important;}
#mainNav .navbar-brand span {display:none;}
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {color:#e5d106;}
#mainNav .navbar-nav {font-family:effra, sans-serif; font-weight:700; font-size:14px; width:100%;}
#mainNav .navbar-nav .nav-item .nav-link {padding:0 1.5em 0 0; color:#212121; }
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {color:#e5d106;}
#mainNav.nav-item {border-top:none}
#mainNav .navbar-nav li:nth-last-child(2) {margin-left:auto;}
#mainNav .navbar-nav li:last-child { padding:0;}
#mainNav .nav-lang {text-align:center; line-height:1.2; margin-left:1em;}
#mainNav .nav-lang i {font-size:18px;}
#mainNav .nav-lang span {display:block; font-size:10px; font-weight:400;}

.navLogo {width:130px;}
.navLogo img {width:120px;}

@media (max-width: 992px) {
  .rightLogo {width:180px; left:-145px; display:none;}
}

@media (max-width:768px) {
  .navbar-toggler:not(:disabled):not(.disabled) {height:56px;}
  .rightLogo {width:64px; left:-8px; top:48px;}
  #mainNav {height:56px; padding:0;}
  .navbar-light .navbar-toggler-icon {width:32px; height:32px;}
  .navbar-toggler {border-radius:0;}
  #mainNav .navbar-nav {background-color:#fff; border-top:solid 1px #f2f2f2;}
  #mainNav .navbar-nav li {padding:1em 0 1em 2em; border-bottom:solid 1px #f2f2f2; width:100%;}
  .navBox {padding:0;}
}


/* ----- Footer ----- */
footer {height:50px; text-align:center; background:#212121; color:#fff; font-size:12px; font-family:effra, sans-serif; }

@media (max-width:768px) {
}

/* ----- SEC00_CATCH ----- */
#section00 {padding:80px 0;}
#section00 h1 span.mainTxt {font-size:34px; display:block; margin-bottom:20px;}
#section00 h1 span.marker {background: linear-gradient(transparent 70%, #e5d106 70%);}
#section00 h1 {font-size:28px; font-weight:400; line-height:1.6;}

@media (max-width:768px) {
  #section00 {padding:40px 0 60px;}

  #section00 h1 span.mainTxt {font-size:20px;}
  #section00 h1 {font-size:16px;}
  }

/* ----- SEC01_ ----- */
#section01 h3 {font-size:32px;}
#section01 h3 span {display:block; font-size:18px;}
#section01 h3 span.agency {display:inline-block; font-family:effra, sans-serif; margin-left:1em;}

@media (max-width:768px) {
  #section01 h3 {font-size:20px;}
  #section01 h3 span {font-size:16px;}
}

/* ----- SEC02_ ----- */
#section02 h3 {font-size:18px; font-weight:500; line-height:1.4; }

@media (max-width:768px) {
  #section02 h3 {font-size:16px;}
  #section02 p {margin-bottom:20px;}
}

/* ----- SEC03_MESSAGE ----- */
#section03 {}


/* ----- SEC04_RECRUIT ----- */
#section04 .recruitImg img {position:relative; z-index:3;}
#section04 .recruitImg:before {position: absolute; z-index:1; right: 0; bottom: 0; left: 50%; background-color: rgba(246,235,103,.8); content: ""; width:80%; height:90%;}
#section04 .recruitImg01:before {transform: skew(15deg) translateX(-50%);}
#section04 .recruitImg02:before {transform: skew(-15deg) translateX(-50%);}
#section04 .name {font-size:18px; font-weight:500; padding:2em 1em 0!important; border-bottom:solid 1px #212121;}
#section04 .name span {}
#section04 .title {font-size:16px; font-weight:400; display:block;}
#section04 .nameEN {font-family:effra, sans-serif; padding-left:1em; color:#646464;}
#section04 .recruitTxt {margin-top:0; padding-left:1em; }
#section04 .recruitTxt p {position:relative; z-index:3; padding:1em 1em 2em; line-height:1.8;}
#section04 .recruitTxt:before {position: absolute; z-index:1; right: 0; bottom: 0; left: 50%; background-color: rgba(246,235,103,.8); content: ""; width:110%; height:100%;}
#section04 .recruitTxt01:before {transform: skew(15deg) translateX(-50%);}
#section04 .recruitTxt02:before {transform: skew(-15deg) translateX(-50%);}

@media (max-width:768px) {
  #section04 .name {font-size:18px; font-weight:500;}
  #section04 .title {font-size:16px; font-weight:400; display:block;}
  #section04 .nameEN {font-family:effra, sans-serif; padding-left:1em; color:#646464;}
  #section04 .recruitTxt {margin-top:0; padding-left:15px;}
  #section04 .recruitTxt p {padding:1em 0; line-height:1.8;}
  #section04 .recruitTxt:before {content:none;}
}

/* ----- SEC05_ABOUT US ----- */
#section05 ul {display:flex; flex-wrap:wrap;}
#section05 ul li {border-bottom:dashed 1px #212121; padding-bottom:.5em; margin-bottom:.5em;}
#section05 ul li:last-child, #section05 ul li:nth-last-child(2) {border-bottom:none;}
#section05 ul li:nth-child(odd) {width:8em;}
#section05 ul li:nth-child(even) {width: calc(100% - 8em);}

@media (max-width:768px) {
  #section05 ul {flex-direction:column;}
  #section05 ul li {border-bottom:dashed 1px #212121; padding-bottom:.5em; margin-bottom:.5em;}
  #section05 ul li:nth-last-child(2) {border-bottom:dashed 1px #212121;}
  #section05 ul li:nth-child(odd) {width:100%;}
  #section05 ul li:nth-child(even) {width:100%; border-bottom:solid 1px #212121;}
  
}
/* ----- SEC06_ACCESS ----- */
#section06 {}

/* ----- SEC07_CONTACT ----- */
#section07 iframe {width:100%;}