@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700&display=swap&subset=chinese-traditional");
/* line 32, ../sass/variable.sass */
.FtXL, h1 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

/* line 37, ../sass/variable.sass */
.FtL, .GroupGridBox .GridItem .ItemAdornTxt, .Btn01 {
  font-size: 22px;
  line-height: 1.2;
}

/* line 41, ../sass/variable.sass */
.FtML, h3, .AboutTitle .AboutAdornTxt, .AboutTitle .IntroAdornTxt, .AboutTitle .TopicAdornTxt, .IntroTitle .AboutAdornTxt, .IntroTitle .IntroAdornTxt, .IntroTitle .TopicAdornTxt, .TopicBox .AboutAdornTxt, .TopicBox .IntroAdornTxt, .TopicBox .TopicAdornTxt, .AboutTxt, .IntroTxt, .TopicTxt {
  font-size: 20px;
  line-height: 1.2;
}

/* line 45, ../sass/variable.sass */
.FtM, .LoadingItem p, .NavBox li {
  font-size: 18px;
}

/* line 48, ../sass/variable.sass */
.FtS, body {
  font-size: 17px;
}

/* line 51, ../sass/variable.sass */
.FtXS, .LoadingItem, .NavBox li span.Adorn, .ContactItem .ItemIcon, .FooterBox {
  font-size: 14px;
}

