@charset "UTF-8";
/***************************************
all css
***************************************/
/***************************************
header css
***************************************/
/***************************************
keyVisual css
***************************************/
/***************************************
contents all css
***************************************/
/***************************************
concept css
***************************************/
/***************************************
works css
***************************************/
/***************************************
company css
***************************************/
/***************************************
access css
***************************************/
/***************************************
footer css
***************************************/
/* Break Point ========================================================================================================================>>> 480px以下 */
/***************************************
  all css
  ***************************************/
/***************************************
  header css
  ***************************************/
/***************************************
  keyVisual css
  ***************************************/
/***************************************
  contents all css
  ***************************************/
/***************************************
  concept css
  ***************************************/
/***************************************
  works css
  ***************************************/
/***************************************
  company css
  ***************************************/
/***************************************
  access css
  ***************************************/
/***************************************
  footer css
  ***************************************/
body {
  margin-top: 40px;
}

article {
  width: 100%;
}

img {
  width: 100%;
  height: auto;
}

.respBreakVisible {
  display: none;
}

#logo {
  text-align: center;
  margin-bottom: 60px;
}
#logo a {
  width: 438px;
  height: 47px;
  font-size: 32px;
}
#logo a img {
  width: 438px;
  height: 47px;
}

#global {
  width: 100%;
  margin-bottom: 40px;
}
#global ul {
  overflow: hidden;
  position: relative;
  width: 1100px;
  margin: 0 auto;
}
#global ul li {
  width: 180px;
  float: left;
  font-size: 16px;
  text-align: center;
  border-left: 1px solid #eeeeee;
}
#global ul li:last-child {
  border-right: 1px solid #eeeeee;
}
#global ul li > a {
  font-size: 21px;
  display: block;
}
#global ul li > span {
  font-size: 21px;
  display: block;
  width: 87.5px;
  margin: 0 auto;
}
#global ul li > span a {
  display: block;
  width: 22.5px;
  height: 22.5px;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
#global ul li > span a:last-child {
  margin-right: 0;
}
#global ul li > span a img {
  width: 45px;
  height: 22.5px;
}
#global ul li > span a:hover img {
  position: relative;
  left: -23px;
}

#toggle {
  display: none;
}

#keyVisual {
  margin-bottom: 80px;
  margin-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}
#keyVisual #displayKey {
  display: block;
}
#keyVisual #mobileKey {
  display: none;
}

h2 {
  font-size: 42px;
  font-weight: normal;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 5px solid #dedede;
}
h2 + p {
  width: 152px;
  height: 5px;
  background: url("../images/borderBlue.png") no-repeat left;
  position: relative;
  bottom: 5px;
  margin-bottom: 32px;
}

#concept {
  margin-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}
#concept p {
  text-align: center;
  font-size: 13px;
}

#works {
  margin-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}
#works #worksGroup {
  overflow: hidden;
  position: relative;
  margin-bottom: 80px;
}
#works #worksGroup .worksBox {
  width: 30%;
  float: left;
}
#works #worksGroup .worksBox:first-child {
  margin-right: 5%;
}
#works #worksGroup .worksBox:last-child {
  float: right;
}
#works #worksGroup .worksBox .worksDesc {
  font-size: 13px;
}
#works #worksGroup .worksBox .worksDesc p:first-child {
  margin-bottom: 8px;
}
#works #vr-toggle-btn {
  width: 10%;
  height: 36px;
  padding-top: 8px;
  background: #0e7de3;
  border-radius: 5px;
  text-align: center;
  color: #fff !important;
  cursor: pointer;
  margin-bottom: 40px;
}
#works #vr-area {
  display: none;
}

#company {
  margin-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#company #companyKey {
  margin-bottom: 32px;
}
#company .companyInfo dl {
  margin: 0 auto;
  width: 80%;
}
#company .companyInfo dl dt {
  font-size: 14px;
  padding: 8px 0 8px 8px;
  background-color: #efefef;
  letter-spacing: 0.5em;
}
#company .companyInfo dl dd {
  font-size: 14px;
  padding: 8px 0 8px 8px;
  margin: 0 auto;
}

#access {
  margin-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}
#access #accessMap iframe {
  width: 100%;
  height: 450px;
}
#access p {
  text-align: center;
}

#conceptKey {
  margin-bottom: 24px;
}

#spConceptKey {
  display: none;
}

footer {
  border-top: 5px solid #dedede;
}
footer p.footerBorderBlue {
  height: 5px;
  background: url("../images/borderBlue.png") no-repeat right center;
  position: relative;
  bottom: 5px;
}
footer #footerInfo {
  width: 800px;
  min-height: 250px;
  margin: 0 auto 32px;
}
footer #footerInfo h3 {
  font-size: 21px;
  margin-bottom: 16px;
  padding: 8px;
  border-bottom: 5px solid #efefef;
}
footer #footerInfo dl {
  overflow: hidden;
  position: relative;
  margin-left: 10px;
}
footer #footerInfo dl div:nth-child(odd) {
  padding: 8px 8px 4px 8px;
  margin-bottom: 8px;
}
footer #footerInfo dt {
  width: 100%;
  padding-top: 2px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  margin-bottom: 8px;
}
footer #footerInfo dd {
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 24px;
}
footer #footerInfo dd a {
  padding: 4px 8px;
  border: 1px solid #1a1a1a;
  margin: 12px 0;
  display: block;
  text-align: center;
}
footer #footerInfo dd a:hover {
  color: #ffffff;
  background: #4399c4;
  border: 1px solid #4399c4;
}
footer #footerText {
  text-align: center;
}
footer #footerText .footerLogo {
  width: 218px;
  margin: 0 auto;
}
footer #footerText .footerLogo img {
  width: 100%;
  height: auto;
}
footer #footerText .copy {
  font-size: 11px;
}