@media screen and (max-width: 1023px) {
  /* line 58, ../sass/variable.sass */
  .FtXL, h1 {
    font-size: 25px;
  }

  /* line 61, ../sass/variable.sass */
  .FtL, .GroupGridBox .GridItem .ItemAdornTxt, .Btn01 {
    font-size: 20px;
  }

  /* line 64, ../sass/variable.sass */
  .FtML, h3, .AboutTitle .AboutAdornTxt, .AboutTitle .IntroAdornTxt, .AboutTitle .TopicAdornTxt, .IntroTitle .AboutAdornTxt, .IntroTitle .IntroAdornTxt, .IntroTitle .TopicAdornTxt, .TopicBox .AboutAdornTxt, .TopicBox .IntroAdornTxt, .TopicBox .TopicAdornTxt, .AboutTxt, .IntroTxt, .TopicTxt {
    font-size: 18px;
  }

  /* line 67, ../sass/variable.sass */
  .FtM, .LoadingItem p, .NavBox li {
    font-size: 16px;
  }

  /* line 70, ../sass/variable.sass */
  .FtS, body {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  /* line 77, ../sass/variable.sass */
  .FtXL, h1 {
    font-size: 22px;
  }

  /* line 80, ../sass/variable.sass */
  .FtL, .GroupGridBox .GridItem .ItemAdornTxt, .Btn01 {
    font-size: 18px;
  }

  /* line 83, ../sass/variable.sass */
  .FtML, h3, .AboutTitle .AboutAdornTxt, .AboutTitle .IntroAdornTxt, .AboutTitle .TopicAdornTxt, .IntroTitle .AboutAdornTxt, .IntroTitle .IntroAdornTxt, .IntroTitle .TopicAdornTxt, .TopicBox .AboutAdornTxt, .TopicBox .IntroAdornTxt, .TopicBox .TopicAdornTxt, .AboutTxt, .IntroTxt, .TopicTxt {
    font-size: 17px;
  }

  /* line 86, ../sass/variable.sass */
  .FtM, .LoadingItem p, .NavBox li {
    font-size: 15px;
  }

  /* line 89, ../sass/variable.sass */
  .FtS, body {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  /* line 97, ../sass/variable.sass */
  .FtML, h3, .AboutTitle .AboutAdornTxt, .AboutTitle .IntroAdornTxt, .AboutTitle .TopicAdornTxt, .IntroTitle .AboutAdornTxt, .IntroTitle .IntroAdornTxt, .IntroTitle .TopicAdornTxt, .TopicBox .AboutAdornTxt, .TopicBox .IntroAdornTxt, .TopicBox .TopicAdornTxt, .AboutTxt, .IntroTxt, .TopicTxt {
    font-size: 15px;
  }

  /* line 100, ../sass/variable.sass */
  .FtXS, .LoadingItem, .NavBox li span.Adorn, .ContactItem .ItemIcon, .FooterBox {
    font-size: 13px;
  }
}
/* line 111, ../sass/variable.sass */
.ContentFrame, .AboutBox, .ContactBox {
  width: 80%;
  max-width: 1260px;
  margin: 0 auto;
}

@media screen and (max-width: 1259px) {
  /* line 120, ../sass/variable.sass */
  .ContentFrame, .AboutBox, .ContactBox {
    width: 76%;
    max-width: 1200px;
  }
}
@media screen and (max-width: 950px) {
  /* line 130, ../sass/variable.sass */
  .ContentFrame, .AboutBox, .ContactBox {
    width: 90%;
  }
}
/* line 7, ../sass/style_en.sass */
body {
  font-family: "Roboto", "verdana";
  font-weight: 400;
  line-height: 1.4;
  color: #393939;
}

/* line 16, ../sass/style_en.sass */
ol, ul, li {
  list-style: none;
}

/* line 19, ../sass/style_en.sass */
div, input, select, textarea, ul, ol {
  box-sizing: border-box;
}

/* line 22, ../sass/style_en.sass */
img {
  vertical-align: middle;
}

/* line 25, ../sass/style_en.sass */
input:focus {
  outline: none;
}

/* line 28, ../sass/style_en.sass */
a {
  color: inherit;
}

/* line 31, ../sass/style_en.sass */
a:hover {
  text-decoration: underline;
}

/* line 40, ../sass/style_en.sass */
h1 {
  font-family: "Noto Sans TC", "Microsoft JhengHei";
  line-height: 1;
  margin: 5px 0;
  color: #405577;
}

/* line 55, ../sass/style_en.sass */
.Clear {
  clear: both;
}

/* line 6, ../sass/layout.sass */
.OutFrame {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  overflow: hidden;
}

/* line 14, ../sass/layout.sass */
.InnerFrame {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 950px) {
  /* line 23, ../sass/layout.sass */
  .InnerFrame.PhoneNavOpen {
    position: fixed;
    index: 1;
  }
}
/* line 7, ../sass/block.sass */
.LoadingCover {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: #FFF;
  z-index: 991;
}

/* line 17, ../sass/block.sass */
.LoadingBox {
  width: 230px;
  height: 150px;
  position: absolute;
  top: calc( 50% - 75px);
  left: calc( 50% - 115px);
  background: #FFF;
  z-index: 9999;
}

/* line 27, ../sass/block.sass */
.LoadingItem {
  width: 100%;
  height: auto;
  font-family: "Roboto", "verdana";
  color: #393939;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 992;
}
/* line 42, ../sass/block.sass */
.LoadingItem p {
  font-weight: 700;
  margin: 5px 0 0 0;
}
/* line 48, ../sass/block.sass */
.LoadingItem .LoadingPic::after {
  display: block;
  content: "";
  width: 73px;
  height: 73px;
  background: #0C3968;
  position: absolute;
  left: 0;
  top: -73px;
  z-index: 1;
  animation: load_a01 3s cubic-bezier(0.19, 0.21, 0.54, 0.99) 0.2s infinite forwards;
}
/* line 64, ../sass/block.sass */
.LoadingItem .LoadingPic {
  width: 73px;
  height: 73px;
  position: relative;
  margin: 4px auto;
  position: relative;
  overflow: hidden;
  background: #CCCCCC;
}
/* line 78, ../sass/block.sass */
.LoadingItem .LoadingPic img {
  position: relative;
  z-index: 2;
}

@-webkit-keyframes load_a01 {
  0% {
    left: 0;
    top: -73px;
    opacity: 1;
  }
  20% {
    left: 0;
    top: 0;
    opacity: 1;
  }
  40% {
    left: -73px;
    top: 0;
    opacity: 1;
  }
  40.1% {
    left: -73px;
    top: 0;
    opacity: 0;
  }
  40.2% {
    left: 0;
    top: 73px;
    opacity: 1;
  }
  60% {
    left: 0;
    top: 0;
    opacity: 1;
  }
  80% {
    left: 73px;
    top: 0;
    opacity: 1;
  }
  80.1% {
    left: 73px;
    top: 0;
    opacity: 0;
  }
  80.2% {
    left: 0;
    top: -73px;
    opacity: 1;
  }
}
@-moz-keyframes load_a01 {
  0% {
    left: 0;
    top: -73px;
    opacity: 1;
  }
  20% {
    left: 0;
    top: 0;
    opacity: 1;
  }
  40% {
    left: -73px;
    top: 0;
    opacity: 1;
  }
  40.1% {
    left: -73px;
    top: 0;
    opacity: 0;
  }
  40.2% {
    left: 0;
    top: 73px;
    opacity: 1;
  }
  60% {
    left: 0;
    top: 0;
    opacity: 1;
  }
  80% {
    left: 73px;
    top: 0;
    opacity: 1;
  }
  80.1% {
    left: 73px;
    top: 0;
    opacity: 0;
  }
  80.2% {
    left: 0;
    top: -73px;
    opacity: 1;
  }
}
@-ms-keyframes load_a01 {
  0% {
    left: 0;
    top: -73px;
    opacity: 1;
  }
  20% {
    left: 0;
    top: 0;
    opacity: 1;
  }
  40% {
    left: -73px;
    top: 0;
    opacity: 1;
  }
  40.1% {
    left: -73px;
    top: 0;
    opacity: 0;
  }
  40.2% {
    left: 0;
    top: 73px;
    opacity: 1;
  }
  60% {
    left: 0;
    top: 0;
    opacity: 1;
  }
  80% {
    left: 73px;
    top: 0;
    opacity: 1;
  }
  80.1% {
    left: 73px;
    top: 0;
    opacity: 0;
  }
  80.2% {
    left: 0;
    top: -73px;
    opacity: 1;
  }
}
@keyframes load_a01 {
  0% {
    left: 0;
    top: -73px;
    opacity: 1;
  }
  20% {
    left: 0;
    top: 0;
    opacity: 1;
  }
  40% {
    left: -73px;
    top: 0;
    opacity: 1;
  }
  40.1% {
    left: -73px;
    top: 0;
    opacity: 0;
  }
  40.2% {
    left: 0;
    top: 73px;
    opacity: 1;
  }
  60% {
    left: 0;
    top: 0;
    opacity: 1;
  }
  80% {
    left: 73px;
    top: 0;
    opacity: 1;
  }
  80.1% {
    left: 73px;
    top: 0;
    opacity: 0;
  }
  80.2% {
    left: 0;
    top: -73px;
    opacity: 1;
  }
}
/* line 143, ../sass/block.sass */
.HeaderBg {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  text-align: center;
  z-index: 91;
  color: #FFFFFF;
  background: rgba(15, 48, 94, 0.6);
}

/* line 154, ../sass/block.sass */
.HeaderBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  width: 90%;
  max-width: 1620px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

/* line 171, ../sass/block.sass */
.LogoBox {
  flex: 1;
  text-align: left;
}

/* line 177, ../sass/block.sass */
.NavBox {
  flex: 3;
  height: 100%;
  margin: 0 1.2vw 0 0;
  text-align: right;
}
/* line 186, ../sass/block.sass */
.NavBox li.Tch {
  font-family: "Noto Sans TC", "Microsoft JhengHei";
}
/* line 190, ../sass/block.sass */
.NavBox li {
  display: inline-block;
  height: 100%;
  position: relative;
  margin: 0 1%;
  padding: 0 15px 0 10px;
  line-height: 110px;
  text-align: left;
  cursor: pointer;
}
/* line 204, ../sass/block.sass */
.NavBox li a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
/* line 212, ../sass/block.sass */
.NavBox li span.Adorn {
  display: none;
}
/* line 217, ../sass/block.sass */
.NavBox li::after {
  display: inline-block;
  width: 0px;
  height: 0;
  content: "";
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.6s;
}
/* line 230, ../sass/block.sass */
.NavBox li::before {
  display: inline-block;
  width: 0;
  height: 3px;
  content: "";
  background: #FFF;
  position: absolute;
  top: 68%;
}
/* line 243, ../sass/block.sass */
.NavBox li:hover::after {
  width: 1px;
  height: 100%;
  transition: all 0.5s;
}
/* line 249, ../sass/block.sass */
.NavBox li:hover::before {
  width: 22px;
  transition: all 0.3s ease-in 0.2s;
}

/* line 259, ../sass/block.sass */
.MenuTriggerBox {
  display: none;
  width: 32px;
  height: 25px;
  position: absolute;
  top: calc( 50% - 15px );
  right: 0;
}

/* line 277, ../sass/block.sass */
.IndexShowBg {
  width: 100%;
  margin: 0 auto;
}

/* line 283, ../sass/block.sass */
.IndexShowBox {
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 291, ../sass/block.sass */
.IndexShowBox .IndexShowTxt {
  width: 42%;
  position: absolute;
  bottom: 33%;
  left: 50%;
  z-index: 2;
}
/* line 300, ../sass/block.sass */
.IndexShowBox .IndexShowTxt img {
  width: 100%;
  max-width: 760px;
  height: auto;
  transform: translate(-50%, 0);
}
/* line 307, ../sass/block.sass */
.IndexShowBox .IndexShowPic {
  width: 100%;
  position: relative;
  overflow-x: hidden;
  z-index: 1;
}
/* line 313, ../sass/block.sass */
.IndexShowBox .IndexShowPic img {
  width: 100%;
  height: auto;
}

/* line 326, ../sass/block.sass */
.AboutBg {
  width: 100%;
  padding: 0 0 80px 0;
}

/* line 345, ../sass/block.sass */
.AboutTitle, .IntroTitle, .TopicBox {
  height: auto;
  text-align: left;
  position: relative;
  top: 0;
  padding: 75px 0 15px 12px;
  border-left: 2px solid #405577;
}
/* line 354, ../sass/block.sass */
.AboutTitle::after, .IntroTitle::after, .TopicBox::after {
  display: block;
  width: 24px;
  height: 6px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 13px;
  background: #CC9966;
}
/* line 364, ../sass/block.sass */
.AboutTitle .AboutAdornTxt, .AboutTitle .IntroAdornTxt, .AboutTitle .TopicAdornTxt, .IntroTitle .AboutAdornTxt, .IntroTitle .IntroAdornTxt, .IntroTitle .TopicAdornTxt, .TopicBox .AboutAdornTxt, .TopicBox .IntroAdornTxt, .TopicBox .TopicAdornTxt {
  font-family: "Roboto", "verdana";
  color: #6F839E;
}

/* line 372, ../sass/block.sass */
.AboutTxt, .IntroTxt, .TopicTxt {
  padding: 0 0 0 13px;
  margin: 45px 0;
  text-align: left;
  line-height: 2;
}

/* line 394, ../sass/block.sass */
.GroupGridBg {
  width: 100%;
  height: auto;
  position: relative;
  padding: 30px 0 110px 0;
  background: #405577;
}

/* line 402, ../sass/block.sass */
.GroupGridBg01 {
  width: 100%;
  height: 180px;
  position: absolute;
  top: -2px;
  z-index: 1;
  background: #FFFFFF;
}

/* line 411, ../sass/block.sass */
.GroupGridBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  max-width: 1300px;
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  z-index: 2;
  text-align: center;
}
/* line 429, ../sass/block.sass */
.GroupGridBox .GridItem {
  flex: 1;
  margin: 0 1.6%;
  position: relative;
  background: #FFFFFF;
}
/* line 438, ../sass/block.sass */
.GroupGridBox .GridItem .ItemAdornTxt {
  display: block;
  color: #405577;
}
/* line 444, ../sass/block.sass */
.GroupGridBox .GridItem .ItemAdornTxt::after, .GroupGridBox .GridItem .ItemAdornTxt::before {
  display: inline-block;
  width: 3px;
  height: 3px;
  content: "";
  vertical-align: middle;
  background: #405577;
  margin: 0 5px;
}
/* line 455, ../sass/block.sass */
.GroupGridBox .GridItem .ItemPic {
  display: block;
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
/* line 463, ../sass/block.sass */
.GroupGridBox .GridItem .ItemPic img {
  display: block;
  width: 180px;
  height: auto;
  margin: 0px auto;
}
/* line 469, ../sass/block.sass */
.GroupGridBox .GridItem .ItemPic::after {
  display: block;
  width: 40px;
  height: 6px;
  content: "";
  background: #CC9966;
  margin: 0 auto;
}
/* line 478, ../sass/block.sass */
.GroupGridBox .GridItem .ItemTxt {
  padding: 0 20px;
  margin: 30px 0 85px 0;
  text-align: left;
  line-height: 2;
}
/* line 484, ../sass/block.sass */
.GroupGridBox .GridItem .ItemBtnBox {
  width: 100%;
  background: #405577;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 502, ../sass/block.sass */
.ColorBlock {
  width: 100%;
  padding: 0 0 75px 0;
}

/* line 506, ../sass/block.sass */
.ColorBlock.Gray {
  background: #F0F0F0;
}

/* line 516, ../sass/block.sass */
.PdfBtnBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  padding: 0 0 0 13px;
  margin: 20px 0 50px 0;
  text-align: left;
}
/* line 532, ../sass/block.sass */
.PdfBtnBox > li {
  width: 23.1%;
  margin: 10px 1.9% 10px 0;
  background: #ccc;
}

/* line 548, ../sass/block.sass */
.ContactBg {
  width: 100%;
  margin: 30px 0 0 0;
  background: #405577;
}

/* line 554, ../sass/block.sass */
.ContactBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 0 0 100px 0;
  align-items: flex-start;
}

/* line 568, ../sass/block.sass */
.ContactTitle {
  flex: 1;
}

/* line 572, ../sass/block.sass */
.ContactTitle.TopicBox {
  border-left: 2px solid #FFFFFF;
}
/* line 575, ../sass/block.sass */
.ContactTitle.TopicBox h1 {
  color: #FFFFFF;
}
/* line 578, ../sass/block.sass */
.ContactTitle.TopicBox .TopicAdornTxt {
  color: #FFFFFF;
}

/* line 583, ../sass/block.sass */
.ContactItemBg {
  flex: 5;
  max-width: 862px;
  padding: 35px 0;
  background: #FFFFFF;
}

/* line 590, ../sass/block.sass */
.ContactItemBox {
  text-align: center;
}

/* line 594, ../sass/block.sass */
.ContactItem:not(:last-child) {
  border-right: 1px solid #CCCCCC;
}

/* line 597, ../sass/block.sass */
.ContactItem {
  display: inline-block;
  padding: 6px 3%;
  margin: 0 auto;
  text-align: center;
}
/* line 605, ../sass/block.sass */
.ContactItem .ItemIcon {
  margin: 0 0 15px 0;
  color: #405577;
}
/* line 612, ../sass/block.sass */
.ContactItem .ItemIcon::before {
  display: block;
  width: 36px;
  height: 36px;
  content: "";
  margin: 5px auto;
  background-repeat: no-repeat;
  background-size: auto 36px;
}
/* line 622, ../sass/block.sass */
.ContactItem .ItemIcon.Contact::before {
  background-image: url("../images/icon_pic01.svg");
}
/* line 625, ../sass/block.sass */
.ContactItem .ItemIcon.Tel::before {
  background-image: url("../images/icon_pic01.svg");
  background-position: -36px 0;
}
/* line 629, ../sass/block.sass */
.ContactItem .ItemIcon.Mail::before {
  background-image: url("../images/icon_pic01.svg");
  background-position: -72px 0;
}
/* line 633, ../sass/block.sass */
.ContactItem .ItemIcon.Sns::before {
  background-image: url("../images/icon_pic01.svg");
  background-position: -108px 0;
}

/* line 647, ../sass/block.sass */
.FooterBg {
  width: 100%;
  margin: 0 auto;
  background: #6F839E;
}

/* line 652, ../sass/block.sass */
.FooterBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  width: 92%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 20px 0;
  line-height: 1.5;
  color: #FFFFFF;
}

/* line 672, ../sass/block.sass */
.FooterGrid:first-child {
  flex: 1;
}

/* line 675, ../sass/block.sass */
.FooterGrid:last-child {
  flex: 1.5;
  text-align: right;
}

/* line 680, ../sass/block.sass */
.FooterTxt {
  display: inline-block;
  text-align: left;
}
/* line 684, ../sass/block.sass */
.FooterTxt a {
  color: #FFFFFF;
  text-decoration: underline;
}

@media screen and (max-width: 1400px) {
  /* line 13, ../sass/block-media.sass */
  .IndexShowBox {
    width: 100%;
    height: 100%;
    position: relative;
  }
  /* line 21, ../sass/block-media.sass */
  .IndexShowBox .IndexShowTxt {
    width: 586px;
  }
  /* line 37, ../sass/block-media.sass */
  .IndexShowBox .IndexShowPic {
    height: 735px;
  }
  /* line 43, ../sass/block-media.sass */
  .IndexShowBox .IndexShowPic img {
    width: 1400px;
    height: auto;
    position: absolute;
    top: 0;
    left: calc( 50% - 700px );
  }

  /* line 59, ../sass/block-media.sass */
  .PdfBtnBox {
    margin: 20px 0 35px 0;
  }
  /* line 75, ../sass/block-media.sass */
  .PdfBtnBox > li {
    width: 23%;
    min-width: 268px;
    margin: 10px 1.8% 10px 0;
  }
}
@media screen and (max-width: 1140px) {
  /* line 88, ../sass/block-media.sass */
  .PdfBtnBox {
    margin: 20px 0 30px 0;
  }
  /* line 104, ../sass/block-media.sass */
  .PdfBtnBox > li {
    width: 35%;
    margin: 7px 1.7% 7px 0;
  }
}
@media screen and (max-width: 1380px) {
  /* line 120, ../sass/block-media.sass */
  .GroupGridBox {
    width: 98%;
  }
}
@media screen and (max-width: 1259px) {
  /* line 144, ../sass/block-media.sass */
  .Open.HeaderBg {
    height: 100vh;
    background: rgba(15, 48, 94, 0.95);
  }

  /* line 148, ../sass/block-media.sass */
  .HeaderBg {
    height: auto;
  }

  /* line 159, ../sass/block-media.sass */
  .HeaderBox {
    display: inline-block;
  }

  /* line 168, ../sass/block-media.sass */
  .LogoBox {
    width: 69%;
    padding: 13px 0 12px 0;
    text-align: left;
  }
  /* line 176, ../sass/block-media.sass */
  .LogoBox img {
    width: 80%;
    max-width: 200px;
    height: auto;
  }

  /* line 182, ../sass/block-media.sass */
  .Open .NavBox {
    display: inline-block;
  }

  /* line 185, ../sass/block-media.sass */
  .NavBox {
    display: none;
    flex: none;
    height: auto;
    position: absolute;
    left: 0;
    text-align: left;
    margin: 10vh auto 0 auto;
  }
  /* line 198, ../sass/block-media.sass */
  .NavBox li {
    display: block;
    height: auto;
    margin: 20px 0 40px 0;
    font-size: 19px !important;
    line-height: 1.3 !important;
  }
  /* line 205, ../sass/block-media.sass */
  .NavBox li::before {
    display: inline-block;
    width: 25px;
    height: 4px;
    content: "";
    background: #CC9966;
    position: absolute;
    top: calc( 100% + 3px );
  }
  /* line 216, ../sass/block-media.sass */
  .NavBox li span.Adorn {
    display: block;
  }
  /* line 222, ../sass/block-media.sass */
  .NavBox li:hover::after {
    width: 1px;
    height: 100%;
    transition: none;
  }
  /* line 228, ../sass/block-media.sass */
  .NavBox li:hover::before {
    width: 22px;
    transition: none;
  }

  /* line 235, ../sass/block-media.sass */
  .MenuTriggerBox {
    display: block;
    top: 25px;
  }

  /* line 260, ../sass/block-media.sass */
  .ContactBox {
    padding: 0;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
  }

  /* line 274, ../sass/block-media.sass */
  .ContactTitle {
    flex: none;
    width: 76%;
    max-width: 1200px;
    margin: 0 auto;
  }

  /* line 283, ../sass/block-media.sass */
  .ContactItemBg {
    flex: 1;
    width: 100%;
    max-width: 100%;
    padding: 35px 0 45px 0;
    margin: 20px 0 0px 0;
  }

  /* line 293, ../sass/block-media.sass */
  .ContactItemBox {
    width: 76%;
    max-width: 1208px;
    margin: 0 auto;
  }

  /* line 302, ../sass/block-media.sass */
  .ContactItem:not(:last-child) {
    border-right: none;
  }

  /* line 305, ../sass/block-media.sass */
  .ContactItem {
    min-width: 18%;
    padding: 6px 1.5%;
  }
}
@media screen and (max-width: 1120px) {
  /* line 322, ../sass/block-media.sass */
  .AboutBg {
    padding: 0 0 50px 0;
  }

  /* line 334, ../sass/block-media.sass */
  .GroupGridBg {
    padding: 0px 0 100px 0;
  }

  /* line 339, ../sass/block-media.sass */
  .GroupGridBg01 {
    height: 208px;
  }

  /* line 348, ../sass/block-media.sass */
  .GroupGridBox {
    display: block;
    width: 92%;
    max-width: 500px;
  }
  /* line 355, ../sass/block-media.sass */
  .GroupGridBox .GridItem:last-child {
    margin: 0;
  }
  /* line 358, ../sass/block-media.sass */
  .GroupGridBox .GridItem {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 42px 0 0 0;
  }
  /* line 368, ../sass/block-media.sass */
  .GroupGridBox .GridItem .ItemPic {
    padding: 7px 0;
  }
  /* line 374, ../sass/block-media.sass */
  .GroupGridBox .GridItem .ItemTxt {
    padding: 0 35px;
    margin: 35px 0 45px 0;
  }
  /* line 380, ../sass/block-media.sass */
  .GroupGridBox .GridItem .ItemBtnBox {
    position: relative;
    top: 0;
  }
}
@media screen and (max-width: 950px) {
  /* line 402, ../sass/block-media.sass */
  .ColorBlock {
    padding: 0 0 55px 0;
  }

  /* line 411, ../sass/block-media.sass */
  .ContactBg {
    margin: 20px 0 0 0;
  }

  /* line 417, ../sass/block-media.sass */
  .ContactTitle {
    width: 90%;
  }

  /* line 425, ../sass/block-media.sass */
  .ContactItemBox {
    width: 90%;
  }

  /* line 431, ../sass/block-media.sass */
  .ContactItem {
    min-width: 17%;
    padding: 6px 1.6%;
  }
}
@media screen and (max-width: 840px) {
  /* line 448, ../sass/block-media.sass */
  .AboutTitle, .IntroTitle, .TopicBox {
    padding: 62px 0 12px 12px;
  }
  /* line 457, ../sass/block-media.sass */
  .AboutTitle::after, .IntroTitle::after, .TopicBox::after {
    height: 5px;
  }

  /* line 481, ../sass/block-media.sass */
  .FooterBox {
    width: 90%;
    max-width: 800px;
    padding: 16px 0;
    display: block;
  }

  /* line 490, ../sass/block-media.sass */
  .FooterGrid {
    flex: none;
    width: 100%;
  }

  /* line 495, ../sass/block-media.sass */
  .FooterGrid:first-child {
    text-align: center;
  }

  /* line 499, ../sass/block-media.sass */
  .FooterGrid:last-child {
    text-align: center;
    margin: 15px 0 0 0;
  }

  /* line 504, ../sass/block-media.sass */
  .FooterTxt {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  /* line 518, ../sass/block-media.sass */
  .IndexShowBox .IndexShowTxt {
    width: 82%;
    bottom: 29%;
  }
  /* line 527, ../sass/block-media.sass */
  .IndexShowBox .IndexShowTxt img {
    width: 98%;
    max-width: 500px;
  }
  /* line 534, ../sass/block-media.sass */
  .IndexShowBox .IndexShowPic {
    height: auto;
  }
  /* line 540, ../sass/block-media.sass */
  .IndexShowBox .IndexShowPic img {
    width: 182%;
    height: auto;
    position: relative;
    top: 0;
    left: -41%;
  }

  /* line 556, ../sass/block-media.sass */
  .AboutBg {
    padding: 0 0 0px 0;
  }

  /* line 570, ../sass/block-media.sass */
  .GroupGridBg {
    padding: 30px 0 70px 0;
  }

  /* line 580, ../sass/block-media.sass */
  .AboutTitle, .IntroTitle, .TopicBox {
    padding: 56px 0 12px 12px;
  }
  /* line 589, ../sass/block-media.sass */
  .AboutTitle::after, .IntroTitle::after, .TopicBox::after {
    height: 5px;
  }

  /* line 600, ../sass/block-media.sass */
  .AboutTxt, .IntroTxt, .TopicTxt {
    line-height: 1.9;
  }

  /* line 613, ../sass/block-media.sass */
  .GroupGridBox {
    max-width: 420px;
  }
  /* line 620, ../sass/block-media.sass */
  .GroupGridBox .GridItem {
    padding: 36px 0 0 0;
  }
  /* line 630, ../sass/block-media.sass */
  .GroupGridBox .GridItem .ItemPic img {
    width: 164px;
    height: auto;
  }
  /* line 635, ../sass/block-media.sass */
  .GroupGridBox .GridItem .ItemPic::after {
    width: 38px;
    height: 5px;
  }
  /* line 643, ../sass/block-media.sass */
  .GroupGridBox .GridItem .ItemTxt {
    padding: 0 16px 0 20px;
    margin: 22px 0 40px 0;
    line-height: 1.8;
  }

  /* line 654, ../sass/block-media.sass */
  .ColorBlock {
    padding: 0 0 25px 0;
  }

  /* line 667, ../sass/block-media.sass */
  .PdfBtnBox {
    margin: 20px 0 20px 0;
  }
  /* line 683, ../sass/block-media.sass */
  .PdfBtnBox > li {
    width: 45.5%;
    min-width: 252px;
    max-width: 280px;
    margin: 7px 4% 7px 0;
  }
}
@media screen and (max-width: 600px) and (orientation: portrait) {
  /* line 718, ../sass/block-media.sass */
  .LogoBox {
    padding: 10px 0 9px 0;
  }
}
@media screen and (max-width: 699px) {
  /* line 741, ../sass/block-media.sass */
  .ContactBg {
    margin: 35px 0 0 0;
  }

  /* line 746, ../sass/block-media.sass */
  .ContactItemBg {
    padding: 30px 0 35px 0;
  }

  /* line 749, ../sass/block-media.sass */
  .ContactTitle {
    width: 90%;
  }

  /* line 757, ../sass/block-media.sass */
  .ContactItemBox {
    width: 96%;
    max-width: 468px;
  }

  /* line 764, ../sass/block-media.sass */
  .ContactItem {
    min-width: 47%;
    padding: 6px 0;
    margin: 10px auto;
  }
  /* line 772, ../sass/block-media.sass */
  .ContactItem .ItemIcon::before {
    width: 30px;
    height: 30px;
    background-size: auto 30px;
  }
  /* line 785, ../sass/block-media.sass */
  .ContactItem .ItemIcon.Tel::before {
    background-position: -30px 0;
  }
  /* line 789, ../sass/block-media.sass */
  .ContactItem .ItemIcon.Mail::before {
    background-position: -60px 0;
  }
  /* line 793, ../sass/block-media.sass */
  .ContactItem .ItemIcon.Sns::before {
    background-position: -90px 0;
  }
}
@media screen and (max-width: 400px) {
  /* line 806, ../sass/block-media.sass */
  .MenuTriggerBox {
    display: block;
    top: 20px;
  }

  /* line 819, ../sass/block-media.sass */
  .ContactItemBg {
    padding: 22px 0 30px 0;
  }

  /* line 822, ../sass/block-media.sass */
  .ContactItem {
    width: 70%;
  }
  /* line 829, ../sass/block-media.sass */
  .ContactItem .ItemIcon {
    margin: 0 0 6px 0;
  }
}
/* line 6, ../sass/module-btn.sass */
.MenuTriggerBtn {
  width: 26px;
  height: 16px;
  display: block;
  position: relative;
  top: 4px;
  transition: 0.4s;
  display: inline-block;
}
/* line 16, ../sass/module-btn.sass */
.MenuTriggerBtn span {
  transition: 0.4s;
  display: inline-block;
  box-sizing: border-box;
  left: 0px;
  width: 26px;
  height: 3px;
  position: absolute;
  background: #FFFFFF;
  transform-origin: 0;
}
/* line 29, ../sass/module-btn.sass */
.MenuTriggerBtn span:nth-of-type(1) {
  top: 0px;
}
/* line 34, ../sass/module-btn.sass */
.MenuTriggerBtn span:nth-of-type(2) {
  bottom: 0px;
}

/* line 48, ../sass/module-btn.sass */
.Active.MenuTriggerBtn {
  height: 19px;
}
/* line 51, ../sass/module-btn.sass */
.Active.MenuTriggerBtn span {
  width: 23px;
}
/* line 55, ../sass/module-btn.sass */
.Active.MenuTriggerBtn span:nth-of-type(1) {
  transform: translateY(0px) rotate(45deg);
  -webkit-transform: translateY(0px) rotate(45deg);
}
/* line 60, ../sass/module-btn.sass */
.Active.MenuTriggerBtn span:nth-of-type(2) {
  transform: translateY(0px) rotate(-45deg);
  -webkit-transform: translateY(0px) rotate(-45deg);
}

/* line 67, ../sass/module-btn.sass */
.BtnBox {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin: 5 auto;
}

/* line 74, ../sass/module-btn.sass */
.Btn01 {
  display: inline-block;
  width: 100%;
  padding: 17px 0px;
  background: #CC9966;
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
}

/* line 87, ../sass/module-btn.sass */
.Btn01.disabled {
  background: #B6B6B6;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  /* line 101, ../sass/module-btn.sass */
  .Btn01 {
    padding: 14px 0px 15px 0;
  }
}
/* line 9, ../sass/module.sass */
.MainShowBg {
  width: 100%;
  height: 420px;
  margin: 0 auto;
  background-image: url("../images/electronic_pic02.jpg");
  background-repeat: repeat-x;
  background-position: center top;
}

/* line 17, ../sass/module.sass */
.MainShowBox {
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url("../images/electronic_pic01.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}
/* line 28, ../sass/module.sass */
.MainShowBox .MainShowTxt {
  display: block;
  width: 77%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  top: calc( 50% - 20px );
}
/* line 38, ../sass/module.sass */
.MainShowBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  /* line 46, ../sass/module.sass */
  .MainShowBg {
    width: 100%;
    height: 320px;
    margin: 0 auto;
    background-size: auto 320px;
  }

  /* line 61, ../sass/module.sass */
  .MainShowBox .MainShowTxt {
    max-width: 380px;
    top: calc( 50% - 12px );
  }
}
@media screen and (max-width: 700px) {
  /* line 76, ../sass/module.sass */
  .MainShowBox .MainShowTxt {
    max-width: 320px;
  }
}