@media screen and (max-width: 480px) {
  body {
    margin-top: 0;
    width: 100%;
  }

  article {
    width: 100%;
  }

  img {
    width: 100%;
    height: auto;
  }

  #logo {
    display: none;
  }
  #logo a {
    width: 50%;
    height: auto;
    font-size: 32px;
  }
  #logo a img {
    width: 30%;
    height: auto;
  }

  #global {
    width: 100%;
    margin-bottom: 40px;
  }
  #global ul {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  #global ul li {
    width: 100%;
    float: none;
    font-size: 14px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  #global ul li:first-child {
    margin-top: 28px;
  }
  #global ul li:last-child {
    border: none;
    border-bottom: 1px solid #ccc;
  }
  #global ul li a {
    font-size: 16px;
    display: block;
    padding: 8px 0;
  }

  #menu {
    display: none;
  }
  #menu li {
    width: 100%;
  }

  #toggle {
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    height: 30px;
  }
  #toggle a {
    display: block;
    position: relative;
    color: #232323;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
    padding-top: 16px;
    width: 100%;
    height: auto;
    text-align: center;
  }
  #toggle a img {
    width: 5%;
    height: auto;
  }
  #toggle a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 25px;
    height: 4px;
    background: #fff;
    margin-top: -9px;
  }
  #toggle a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 25px;
    height: 4px;
    background: #fff;
    margin-top: -1px;
  }
  #toggle:before {
    display: block;
    content: "";
    position: absolute;
    top: 75%;
    left: 10px;
    width: 25px;
    height: 20px;
    margin-top: -8px;
    background: #232323;
  }

  #keyVisual {
    margin-bottom: 40px;
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #keyVisual #displayKey {
    display: none;
  }
  #keyVisual #mobileKey {
    display: block;
    position: relative;
    top: -22px;
  }

  h2 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 5px solid #dedede;
  }
  h2 + p {
    width: 152px;
    height: 5px;
    background: url("../images/borderBlue.png") no-repeat left;
    position: relative;
    bottom: 5px;
    margin-bottom: 0;
  }

  #concept {
    margin: 0 auto 80px;
    padding-left: 0;
    padding-right: 0;
    width: 90%;
  }

  #works {
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #works #worksGroup {
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
  }
  #works #worksGroup .worksBox {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 40px;
    float: none;
  }
  #works #worksGroup .worksBox:first-child {
    margin-right: 5%;
  }
  #works #worksGroup .worksBox:last-child {
    float: none;
  }
  #works #worksGroup .worksBox .worksDesc {
    font-size: 13px;
  }
  #works #worksGroup .worksBox .worksDesc p:first-child {
    margin-bottom: 8px;
  }
  #works #vr-toggle-btn {
    width: 30%;
    height: 36px;
    padding-top: 8px;
    background: #0e7de3;
    border-radius: 5px;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
    margin-bottom: 40px;
  }
  #works #vr-area {
    display: none;
  }

  #company {
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  #company #companyKey {
    margin-bottom: 32px;
  }
  #company .companyInfo dl {
    margin: 0 auto;
    width: 90%;
    margin-left: 5%;
  }
  #company .companyInfo dl dt {
    font-size: 14px;
    padding: 8px 0 8px 8px;
    background-color: #efefef;
    letter-spacing: 0.5em;
  }
  #company .companyInfo dl dd {
    font-size: 14px;
    padding: 8px 0 8px 8px;
    margin: 0 auto;
  }
  #company .companyInfo dl dd ul li {
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
  }

  #access {
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #access #accessMap iframe {
    width: 80%;
    height: 450px;
    margin-left: 10%;
  }
  #access #accessMap + p {
    text-align: center;
    width: 90%;
    margin-left: 5%;
    font-size: 80%;
  }

  .respBreak {
    display: none;
  }

  .respBreakVisible {
    display: inline;
  }

  #conceptKey {
    display: none;
    margin-bottom: 0;
  }

  #spConceptKey {
    display: block;
  }

  footer {
    border-top: 5px solid #dedede;
  }
  footer p.footerBorderBlue {
    height: 5px;
    background: url("../images/borderBlue.png") no-repeat right center;
    position: relative;
    bottom: 5px;
  }
  footer #footerInfo {
    width: 90%;
    min-height: 250px;
    margin: 0 auto;
  }
  footer #footerInfo h3 {
    font-size: 21px;
    margin-bottom: 16px;
    padding: 8px;
    border-bottom: 5px solid #efefef;
  }
  footer #footerInfo dl {
    overflow: hidden;
    position: relative;
    margin-left: 10px;
  }
  footer #footerInfo dt {
    clear: left;
    float: left;
    width: 30%;
    padding-top: 2px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
  }
  footer #footerInfo dd {
    float: left;
    font-size: 12px;
    width: 70%;
    border-bottom: 1px solid #ccc;
  }
  footer #footerText {
    text-align: center;
  }
  footer #footerText .footerLogo {
    width: 60%;
    margin: 0 auto;
  }
  footer #footerText .footerLogo img {
    width: 100%;
    height: auto;
  }
  footer #footerText .copy {
    font-size: 11px;
  }
}

/*# sourceMappingURL=style.css.map */