@charset "UTF-8";
/* line 2, ../sass/base/_reset.scss */
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;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}

/* line 23, ../sass/base/_reset.scss */
html {
  line-height: 1;
}

/* line 26, ../sass/base/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 29, ../sass/base/_reset.scss */
dl, dt, dd,
ul, li {
  list-style: none;
}

/* line 33, ../sass/base/_reset.scss */
nav ul {
  list-style: none;
}

/* line 36, ../sass/base/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 39, ../sass/base/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 44, ../sass/base/_reset.scss */
img {
  vertical-align: bottom;
}

/* line 48, ../sass/base/_reset.scss */
ins {
  color: #000;
  text-decoration: none;
}

/* line 54, ../sass/base/_reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 60, ../sass/base/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 63, ../sass/base/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 67, ../sass/base/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 72, ../sass/base/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 80, ../sass/base/_reset.scss */
input, select {
  vertical-align: middle;
}

/* line 84, ../sass/base/_reset.scss */
address {
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url("/common/fonts/avenir.ttf");
}
@font-face {
  font-family: 'Avenir Next';
  src: url("/common/fonts/Avenir_Next.ttc");
}
/* line 17, ../sass/base/_base.scss */
html {
  font-family: Avenir, YuGothic, '游ゴシック',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
  font-size: 62.5%;
}
/* line 20, ../sass/base/_base.scss */
html input, html button, html textarea {
  font-family: 'Avenir', YuGothic, '游ゴシック',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}

/* line 60, ../sass/base/_base.scss */
body {
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  line-height: 1.8em;
}

/* line 67, ../sass/base/_base.scss */
.clearfix:after, #contents #contentsWrapper:after, #contents #contentsWrapper #mainContents:after, #contents #contentsWrapper #subContents:after, .basicStyle ul.floatList:after, .basicStyle ol.floatList:after, .basicStyle dl.floatList:after, .basicStyle .separateBox-2:after, #globalHeader #headerInner #globalNav nav > ul:after, #globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemInner:after, #breadcrumbs:after, #globalFooter #footerTop #footerTopInner:after, #globalFooter #footerTop #footerTopInner .ui-rightArea:after, .section-service .serviceList:after, .section-company .companyInfo .linkArea:after, .page-philosophy .actionAgenda .actionAgendaList:after, .serviceContensList:after, .serviceAbout:after, .serviceWorks .worksList:after, .serviceFlow .flowList:after, .serviceFlow .flowList > li:after, .serviceFlow .flowList.layoutType--horizon > li .flowText dl:after, .formStepNav:after, .list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

/* line 78, ../sass/base/_base.scss */
.clearfix, #contents #contentsWrapper, #contents #contentsWrapper #mainContents, #contents #contentsWrapper #subContents, .basicStyle ul.floatList, .basicStyle ol.floatList, .basicStyle dl.floatList, .basicStyle .separateBox-2, #globalHeader #headerInner #globalNav nav > ul, #globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemInner, #breadcrumbs, #globalFooter #footerTop #footerTopInner, #globalFooter #footerTop #footerTopInner .ui-rightArea, .section-service .serviceList, .section-company .companyInfo .linkArea, .page-philosophy .actionAgenda .actionAgendaList, .serviceContensList, .serviceAbout, .serviceWorks .worksList, .serviceFlow .flowList, .serviceFlow .flowList > li, .serviceFlow .flowList.layoutType--horizon > li .flowText dl, .formStepNav, .list {
  min-height: 1px;
}

/* line 82, ../sass/base/_base.scss */
* html .clearfix, * html #contents #contentsWrapper, #contents * html #contentsWrapper, * html #contents #contentsWrapper #mainContents, #contents #contentsWrapper * html #mainContents, * html #contents #contentsWrapper #subContents, #contents #contentsWrapper * html #subContents, * html .basicStyle ul.floatList, .basicStyle * html ul.floatList, * html .basicStyle ol.floatList, .basicStyle * html ol.floatList, * html .basicStyle dl.floatList, .basicStyle * html dl.floatList, * html .basicStyle .separateBox-2, .basicStyle * html .separateBox-2, * html #globalHeader #headerInner #globalNav nav > ul, #globalHeader #headerInner #globalNav * html nav > ul, * html #globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemInner, #globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem * html .dropDownMenuItemInner, * html #breadcrumbs, * html #globalFooter #footerTop #footerTopInner, #globalFooter #footerTop * html #footerTopInner, * html #globalFooter #footerTop #footerTopInner .ui-rightArea, #globalFooter #footerTop #footerTopInner * html .ui-rightArea, * html .section-service .serviceList, .section-service * html .serviceList, * html .section-company .companyInfo .linkArea, .section-company .companyInfo * html .linkArea, * html .page-philosophy .actionAgenda .actionAgendaList, .page-philosophy .actionAgenda * html .actionAgendaList, * html .serviceContensList, * html .serviceAbout, * html .serviceWorks .worksList, .serviceWorks * html .worksList, * html .serviceFlow .flowList, .serviceFlow * html .flowList, * html .serviceFlow .flowList > li, .serviceFlow * html .flowList > li, * html .serviceFlow .flowList.layoutType--horizon > li .flowText dl, .serviceFlow .flowList.layoutType--horizon > li .flowText * html dl, * html .formStepNav, * html .list {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/
}

/* line 91, ../sass/base/_base.scss */
a {
  color: #1D8ADA;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
/* line 95, ../sass/base/_base.scss */
a:hover {
  text-decoration: underline;
}
/* line 98, ../sass/base/_base.scss */
a img {
  -ms-interpolation-mode: bicubic;
}
/* line 100, ../sass/base/_base.scss */
a img:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* line 105, ../sass/base/_base.scss */
.pc {
  display: block;
}
@media only screen and (max-width: 992px) {
  /* line 105, ../sass/base/_base.scss */
  .pc {
    display: none;
  }
}

/* line 112, ../sass/base/_base.scss */
.sp {
  display: none;
}
@media only screen and (max-width: 992px) {
  /* line 112, ../sass/base/_base.scss */
  .sp {
    display: block;
  }
}

/* line 121, ../sass/base/_base.scss */
#contents {
  position: relative;
  min-height: 100%;
  background-color: #ffffff;
}
@media only screen and (max-width: 992px) {
  /* line 121, ../sass/base/_base.scss */
  #contents {
    background-color: #fff;
  }
}
/* line 134, ../sass/base/_base.scss */
#contents .contentsOuter {
  width: 100%;
}
/* line 137, ../sass/base/_base.scss */
#contents .contentsInner {
  width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  /* line 137, ../sass/base/_base.scss */
  #contents .contentsInner {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* line 145, ../sass/base/_base.scss */
#contents #contentsWrapper {
  width: 1000px;
  height: 100%;
  min-height: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  /* line 145, ../sass/base/_base.scss */
  #contents #contentsWrapper {
    width: auto;
    padding-top: 0;
  }
}
/* line 156, ../sass/base/_base.scss */
#contents #contentsWrapper #mainContents {
  width: 1000px;
}
/* line 160, ../sass/base/_base.scss */
#contents.col1 #contentsWrapper #mainContents {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 992px) {
  /* line 160, ../sass/base/_base.scss */
  #contents.col1 #contentsWrapper #mainContents {
    padding-top: 40px;
  }
}

/* line 167, ../sass/base/_base.scss */
#contents.col2 #contentsWrapper #mainContents {
  float: right;
  width: 710px;
}
@media only screen and (max-width: 992px) {
  /* line 167, ../sass/base/_base.scss */
  #contents.col2 #contentsWrapper #mainContents {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 992px) {
  /* line 156, ../sass/base/_base.scss */
  #contents #contentsWrapper #mainContents {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
}
/* line 182, ../sass/base/_base.scss */
#contents #contentsWrapper #mainContents .mainContentsSection {
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  /* line 182, ../sass/base/_base.scss */
  #contents #contentsWrapper #mainContents .mainContentsSection {
    margin-bottom: 0;
  }
}
/* line 187, ../sass/base/_base.scss */
#contents #contentsWrapper #mainContents .mainContentsSection .asideContentsSection {
  padding-top: 30px;
  background: url(img/slanting_line.png) left top repeat-x;
}
@media only screen and (max-width: 992px) {
  /* line 187, ../sass/base/_base.scss */
  #contents #contentsWrapper #mainContents .mainContentsSection .asideContentsSection {
    padding-top: 20px;
  }
}
/* line 199, ../sass/base/_base.scss */
#contents.col2 #contentsWrapper #subContents {
  float: left;
  width: 240px;
}
@media only screen and (max-width: 992px) {
  /* line 199, ../sass/base/_base.scss */
  #contents.col2 #contentsWrapper #subContents {
    float: none;
    width: auto;
  }
}

/* line 221, ../sass/base/_base.scss */
.agent--Android .item--ios {
  display: none !important;
}

/* line 228, ../sass/base/_base.scss */
.agent--iphone .item--Android,
.agent--iPad .item--Android {
  display: none !important;
}

@media only screen and (max-width: 992px) {
  /* line 1, ../sass/base/_basic_ui.scss */
  .basicStyle {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* line 6, ../sass/base/_basic_ui.scss */
.basicStyle .basicStyleSection {
  margin-bottom: 70px;
}
/* line 8, ../sass/base/_basic_ui.scss */
.basicStyle .basicStyleSection .basicStyleSectionItem {
  margin-bottom: 50px;
}
/* line 15, ../sass/base/_basic_ui.scss */
.basicStyle ul, .basicStyle ol, .basicStyle dl {
  margin-bottom: 20px;
}
/* line 23, ../sass/base/_basic_ui.scss */
.basicStyle ul.floatList li, .basicStyle ol.floatList li, .basicStyle dl.floatList li {
  float: left;
  margin-right: 20px;
}
/* line 29, ../sass/base/_basic_ui.scss */
.basicStyle ul.listStyle--disc li, .basicStyle ol.listStyle--disc li, .basicStyle dl.listStyle--disc li {
  list-style-type: disc;
  margin-left: 1.3em;
  padding-left: 8px;
}
/* line 36, ../sass/base/_basic_ui.scss */
.basicStyle ul.listStyle--decimal > li, .basicStyle ol.listStyle--decimal > li, .basicStyle dl.listStyle--decimal > li {
  list-style-type: decimal;
  margin-left: 1.3em;
  padding-left: 8px;
}
/* line 43, ../sass/base/_basic_ui.scss */
.basicStyle ul.listStyle--lowerAlpha > li, .basicStyle ol.listStyle--lowerAlpha > li, .basicStyle dl.listStyle--lowerAlpha > li {
  list-style-type: lower-alpha;
  margin-left: 1.3em;
  padding-left: 0.8em;
}
/* line 50, ../sass/base/_basic_ui.scss */
.basicStyle ul.listStyle--katakana > li, .basicStyle ol.listStyle--katakana > li, .basicStyle dl.listStyle--katakana > li {
  list-style-type: katakana;
  margin-left: 1.3em;
  padding-left: 0.8em;
}
/* line 57, ../sass/base/_basic_ui.scss */
.basicStyle ul.listStyle--lowerRoman > li, .basicStyle ol.listStyle--lowerRoman > li, .basicStyle dl.listStyle--lowerRoman > li {
  list-style-type: lower-roman;
  margin-left: 1.3em;
  padding-left: 0.8em;
}
/* line 64, ../sass/base/_basic_ui.scss */
.basicStyle ul.indentList--01 li, .basicStyle ol.indentList--01 li, .basicStyle dl.indentList--01 li {
  margin-left: 2em;
  text-indent: -2em;
}
/* line 69, ../sass/base/_basic_ui.scss */
.basicStyle ul li, .basicStyle ol li, .basicStyle dl li {
  margin-bottom: 5px;
}
/* line 71, ../sass/base/_basic_ui.scss */
.basicStyle ul li:last-child, .basicStyle ol li:last-child, .basicStyle dl li:last-child {
  margin-bottom: 0;
}
/* line 84, ../sass/base/_basic_ui.scss */
.basicStyle ul dt, .basicStyle ol dt, .basicStyle dl dt {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  /* line 88, ../sass/base/_basic_ui.scss */
  .basicStyle ul p, .basicStyle ol p, .basicStyle dl p {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 97, ../sass/base/_basic_ui.scss */
.basicStyle input[type="text"], .basicStyle input[type="number"], .basicStyle input[type="email"], .basicStyle input[type="password"] {
  padding: 10px 5px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em;
}
@media only screen and (max-width: 640px) {
  /* line 97, ../sass/base/_basic_ui.scss */
  .basicStyle input[type="text"], .basicStyle input[type="number"], .basicStyle input[type="email"], .basicStyle input[type="password"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* line 110, ../sass/base/_basic_ui.scss */
.basicStyle input[type="checkbox"], .basicStyle input[type="radio"] {
  padding-top: 5px;
  margin: 0 5px 3px 0;
}
/* line 116, ../sass/base/_basic_ui.scss */
.basicStyle select {
  height: 40px;
  padding: 5px;
  margin-bottom: 7px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em;
}
/* line 124, ../sass/base/_basic_ui.scss */
.basicStyle textarea {
  width: 90%;
  height: 75px;
  padding: 10px;
  margin: 2px;
  border-radius: 4px;
  border: solid 1px #A9A9A9;
  font-size: 1.1em;
  line-height: 1.2;
}
/* line 138, ../sass/base/_basic_ui.scss */
.basicStyle .separateBox-2 .separateBox-left {
  float: left;
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
  /* line 138, ../sass/base/_basic_ui.scss */
  .basicStyle .separateBox-2 .separateBox-left {
    float: none;
    width: 100%;
  }
}
/* line 148, ../sass/base/_basic_ui.scss */
.basicStyle .separateBox-2 .separateBox-right {
  float: right;
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
  /* line 148, ../sass/base/_basic_ui.scss */
  .basicStyle .separateBox-2 .separateBox-right {
    float: none;
    width: 100%;
  }
}
/* line 161, ../sass/base/_basic_ui.scss */
.basicStyle .scrollBox {
  overflow-y: scroll;
  border: solid 1px #ccc;
  height: 180px;
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  /* line 161, ../sass/base/_basic_ui.scss */
  .basicStyle .scrollBox {
    margin: 0 10px;
  }
}

/* line 172, ../sass/base/_basic_ui.scss */
.pagesContentsItem {
  margin-bottom: 25px;
}

/* line 178, ../sass/base/_basic_ui.scss */
.mt--xs {
  margin-top: 5px !important;
}

/* line 179, ../sass/base/_basic_ui.scss */
.mt--s {
  margin-top: 10px !important;
}

/* line 180, ../sass/base/_basic_ui.scss */
.mt--m {
  margin-top: 20px !important;
}

/* line 181, ../sass/base/_basic_ui.scss */
.mt--l {
  margin-top: 30px !important;
}

/* line 182, ../sass/base/_basic_ui.scss */
.mt--xl {
  margin-top: 40px !important;
}

/* line 185, ../sass/base/_basic_ui.scss */
.mb--xs {
  margin-bottom: 5px !important;
}

/* line 186, ../sass/base/_basic_ui.scss */
.mb--s {
  margin-bottom: 10px !important;
}

/* line 187, ../sass/base/_basic_ui.scss */
.mb--m {
  margin-bottom: 20px !important;
}

/* line 188, ../sass/base/_basic_ui.scss */
.mb--l {
  margin-bottom: 30px !important;
}

/* line 189, ../sass/base/_basic_ui.scss */
.mb--xl {
  margin-bottom: 40px !important;
}

/* line 192, ../sass/base/_basic_ui.scss */
.ml--xs {
  margin-left: 5px !important;
}

/* line 193, ../sass/base/_basic_ui.scss */
.ml--s {
  margin-left: 10px !important;
}

/* line 194, ../sass/base/_basic_ui.scss */
.ml--m {
  margin-left: 20px !important;
}

/* line 195, ../sass/base/_basic_ui.scss */
.ml--l {
  margin-left: 30px !important;
}

/* line 196, ../sass/base/_basic_ui.scss */
.ml--xl {
  margin-left: 40px !important;
}

/* line 198, ../sass/base/_basic_ui.scss */
.pt--0 {
  padding-top: 0 !important;
}

/* line 201, ../sass/base/_basic_ui.scss */
.mt00 {
  margin-top: 0px !important;
}

/* line 202, ../sass/base/_basic_ui.scss */
.mt05 {
  margin-top: 5px !important;
}

/* line 203, ../sass/base/_basic_ui.scss */
.mt10 {
  margin-top: 10px !important;
}

/* line 204, ../sass/base/_basic_ui.scss */
.mt15 {
  margin-top: 15px !important;
}

/* line 205, ../sass/base/_basic_ui.scss */
.mt20 {
  margin-top: 20px !important;
}

/* line 206, ../sass/base/_basic_ui.scss */
.mt25 {
  margin-top: 25px !important;
}

/* line 207, ../sass/base/_basic_ui.scss */
.mt30 {
  margin-top: 30px !important;
}

/* line 208, ../sass/base/_basic_ui.scss */
.mt35 {
  margin-top: 35px !important;
}

/* line 209, ../sass/base/_basic_ui.scss */
.mt40 {
  margin-top: 40px !important;
}

/* line 210, ../sass/base/_basic_ui.scss */
.mt45 {
  margin-top: 45px !important;
}

/* line 212, ../sass/base/_basic_ui.scss */
.mb00 {
  margin-bottom: 0px !important;
}

/* line 213, ../sass/base/_basic_ui.scss */
.mb05 {
  margin-bottom: 5px !important;
}

/* line 214, ../sass/base/_basic_ui.scss */
.mb10 {
  margin-bottom: 10px !important;
}

/* line 215, ../sass/base/_basic_ui.scss */
.mb15 {
  margin-bottom: 15px !important;
}

/* line 216, ../sass/base/_basic_ui.scss */
.mb20 {
  margin-bottom: 20px !important;
}

/* line 217, ../sass/base/_basic_ui.scss */
.mb25 {
  margin-bottom: 25px !important;
}

/* line 218, ../sass/base/_basic_ui.scss */
.mb30 {
  margin-bottom: 30px !important;
}

/* line 219, ../sass/base/_basic_ui.scss */
.mb35 {
  margin-bottom: 35px !important;
}

/* line 221, ../sass/base/_basic_ui.scss */
.ml00 {
  margin-left: 0px !important;
}

/* line 222, ../sass/base/_basic_ui.scss */
.ml05 {
  margin-left: 5px !important;
}

/* line 223, ../sass/base/_basic_ui.scss */
.ml10 {
  margin-left: 10px !important;
}

/* line 224, ../sass/base/_basic_ui.scss */
.ml15 {
  margin-left: 15px !important;
}

/* line 225, ../sass/base/_basic_ui.scss */
.ml20 {
  margin-left: 20px !important;
}

/* line 226, ../sass/base/_basic_ui.scss */
.ml25 {
  margin-left: 25px !important;
}

/* line 227, ../sass/base/_basic_ui.scss */
.ml30 {
  margin-left: 30px !important;
}

/* line 228, ../sass/base/_basic_ui.scss */
.ml35 {
  margin-left: 35px !important;
}

/* line 229, ../sass/base/_basic_ui.scss */
.ml50 {
  margin-left: 50px !important;
}

/* line 230, ../sass/base/_basic_ui.scss */
.ml100 {
  margin-left: 100px !important;
}

/* line 232, ../sass/base/_basic_ui.scss */
.mr00 {
  margin-right: 0 !important;
}

/* line 233, ../sass/base/_basic_ui.scss */
.mr05 {
  margin-right: 5px !important;
}

/* line 234, ../sass/base/_basic_ui.scss */
.mr10 {
  margin-right: 10px !important;
}

/* line 235, ../sass/base/_basic_ui.scss */
.mr15 {
  margin-right: 15px !important;
}

/* line 236, ../sass/base/_basic_ui.scss */
.mr20 {
  margin-right: 20px !important;
}

/* line 237, ../sass/base/_basic_ui.scss */
.mr25 {
  margin-right: 25px !important;
}

/* line 238, ../sass/base/_basic_ui.scss */
.mr30 {
  margin-right: 30px !important;
}

/* line 239, ../sass/base/_basic_ui.scss */
.mr35 {
  margin-right: 35px !important;
}

/* line 241, ../sass/base/_basic_ui.scss */
.m0a {
  margin: 0 auto;
}

/* line 246, ../sass/base/_basic_ui.scss */
.pt00 {
  padding-top: 0px !important;
}

/* line 247, ../sass/base/_basic_ui.scss */
.pt05 {
  padding-top: 5px !important;
}

/* line 248, ../sass/base/_basic_ui.scss */
.pt10 {
  padding-top: 10px !important;
}

/* line 249, ../sass/base/_basic_ui.scss */
.pt15 {
  padding-top: 15px !important;
}

/* line 250, ../sass/base/_basic_ui.scss */
.pt20 {
  padding-top: 20px !important;
}

/* line 251, ../sass/base/_basic_ui.scss */
.pt25 {
  padding-top: 25px !important;
}

/* line 252, ../sass/base/_basic_ui.scss */
.pt30 {
  padding-top: 30px !important;
}

/* line 253, ../sass/base/_basic_ui.scss */
.pt35 {
  padding-top: 35px !important;
}

/* line 254, ../sass/base/_basic_ui.scss */
.pt40 {
  padding-top: 40px !important;
}

/* line 255, ../sass/base/_basic_ui.scss */
.pt45 {
  padding-top: 45px !important;
}

/* line 257, ../sass/base/_basic_ui.scss */
.pb00 {
  padding-bottom: 0px !important;
}

/* line 258, ../sass/base/_basic_ui.scss */
.pb05 {
  padding-bottom: 5px !important;
}

/* line 259, ../sass/base/_basic_ui.scss */
.pb10 {
  padding-bottom: 10px !important;
}

/* line 260, ../sass/base/_basic_ui.scss */
.pb15 {
  padding-bottom: 15px !important;
}

/* line 261, ../sass/base/_basic_ui.scss */
.pb20 {
  padding-bottom: 20px !important;
}

/* line 262, ../sass/base/_basic_ui.scss */
.pb25 {
  padding-bottom: 25px !important;
}

/* line 263, ../sass/base/_basic_ui.scss */
.pb30 {
  padding-bottom: 30px !important;
}

/* line 264, ../sass/base/_basic_ui.scss */
.pb35 {
  padding-bottom: 35px !important;
}

/* line 266, ../sass/base/_basic_ui.scss */
.pl00 {
  padding-left: 0px !important;
}

/* line 267, ../sass/base/_basic_ui.scss */
.pl05 {
  padding-left: 5px !important;
}

/* line 268, ../sass/base/_basic_ui.scss */
.pl10 {
  padding-left: 10px !important;
}

/* line 269, ../sass/base/_basic_ui.scss */
.pl15 {
  padding-left: 15px !important;
}

/* line 270, ../sass/base/_basic_ui.scss */
.pl20 {
  padding-left: 20px !important;
}

/* line 271, ../sass/base/_basic_ui.scss */
.pl25 {
  padding-left: 25px !important;
}

/* line 272, ../sass/base/_basic_ui.scss */
.pl30 {
  padding-left: 30px !important;
}

/* line 273, ../sass/base/_basic_ui.scss */
.pl35 {
  padding-left: 35px !important;
}

/* line 274, ../sass/base/_basic_ui.scss */
.pl50 {
  padding-left: 50px !important;
}

/* line 276, ../sass/base/_basic_ui.scss */
.pr00 {
  padding-right: 0 !important;
}

/* line 277, ../sass/base/_basic_ui.scss */
.pr05 {
  padding-right: 5px !important;
}

/* line 278, ../sass/base/_basic_ui.scss */
.pr10 {
  padding-right: 10px !important;
}

/* line 279, ../sass/base/_basic_ui.scss */
.pr15 {
  padding-right: 15px !important;
}

/* line 280, ../sass/base/_basic_ui.scss */
.pr20 {
  padding-right: 20px !important;
}

/* line 281, ../sass/base/_basic_ui.scss */
.pr25 {
  padding-right: 25px !important;
}

/* line 282, ../sass/base/_basic_ui.scss */
.pr30 {
  padding-right: 30px !important;
}

/* line 283, ../sass/base/_basic_ui.scss */
.pr35 {
  padding-right: 35px !important;
}

/* line 286, ../sass/base/_basic_ui.scss */
.fw--b {
  font-weight: bold;
}

/* line 289, ../sass/base/_basic_ui.scss */
.ta_l {
  text-align: left;
}

/* line 290, ../sass/base/_basic_ui.scss */
.ta_r {
  text-align: right;
}

/* line 291, ../sass/base/_basic_ui.scss */
.ta_c {
  text-align: center;
}

/* line 294, ../sass/base/_basic_ui.scss */
.ti_1 {
  margin-left: 1em;
  text-indent: -1em;
}

/* line 298, ../sass/base/_basic_ui.scss */
.ti_1-5 {
  margin-left: 1.5em;
  text-indent: -1.5em;
}

/* line 304, ../sass/base/_basic_ui.scss */
.fs1-2 {
  font-size: 1.2em;
}

/* line 305, ../sass/base/_basic_ui.scss */
.fs1-1 {
  font-size: 1.1em;
}

/* line 306, ../sass/base/_basic_ui.scss */
.fs0-9 {
  font-size: 0.9em;
}

/* line 307, ../sass/base/_basic_ui.scss */
.fs0-85 {
  font-size: 0.85em;
}

/* line 308, ../sass/base/_basic_ui.scss */
.fs0-8 {
  font-size: 0.8em;
}

/* line 310, ../sass/base/_basic_ui.scss */
.d-n--pc {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  /* line 310, ../sass/base/_basic_ui.scss */
  .d-n--pc {
    display: block !important;
  }
}

/* line 317, ../sass/base/_basic_ui.scss */
.d-n--sp {
  display: block !important;
}
@media only screen and (max-width: 992px) {
  /* line 317, ../sass/base/_basic_ui.scss */
  .d-n--sp {
    display: none !important;
  }
}

/* Slider */
/* line 3, ../sass/parts/_jquery.slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 17, ../sass/parts/_jquery.slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 24, ../sass/parts/_jquery.slick.scss */
.slick-list:focus {
  outline: none;
}
/* line 28, ../sass/parts/_jquery.slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 33, ../sass/parts/_jquery.slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 42, ../sass/parts/_jquery.slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
/* line 48, ../sass/parts/_jquery.slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 54, ../sass/parts/_jquery.slick.scss */
.slick-track:after {
  clear: both;
}
/* line 58, ../sass/parts/_jquery.slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 62, ../sass/parts/_jquery.slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
/* line 66, ../sass/parts/_jquery.slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}
/* line 69, ../sass/parts/_jquery.slick.scss */
.slick-slide img {
  display: block;
}
/* line 72, ../sass/parts/_jquery.slick.scss */
.slick-slide.slick-loading img {
  display: none;
}
/* line 78, ../sass/parts/_jquery.slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 82, ../sass/parts/_jquery.slick.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 86, ../sass/parts/_jquery.slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 90, ../sass/parts/_jquery.slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 96, ../sass/parts/_jquery.slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/*!
 * jquery-drawer v3.2.0
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
/*!------------------------------------*\
    Base
\*!------------------------------------*/
/* line 12, ../sass/parts/_jquery.drawer.scss */
.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  width: 60.5%;
  height: 100%;
  color: #222;
  background-color: #fff;
}

/* line 23, ../sass/parts/_jquery.drawer.scss */
.drawer-brand {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.75rem;
  display: block;
  padding-right: .75rem;
  padding-left: .75rem;
  text-decoration: none;
  color: #222;
}

/* line 34, ../sass/parts/_jquery.drawer.scss */
.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*! overlay */
/* line 55, ../sass/parts/_jquery.drawer.scss */
.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

/* line 66, ../sass/parts/_jquery.drawer.scss */
.drawer-open .drawer-overlay {
  display: block;
}

/*!------------------------------------*\
    Top
\*!------------------------------------*/
/* line 72, ../sass/parts/_jquery.drawer.scss */
.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 82, ../sass/parts/_jquery.drawer.scss */
.drawer--top.drawer-open .drawer-nav {
  top: 0;
}

/* line 86, ../sass/parts/_jquery.drawer.scss */
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
  right: 0;
}

/*!------------------------------------*\
    Left
\*!------------------------------------*/
/* line 93, ../sass/parts/_jquery.drawer.scss */
.drawer--left .drawer-nav {
  left: -60.5%;
  -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 99, ../sass/parts/_jquery.drawer.scss */
.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
}

/* line 105, ../sass/parts/_jquery.drawer.scss */
.drawer--left.drawer-open .drawer-hamburger {
  left: 60.5%;
}

/*!------------------------------------*\
    Right
\*!------------------------------------*/
/* line 111, ../sass/parts/_jquery.drawer.scss */
.drawer--right .drawer-nav {
  right: -60.5%;
  -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 117, ../sass/parts/_jquery.drawer.scss */
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
}

/* line 123, ../sass/parts/_jquery.drawer.scss */
.drawer--right.drawer-open .drawer-hamburger {
  right: 60.5%;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
/* line 129, ../sass/parts/_jquery.drawer.scss */
.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding-top: 18px;
  padding-right: .75rem;
  padding-bottom: 30px;
  padding-left: .75rem;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

/* line 150, ../sass/parts/_jquery.drawer.scss */
.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}

/* line 155, ../sass/parts/_jquery.drawer.scss */
.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

/* line 161, ../sass/parts/_jquery.drawer.scss */
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #aaa;
}

/* line 171, ../sass/parts/_jquery.drawer.scss */
.drawer-open .drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  background-color: #fff;
}

/* line 177, ../sass/parts/_jquery.drawer.scss */
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

/* line 185, ../sass/parts/_jquery.drawer.scss */
.drawer-hamburger-icon:after {
  top: 10px;
}

/* line 189, ../sass/parts/_jquery.drawer.scss */
.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

/* line 193, ../sass/parts/_jquery.drawer.scss */
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

/* line 198, ../sass/parts/_jquery.drawer.scss */
.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 204, ../sass/parts/_jquery.drawer.scss */
.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*!------------------------------------*\
    accessibility
\*!------------------------------------*/
/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
/* line 217, ../sass/parts/_jquery.drawer.scss */
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
/* line 233, ../sass/parts/_jquery.drawer.scss */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
/* line 245, ../sass/parts/_jquery.drawer.scss */
.drawer--sidebar {
  background-color: #fff;
}

/* line 249, ../sass/parts/_jquery.drawer.scss */
.drawer--sidebar .drawer-contents {
  background-color: #fff;
}

@media (min-width: 64em) {
  /* line 254, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }

  /* line 259, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }

  /*! Left */
  /* line 270, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }

  /* line 275, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }

  /*! Right */
  /* line 280, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }

  /* line 285, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }

  /*! container */
  /* line 290, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}
@media (min-width: 75em) {
  /* line 296, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar .drawer-nav {
    width: 60.5%;
  }

  /* line 300, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 60.5%;
  }

  /* line 304, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 60.5%;
  }

  /*! container */
  /* line 309, ../sass/parts/_jquery.drawer.scss */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}
/*!------------------------------------*\
    Navbar
\*!------------------------------------*/
/* line 316, ../sass/parts/_jquery.drawer.scss */
.drawer--navbarTopGutter {
  padding-top: 3.75rem;
}

/* line 320, ../sass/parts/_jquery.drawer.scss */
.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

/* line 325, ../sass/parts/_jquery.drawer.scss */
.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%;
}

/*! .drawer-navbar modifier */
/* line 332, ../sass/parts/_jquery.drawer.scss */
.drawer-navbar--fixed {
  position: fixed;
}

/* line 336, ../sass/parts/_jquery.drawer.scss */
.drawer-navbar-header {
  position: relative;
  z-index: 102;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center;
}

/* line 346, ../sass/parts/_jquery.drawer.scss */
.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

/* line 354, ../sass/parts/_jquery.drawer.scss */
.drawer-navbar .drawer-brand:hover {
  background-color: transparent;
}

/* line 358, ../sass/parts/_jquery.drawer.scss */
.drawer-navbar .drawer-nav {
  padding-top: 3.75rem;
}

/* line 362, ../sass/parts/_jquery.drawer.scss */
.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem;
}

@media (min-width: 64em) {
  /* line 367, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }

  /* line 373, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0;
  }

  /* line 382, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-menu--right {
    float: right;
  }

  /* line 386, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-menu li {
    float: left;
  }

  /* line 390, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  /* line 396, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-hamburger {
    display: none;
  }

  /* line 400, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 411, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-menu {
    padding: 0;
  }

  /*! dropdown */
  /* line 416, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 60.5%;
    border: 1px solid #ddd;
  }

  /* line 422, ../sass/parts/_jquery.drawer.scss */
  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem;
  }
}
/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
/* line 429, ../sass/parts/_jquery.drawer.scss */
.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

/* line 438, ../sass/parts/_jquery.drawer.scss */
.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}

/* line 443, ../sass/parts/_jquery.drawer.scss */
.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222;
}

/* line 453, ../sass/parts/_jquery.drawer.scss */
.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! open */
/* line 460, ../sass/parts/_jquery.drawer.scss */
.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
}

/*! drawer-caret */
/* line 465, ../sass/parts/_jquery.drawer.scss */
.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*! open */
/* line 484, ../sass/parts/_jquery.drawer.scss */
.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*!------------------------------------*\
    Container
\*!------------------------------------*/
/* line 492, ../sass/parts/_jquery.drawer.scss */
.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  /* line 498, ../sass/parts/_jquery.drawer.scss */
  .drawer-container {
    max-width: 60rem;
  }
}
@media (min-width: 75em) {
  /* line 504, ../sass/parts/_jquery.drawer.scss */
  .drawer-container {
    max-width: 70rem;
  }
}
@font-face {
  font-family: "icons";
  src: url(/common/fonts/icomoon.eot) format('embedded-opentype'), url(/common/fonts/icomoon.ttf) format('truetype'), url(/common/fonts/icomoon.svg) format('svg'), url(/common/fonts/icomoon.woff) format('woff');
}
/* line 2, ../sass/parts/_header.scss */
#globalHeader {
  position: absolute;
  top: 0;
  width: 100%;
  min-width: 1000px;
  height: 67px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 2, ../sass/parts/_header.scss */
  #globalHeader {
    width: 100%;
    height: 50px;
    min-width: 100%;
  }
}
/* line 19, ../sass/parts/_header.scss */
#globalHeader #headerInner {
  position: relative;
}
@media only screen and (max-width: 992px) {
  /* line 19, ../sass/parts/_header.scss */
  #globalHeader #headerInner {
    width: auto;
    height: auto;
  }
}
/* line 30, ../sass/parts/_header.scss */
#globalHeader #headerInner .headerLogo {
  position: relative;
  display: inline-block;
  padding-top: 25px;
  margin-left: 3%;
  z-index: 100;
}
@media only screen and (max-width: 992px) {
  /* line 30, ../sass/parts/_header.scss */
  #globalHeader #headerInner .headerLogo {
    padding-top: 15px;
    margin-left: 15px;
  }
}
@media only screen and (max-width: 992px) {
  /* line 40, ../sass/parts/_header.scss */
  #globalHeader #headerInner .headerLogo img {
    height: 20px;
  }
}
/* line 46, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav {
  position: absolute;
  top: 25px;
  right: 0;
  width: 100%;
  z-index: 2;
  letter-spacing: 1px;
}
@media only screen and (max-width: 992px) {
  /* line 46, ../sass/parts/_header.scss */
  #globalHeader #headerInner #globalNav {
    display: none;
    position: static;
  }
}
/* line 58, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav .drawer-hamburger {
  display: none;
}
@media only screen and (max-width: 992px) {
  /* line 58, ../sass/parts/_header.scss */
  #globalHeader #headerInner #globalNav .drawer-hamburger {
    position: absolute;
    display: block;
    padding: 15px;
  }
}
/* line 67, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav .drawer-hamburger .drawer-hamburger-icon,
#globalHeader #headerInner #globalNav .drawer-hamburger .drawer-hamburger-icon:before,
#globalHeader #headerInner #globalNav .drawer-hamburger .drawer-hamburger-icon:after {
  background-color: #fff;
}
/* line 82, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav {
  text-align: right;
}
/* line 84, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav.drawer-nav {
  position: static;
  width: auto;
  background: none;
}
@media only screen and (max-width: 992px) {
  /* line 84, ../sass/parts/_header.scss */
  #globalHeader #headerInner #globalNav nav.drawer-nav {
    position: fixed;
    width: 60%;
    background: rgba(0, 0, 0, 0.7);
  }
}
/* line 94, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul {
  display: inline-block;
  width: 100%;
  padding-right: 20px;
  font-size: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 94, ../sass/parts/_header.scss */
  #globalHeader #headerInner #globalNav nav > ul {
    padding-right: 0;
  }
}
/* line 104, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li {
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  /* line 104, ../sass/parts/_header.scss */
  #globalHeader #headerInner #globalNav nav > ul > li {
    float: none;
    display: block;
    text-align: left;
  }
}
/* line 113, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem {
  position: absolute;
  left: 0;
  top: 25px;
  display: none;
  width: 100%;
  padding-top: 35px;
  z-index: 1000;
}
/* line 122, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemOuter {
  display: none;
  background: #000;
  width: 100%;
}
/* line 127, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemInner {
  display: block;
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0 36px 0;
  background: #000;
  font-size: 0px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 137, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemInner li {
  display: inline-block;
  width: 150px;
  margin: 0 7px;
  font-size: 11px;
  text-align: left;
}
/* line 145, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemInner li a {
  display: block;
  border-bottom: solid 1px #000;
  color: #fff;
  font-size: 11px;
}
/* line 150, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemInner li a:hover {
  border-bottom: solid 1px #fff;
  text-decoration: none;
}
/* line 154, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu .dropDownMenuItem .dropDownMenuItemInner li a .ui-thumbnail {
  width: 100%;
  height: 100px;
  background: #ccc;
}
/* line 166, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu:hover > a:after {
  position: absolute;
  left: 50%;
  bottom: -30px;
  margin-left: -20%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #000000 transparent;
  line-height: 0px;
  _border-color: #ffffff #ffffff #000000 #ffffff;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
/* line 188, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu-sp {
  border-bottom: solid 1px #999;
}
/* line 192, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu-sp .dropDownMenuItemInner li a {
  color: #ddd;
  display: block;
  padding: 5px 10px 5px 20px;
  font-size: 12px;
  border-bottom: 1px solid #888;
  font-size: 12px;
}
/* line 200, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu-sp .dropDownMenuItemInner li a .ui-thumbnail {
  display: none;
}
/* line 204, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li.dropDownMenu-sp .dropDownMenuItemInner li:last-child a {
  border-bottom: none;
}
/* line 236, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li > a {
  position: relative;
  display: block;
  padding: 5px 30px 5px  30px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
/* line 243, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li > a:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 11px;
  width: 0;
  height: 13px;
  overflow: hidden;
  border-left: 1px solid #fff;
}
@media only screen and (max-width: 992px) {
  /* line 243, ../sass/parts/_header.scss */
  #globalHeader #headerInner #globalNav nav > ul > li > a:before {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  /* line 236, ../sass/parts/_header.scss */
  #globalHeader #headerInner #globalNav nav > ul > li > a {
    display: block;
    padding: 15px 15px;
    border-bottom: solid 1px #999;
  }
}
/* line 266, ../sass/parts/_header.scss */
#globalHeader #headerInner #globalNav nav > ul > li:last-child a:before {
  content: "";
  display: none;
}

/* line 281, ../sass/parts/_header.scss */
.drawer-open .drawer-hamburger-icon {
  background-color: transparent !important;
}

/* line 2, ../sass/parts/_breadcrumbs.scss */
#breadcrumbs {
  width: 100%;
  margin: 40px 0 60px;
}
@media only screen and (max-width: 992px) {
  /* line 2, ../sass/parts/_breadcrumbs.scss */
  #breadcrumbs {
    width: auto;
    margin: 10px 15px 20px;
  }
}
/* line 10, ../sass/parts/_breadcrumbs.scss */
#breadcrumbs ul {
  list-style: none;
  margin-left: 40px;
}
@media only screen and (max-width: 992px) {
  /* line 10, ../sass/parts/_breadcrumbs.scss */
  #breadcrumbs ul {
    margin: 0;
  }
}
/* line 16, ../sass/parts/_breadcrumbs.scss */
#breadcrumbs ul li {
  float: left;
  color: #000;
  padding-left: 0.5em;
  font-size: 12px;
}
@media only screen and (max-width: 992px) {
  /* line 16, ../sass/parts/_breadcrumbs.scss */
  #breadcrumbs ul li {
    font-size: 11px;
  }
}
/* line 24, ../sass/parts/_breadcrumbs.scss */
#breadcrumbs ul li:before {
  content: " > ";
}
/* line 25, ../sass/parts/_breadcrumbs.scss */
#breadcrumbs ul li.home:before {
  content: "";
}
/* line 26, ../sass/parts/_breadcrumbs.scss */
#breadcrumbs ul li.home {
  padding-left: 0;
}
/* line 27, ../sass/parts/_breadcrumbs.scss */
#breadcrumbs ul li a {
  color: #000;
  text-decoration: underline;
}
/* line 30, ../sass/parts/_breadcrumbs.scss */
#breadcrumbs ul li a:hover {
  color: #000;
  text-decoration: none;
}

/* line 2, ../sass/parts/_title.scss */
.h2--type01 {
  position: relative;
  text-align: center;
}
/* line 5, ../sass/parts/_title.scss */
.h2--type01:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  margin-left: -35px;
  background: #000;
}
@media only screen and (max-width: 992px) {
  /* line 5, ../sass/parts/_title.scss */
  .h2--type01:before {
    display: none;
  }
}
/* line 19, ../sass/parts/_title.scss */
.h2--type01 h2 {
  font-family: 'Avenir Next';
  padding-bottom: 30px;
  font-size: 40px;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  /* line 19, ../sass/parts/_title.scss */
  .h2--type01 h2 {
    font-size: 20px;
  }
}

/* line 29, ../sass/parts/_title.scss */
.h2--type02 {
  margin-bottom: 30px;
}
/* line 31, ../sass/parts/_title.scss */
.h2--type02 h2 {
  font-family: 'Avenir Next';
  letter-spacing: 1px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (max-width: 992px) {
  /* line 31, ../sass/parts/_title.scss */
  .h2--type02 h2 {
    margin-bottom: 0;
  }
}

/* line 45, ../sass/parts/_title.scss */
.h2-title--type02 {
  margin-bottom: 30px;
}
/* line 47, ../sass/parts/_title.scss */
.h2-title--type02 h2 {
  font-size: 24px;
}
/* line 50, ../sass/parts/_title.scss */
.h2-title--type02 .small {
  font-size: 21px;
}

/* line 56, ../sass/parts/_title.scss */
.h3-title--type01 {
  margin-bottom: 20px;
}
/* line 58, ../sass/parts/_title.scss */
.h3-title--type01 h3 {
  font-size: 16px;
}

/* line 1, ../sass/parts/_button.scss */
.button {
  display: inline-block;
}
/* line 3, ../sass/parts/_button.scss */
.button.buttonWide--s {
  width: 30%;
}
/* line 6, ../sass/parts/_button.scss */
.button.buttonWide--m {
  width: 60%;
}
/* line 9, ../sass/parts/_button.scss */
.button.buttonWide--l {
  width: 80%;
}
/* line 12, ../sass/parts/_button.scss */
.button.buttonWide--max {
  width: 100%;
}
@media only screen and (max-width: 979px) {
  /* line 1, ../sass/parts/_button.scss */
  .button {
    width: 90% !important;
  }
}
/* line 18, ../sass/parts/_button.scss */
.button .buttonInner {
  display: block;
  width: 100%;
  padding: 30px 25px;
  border: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #2a9d7e;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1em;
}
/* line 31, ../sass/parts/_button.scss */
.button .buttonInner:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/* line 35, ../sass/parts/_button.scss */
.button.buttonColor--gray .buttonInner {
  background: #838383;
}
/* line 38, ../sass/parts/_button.scss */
.button.buttonColor--orenge .buttonInner {
  background: #ec7b44;
}
/* line 42, ../sass/parts/_button.scss */
.button.buttonColor--blue .buttonInner {
  background: #297BFF;
}

/* line 1, ../sass/parts/_footer.scss */
.page_top_sp {
  display: none;
}
@media only screen and (max-width: 992px) {
  /* line 1, ../sass/parts/_footer.scss */
  .page_top_sp {
    display: inherit;
    height: 50px;
  }
  /* line 6, ../sass/parts/_footer.scss */
  .page_top_sp a {
    display: block;
    font-weight: normal;
    color: #FFF;
    background: #3c3d3e;
    line-height: 50px;
    font-family: 'Avenir Next';
    text-align: center;
    font-size: 13px;
    letter-spacing: 1.5px;
  }
  /* line 16, ../sass/parts/_footer.scss */
  .page_top_sp a:hover {
    text-decoration: none;
  }
  /* line 19, ../sass/parts/_footer.scss */
  .page_top_sp a i {
    background: url(/common/img/btn_top.png) left center no-repeat;
    background-size: 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: -3px;
    margin-right: 5px;
  }
}

/* line 34, ../sass/parts/_footer.scss */
#globalFooter {
  position: relative;
  width: 100%;
  min-width: 1000px;
}
@media only screen and (max-width: 992px) {
  /* line 34, ../sass/parts/_footer.scss */
  #globalFooter {
    min-width: 100%;
  }
}
/* line 41, ../sass/parts/_footer.scss */
#globalFooter #footerTop {
  background: #3E4D89;
}
/* line 43, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner {
  width: 1000px;
  padding: 60px 10px 40px 10px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 50, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .logoArea {
  margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
  /* line 43, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner {
    width: 100%;
    height: auto;
    padding: 25px 0 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 58, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .logoArea {
    width: 30px;
    margin: 0 auto 10px;
  }
  /* line 61, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .logoArea img {
    width: 100%;
  }
}
/* line 64, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea {
  float: left;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  /* line 64, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-leftArea {
    float: none;
  }
}
/* line 70, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea .ui-text {
  margin-bottom: 20px;
  color: #adb0c8;
  line-height: 1.6em;
  font-size: 12px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 992px) {
  /* line 70, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-leftArea .ui-text {
    margin-bottom: 10px;
  }
}
/* line 79, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea .ui-text a {
  color: #adb0c8;
}
/* line 81, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea .ui-text a:hover {
  text-decoration: none;
}
/* line 86, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea .fb {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #273C7F;
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
}
/* line 92, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea .fb a {
  display: block;
  transition-property: all;
  transition: 0.1s linear;
}
/* line 96, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea .fb a:hover {
  text-decoration: none;
  background: #1e2e65;
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
}
/* line 104, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea .fb i.icon--fb01 {
  color: #fff;
  font-size: 15px;
  vertical-align: -7px;
}
/* line 35, ../sass/parts/_svg_font.scss */
#globalFooter #footerTop #footerTopInner .ui-leftArea .fb i.icon--fb01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
@media only screen and (max-width: 992px) {
  /* line 86, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-leftArea .fb {
    margin-bottom: 10px;
  }
}
/* line 116, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea {
  float: right;
  width: 490px;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 992px) {
  /* line 116, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-rightArea {
    width: 100%;
  }
}
/* line 124, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea01 {
  float: left;
  width: 150px;
  margin-right: 20px;
}
/* line 129, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea01 dl dt {
  margin-bottom: 10px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  line-height: 1.2em;
}
/* line 136, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea01 dl dd {
  position: relative;
  margin-bottom: 5px;
  padding-left: 17px;
  line-height: 1.2em;
}
/* line 141, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea01 dl dd a {
  display: block;
  font-size: 10px;
  color: #c8cada;
}
/* line 146, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea01 dl dd:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 4px;
  height: 0;
  overflow: hidden;
  margin: 1px 0;
  border-top: 1px solid #fff;
}
@media only screen and (max-width: 992px) {
  /* line 124, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea01 {
    display: none;
  }
}
/* line 164, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea02 {
  float: left;
  width: 150px;
  margin-right: 20px;
}
/* line 169, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea02 ul li {
  line-height: 1.2em;
}
/* line 171, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea02 ul li a {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  /* line 164, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea02 {
    display: none;
  }
}
/* line 185, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 {
  float: left;
  width: 150px;
}
/* line 189, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li {
  margin-bottom: 5px;
}
/* line 192, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li a {
  position: relative;
  display: table-cell;
  width: 145px;
  height: 36px;
  background: #354784;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-indent: -1.2em;
  transition-property: all;
  transition: 0.1s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 207, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li a img {
  vertical-align: middle;
}
/* line 210, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li a i {
  position: absolute;
  right: 10px;
  top: 7px;
}
/* line 214, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li a i.icon--window01 {
  font-size: 9px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/* line 35, ../sass/parts/_svg_font.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li a i.icon--window01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
/* line 220, ../sass/parts/_footer.scss */
#globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li a:hover {
  text-decoration: none;
  background: #2c3e7a;
}
@media only screen and (max-width: 992px) {
  /* line 185, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 {
    float: none;
    width: 100%;
  }
  /* line 230, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul {
    margin: 0 15px;
  }
  /* line 232, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li {
    float: left;
    width: 48%;
  }
  /* line 235, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li:first-child {
    margin-right: 4%;
  }
  /* line 236, ../sass/parts/_footer.scss */
  #globalFooter #footerTop #footerTopInner .ui-rightArea .linkArea03 ul li a {
    display: block;
    width: 100%;
    padding-top: 5px;
  }
}
/* line 248, ../sass/parts/_footer.scss */
#globalFooter #footerBottom {
  padding: 20px 0;
  background: #334481;
}
@media only screen and (max-width: 992px) {
  /* line 248, ../sass/parts/_footer.scss */
  #globalFooter #footerBottom {
    padding: 20px 0;
  }
}
/* line 255, ../sass/parts/_footer.scss */
#globalFooter #footerBottom address {
  text-align: center;
  color: #5b6b9f;
  letter-spacing: 1.8px;
  font-size: 10px;
}
@media only screen and (max-width: 992px) {
  /* line 255, ../sass/parts/_footer.scss */
  #globalFooter #footerBottom address {
    letter-spacing: 1px;
    margin: 0 30px;
    line-height: 1.5;
  }
}

/* line 2, ../sass/pages/_top.scss */
body:before {
  background: #fff !important;
}

@media only screen and (max-width: 992px) {
  /* line 16, ../sass/pages/_top.scss */
  #top-page #contents {
    padding-top: 0 !important;
  }
}

/* line 25, ../sass/pages/_top.scss */
#mainImage {
  position: relative;
  width: 100%;
  height: auto;
  padding: 105px 0;
  background: #75BED0;
  overflow: hidden;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  /* line 25, ../sass/pages/_top.scss */
  #mainImage {
    padding: 80px 0 30px 0;
  }
}
/* line 36, ../sass/pages/_top.scss */
#mainImage span {
  padding-left: 78px;
}
@media only screen and (max-width: 992px) {
  /* line 36, ../sass/pages/_top.scss */
  #mainImage span {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 992px) {
  /* line 41, ../sass/pages/_top.scss */
  #mainImage span img {
    width: 100%;
  }
}

/* line 49, ../sass/pages/_top.scss */
.section-news {
  padding: 35px 0 40px 0;
  background: url(img/section_bg02.png) left top repeat;
}
@media only screen and (max-width: 992px) {
  /* line 49, ../sass/pages/_top.scss */
  .section-news {
    padding: 40px 0 35px 0;
  }
}
/* line 57, ../sass/pages/_top.scss */
.section-news #js-slider ul {
  width: 990px;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  /* line 57, ../sass/pages/_top.scss */
  .section-news #js-slider ul {
    width: auto !important;
  }
}
/* line 63, ../sass/pages/_top.scss */
.section-news #js-slider ul li {
  display: block;
  width: 300px;
  height: 270px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px;
  background: #fff;
}
@media only screen and (max-width: 992px) {
  /* line 63, ../sass/pages/_top.scss */
  .section-news #js-slider ul li {
    width: 245px;
    height: 220px;
  }
}
/* line 74, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-thumbnail {
  position: relative;
  height: 163px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  /* line 74, ../sass/pages/_top.scss */
  .section-news #js-slider ul li .ui-thumbnail {
    height: 115px;
  }
}
/* line 81, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-thumbnail .topicsCategory {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 65px 75px 0 0;
  border-color: #F3A534 transparent transparent transparent;
  line-height: 0px;
  _border-color: #F3A534 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  color: #fff;
  z-index: 1000;
}
/* line 96, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-thumbnail .topicsCategory.category-01 {
  border-color: #035CC7 transparent transparent transparent;
}

/* line 99, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-thumbnail .topicsCategory.category-02 {
  border-color: #FFCE54 transparent transparent transparent;
}

/* line 102, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-thumbnail .topicsCategory.category-03 {
  border-color: #00C5DE transparent transparent transparent;
}
/* line 106, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-thumbnail .topicsCategory span {
  position: absolute;
  left: -7px;
  top: -44px;
  display: block;
  width: 70px;
  height: 10px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  transform: rotate(-45deg);
}
@media only screen and (max-width: 992px) {
  /* line 119, ../sass/pages/_top.scss */
  .section-news #js-slider ul li .ui-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
/* line 127, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-wrapper {
  padding: 20px 20px  20px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 127, ../sass/pages/_top.scss */
  .section-news #js-slider ul li .ui-wrapper {
    padding: 15px 15px 20px;
  }
}
/* line 134, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-wrapper time {
  margin-bottom: 8px;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  /* line 134, ../sass/pages/_top.scss */
  .section-news #js-slider ul li .ui-wrapper time {
    font-weight: normal;
  }
}
/* line 141, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-wrapper .ui-title {
  line-height: 1.5em;
}
@media only screen and (max-width: 992px) {
  /* line 141, ../sass/pages/_top.scss */
  .section-news #js-slider ul li .ui-wrapper .ui-title {
    font-size: 13px;
  }
}
/* line 147, ../sass/pages/_top.scss */
.section-news #js-slider ul li .ui-wrapper .ui-title a {
  color: #000000;
}
/* line 155, ../sass/pages/_top.scss */
.section-news #js-slider .prev {
  position: absolute;
  top: 50%;
  left: -70px;
  transform: translate(0, -50%);
  font-size: 55px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}
/* line 35, ../sass/parts/_svg_font.scss */
.section-news #js-slider .prev:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
@media only screen and (max-width: 992px) {
  /* line 155, ../sass/pages/_top.scss */
  .section-news #js-slider .prev {
    display: none !important;
  }
}
/* line 168, ../sass/pages/_top.scss */
.section-news #js-slider .prev:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/* line 173, ../sass/pages/_top.scss */
.section-news #js-slider .next {
  position: absolute;
  top: 50%;
  right: -70px;
  transform: translate(0, -50%);
  font-size: 55px;
  color: #4d4d4d;
  text-decoration: none;
  z-index: 5000;
}
/* line 35, ../sass/parts/_svg_font.scss */
.section-news #js-slider .next:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
@media only screen and (max-width: 992px) {
  /* line 173, ../sass/pages/_top.scss */
  .section-news #js-slider .next {
    display: none !important;
  }
}
/* line 186, ../sass/pages/_top.scss */
.section-news #js-slider .next:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/* line 193, ../sass/pages/_top.scss */
.section-news a {
  color: #000000;
  display: block;
}
/* line 196, ../sass/pages/_top.scss */
.section-news a:hover {
  text-decoration: none;
}
/* line 198, ../sass/pages/_top.scss */
.section-news a:hover .ui-wrapper {
  background: #fafafa !important;
}
@media only screen and (max-width: 992px) {
  /* line 198, ../sass/pages/_top.scss */
  .section-news a:hover .ui-wrapper {
    min-height: auto;
  }
}
/* line 206, ../sass/pages/_top.scss */
.section-news .moreBtn {
  margin: 0 auto;
  width: 170px;
}
/* line 209, ../sass/pages/_top.scss */
.section-news .moreBtn a {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #000;
  padding: 7px 30px;
  letter-spacing: 1px;
  margin: 28px 0 0;
  border-radius: 40px;
  font-family: 'Avenir Next';
  transition-property: all;
  transition: 0.1s linear;
}
/* line 222, ../sass/pages/_top.scss */
.section-news .moreBtn a:hover {
  background: #000;
  color: #fff;
}

/* line 229, ../sass/pages/_top.scss */
.section-webe {
  background: url(img/section_bg01.png) left top repeat;
}
/* line 231, ../sass/pages/_top.scss */
.section-webe h2 {
  margin-bottom: 12px;
}
/* line 233, ../sass/pages/_top.scss */
.section-webe h2 img {
  width: 61px;
}
/* line 238, ../sass/pages/_top.scss */
.section-webe ul li {
  height: 290px !important;
}
/* line 243, ../sass/pages/_top.scss */
.section-webe p.info {
  font-size: 13px;
  text-align: center;
}

/* line 249, ../sass/pages/_top.scss */
.section-service {
  padding: 80px 0 0 0;
}
@media only screen and (max-width: 992px) {
  /* line 249, ../sass/pages/_top.scss */
  .section-service {
    padding: 35px 0 0 0;
  }
}
/* line 254, ../sass/pages/_top.scss */
.section-service .serviceList {
  margin-top: 80px;
}
@media only screen and (max-width: 992px) {
  /* line 254, ../sass/pages/_top.scss */
  .section-service .serviceList {
    margin-top: 0;
  }
}
/* line 261, ../sass/pages/_top.scss */
.section-service .serviceList ul li {
  position: relative;
  float: left;
  display: block;
  width: 33%;
  height: 270px;
  overflow: hidden;
}
/* line 269, ../sass/pages/_top.scss */
.section-service .serviceList ul li:first-child + *, .section-service .serviceList ul li:first-child + * + * + * + * {
  width: 34%;
}
@media only screen and (max-width: 992px) {
  /* line 269, ../sass/pages/_top.scss */
  .section-service .serviceList ul li:first-child + *, .section-service .serviceList ul li:first-child + * + * + * + * {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  /* line 261, ../sass/pages/_top.scss */
  .section-service .serviceList ul li {
    float: none;
    width: 100%;
    height: 85px;
  }
}
/* line 281, ../sass/pages/_top.scss */
.section-service .serviceList ul li .filter {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 100;
}
@media only screen and (max-width: 992px) {
  /* line 281, ../sass/pages/_top.scss */
  .section-service .serviceList ul li .filter {
    display: none;
  }
}
/* line 294, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-web .filter {
  background: rgba(0, 0, 0, 0.4);
}

/* line 297, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-video .filter {
  background: rgba(0, 0, 0, 0.3);
}

/* line 300, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-promotion .filter {
  background: rgba(0, 0, 0, 0.4);
}

/* line 303, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-contentsMarketing .filter {
  background: rgba(0, 0, 0, 0.4);
}

/* line 306, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-crowdsourcing .filter {
  background: rgba(0, 0, 0, 0.4);
}

/* line 309, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-writing .filter {
  background: rgba(0, 0, 0, 0.5);
}
/* line 317, ../sass/pages/_top.scss */
.section-service .serviceList ul li a:hover {
  text-decoration: none;
}
/* line 319, ../sass/pages/_top.scss */
.section-service .serviceList ul li a:hover img {
  transform: scale(1.05);
}
/* line 325, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-video a:hover .serviceTitle .ui-title {
  color: #035CC7;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  /* line 325, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-video a:hover .serviceTitle .ui-title {
    color: #fff;
  }
}

/* line 333, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-web a:hover .serviceTitle .ui-title {
  color: #00C4DE;
}
@media only screen and (max-width: 992px) {
  /* line 333, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-web a:hover .serviceTitle .ui-title {
    color: #fff;
  }
}

/* line 339, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-contentsMarketing a:hover .serviceTitle .ui-title {
  color: #3D3086;
}
@media only screen and (max-width: 992px) {
  /* line 339, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-contentsMarketing a:hover .serviceTitle .ui-title {
    color: #fff;
  }
}

/* line 346, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-promotion a:hover .serviceTitle .ui-title {
  color: #ebba37;
}
@media only screen and (max-width: 992px) {
  /* line 346, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-promotion a:hover .serviceTitle .ui-title {
    color: #fff;
  }
}

/* line 352, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-writing a:hover .serviceTitle .ui-title {
  color: #8BC751;
}
@media only screen and (max-width: 992px) {
  /* line 352, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-writing a:hover .serviceTitle .ui-title {
    color: #fff;
  }
}

/* line 358, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-crowdsourcing a:hover .serviceTitle .ui-title {
  color: #00c4a2;
  color: #fff;
}
/* line 365, ../sass/pages/_top.scss */
.section-service .serviceList ul li a:hover .filter {
  background: rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 992px) {
  /* line 314, ../sass/pages/_top.scss */
  .section-service .serviceList ul li a {
    display: table;
    width: 100%;
  }
}
/* line 375, ../sass/pages/_top.scss */
.section-service .serviceList ul li img {
  transition: all 0.5s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 992px) {
  /* line 375, ../sass/pages/_top.scss */
  .section-service .serviceList ul li img {
    display: table-cell;
    height: 85px;
  }
}
/* line 386, ../sass/pages/_top.scss */
.section-service .serviceList ul li .serviceTitle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 100;
}
@media only screen and (max-width: 992px) {
  /* line 386, ../sass/pages/_top.scss */
  .section-service .serviceList ul li .serviceTitle {
    display: table-cell;
    position: static;
    width: auto;
    height: 85px;
    padding: 0 35px;
    transform: translate(0, 0);
    vertical-align: middle;
  }
  /* line 404, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-video .serviceTitle {
    background: #035CC7;
  }

  /* line 407, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-web .serviceTitle {
    background: #00C4DE;
  }

  /* line 410, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-contentsMarketing .serviceTitle {
    background: #3D3086;
  }

  /* line 413, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-promotion .serviceTitle {
    background: #ebba37;
  }

  /* line 416, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-writing .serviceTitle {
    background: #8BC751;
  }

  /* line 419, ../sass/pages/_top.scss */
  .section-service .serviceList ul li.service-crowdsourcing .serviceTitle {
    background: #00c4a2;
  }
}
/* line 424, ../sass/pages/_top.scss */
.section-service .serviceList ul li .serviceTitle .ui-title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 23px;
  letter-spacing: 2px;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  /* line 424, ../sass/pages/_top.scss */
  .section-service .serviceList ul li .serviceTitle .ui-title {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 16px;
    white-space: nowrap;
  }
}
/* line 439, ../sass/pages/_top.scss */
.section-service .serviceList ul li .serviceTitle .ui-title:before {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin-left: -25px;
  background: #fff;
}
/* line 450, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-video .serviceTitle .ui-title:before {
  background: #035CC7;
}

/* line 453, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-web .serviceTitle .ui-title:before {
  background: #00C4DE;
}

/* line 456, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-contentsMarketing .serviceTitle .ui-title:before {
  background: #3D3086;
}

/* line 459, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-promotion .serviceTitle .ui-title:before {
  background: #ebba37;
}

/* line 462, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-writing .serviceTitle .ui-title:before {
  background: #8BC751;
}

/* line 465, ../sass/pages/_top.scss */
.section-service .serviceList ul li.service-crowdsourcing .serviceTitle .ui-title:before {
  background: #00c4a2;
}
@media only screen and (max-width: 992px) {
  /* line 439, ../sass/pages/_top.scss */
  .section-service .serviceList ul li .serviceTitle .ui-title:before {
    display: none;
  }
}
/* line 474, ../sass/pages/_top.scss */
.section-service .serviceList ul li .serviceTitle .ui-sub {
  color: #fff;
}
@media only screen and (max-width: 992px) {
  /* line 474, ../sass/pages/_top.scss */
  .section-service .serviceList ul li .serviceTitle .ui-sub {
    white-space: nowrap;
    font-size: 11px;
    line-height: 1;
  }
}

/* line 489, ../sass/pages/_top.scss */
.section-ownedMedia {
  padding: 100px 0 160px 0;
  background: url(img/section_bg01.png) left top repeat;
}
@media only screen and (max-width: 992px) {
  /* line 489, ../sass/pages/_top.scss */
  .section-ownedMedia {
    padding: 50px 0 50px 0;
  }
}
/* line 495, ../sass/pages/_top.scss */
.section-ownedMedia .ownedMediaList {
  margin-top: 60px;
}
@media only screen and (max-width: 992px) {
  /* line 495, ../sass/pages/_top.scss */
  .section-ownedMedia .ownedMediaList {
    margin-top: 0;
  }
}
/* line 500, ../sass/pages/_top.scss */
.section-ownedMedia .ownedMediaList ul {
  text-align: center;
  font-size: 0;
  line-height: 0;
}
/* line 504, ../sass/pages/_top.scss */
.section-ownedMedia .ownedMediaList ul li {
  display: inline-block;
  border: solid 1px #D4D1C2;
  margin: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 509, ../sass/pages/_top.scss */
.section-ownedMedia .ownedMediaList ul li a {
  display: table-cell;
  height: 65px;
  padding: 0 25px;
  vertical-align: middle;
}

/* line 525, ../sass/pages/_top.scss */
.section-company {
  position: relative;
  height: 650px;
  background: url(img/company_bg.jpg) center top no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 525, ../sass/pages/_top.scss */
  .section-company {
    height: auto;
    background: url(img/company_bg_sp.jpg) center top no-repeat;
    background-size: cover;
  }
}
/* line 536, ../sass/pages/_top.scss */
.section-company .pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 544, ../sass/pages/_top.scss */
.section-company .companyInfo {
  position: relative;
  padding-top: 260px;
  z-index: 2;
}
@media only screen and (max-width: 992px) {
  /* line 544, ../sass/pages/_top.scss */
  .section-company .companyInfo {
    padding: 90px 0 10px;
  }
}
/* line 551, ../sass/pages/_top.scss */
.section-company .companyInfo .logoArea {
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  /* line 551, ../sass/pages/_top.scss */
  .section-company .companyInfo .logoArea {
    display: none;
  }
}
/* line 558, ../sass/pages/_top.scss */
.section-company .companyInfo .ui-text {
  margin-bottom: 20px;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 4px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  /* line 558, ../sass/pages/_top.scss */
  .section-company .companyInfo .ui-text {
    font-size: 14px;
    margin-bottom: 10px;
    font-size: 14px;
    margin-top: 45px;
    letter-spacing: 3.5px;
  }
}
/* line 575, ../sass/pages/_top.scss */
.section-company .companyInfo .linkArea {
  width: 404px;
  margin: 0 auto 20px auto;
}
@media only screen and (max-width: 992px) {
  /* line 575, ../sass/pages/_top.scss */
  .section-company .companyInfo .linkArea {
    width: auto;
  }
}
@media only screen and (max-width: 992px) {
  /* line 582, ../sass/pages/_top.scss */
  .section-company .companyInfo .linkArea ul {
    padding: 0 24px;
  }
}
/* line 586, ../sass/pages/_top.scss */
.section-company .companyInfo .linkArea ul li {
  float: left;
  display: block;
  margin: 0 6px 10px 6px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 586, ../sass/pages/_top.scss */
  .section-company .companyInfo .linkArea ul li {
    width: 50%;
    margin: 0;
    padding: 0 6px 10px 6px;
  }
}
/* line 597, ../sass/pages/_top.scss */
.section-company .companyInfo .linkArea ul li a {
  position: relative;
  display: table-cell;
  width: 190px;
  height: 50px;
  border: solid 2px #fff;
  letter-spacing: 1.5px;
  padding: 0 25px;
  vertical-align: middle;
  transition-property: all;
  transition: 0.1s linear;
  font-family: 'Avenir Next';
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 597, ../sass/pages/_top.scss */
  .section-company .companyInfo .linkArea ul li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 0;
    font-size: 11px;
  }
}
/* line 620, ../sass/pages/_top.scss */
.section-company .companyInfo .linkArea ul li a:hover {
  text-decoration: none;
  background: #fff;
  color: #3E4D89;
}
/* line 626, ../sass/pages/_top.scss */
.section-company .companyInfo .linkArea ul li a i.icon--window01 {
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 8px;
}
/* line 35, ../sass/parts/_svg_font.scss */
.section-company .companyInfo .linkArea ul li a i.icon--window01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
@media only screen and (max-width: 992px) {
  /* line 626, ../sass/pages/_top.scss */
  .section-company .companyInfo .linkArea ul li a i.icon--window01 {
    top: 6px;
  }
}
/* line 641, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom {
  width: 404px;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  /* line 641, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom {
    width: auto;
  }
}
/* line 648, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom ul li {
  position: relative;
  padding-left: 90px;
  margin-bottom: 30px;
  line-height: 1.2em;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  /* line 656, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom ul li.address {
    padding-left: 0;
  }

  /* line 659, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom ul li.tell {
    padding-left: 0;
    text-align: center;
  }
}
/* line 665, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 65px;
  width: 0;
  height: 17px;
  overflow: hidden;
  margin: 1px 0;
  border-left: 1px solid #fff;
}
@media only screen and (max-width: 992px) {
  /* line 678, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom ul li.address:before {
    display: none;
  }

  /* line 681, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom ul li.tell:before {
    position: relative;
    top: 0;
    left: none;
    right: 0;
    margin: 0 15px 0 0;
  }
}
/* line 691, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom ul li.address {
  font-size: 13px;
}
@media only screen and (max-width: 992px) {
  /* line 691, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom ul li.address {
    text-align: center;
    line-height: 1.5;
  }
}
/* line 698, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom ul li.tell {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 1px;
}
/* line 702, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom ul li.tell a {
  color: #fff;
}
/* line 706, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom ul li i {
  position: absolute;
}
@media only screen and (max-width: 992px) {
  /* line 710, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom ul li.tell i {
    position: static;
  }
}
/* line 715, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom ul li i.icon--building01 {
  left: 20px;
  font-size: 30px;
}
/* line 35, ../sass/parts/_svg_font.scss */
.section-company .companyInfo .companyInfoBottom ul li i.icon--building01:after {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
@media only screen and (max-width: 992px) {
  /* line 715, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom ul li i.icon--building01 {
    display: none;
  }
}
/* line 723, ../sass/pages/_top.scss */
.section-company .companyInfo .companyInfoBottom ul li i.icon--phone01 {
  left: 13px;
  font-size: 25px;
}
/* line 35, ../sass/parts/_svg_font.scss */
.section-company .companyInfo .companyInfoBottom ul li i.icon--phone01:after {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
@media only screen and (max-width: 992px) {
  /* line 723, ../sass/pages/_top.scss */
  .section-company .companyInfo .companyInfoBottom ul li i.icon--phone01 {
    margin-right: 30px;
  }
}

/* line 740, ../sass/pages/_top.scss */
.section-map {
  height: 380px;
}
@media only screen and (max-width: 992px) {
  /* line 740, ../sass/pages/_top.scss */
  .section-map {
    height: 225px;
  }
}
/* line 745, ../sass/pages/_top.scss */
.section-map iframe {
  width: 100%;
  height: 100%;
}

/* line 1, ../sass/pages/_company.scss */
#contentsBasicHeader {
  position: relative;
  width: 100%;
  height: 300px;
  background: url(/common/css/img/img.jpg) no-repeat center 0;
  background-size: cover;
}
@media only screen and (max-width: 992px) {
  /* line 1, ../sass/pages/_company.scss */
  #contentsBasicHeader {
    height: 140px;
  }
}
/* line 10, ../sass/pages/_company.scss */
#contentsBasicHeader h1 {
  padding-top: 120px;
  color: #FFF;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  line-height: 1.8;
}
/* line 20, ../sass/pages/_company.scss */
#contentsBasicHeader h1 span {
  display: block;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.5px;
  font-family: 'Avenir Next';
}
@media only screen and (max-width: 992px) {
  /* line 10, ../sass/pages/_company.scss */
  #contentsBasicHeader h1 {
    padding-top: 60px;
    font-size: 17px;
  }
  /* line 32, ../sass/pages/_company.scss */
  #contentsBasicHeader h1 span {
    font-size: 12px;
  }
}

/* line 40, ../sass/pages/_company.scss */
.pc_block {
  display: block;
}

/* line 44, ../sass/pages/_company.scss */
dl.dl_list,
dl.dl_list_business {
  margin-bottom: 80px;
}
@media only screen and (max-width: 992px) {
  /* line 44, ../sass/pages/_company.scss */
  dl.dl_list,
  dl.dl_list_business {
    margin: 0 15px 20px;
  }
}
/* line 50, ../sass/pages/_company.scss */
dl.dl_list dt,
dl.dl_list_business dt {
  clear: both;
  float: left;
  width: 194px;
  padding: 35px 10px;
  border-top: 1px solid #000;
  font-weight: bold;
  font-size: 16px;
}
/* line 59, ../sass/pages/_company.scss */
dl.dl_list dd,
dl.dl_list_business dd {
  margin-left: 215px;
  padding: 35px 20px;
  border-top: 1px solid #dadada;
  font-size: 15px;
}
@media only screen and (max-width: 992px) {
  /* line 66, ../sass/pages/_company.scss */
  dl.dl_list dt,
  dl.dl_list_business dt {
    position: relative;
    float: none;
    width: auto;
    padding: 15px 5px 0;
    border-top: 1px solid #dadada;
    font-weight: bold;
    font-size: 13px;
  }
  /* line 74, ../sass/pages/_company.scss */
  dl.dl_list dt:before,
  dl.dl_list_business dt:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: -1px;
  }
  /* line 81, ../sass/pages/_company.scss */
  dl.dl_list dt:before,
  dl.dl_list_business dt:before {
    width: 10%;
    top: -1px;
    left: 0;
    background: #000;
  }
  /* line 88, ../sass/pages/_company.scss */
  dl.dl_list dd,
  dl.dl_list_business dd {
    margin-left: 0;
    padding: 0 5px 15px;
    border-top: none;
    font-size: 12px;
  }
}

/* line 97, ../sass/pages/_company.scss */
dl.dl_list_business dt {
  border-top: 1px solid #adadad;
}
/* line 99, ../sass/pages/_company.scss */
dl.dl_list_business dt.ti_video {
  border-top: 1px solid #035CC7;
}
/* line 100, ../sass/pages/_company.scss */
dl.dl_list_business dt.ti_web {
  border-top: 1px solid #00C4DE;
}
/* line 101, ../sass/pages/_company.scss */
dl.dl_list_business dt.ti_contents_m {
  border-top: 1px solid #3D3086;
}
@media only screen and (max-width: 992px) {
  /* line 103, ../sass/pages/_company.scss */
  dl.dl_list_business dt.ti_video, dl.dl_list_business dt.ti_web, dl.dl_list_business dt.ti_contents_m {
    border-top: 1px solid #dadada;
  }
  /* line 108, ../sass/pages/_company.scss */
  dl.dl_list_business dt:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: -1px;
  }
  /* line 115, ../sass/pages/_company.scss */
  dl.dl_list_business dt:before {
    width: 10%;
    top: -1px;
    left: 0;
    background: #000;
  }
  /* line 121, ../sass/pages/_company.scss */
  dl.dl_list_business dt.ti_video:before {
    background: #035CC7;
  }
  /* line 122, ../sass/pages/_company.scss */
  dl.dl_list_business dt.ti_web:before {
    background: #00C4DE;
  }
  /* line 123, ../sass/pages/_company.scss */
  dl.dl_list_business dt.ti_contents_m:before {
    background: #3D3086;
  }
}

/* line 128, ../sass/pages/_company.scss */
.ggmap {
  position: relative;
  margin: 20px 0 10px;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  /* line 128, ../sass/pages/_company.scss */
  .ggmap {
    margin: 10px 0 5px;
  }
}
/* line 138, ../sass/pages/_company.scss */
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 148, ../sass/pages/_company.scss */
.map_btn {
  color: #404b8c;
  font-size: 12px;
}
@media only screen and (max-width: 992px) {
  /* line 148, ../sass/pages/_company.scss */
  .map_btn {
    display: none;
  }
}

/* line 158, ../sass/pages/_company.scss */
.page-philosophy .philosophyHeader {
  padding-bottom: 85px;
}
@media only screen and (max-width: 992px) {
  /* line 158, ../sass/pages/_company.scss */
  .page-philosophy .philosophyHeader {
    padding-bottom: 30px;
  }
}
/* line 163, ../sass/pages/_company.scss */
.page-philosophy .philosophyHeader h2 {
  margin-bottom: 30px;
  font-size: 24px;
  text-align: center;
  line-height: 1.4em;
}
@media only screen and (max-width: 992px) {
  /* line 163, ../sass/pages/_company.scss */
  .page-philosophy .philosophyHeader h2 {
    font-size: 16px;
  }
}
/* line 172, ../sass/pages/_company.scss */
.page-philosophy .philosophyHeader p {
  font-size: 16px;
  text-align: center;
  line-height: 1.6em;
}
@media only screen and (max-width: 992px) {
  /* line 172, ../sass/pages/_company.scss */
  .page-philosophy .philosophyHeader p {
    padding: 0 15px;
    font-size: 13px;
  }
}
/* line 182, ../sass/pages/_company.scss */
.page-philosophy .contentsOuter {
  background: #F4F4F4;
}
/* line 184, ../sass/pages/_company.scss */
.page-philosophy .contentsOuter .contentsInner {
  width: 1200px !important;
}
@media only screen and (max-width: 992px) {
  /* line 184, ../sass/pages/_company.scss */
  .page-philosophy .contentsOuter .contentsInner {
    width: 100% !important;
  }
}
/* line 191, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda {
  padding: 40px 0 100px 0;
}
@media only screen and (max-width: 620px) {
  /* line 191, ../sass/pages/_company.scss */
  .page-philosophy .actionAgenda {
    padding: 40px 0 30px 0;
  }
}
/* line 196, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .titleWrapper {
  position: relative;
  width: 100px;
  margin: 0 auto 50px auto;
}
@media only screen and (max-width: 992px) {
  /* line 196, ../sass/pages/_company.scss */
  .page-philosophy .actionAgenda .titleWrapper {
    margin-bottom: 36px;
  }
}
/* line 203, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .titleWrapper h3 {
  font-size: 16px;
  text-align: center;
}
/* line 206, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .titleWrapper h3:before, .page-philosophy .actionAgenda .titleWrapper h3:after {
  position: absolute;
  content: '';
  width: 9px;
  height: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 215, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .titleWrapper h3:before {
  top: 0;
  left: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
/* line 221, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .titleWrapper h3:after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
@media only screen and (max-width: 992px) {
  /* line 229, ../sass/pages/_company.scss */
  .page-philosophy .actionAgenda .actionAgendaList {
    text-align: center;
  }
}
/* line 234, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .actionAgendaList dl {
  position: relative;
  float: left;
  width: 300px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 234, ../sass/pages/_company.scss */
  .page-philosophy .actionAgenda .actionAgendaList dl {
    display: inline-block;
    float: none;
    height: 230px;
    padding: 40px 20px 0;
    margin: 0 0 30px 0;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
}
@media only screen and (max-width: 620px) {
  /* line 234, ../sass/pages/_company.scss */
  .page-philosophy .actionAgenda .actionAgendaList dl {
    height: auto;
  }
}
/* line 252, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .actionAgendaList dl:before {
  position: absolute;
  top: -10px;
  right: 0;
  content: "";
  display: block;
  width: 0;
  height: 250px;
  border-right: solid 1px #CACACA;
}
@media only screen and (max-width: 992px) {
  /* line 252, ../sass/pages/_company.scss */
  .page-philosophy .actionAgenda .actionAgendaList dl:before {
    border-right: none;
    display: none;
  }
}
/* line 267, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .actionAgendaList dl:last-child:before {
  display: none;
}
/* line 271, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .actionAgendaList dl dt {
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.5em;
}
@media only screen and (max-width: 992px) {
  /* line 271, ../sass/pages/_company.scss */
  .page-philosophy .actionAgenda .actionAgendaList dl dt {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
/* line 281, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .actionAgendaList dl dt.textAdjust {
  text-indent: -1em;
}
/* line 283, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .actionAgendaList dl dt.textAdjust span {
  margin-right: -0.3em;
}
/* line 287, ../sass/pages/_company.scss */
.page-philosophy .actionAgenda .actionAgendaList dl dt span {
  font-size: 50px;
  letter-spacing: -5px;
}
@media only screen and (max-width: 992px) {
  /* line 287, ../sass/pages/_company.scss */
  .page-philosophy .actionAgenda .actionAgendaList dl dt span {
    font-size: 35px;
    padding-right: 5px;
  }
}

/* line 309, ../sass/pages/_company.scss */
.page-web #contentsBasicFooter,
.page-video #contentsBasicFooter,
.page-contentsmarketing #contentsBasicFooter,
.page-promotion #contentsBasicFooter,
.page-writing #contentsBasicFooter,
.page-crowdsourcing #contentsBasicFooter {
  background: url(/common/css/img/footer_searvice.jpg) no-repeat center 0;
  background-size: cover;
}
/* line 312, ../sass/pages/_company.scss */
.page-web #contentsBasicFooter h1,
.page-video #contentsBasicFooter h1,
.page-contentsmarketing #contentsBasicFooter h1,
.page-promotion #contentsBasicFooter h1,
.page-writing #contentsBasicFooter h1,
.page-crowdsourcing #contentsBasicFooter h1 {
  color: #000;
  font-weight: bold;
}
/* line 318, ../sass/pages/_company.scss */
.page-web #contentsBasicFooter ul li a,
.page-video #contentsBasicFooter ul li a,
.page-contentsmarketing #contentsBasicFooter ul li a,
.page-promotion #contentsBasicFooter ul li a,
.page-writing #contentsBasicFooter ul li a,
.page-crowdsourcing #contentsBasicFooter ul li a {
  color: #000;
}
/* line 320, ../sass/pages/_company.scss */
.page-web #contentsBasicFooter ul li a:hover,
.page-video #contentsBasicFooter ul li a:hover,
.page-contentsmarketing #contentsBasicFooter ul li a:hover,
.page-promotion #contentsBasicFooter ul li a:hover,
.page-writing #contentsBasicFooter ul li a:hover,
.page-crowdsourcing #contentsBasicFooter ul li a:hover {
  color: #555 !important;
}

/* line 331, ../sass/pages/_company.scss */
#contentsBasicFooter {
  position: relative;
  width: 100%;
  height: 108px;
  padding: 40px 0 10px;
  background: url(/common/css/img/footer_company.jpg) no-repeat center 0;
  background-size: cover;
}
@media only screen and (max-width: 992px) {
  /* line 331, ../sass/pages/_company.scss */
  #contentsBasicFooter {
    position: static;
    width: 100%;
    height: auto;
    padding: 0;
    background: none;
  }
}
/* line 345, ../sass/pages/_company.scss */
#contentsBasicFooter h1 {
  margin-bottom: 20px;
  font-size: 17px;
  color: #FFF;
  text-align: center;
  letter-spacing: 1.5px;
  line-height: 2;
  font-family: 'Avenir Next';
}
@media only screen and (max-width: 992px) {
  /* line 345, ../sass/pages/_company.scss */
  #contentsBasicFooter h1 {
    display: none;
  }
}
/* line 358, ../sass/pages/_company.scss */
#contentsBasicFooter ul {
  list-style: none;
  text-align: center;
}
/* line 361, ../sass/pages/_company.scss */
#contentsBasicFooter ul li {
  display: inline;
  margin: 0 25px;
  font-size: 14px;
}
@media only screen and (max-width: 992px) {
  /* line 361, ../sass/pages/_company.scss */
  #contentsBasicFooter ul li {
    display: block;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #CBCBCB;
    text-align: left;
    font-size: 13px;
  }
}
/* line 373, ../sass/pages/_company.scss */
#contentsBasicFooter ul li a {
  color: #FFF;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 992px) {
  /* line 373, ../sass/pages/_company.scss */
  #contentsBasicFooter ul li a {
    display: block;
    padding: 10px 0 10px 20px;
    color: #3c3d3e;
    background: #EFEFEF url(/common/css/img/ico_sp_bot.png) no-repeat center right;
    background-size: 24px;
  }
  /* line 382, ../sass/pages/_company.scss */
  #contentsBasicFooter ul li a:hover {
    text-decoration: none;
  }
}

/* line 2, ../sass/pages/_service.scss */
#serviceHeader {
  position: relative;
  width: 100%;
  height: 300px;
  background: url(/common/css/img/img.jpg) no-repeat center 0;
  background-size: cover;
}
/* line 10, ../sass/pages/_service.scss */
.page-web #serviceHeader {
  background: url(/common/css/img/head_bg_web.png) no-repeat center 0;
  background-size: cover;
}

/* line 15, ../sass/pages/_service.scss */
.page-video #serviceHeader {
  background: url(/common/css/img/head_bg_video.png) no-repeat center 0;
  background-size: cover;
}

/* line 20, ../sass/pages/_service.scss */
.page-promotion #serviceHeader {
  background: url(/common/css/img/head_bg_pr.png) no-repeat center 0;
  background-size: cover;
}

/* line 26, ../sass/pages/_service.scss */
.page-writing #serviceHeader {
  background: url(/common/css/img/head_bg_writing.png) no-repeat center 0;
  background-size: cover;
}

/* line 31, ../sass/pages/_service.scss */
.page-crowdsourcing #serviceHeader {
  background: url(/common/css/img/head_bg_cs.png) no-repeat center 0;
  background-size: cover;
}

/* line 36, ../sass/pages/_service.scss */
.page-contentsmarketing #serviceHeader {
  background: url(/common/css/img/head_bg_cm.png) no-repeat center 0;
  background-size: cover;
}
@media only screen and (max-width: 992px) {
  /* line 2, ../sass/pages/_service.scss */
  #serviceHeader {
    height: 170px;
  }
}
/* line 45, ../sass/pages/_service.scss */
#serviceHeader h1 {
  padding-top: 115px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  /* line 45, ../sass/pages/_service.scss */
  #serviceHeader h1 {
    line-height: 1.5em;
    padding-top: 60px;
  }
}
/* line 52, ../sass/pages/_service.scss */
#serviceHeader h1 .top {
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px 15px 6px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  font-family: 'Avenir Next';
  font-size: 13px;
  color: #fff;
  line-height: 1em;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 992px) {
  /* line 52, ../sass/pages/_service.scss */
  #serviceHeader h1 .top {
    margin-bottom: 5px;
    padding: 6px 15px 4px 15px;
    font-size: 10px;
  }
}
/* line 69, ../sass/pages/_service.scss */
.page-web #serviceHeader h1 .top {
  background: #00C4DE;
}

/* line 73, ../sass/pages/_service.scss */
.page-video #serviceHeader h1 .top {
  background: #035CC7;
}

/* line 77, ../sass/pages/_service.scss */
.page-promotion #serviceHeader h1 .top {
  background: #ebba37;
}

/* line 81, ../sass/pages/_service.scss */
.page-writing #serviceHeader h1 .top {
  background: #8BC751;
}

/* line 85, ../sass/pages/_service.scss */
.page-crowdsourcing #serviceHeader h1 .top {
  background: #00c4a2;
}

/* line 89, ../sass/pages/_service.scss */
.page-contentsmarketing #serviceHeader h1 .top {
  background: #3D3086;
}
/* line 94, ../sass/pages/_service.scss */
#serviceHeader h1 .middle {
  font-family: 'Avenir Next';
  font-size: 34px;
}
@media only screen and (max-width: 992px) {
  /* line 94, ../sass/pages/_service.scss */
  #serviceHeader h1 .middle {
    font-size: 24px;
    line-height: 1em;
  }
}
/* line 103, ../sass/pages/_service.scss */
.page-web #serviceHeader h1 .middle {
  color: #00C4DE;
}

/* line 107, ../sass/pages/_service.scss */
.page-video #serviceHeader h1 .middle {
  color: #035CC7;
}

/* line 111, ../sass/pages/_service.scss */
.page-promotion #serviceHeader h1 .middle {
  color: #ebba37;
}

/* line 115, ../sass/pages/_service.scss */
.page-writing #serviceHeader h1 .middle {
  color: #8BC751;
}

/* line 119, ../sass/pages/_service.scss */
.page-crowdsourcing #serviceHeader h1 .middle {
  color: #00c4a2;
}

/* line 123, ../sass/pages/_service.scss */
.page-contentsmarketing #serviceHeader h1 .middle {
  color: #3D3086;
}
/* line 128, ../sass/pages/_service.scss */
#serviceHeader h1 .bottom {
  color: #fff;
}
@media only screen and (max-width: 992px) {
  /* line 128, ../sass/pages/_service.scss */
  #serviceHeader h1 .bottom {
    font-size: 13px;
  }
}

/* line 137, ../sass/pages/_service.scss */
.serviceTop {
  padding-bottom: 90px;
}
@media only screen and (max-width: 992px) {
  /* line 137, ../sass/pages/_service.scss */
  .serviceTop {
    padding: 0 15px 25px 15px;
  }
}
/* line 142, ../sass/pages/_service.scss */
.serviceTop .subCatch {
  margin-bottom: 25px;
  text-align: center;
  font-size: 15px;
}
@media only screen and (max-width: 992px) {
  /* line 142, ../sass/pages/_service.scss */
  .serviceTop .subCatch {
    font-size: 14px;
  }
  /* line 148, ../sass/pages/_service.scss */
  .serviceTop .subCatch br {
    display: none;
  }
}
/* line 153, ../sass/pages/_service.scss */
.serviceTop .mainCatch {
  margin-bottom: 15px;
  text-align: center;
  font-size: 38px;
  line-height: 1.3em;
}
@media only screen and (max-width: 992px) {
  /* line 153, ../sass/pages/_service.scss */
  .serviceTop .mainCatch {
    font-size: 24px;
    font-size: 19px;
    margin-top: 40px;
  }
  /* line 162, ../sass/pages/_service.scss */
  .serviceTop .mainCatch br {
    display: none;
  }
}
/* line 166, ../sass/pages/_service.scss */
.serviceTop .mainCatch span {
  font-size: 20px;
}
/* line 170, ../sass/pages/_service.scss */
.serviceTop .serviceImageList {
  margin-top: 70px;
  text-align: center;
  font-size: 0px;
}
@media only screen and (max-width: 992px) {
  /* line 170, ../sass/pages/_service.scss */
  .serviceTop .serviceImageList {
    margin-top: 35px;
  }
}
/* line 177, ../sass/pages/_service.scss */
.serviceTop .serviceImageList li {
  display: inline-block;
  margin: 0 15px;
  font-size: 17px;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  /* line 177, ../sass/pages/_service.scss */
  .serviceTop .serviceImageList li {
    margin: 0 10px 10px 10px;
    font-size: 15px;
  }
}
/* line 187, ../sass/pages/_service.scss */
.serviceTop .serviceImageList li img {
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  /* line 187, ../sass/pages/_service.scss */
  .serviceTop .serviceImageList li img {
    width: 250px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 992px) {
  /* line 197, ../sass/pages/_service.scss */
  .serviceTop .bnr_oshimo img {
    width: 50%;
    display: block;
    margin: 0 auto;
  }
}

/* line 211, ../sass/pages/_service.scss */
.serviceContensList .col2 li {
  display: block;
  width: 50%;
}
@media only screen and (max-width: 992px) {
  /* line 211, ../sass/pages/_service.scss */
  .serviceContensList .col2 li {
    width: 100%;
  }
}
/* line 220, ../sass/pages/_service.scss */
.serviceContensList .col3 li {
  display: block;
  width: 33%;
}
/* line 223, ../sass/pages/_service.scss */
.serviceContensList .col3 li:first-child + * {
  width: 34%;
}
@media only screen and (max-width: 992px) {
  /* line 223, ../sass/pages/_service.scss */
  .serviceContensList .col3 li:first-child + * {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  /* line 220, ../sass/pages/_service.scss */
  .serviceContensList .col3 li {
    width: 100%;
  }
}
/* line 236, ../sass/pages/_service.scss */
.serviceContensList .col4 li {
  display: block;
  width: 25%;
}
@media only screen and (max-width: 992px) {
  /* line 236, ../sass/pages/_service.scss */
  .serviceContensList .col4 li {
    width: 100%;
  }
}
/* line 244, ../sass/pages/_service.scss */
.serviceContensList li {
  float: left;
  height: 350px;
  padding-top: 55px;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 244, ../sass/pages/_service.scss */
  .serviceContensList li {
    float: none;
    height: auto;
    padding: 30px 15px 30px 15px;
  }
}
/* line 257, ../sass/pages/_service.scss */
.page-video .serviceContensList li {
  padding-top: 70px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  /* line 257, ../sass/pages/_service.scss */
  .page-video .serviceContensList li {
    padding-top: 35px;
  }
}
/* line 263, ../sass/pages/_service.scss */
.page-video .serviceContensList li.box1 {
  background: #0763CB;
}
/* line 266, ../sass/pages/_service.scss */
.page-video .serviceContensList li.box2 {
  background: #00ACDD;
}
/* line 269, ../sass/pages/_service.scss */
.page-video .serviceContensList li.box3 {
  background: #0089DD;
}
/* line 272, ../sass/pages/_service.scss */
.page-video .serviceContensList li .ui-title {
  display: inline-block;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 15px 0;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff;
  line-height: 1.4em;
}
@media only screen and (max-width: 992px) {
  /* line 272, ../sass/pages/_service.scss */
  .page-video .serviceContensList li .ui-title {
    margin-bottom: 20px;
    font-size: 20px;
    padding: 10px 0;
  }
}
/* line 287, ../sass/pages/_service.scss */
.page-video .serviceContensList li .ui-text {
  font-size: 18px;
  line-height: 2em;
}
@media only screen and (max-width: 992px) {
  /* line 287, ../sass/pages/_service.scss */
  .page-video .serviceContensList li .ui-text {
    font-size: 16px;
    line-height: 1.8em;
  }
  /* line 293, ../sass/pages/_service.scss */
  .page-video .serviceContensList li .ui-text br {
    display: none;
  }
}

/* line 300, ../sass/pages/_service.scss */
.page-writing .serviceContensList li {
  text-align: center;
}
/* line 302, ../sass/pages/_service.scss */
.page-writing .serviceContensList li.box1 {
  background: #3EBD77;
}
/* line 305, ../sass/pages/_service.scss */
.page-writing .serviceContensList li.box2 {
  background: #00CFAF;
}
/* line 308, ../sass/pages/_service.scss */
.page-writing .serviceContensList li .point {
  position: relative;
  margin-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  /* line 308, ../sass/pages/_service.scss */
  .page-writing .serviceContensList li .point {
    margin-bottom: 40px;
  }
}
/* line 314, ../sass/pages/_service.scss */
.page-writing .serviceContensList li .point:before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  margin-left: -26px;
  background: #fff;
}
@media only screen and (max-width: 992px) {
  /* line 314, ../sass/pages/_service.scss */
  .page-writing .serviceContensList li .point:before {
    bottom: -25px;
    width: 42px;
    height: 1px;
    margin-left: -21px;
  }
}
@media only screen and (max-width: 992px) {
  /* line 331, ../sass/pages/_service.scss */
  .page-writing .serviceContensList li .point img {
    height: 35px;
  }
}
/* line 337, ../sass/pages/_service.scss */
.page-writing .serviceContensList li .ui-text {
  font-size: 18px;
  line-height: 2em;
}
@media only screen and (max-width: 992px) {
  /* line 337, ../sass/pages/_service.scss */
  .page-writing .serviceContensList li .ui-text {
    font-size: 16px;
    line-height: 1.8em;
  }
  /* line 343, ../sass/pages/_service.scss */
  .page-writing .serviceContensList li .ui-text br {
    display: none;
  }
}

/* line 350, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceContensList li {
  padding: 60px;
}
@media only screen and (max-width: 992px) {
  /* line 350, ../sass/pages/_service.scss */
  .page-contentsmarketing .serviceContensList li {
    padding: 30px 30px;
    text-align: center;
  }
}
/* line 356, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceContensList li.box1 {
  background: #00A3D3;
}
/* line 359, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceContensList li.box2 {
  background: #096DD7;
}
/* line 362, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceContensList li.box3 {
  background: #00B16C;
}
/* line 365, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceContensList li.box4 {
  background: #6651BE;
}
/* line 368, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceContensList li .ui-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.4em;
}
@media only screen and (max-width: 992px) {
  /* line 368, ../sass/pages/_service.scss */
  .page-contentsmarketing .serviceContensList li .ui-title {
    margin-bottom: 20px;
    font-size: 17px;
  }
}
/* line 378, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceContensList li .ui-text {
  font-size: 14px;
}
@media only screen and (max-width: 992px) {
  /* line 378, ../sass/pages/_service.scss */
  .page-contentsmarketing .serviceContensList li .ui-text {
    line-height: 1.4;
  }
}

/* line 397, ../sass/pages/_service.scss */
.page-web .serviceAbout {
  background: #36c8de;
}
/* line 401, ../sass/pages/_service.scss */
.serviceAbout .ui-left {
  float: left;
  width: 45%;
  padding-top: 20px;
}
@media only screen and (max-width: 992px) {
  /* line 401, ../sass/pages/_service.scss */
  .serviceAbout .ui-left {
    float: none;
    width: auto;
    padding: 0;
    text-align: center;
  }
}
/* line 411, ../sass/pages/_service.scss */
.serviceAbout .ui-left img {
  width: 100%;
}
@media only screen and (max-width: 992px) {
  /* line 411, ../sass/pages/_service.scss */
  .serviceAbout .ui-left img {
    width: 90%;
  }
}
/* line 418, ../sass/pages/_service.scss */
.serviceAbout .ui-right {
  float: right;
  width: 55%;
  padding: 70px 0 60px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 418, ../sass/pages/_service.scss */
  .serviceAbout .ui-right {
    float: none;
    width: auto;
    padding: 40px 40px 0 40px;
  }
}
/* line 428, ../sass/pages/_service.scss */
.serviceAbout .ui-right .ui-title {
  position: relative;
  margin-bottom: 40px;
  font-size: 30px;
  color: #FBFD55;
  font-weight: bold;
}
/* line 434, ../sass/pages/_service.scss */
.serviceAbout .ui-right .ui-title:before {
  position: absolute;
  left: 0;
  bottom: -20px;
  display: block;
  content: "";
  width: 23px;
  height: 2px;
  background: #FBFD55;
}
/* line 445, ../sass/pages/_service.scss */
.serviceAbout .ui-right .ui-text {
  color: #fff;
}

/* line 452, ../sass/pages/_service.scss */
.serviceAboutPr {
  background: url(img/pr_bg_aboutus.png) left top repeat;
  display: block;
  padding: 60px 0;
  width: 100%;
}
/* line 459, ../sass/pages/_service.scss */
.ie .serviceAboutPr {
  background: #FCD772;
  background-image: none;
}
@media all and (-ms-high-contrast: none) {
  /* line 452, ../sass/pages/_service.scss */
  .serviceAboutPr {
    background: #FCD772;
    background-image: none;
  }
}
@media only screen and (max-width: 992px) {
  /* line 452, ../sass/pages/_service.scss */
  .serviceAboutPr {
    display: block;
    overflow: hidden;
    padding: 40px 0;
  }
}
/* line 474, ../sass/pages/_service.scss */
.serviceAboutPr .ui-right {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 120px;
  font-size: 15px;
  color: #555;
  line-height: 2.4em;
}
@media only screen and (max-width: 992px) {
  /* line 474, ../sass/pages/_service.scss */
  .serviceAboutPr .ui-right {
    display: block;
    padding: 0;
    margin: 0 40px;
    line-height: 2.2em;
    font-size: 14px;
  }
}
/* line 490, ../sass/pages/_service.scss */
.serviceAboutPr .ui-left {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 992px) {
  /* line 490, ../sass/pages/_service.scss */
  .serviceAboutPr .ui-left {
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 992px) {
  /* line 497, ../sass/pages/_service.scss */
  .serviceAboutPr .ui-left img {
    width: 50%;
    margin-bottom: 20px;
  }
}

/* line 507, ../sass/pages/_service.scss */
.serviceAboutCs {
  width: 100%;
  margin: 0 auto;
  display: table;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  position: relative;
}
@media only screen and (max-width: 992px) {
  /* line 507, ../sass/pages/_service.scss */
  .serviceAboutCs {
    font-size: 14px;
  }
}
/* line 518, ../sass/pages/_service.scss */
.serviceAboutCs .ui-left {
  width: 50%;
  background: #0acaa8;
  display: table-cell;
  text-align: center;
  padding: 55px 0;
}
@media only screen and (max-width: 992px) and (max-width: 992px) {
  /* line 518, ../sass/pages/_service.scss */
  .serviceAboutCs .ui-left {
    padding: 20px 0;
  }
}

@media only screen and (max-width: 992px) {
  /* line 530, ../sass/pages/_service.scss */
  .serviceAboutCs .ui-left img {
    width: 30%;
  }
}
/* line 537, ../sass/pages/_service.scss */
.serviceAboutCs .ui-right {
  width: 50%;
  background: #43ccd8;
  display: table-cell;
  text-align: center;
  padding: 55px 0;
}
@media only screen and (max-width: 992px) {
  /* line 537, ../sass/pages/_service.scss */
  .serviceAboutCs .ui-right {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 992px) {
  /* line 547, ../sass/pages/_service.scss */
  .serviceAboutCs .ui-right img {
    width: 20%;
  }
}
/* line 553, ../sass/pages/_service.scss */
.serviceAboutCs .ui-ttl {
  font-size: 30px;
  margin: 30px 0;
  letter-spacing: 5px;
}
@media only screen and (max-width: 992px) {
  /* line 553, ../sass/pages/_service.scss */
  .serviceAboutCs .ui-ttl {
    font-size: 18px;
    margin: 20px 0 10px;
  }
}
/* line 563, ../sass/pages/_service.scss */
.serviceAboutCs .ui-text {
  margin: 0 20px;
}
/* line 566, ../sass/pages/_service.scss */
.serviceAboutCs #cs_crouwdsourcing {
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -113px;
}
@media only screen and (max-width: 992px) {
  /* line 566, ../sass/pages/_service.scss */
  .serviceAboutCs #cs_crouwdsourcing {
    top: 20px;
    left: 50%;
    margin-left: -50px;
  }
}
@media only screen and (max-width: 992px) {
  /* line 577, ../sass/pages/_service.scss */
  .serviceAboutCs #cs_crouwdsourcing img {
    width: 50%;
  }
}

/* line 588, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceDetailLink {
  background: url(/common/css/img/bg_middle_cm.jpg) no-repeat center 0;
  background-size: cover;
}

/* line 593, ../sass/pages/_service.scss */
.serviceDetailLink {
  text-align: center;
  padding: 30px 0;
}
/* line 596, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody {
  line-height: 1em;
}
@media only screen and (max-width: 992px) {
  /* line 596, ../sass/pages/_service.scss */
  .serviceDetailLink .detailLinkBody {
    padding: 0 15px;
  }
}
/* line 601, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody .detailLinkHeader {
  position: relative;
  display: inline-block;
  width: 112px;
  height: 112px;
  margin-right: 15px;
  -webkit-border-radius: 60px 60px 60px 60px;
  -moz-border-radius: 60px 60px 60px 60px;
  border-radius: 60px 60px 60px 60px;
  background: #624EC9;
}
@media only screen and (max-width: 992px) {
  /* line 601, ../sass/pages/_service.scss */
  .serviceDetailLink .detailLinkBody .detailLinkHeader {
    display: block;
    margin: 0 auto 15px auto;
  }
}
/* line 613, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody .detailLinkHeader:before {
  position: absolute;
  top: 50%;
  right: -13px;
  margin-top: -13px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.5px 0 13.5px 15px;
  border-color: transparent transparent transparent #634ec9;
  line-height: 0px;
  _border-color: #000000 #000000 #000000 #634ec9;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
@media only screen and (max-width: 992px) {
  /* line 613, ../sass/pages/_service.scss */
  .serviceDetailLink .detailLinkBody .detailLinkHeader:before {
    display: none;
  }
}
/* line 631, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody .detailLinkHeader p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 112px;
  margin: -1.4em 0 0 -56px;
  color: #fff;
  text-align: center;
  line-height: 1.4em;
}
/* line 642, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody .detailLinkContens {
  display: inline-block;
  width: 460px;
  vertical-align: 48px;
}
@media only screen and (max-width: 992px) {
  /* line 642, ../sass/pages/_service.scss */
  .serviceDetailLink .detailLinkBody .detailLinkContens {
    display: block;
    width: 100%;
    height: auto;
  }
}
/* line 651, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody .detailLinkContens a {
  display: block;
  padding: 32px 25px;
  border: solid 4px #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}
@media only screen and (max-width: 992px) {
  /* line 651, ../sass/pages/_service.scss */
  .serviceDetailLink .detailLinkBody .detailLinkContens a {
    padding: 20px 15px;
  }
}
/* line 660, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody .detailLinkContens a:hover {
  text-decoration: none;
}
/* line 663, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody .detailLinkContens a p {
  font-size: 20px;
}
@media only screen and (max-width: 992px) {
  /* line 663, ../sass/pages/_service.scss */
  .serviceDetailLink .detailLinkBody .detailLinkContens a p {
    font-size: 16px;
    line-height: 1.3em;
  }
}
/* line 669, ../sass/pages/_service.scss */
.serviceDetailLink .detailLinkBody .detailLinkContens a p .icon--window01 {
  margin-left: 5px;
  font-size: 13px;
  vertical-align: 1px;
}
/* line 35, ../sass/parts/_svg_font.scss */
.serviceDetailLink .detailLinkBody .detailLinkContens a p .icon--window01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

/* line 685, ../sass/pages/_service.scss */
.serviceWorks {
  padding: 80px 0;
  background: url(img/section_bg01.png) left top;
}
@media only screen and (max-width: 992px) {
  /* line 685, ../sass/pages/_service.scss */
  .serviceWorks {
    padding: 40px 0 0 0;
  }
}
/* line 691, ../sass/pages/_service.scss */
.serviceWorks .worksList {
  padding: 0 5px;
  margin-top: 80px;
}
@media only screen and (max-width: 992px) {
  /* line 691, ../sass/pages/_service.scss */
  .serviceWorks .worksList {
    padding: 0;
    margin-top: 10px;
    border-top: solid 1px #CCCCCC;
  }
}
/* line 700, ../sass/pages/_service.scss */
.serviceWorks .worksList li {
  float: left;
  display: block;
  width: 300px;
  margin: 0 15px 30px 15px;
  font-weight: bold;
  font-size: 14px;
}
@media only screen and (max-width: 992px) {
  /* line 700, ../sass/pages/_service.scss */
  .serviceWorks .worksList li {
    float: none;
    width: 100%;
    margin: 0;
    border-bottom: solid 1px #CCCCCC;
  }
}
/* line 713, ../sass/pages/_service.scss */
.serviceWorks .worksList li a {
  color: #000;
  text-decoration: none;
}
@media only screen and (max-width: 992px) {
  /* line 713, ../sass/pages/_service.scss */
  .serviceWorks .worksList li a {
    display: table;
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 992px) {
  /* line 722, ../sass/pages/_service.scss */
  .serviceWorks .worksList li a .ui-thumbnail {
    display: table-cell;
    width: 80px;
    height: auto;
    padding-right: 10px;
  }
}
/* line 729, ../sass/pages/_service.scss */
.serviceWorks .worksList li a .ui-thumbnail img {
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  /* line 729, ../sass/pages/_service.scss */
  .serviceWorks .worksList li a .ui-thumbnail img {
    width: 100%;
    margin-bottom: 0;
  }
}
/* line 737, ../sass/pages/_service.scss */
.serviceWorks .worksList li a .ui-title {
  margin: 5px 0 0;
  line-height: 1.7;
}
/* line 740, ../sass/pages/_service.scss */
.serviceWorks .worksList li a .ui-title .companyName {
  font-weight: normal;
  display: block;
  font-size: 12px;
}
@media only screen and (max-width: 992px) {
  /* line 737, ../sass/pages/_service.scss */
  .serviceWorks .worksList li a .ui-title {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
  }
}
/* line 750, ../sass/pages/_service.scss */
.serviceWorks .worksList li a .ui-title .icon--window01 {
  font-size: 11px;
  margin-left: 5px;
}
/* line 35, ../sass/parts/_svg_font.scss */
.serviceWorks .worksList li a .ui-title .icon--window01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
/* line 759, ../sass/pages/_service.scss */
.serviceWorks .serviceWorksVideoList {
  margin: 50px 0;
}
@media only screen and (max-width: 992px) {
  /* line 759, ../sass/pages/_service.scss */
  .serviceWorks .serviceWorksVideoList {
    margin: 0;
    padding-bottom: 30px;
  }
}
/* line 766, ../sass/pages/_service.scss */
.serviceWorks .serviceWorksVideoList .h2--type01 h2 {
  padding-bottom: 20px;
  font-size: 20px;
  margin-bottom: 40px;
  letter-spacing: 2px;
}
@media only screen and (max-width: 992px) {
  /* line 766, ../sass/pages/_service.scss */
  .serviceWorks .serviceWorksVideoList .h2--type01 h2 {
    margin-bottom: 0;
  }
}
/* line 779, ../sass/pages/_service.scss */
.serviceWorks .serviceWorksVideoList .h3--type01 {
  text-align: center;
}
/* line 781, ../sass/pages/_service.scss */
.serviceWorks .serviceWorksVideoList .h3--type01 h3 {
  font-size: 17px;
  font-family: 'Avenir Next';
  margin: 40px auto 30px;
  letter-spacing: 2px;
  width: 2em;
}
@media only screen and (max-width: 992px) {
  /* line 781, ../sass/pages/_service.scss */
  .serviceWorks .serviceWorksVideoList .h3--type01 h3 {
    margin: 0 auto 30px;
  }
}
/* line 793, ../sass/pages/_service.scss */
.serviceWorks .serviceWorksVideoList .videoList {
  overflow: hidden;
  margin-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  /* line 793, ../sass/pages/_service.scss */
  .serviceWorks .serviceWorksVideoList .videoList {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
}
/* line 800, ../sass/pages/_service.scss */
.serviceWorks .serviceWorksVideoList .videoList ul {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 992px) {
  /* line 800, ../sass/pages/_service.scss */
  .serviceWorks .serviceWorksVideoList .videoList ul {
    float: none;
    width: 100%;
  }
}
/* line 807, ../sass/pages/_service.scss */
.serviceWorks .serviceWorksVideoList .videoList ul li {
  padding: 5px 3px;
  border-bottom: 1px solid #ddd;
  margin: 0 20px;
  font-size: 13px;
}
/* line 812, ../sass/pages/_service.scss */
.serviceWorks .serviceWorksVideoList .videoList ul li.other {
  border: none;
  text-align: right;
  font-size: 12px;
}
@media only screen and (max-width: 992px) {
  /* line 807, ../sass/pages/_service.scss */
  .serviceWorks .serviceWorksVideoList .videoList ul li {
    padding: 6px 3px;
    border-bottom: 1px solid #ddd;
    margin: 0 20px;
    font-size: 12px;
    line-height: 1.6;
  }
}

/* line 835, ../sass/pages/_service.scss */
.page-video .contentsInner {
  width: 1040px;
  padding-left: 20px;
}
@media only screen and (max-width: 992px) {
  /* line 835, ../sass/pages/_service.scss */
  .page-video .contentsInner {
    width: 100%;
    padding: 0;
  }
}
/* line 842, ../sass/pages/_service.scss */
.page-video .contentsInner .worksList {
  padding: 0;
}
@media only screen and (max-width: 992px) {
  /* line 842, ../sass/pages/_service.scss */
  .page-video .contentsInner .worksList {
    padding: 20px 0;
  }
}
/* line 847, ../sass/pages/_service.scss */
.page-video .contentsInner .worksList li {
  width: 480px;
  margin: 0 20px 0 0;
}
@media only screen and (max-width: 992px) {
  /* line 847, ../sass/pages/_service.scss */
  .page-video .contentsInner .worksList li {
    width: 280px;
    margin: 0 auto 20px;
    border-bottom: none;
  }
}
/* line 855, ../sass/pages/_service.scss */
.page-video .contentsInner .worksList li .ui-thumbnail {
  width: 480px;
}
@media only screen and (max-width: 992px) {
  /* line 855, ../sass/pages/_service.scss */
  .page-video .contentsInner .worksList li .ui-thumbnail {
    display: block;
    width: 100%;
    height: auto;
    padding-right: 10px;
  }
}
/* line 863, ../sass/pages/_service.scss */
.page-video .contentsInner .worksList li .ui-thumbnail iframe {
  width: 480px;
  height: 270px;
}
@media only screen and (max-width: 992px) {
  /* line 863, ../sass/pages/_service.scss */
  .page-video .contentsInner .worksList li .ui-thumbnail iframe {
    width: 280px;
    height: 158px;
  }
}
/* line 871, ../sass/pages/_service.scss */
.page-video .contentsInner .worksList li .ui-thumbnail img {
  margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
  /* line 871, ../sass/pages/_service.scss */
  .page-video .contentsInner .worksList li .ui-thumbnail img {
    width: 100%;
    margin-bottom: 0;
  }
}
/* line 879, ../sass/pages/_service.scss */
.page-video .contentsInner .worksList li .ui-title {
  margin: 5px 0 20px;
  line-height: 1.7;
  height: 3em;
}
@media only screen and (max-width: 992px) {
  /* line 879, ../sass/pages/_service.scss */
  .page-video .contentsInner .worksList li .ui-title {
    display: block;
    vertical-align: middle;
    font-size: 13px;
    height: auto;
    margin: 0px 0 15px;
  }
}
/* line 890, ../sass/pages/_service.scss */
.page-video .contentsInner .worksList li .ui-title .companyName {
  font-weight: normal;
  display: block;
  font-size: 12px;
}
/* line 895, ../sass/pages/_service.scss */
.page-video .contentsInner .worksList li .ui-title .icon--window01 {
  font-size: 11px;
  margin-left: 5px;
}
/* line 35, ../sass/parts/_svg_font.scss */
.page-video .contentsInner .worksList li .ui-title .icon--window01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

/* line 911, ../sass/pages/_service.scss */
.serviceTrading {
  padding: 30px 0;
}
/* line 913, ../sass/pages/_service.scss */
.serviceTrading .tradingHeader {
  position: relative;
  float: left;
  display: block;
  width: 300px;
  height: 52px;
  margin-right: 20px;
}
@media only screen and (max-width: 992px) {
  /* line 913, ../sass/pages/_service.scss */
  .serviceTrading .tradingHeader {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
}
/* line 926, ../sass/pages/_service.scss */
.serviceTrading .tradingHeader p {
  padding-top: 12px;
  font-size: 18px;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  /* line 926, ../sass/pages/_service.scss */
  .serviceTrading .tradingHeader p {
    padding-top: 0;
    margin-bottom: 25px;
  }
}
/* line 936, ../sass/pages/_service.scss */
.serviceTrading .tradingHeader p span {
  font-size: 12px;
  color: #5F4695;
}
/* line 941, ../sass/pages/_service.scss */
.serviceTrading .tradingHeader .icon--arrow01 {
  position: absolute;
  right: 0;
  top: 1px;
  font-size: 50px;
}
/* line 35, ../sass/parts/_svg_font.scss */
.serviceTrading .tradingHeader .icon--arrow01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}
@media only screen and (max-width: 992px) {
  /* line 941, ../sass/pages/_service.scss */
  .serviceTrading .tradingHeader .icon--arrow01 {
    display: none;
  }
}
/* line 952, ../sass/pages/_service.scss */
.serviceTrading .tradingContens {
  display: block;
  width: auto;
  height: 52px;
}
@media only screen and (max-width: 992px) {
  /* line 952, ../sass/pages/_service.scss */
  .serviceTrading .tradingContens {
    height: auto;
    text-align: center;
  }
}
/* line 961, ../sass/pages/_service.scss */
.serviceTrading .tradingContens ul {
  display: table;
}
@media only screen and (max-width: 992px) {
  /* line 961, ../sass/pages/_service.scss */
  .serviceTrading .tradingContens ul {
    display: block;
  }
}
/* line 966, ../sass/pages/_service.scss */
.serviceTrading .tradingContens ul li {
  display: table-cell;
  padding: 0 40px;
  height: 52px;
  vertical-align: middle;
}
@media only screen and (max-width: 992px) {
  /* line 966, ../sass/pages/_service.scss */
  .serviceTrading .tradingContens ul li {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    width: auto;
    height: auto;
  }
}
@media only screen and (max-width: 992px) {
  /* line 978, ../sass/pages/_service.scss */
  .serviceTrading .tradingContens ul li img {
    height: 20px;
  }
}

/* line 990, ../sass/pages/_service.scss */
.serviceFlow {
  padding: 110px 0;
  background: #EFF4ED;
}
@media only screen and (max-width: 992px) {
  /* line 990, ../sass/pages/_service.scss */
  .serviceFlow {
    padding: 40px 0 0 0;
  }
}
/* line 998, ../sass/pages/_service.scss */
.page-web .serviceFlow {
  background: #e8fcff;
}

/* line 1002, ../sass/pages/_service.scss */
.page-video .serviceFlow {
  background: #daeafe;
}

/* line 1006, ../sass/pages/_service.scss */
.page-writing .serviceFlow {
  background: #f2f9eb;
}

/* line 1010, ../sass/pages/_service.scss */
.page-promotion .serviceFlow {
  background: #fdf7e7;
}

/* line 1014, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceFlow {
  background: #f0eff9;
}
/* line 1018, ../sass/pages/_service.scss */
.serviceFlow .flowList {
  height: 580px;
  width: 981px;
  margin: 70px auto 0 auto;
}
/* line 1025, ../sass/pages/_service.scss */
.serviceFlow .flowList.col8 {
  width: 952px;
}

/* line 1029, ../sass/pages/_service.scss */
.serviceFlow .flowList.col7 {
  width: 980px;
}

/* line 1033, ../sass/pages/_service.scss */
.serviceFlow .flowList.col6 {
  width: 978px;
}

/* line 1037, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 992px) {
  /* line 1018, ../sass/pages/_service.scss */
  .serviceFlow .flowList {
    width: 100% !important;
    height: auto;
    margin: 10px 0 0 0;
  }
}
/* line 1047, ../sass/pages/_service.scss */
.serviceFlow .flowList > li {
  float: left;
  display: block;
  width: 109px;
  height: 100%;
}
/* line 1055, ../sass/pages/_service.scss */
.serviceFlow .flowList.col8 > li {
  width: 119px;
}

/* line 1059, ../sass/pages/_service.scss */
.serviceFlow .flowList.col7 > li {
  width: 140px;
}

/* line 1063, ../sass/pages/_service.scss */
.serviceFlow .flowList.col6 > li {
  width: 163px;
}

/* line 1067, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li {
  float: none;
  display: table;
  width: 100%;
  table-layout: fixed;
}
@media only screen and (max-width: 992px) {
  /* line 1047, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li {
    display: table;
    float: none;
    width: 100% !important;
    table-layout: fixed;
  }
}
/* line 1083, ../sass/pages/_service.scss */
.page-web .serviceFlow .flowList > li:nth-child(odd) {
  background: #d8f7fb;
}

/* line 1087, ../sass/pages/_service.scss */
.page-video .serviceFlow .flowList > li:nth-child(odd) {
  background: #cce2fd;
}

/* line 1091, ../sass/pages/_service.scss */
.page-promotion .serviceFlow .flowList > li:nth-child(odd) {
  background: #f9f1db;
}

/* line 1095, ../sass/pages/_service.scss */
.page-writing .serviceFlow .flowList > li:nth-child(odd) {
  background: #eaf3e2;
}

/* line 1099, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceFlow .flowList > li:nth-child(odd) {
  background: #e8e5f3;
}
/* line 1104, ../sass/pages/_service.scss */
.serviceFlow .flowList > li .flowIcon {
  position: relative;
  display: table-cell;
  width: 109px;
  height: 110px;
  text-align: center;
  vertical-align: middle;
  border-bottom: solid 1px #8BC751;
}
/* line 1114, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowIcon {
  width: 120px;
  height: auto;
  padding: 30px 0;
  border-bottom: none;
  border-right: solid 1px #ccc;
}

/* line 1124, ../sass/pages/_service.scss */
.serviceFlow .flowList > li.otherStyle .flowIcon {
  vertical-align: top;
}

/* line 1128, ../sass/pages/_service.scss */
.serviceFlow .flowList.col8 > li .flowIcon {
  width: 119px;
}

/* line 1132, ../sass/pages/_service.scss */
.serviceFlow .flowList.col7 > li .flowIcon {
  width: 140px;
}

/* line 1136, ../sass/pages/_service.scss */
.serviceFlow .flowList.col6 > li .flowIcon {
  width: 163px;
}
@media only screen and (max-width: 992px) {
  /* line 1104, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li .flowIcon {
    width: 70px !important;
    height: 80px;
    border-bottom: none;
    border-right: solid 1px #8BC751;
  }
}
/* line 1146, ../sass/pages/_service.scss */
.serviceFlow .flowList > li .flowIcon:before {
  position: absolute;
  bottom: -2.5px;
  left: 50%;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  margin-left: -2.5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
/* line 1158, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowIcon:before {
  left: auto;
  bottom: auto;
  right: -2.5px;
  top: 50%;
  margin-left: 0;
  margin-top: -2.5px;
}

/* line 1167, ../sass/pages/_service.scss */
.serviceFlow .flowList > li.otherStyle .flowIcon:before {
  top: 53px;
}
@media only screen and (max-width: 992px) {
  /* line 1146, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li .flowIcon:before {
    left: auto;
    bottom: auto;
    right: -2.5px;
    top: 50%;
    margin-left: 0;
    margin-top: -2.5px;
  }
}
/* line 1182, ../sass/pages/_service.scss */
.page-web .serviceFlow .flowList > li .flowIcon {
  border-color: #0097ab;
}
/* line 1184, ../sass/pages/_service.scss */
.page-web .serviceFlow .flowList > li .flowIcon:before {
  background: #0097ab;
}

/* line 1189, ../sass/pages/_service.scss */
.page-video .serviceFlow .flowList > li .flowIcon {
  border-color: #004597;
}
/* line 1191, ../sass/pages/_service.scss */
.page-video .serviceFlow .flowList > li .flowIcon:before {
  background: #004597;
}

/* line 1196, ../sass/pages/_service.scss */
.page-promotion .serviceFlow .flowList > li .flowIcon {
  border-color: #a37600;
}
/* line 1198, ../sass/pages/_service.scss */
.page-promotion .serviceFlow .flowList > li .flowIcon:before {
  background: #a37600;
}

/* line 1203, ../sass/pages/_service.scss */
.page-writing .serviceFlow .flowList > li .flowIcon {
  border-color: #4b8a0e;
}
/* line 1205, ../sass/pages/_service.scss */
.page-writing .serviceFlow .flowList > li .flowIcon:before {
  background: #4b8a0e;
}

/* line 1210, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceFlow .flowList > li .flowIcon {
  border-color: #0d0630;
}
/* line 1212, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceFlow .flowList > li .flowIcon:before {
  background: #0d0630;
}
@media only screen and (max-width: 992px) {
  /* line 1217, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li .flowIcon img {
    width: 40%;
  }
}
/* line 1223, ../sass/pages/_service.scss */
.serviceFlow .flowList > li .flowNumber {
  text-align: center;
  padding: 25px 0;
}
/* line 1228, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowNumber {
  display: table-cell;
  width: 110px;
  vertical-align: middle;
  -webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
}

/* line 1237, ../sass/pages/_service.scss */
.serviceFlow .flowList > li.otherStyle .flowNumber {
  padding-top: 43px;
  vertical-align: top;
}
@media only screen and (max-width: 992px) {
  /* line 1223, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li .flowNumber {
    display: table-cell;
    width: 60px;
    height: 80px;
    padding: 0;
    vertical-align: middle;
  }
  /* line 1250, ../sass/pages/_service.scss */
  .serviceFlow .flowList.layoutType--horizon > li .flowNumber {
    display: inline-block;
    width: 55px;
    height: auto;
    padding-top: 15px;
  }

  /* line 1258, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li.otherStyle .flowNumber {
    vertical-align: middle;
  }
}
/* line 1263, ../sass/pages/_service.scss */
.serviceFlow .flowList > li .flowNumber p {
  font-family: 'Avenir Next';
  font-size: 33px;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  /* line 1263, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li .flowNumber p {
    font-size: 24px;
  }
}
/* line 1272, ../sass/pages/_service.scss */
.page-web .serviceFlow .flowList > li .flowNumber p {
  color: #00C4DE;
}

/* line 1276, ../sass/pages/_service.scss */
.page-video .serviceFlow .flowList > li .flowNumber p {
  color: #035CC7;
}

/* line 1280, ../sass/pages/_service.scss */
.page-promotion .serviceFlow .flowList > li .flowNumber p {
  color: #ebba37;
}

/* line 1284, ../sass/pages/_service.scss */
.page-writing .serviceFlow .flowList > li .flowNumber p {
  color: #8BC751;
}

/* line 1288, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceFlow .flowList > li .flowNumber p {
  color: #3D3086;
}
/* line 1294, ../sass/pages/_service.scss */
.serviceFlow .flowList > li .flowTitle {
  width: 100%;
}
/* line 1298, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowTitle {
  display: table-cell;
  width: 260px;
  vertical-align: middle;
}
/* line 1303, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowTitle p {
  display: table-cell;
  vertical-align: middle;
}

/* line 1309, ../sass/pages/_service.scss */
.serviceFlow .flowList > li.otherStyle .flowTitle {
  padding-top: 45px;
  vertical-align: top;
}
@media only screen and (max-width: 992px) {
  /* line 1294, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li .flowTitle {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
  }
  /* line 1320, ../sass/pages/_service.scss */
  .serviceFlow .flowList.layoutType--horizon > li .flowTitle {
    display: inline-block;
    width: auto;
    padding-top: 15px;
  }

  /* line 1327, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li.otherStyle .flowTitle {
    vertical-align: middle;
  }
}
/* line 1332, ../sass/pages/_service.scss */
.serviceFlow .flowList > li .flowTitle p {
  width: 1em;
  margin: 0 auto;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2em;
  word-break: break-all;
  -ms-writing-mode: tb-rl;
  /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  letter-spacing: 3px;
}
@media all and (-ms-high-contrast: none) {
  /* line 1332, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li .flowTitle p {
    padding: 0 50px;
  }
}
/* line 1349, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowTitle p {
  width: auto;
  -ms-writing-mode: lr-tb;
  /* for MS IE8+ */
  -webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  /* line 1332, ../sass/pages/_service.scss */
  .serviceFlow .flowList > li .flowTitle p {
    font-size: 14px;
    width: auto;
    padding-right: 15px;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
  }
  /* line 1365, ../sass/pages/_service.scss */
  .serviceFlow .flowList.layoutType--horizon > li .flowTitle p {
    font-size: 13px;
    padding-right: 0;
  }
}
/* line 1376, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowText {
  display: table-cell;
  width: 100%;
  padding: 30px 15px;
  vertical-align: middle;
}
/* line 1382, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowText dl {
  margin-bottom: 15px;
}
/* line 1385, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowText dl dt {
  float: left;
  display: inline-block;
  width: 50px;
  font-size: 13px;
  color: #035CC7;
  margin-right: 15px;
  padding: 7px 0;
  border: solid 1px #035CC7;
  line-height: 1em;
  text-align: center;
}
/* line 1397, ../sass/pages/_service.scss */
.serviceFlow .flowList.layoutType--horizon > li .flowText dl dd {
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  /* line 1406, ../sass/pages/_service.scss */
  .serviceFlow .flowList.layoutType--horizon > li .flowText {
    display: block;
    width: auto;
    padding: 15px;
  }
}

/* line 1422, ../sass/pages/_service.scss */
.serviceContact {
  width: 100%;
  color: #fff;
  overflow: hidden;
}
/* line 1429, ../sass/pages/_service.scss */
.page-web .serviceContact {
  background: #00C4DE;
}

/* line 1433, ../sass/pages/_service.scss */
.page-video .serviceContact {
  background: #035CC7;
}

/* line 1437, ../sass/pages/_service.scss */
.page-promotion .serviceContact {
  background: #ebba37;
}

/* line 1441, ../sass/pages/_service.scss */
.page-writing .serviceContact {
  background: #8BC751;
}

/* line 1445, ../sass/pages/_service.scss */
.page-contentsmarketing .serviceContact {
  background: #3D3086;
}

/* line 1449, ../sass/pages/_service.scss */
.page-crowdsourcing .serviceContact {
  background: #00c4a2;
}
/* line 1453, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr {
  width: 980px;
  height: 56px;
  margin: 66px auto;
  display: table;
}
@media only screen and (max-width: 992px) {
  /* line 1453, ../sass/pages/_service.scss */
  .serviceContact .serviceContactInr {
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
    margin: 20px auto 30px;
  }
}
/* line 1466, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr .ui-left {
  width: 300px;
  float: left;
  border-right: 3px solid #fff;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
  display: table-cell;
  padding: 12px 0;
}
@media only screen and (max-width: 992px) {
  /* line 1466, ../sass/pages/_service.scss */
  .serviceContact .serviceContactInr .ui-left {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
  }
}
/* line 1485, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr .ui-center {
  width: 340px;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  text-align: left;
  padding: 0;
  vertical-align: middle;
}
@media only screen and (max-width: 992px) {
  /* line 1485, ../sass/pages/_service.scss */
  .serviceContact .serviceContactInr .ui-center {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1500, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr .ui-center .department {
  font-size: 21px;
  font-weight: normal;
}
@media only screen and (max-width: 992px) {
  /* line 1500, ../sass/pages/_service.scss */
  .serviceContact .serviceContactInr .ui-center .department {
    font-size: 17px;
  }
}
/* line 1508, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr .ui-center .department span {
  font-size: 13px;
  display: block;
}
@media only screen and (max-width: 992px) {
  /* line 1508, ../sass/pages/_service.scss */
  .serviceContact .serviceContactInr .ui-center .department span {
    font-size: 12px;
  }
}
/* line 1518, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr .ui-right {
  width: 250px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 992px) {
  /* line 1518, ../sass/pages/_service.scss */
  .serviceContact .serviceContactInr .ui-right {
    display: block;
    text-align: center;
    margin: 0 auto;
  }
}
/* line 1530, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr .ui-right .btnMail a {
  font-size: 16px;
  padding: 10px 20px;
  text-align: center;
  display: block;
  font-weight: normal;
  color: #fff;
  border: #fff solid 3px;
}
/* line 1538, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr .ui-right .btnMail a:hover {
  background: #fff;
  color: #00c4a2;
  text-decoration: none;
  font-weight: bold;
}
/* line 1544, ../sass/pages/_service.scss */
.serviceContact .serviceContactInr .ui-right .btnMail a .icon--mail01 {
  margin-left: 5px;
  font-size: 13px;
  vertical-align: 0px;
  margin-right: 8px;
}
/* line 35, ../sass/parts/_svg_font.scss */
.serviceContact .serviceContactInr .ui-right .btnMail a .icon--mail01:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'icons';
}

/* line 1, ../sass/pages/_service_video.scss */
#video {
  padding-top: 230px;
  position: relative;
  overflow: hidden;
  height: 650px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  /* line 1, ../sass/pages/_service_video.scss */
  #video {
    padding: 0 15px 25px 15px;
  }
}
@media only screen and (max-width: 992px) {
  /* line 1, ../sass/pages/_service_video.scss */
  #video {
    height: auto;
  }
}
/* line 14, ../sass/pages/_service_video.scss */
#video #video-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  vertical-align: bottom;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  /* line 14, ../sass/pages/_service_video.scss */
  #video #video-container {
    height: auto;
    display: none;
  }
}
/* line 30, ../sass/pages/_service_video.scss */
#video #video-container iframe {
  position: absolute;
  top: -12%;
  left: 0;
  width: 100%;
}
/* line 38, ../sass/pages/_service_video.scss */
#video .pattern {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 992px) {
  /* line 38, ../sass/pages/_service_video.scss */
  #video .pattern {
    display: none;
  }
}
/* line 50, ../sass/pages/_service_video.scss */
#video .subCatch {
  position: relative;
  margin-bottom: 25px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  text-shadow: 1px 1px 3px #000;
}
@media only screen and (max-width: 992px) {
  /* line 50, ../sass/pages/_service_video.scss */
  #video .subCatch {
    color: #000;
    text-shadow: none;
    font-size: 14px;
  }
  /* line 61, ../sass/pages/_service_video.scss */
  #video .subCatch br {
    display: none;
  }
}
/* line 66, ../sass/pages/_service_video.scss */
#video .mainCatch {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  color: #fff;
  font-size: 38px;
  line-height: 1.3em;
  text-shadow: 1px 1px 3px #000;
}
@media only screen and (max-width: 992px) {
  /* line 66, ../sass/pages/_service_video.scss */
  #video .mainCatch {
    color: #000;
    text-shadow: none;
    font-size: 24px;
    font-size: 19px;
    margin-top: 40px;
  }
  /* line 80, ../sass/pages/_service_video.scss */
  #video .mainCatch br {
    display: none;
  }
}
/* line 84, ../sass/pages/_service_video.scss */
#video .mainCatch span {
  font-size: 20px;
}

/* line 7, ../sass/pages/_contact.scss */
.formStepNav {
  height: auto;
  margin: 0px 0 50px;
  text-align: center;
}
@media only screen and (max-width: 979px) {
  /* line 7, ../sass/pages/_contact.scss */
  .formStepNav {
    margin-bottom: 0;
  }
}
/* line 15, ../sass/pages/_contact.scss */
.formStepNav ol {
  display: inline-block;
  width: 100%;
  margin: 0 !important;
}
@media only screen and (max-width: 979px) {
  /* line 15, ../sass/pages/_contact.scss */
  .formStepNav ol {
    width: 100%;
  }
}
/* line 22, ../sass/pages/_contact.scss */
.formStepNav ol li {
  position: relative;
  float: left;
  width: 31.2%;
  margin-left: 25px;
  padding: 10px 30px;
  background-color: #f2f2f2;
  border: solid 1px;
  border-color: #f2f2f2;
  font-size: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 979px) {
  /* line 22, ../sass/pages/_contact.scss */
  .formStepNav ol li {
    float: none;
    display: block;
    text-align: left;
    width: 80%;
    margin: 0 auto 20px auto;
    padding: 5px 10px;
    background-color: #f2f2f2;
    border: solid 1px;
    border-color: #f2f2f2;
    font-size: 14px;
    border-radius: 4px;
  }
}
/* line 48, ../sass/pages/_contact.scss */
.formStepNav ol li:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 979px) {
  /* line 48, ../sass/pages/_contact.scss */
  .formStepNav ol li:first-child {
    margin-left: auto;
  }
}
/* line 55, ../sass/pages/_contact.scss */
.formStepNav ol li.arrow:before {
  position: absolute;
  top: 0;
  right: -41px;
  content: "";
  display: inline-block;
  border-color: transparent transparent transparent #f2f2f2;
  border-style: solid;
  border-width: 23px 20px;
}
@media only screen and (max-width: 979px) {
  /* line 55, ../sass/pages/_contact.scss */
  .formStepNav ol li.arrow:before {
    position: absolute;
    top: auto;
    bottom: -24px;
    left: 47%;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid #2d426d;
    border-right: 10px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid transparent;
  }
}
/* line 78, ../sass/pages/_contact.scss */
.formStepNav ol li.arrow:after {
  position: absolute;
  top: 0;
  right: -40px;
  content: "";
  display: inline-block;
}
@media only screen and (max-width: 979px) {
  /* line 78, ../sass/pages/_contact.scss */
  .formStepNav ol li.arrow:after {
    display: none;
  }
}
/* line 89, ../sass/pages/_contact.scss */
.formStepNav ol li.arrow.current {
  /*font-weight: bold;*/
}
/* line 91, ../sass/pages/_contact.scss */
.formStepNav ol li.arrow.current:before {
  border-color: transparent transparent transparent #f2f2f2;
}
@media only screen and (max-width: 979px) {
  /* line 91, ../sass/pages/_contact.scss */
  .formStepNav ol li.arrow.current:before {
    position: absolute;
    bottom: -24px;
    left: 47%;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid #2562BD;
    border-right: 10px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid transparent;
  }
}
/* line 106, ../sass/pages/_contact.scss */
.formStepNav ol li.arrow.current:after {
  position: absolute;
  top: 0;
  right: -41px;
  content: "";
  display: inline-block;
  border-color: transparent transparent transparent #2d426d;
  border-style: solid;
  border-width: 23px 20px;
}
@media only screen and (max-width: 979px) {
  /* line 106, ../sass/pages/_contact.scss */
  .formStepNav ol li.arrow.current:after {
    display: none;
  }
}
@media only screen and (max-width: 979px) {
  /* line 121, ../sass/pages/_contact.scss */
  .formStepNav ol li:before {
    position: absolute;
    bottom: -24px;
    left: 47%;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid #2562BD;
    border-right: 10px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid transparent;
  }
}
/* line 135, ../sass/pages/_contact.scss */
.formStepNav ol li:first-child span:before {
  content: "STEP1";
  width: 10px;
  padding: 2px 15px;
  font-weight: bold;
  margin-right: 10px;
  background: #2d426d;
  color: #fff;
  line-height: 0;
  font-size: 13px;
}
@media only screen and (max-width: 979px) {
  /* line 135, ../sass/pages/_contact.scss */
  .formStepNav ol li:first-child span:before {
    padding: 2px 21px;
  }
}
/* line 150, ../sass/pages/_contact.scss */
.formStepNav ol li:first-child + * span:before {
  content: "STEP2";
  width: 10px;
  padding: 2px 15px;
  font-weight: bold;
  margin-right: 10px;
  background: #2d426d;
  color: #fff;
  line-height: 0;
  font-size: 13px;
}
@media only screen and (max-width: 979px) {
  /* line 150, ../sass/pages/_contact.scss */
  .formStepNav ol li:first-child + * span:before {
    padding: 2px 21px;
  }
}
/* line 165, ../sass/pages/_contact.scss */
.formStepNav ol li:first-child + * + * span:before {
  content: "STEP3";
  width: 10px;
  padding: 2px 15px;
  font-weight: bold;
  margin-right: 10px;
  background: #2d426d;
  color: #fff;
  line-height: 0;
  font-size: 13px;
}
@media only screen and (max-width: 979px) {
  /* line 165, ../sass/pages/_contact.scss */
  .formStepNav ol li:first-child + * + * span:before {
    padding: 2px 21px;
  }
}
/* line 180, ../sass/pages/_contact.scss */
.formStepNav ol li.current {
  background-color: #2d426d;
  border-color: #2d426d;
  color: #fff;
}
/* line 184, ../sass/pages/_contact.scss */
.formStepNav ol li.current span:before {
  background: #fff;
  color: #2d426d;
}

/* line 206, ../sass/pages/_contact.scss */
.d_none {
  display: none;
}

/* line 210, ../sass/pages/_contact.scss */
.d_none_pc {
  display: none;
}

/* line 214, ../sass/pages/_contact.scss */
a {
  color: #3384C0;
}

/* line 218, ../sass/pages/_contact.scss */
a:hover {
  text-decoration: underline;
}

/* line 225, ../sass/pages/_contact.scss */
.formArea {
  padding-bottom: 50px;
}

/* line 231, ../sass/pages/_contact.scss */
.freeContentsSection {
  margin-bottom: 20px;
}

/* line 235, ../sass/pages/_contact.scss */
.formInputs {
  width: 100%;
  margin-bottom: 30px;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background: #F5F5F5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 979px) {
  /* line 235, ../sass/pages/_contact.scss */
  .formInputs {
    border-left: none;
    border-right: none;
  }
}
/* line 247, ../sass/pages/_contact.scss */
.formInputs dl {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #CCCCCC;
}
/* line 252, ../sass/pages/_contact.scss */
.formInputs dl dt {
  position: relative;
  display: table-cell;
  width: 300px;
  vertical-align: top;
  padding: 20px 20px 20px 60px;
  font-weight: bold;
  background: #F5F4F1;
  font-size: 16px;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 979px) {
  /* line 252, ../sass/pages/_contact.scss */
  .formInputs dl dt {
    display: block;
    width: 100%;
    padding: 20px 15px 20px 60px;
  }
}
/* line 269, ../sass/pages/_contact.scss */
.formInputs dl dd {
  display: table-cell;
  width: 100%;
  padding: 20px;
  background: #FFF;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 979px) {
  /* line 269, ../sass/pages/_contact.scss */
  .formInputs dl dd {
    display: block;
    width: 100%;
    padding: 20px 15px 20px 15px;
  }
}

/* line 288, ../sass/pages/_contact.scss */
.formInputs input[type="text"] {
  padding: 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-radius: 4px;
  border: solid 1px #CCCCCC;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 979px) {
  /* line 288, ../sass/pages/_contact.scss */
  .formInputs input[type="text"] {
    width: 100%;
  }
}
/* line 300, ../sass/pages/_contact.scss */
.formInputs input[type="checkbox"], .formInputs input[type="radio"] {
  padding-top: 5px;
  margin: 0 5px 3px 0;
}
@media only screen and (max-width: 979px) {
  /* line 307, ../sass/pages/_contact.scss */
  .formInputs input.inputSize-sp--xs {
    width: 10%;
  }
  /* line 310, ../sass/pages/_contact.scss */
  .formInputs input.inputSize-sp--s {
    width: 20%;
  }
}
/* line 315, ../sass/pages/_contact.scss */
.formInputs select {
  padding: 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: solid 1px #CCCCCC;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 979px) {
  /* line 315, ../sass/pages/_contact.scss */
  .formInputs select {
    width: 100%;
  }
}
/* line 327, ../sass/pages/_contact.scss */
.formInputs textarea {
  width: 100%;
  height: 200px;
  padding: 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: solid 1px #CCCCCC;
  font-size: 14px;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 340, ../sass/pages/_contact.scss */
.formInputs .ui-subTitle {
  margin-right: 5px;
}
/* line 342, ../sass/pages/_contact.scss */
.formInputs .ui-subTitle + input,
.formInputs .ui-subTitle + select {
  margin-right: 10px;
}

/* line 351, ../sass/pages/_contact.scss */
.inputList label {
  line-height: 2em;
}
/* line 353, ../sass/pages/_contact.scss */
.inputList label:after {
  content: "";
  display: block;
}

/* line 363, ../sass/pages/_contact.scss */
.list li {
  /*デフォルト*/
  display: block;
  margin-top: 10px;
}
/* line 367, ../sass/pages/_contact.scss */
.list li:first-child {
  margin-top: 0;
}
/* line 371, ../sass/pages/_contact.scss */
.list.list--col2 li {
  /*2分割*/
  width: 50%;
  float: left;
}
/* line 374, ../sass/pages/_contact.scss */
.list.list--col2 li:first-child, .list.list--col2 li:first-child + * {
  margin-top: 0;
}
@media only screen and (max-width: 979px) {
  /* line 371, ../sass/pages/_contact.scss */
  .list.list--col2 li {
    float: none;
    width: auto;
  }
  /* line 381, ../sass/pages/_contact.scss */
  .list.list--col2 li:first-child + * {
    margin-top: 10px;
  }
}
/* line 386, ../sass/pages/_contact.scss */
.list.list--col3 li {
  /*3分割*/
  width: 33%;
  float: left;
}
/* line 389, ../sass/pages/_contact.scss */
.list.list--col3 li:first-child, .list.list--col3 li:first-child + *, .list.list--col3 li:first-child + * + * {
  margin-top: 0;
}
@media only screen and (max-width: 979px) {
  /* line 386, ../sass/pages/_contact.scss */
  .list.list--col3 li {
    float: none;
    width: auto;
  }
  /* line 397, ../sass/pages/_contact.scss */
  .list.list--col3 li:first-child + *, .list.list--col3 li:first-child + * + * {
    margin-top: 10px;
  }
}
/* line 403, ../sass/pages/_contact.scss */
.list.SF_list--liquid li {
  /*分割なし横並び 余白調整*/
  margin-top: 0;
  margin-right: 20px;
  float: left;
}

/* line 412, ../sass/pages/_contact.scss */
.freeText {
  display: block;
  margin: 10px 0 0 0;
  color: #818181;
  line-height: 1.4em;
}

/* line 421, ../sass/pages/_contact.scss */
.itemType--required,
.itemType--optional {
  position: absolute;
  top: 21px;
  left: 20px;
  display: block;
  padding: 5px 6px 4px 6px;
  color: #fff;
  line-height: 1em;
  font-size: 11px;
}
@media only screen and (max-width: 979px) {
  /* line 421, ../sass/pages/_contact.scss */
  .itemType--required,
  .itemType--optional {
    left: 15px;
  }
}

/* line 435, ../sass/pages/_contact.scss */
.itemType--required {
  background: #CC453B;
}

/* line 438, ../sass/pages/_contact.scss */
.itemType--optional {
  background: #9B9B9B;
}

/* line 444, ../sass/pages/_contact.scss */
.formActions {
  margin: 40px 0;
  text-align: center;
}
/* line 447, ../sass/pages/_contact.scss */
.formActions .button {
  margin: 0 10px;
}
@media only screen and (max-width: 979px) {
  /* line 447, ../sass/pages/_contact.scss */
  .formActions .button {
    margin-bottom: 20px;
  }
}
/* line 452, ../sass/pages/_contact.scss */
.formActions .button input[type="submit"] {
  -webkit-appearance: none;
}
@media only screen and (max-width: 979px) {
  /* line 456, ../sass/pages/_contact.scss */
  .formActions .button:last-child {
    margin-bottom: 0;
  }
}

/* line 466, ../sass/pages/_contact.scss */
.error {
  display: block;
  margin-top: 5px;
  color: #CC453B;
  font-weight: bold;
}

/* フォーム 縦レイアウト
--------------------------------------------------- */
/* line 483, ../sass/pages/_contact.scss */
.formInputs.vertical_layout dl dt {
  width: 100%;
  padding: 15px 12px 12px 45px;
  color: #444;
  font-weight: bold;
  position: relative;
  /*margin-top:10px;*/
  background: #F5F5F5;
  font-size: 1.2em;
  box-sizing: border-box;
}

/* line 495, ../sass/pages/_contact.scss */
.formInputs.vertical_layout dl dd {
  width: 100%;
  padding: 15px 12px 12px 12px;
  background: #FFF;
  display: block;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
  overflow: hidden;
  box-sizing: border-box;
}

/* line 506, ../sass/pages/_contact.scss */
.formInputs.vertical_layout dl dt,
.formInputs.vertical_layout dl dd {
  float: none;
  /*margin: 0;*/
}

/* 子質問枠
----------------------------------- */
/* line 518, ../sass/pages/_contact.scss */
.formInputs .inner_box {
  /*padding-top: 10px;*/
  /*margin-bottom: 10px;*/
}

/* line 523, ../sass/pages/_contact.scss */
.formInputs p.sub_item_ttl {
  position: relative;
  padding: 0 5px 3px 0;
  margin-bottom: 5px;
  /*border-left: solid 4px #FE9931;*/
  color: #444;
  font-weight: bold;
  font-size: 1.2em;
}

/*.formInputs .inner_box .f_left_area label {
	float: left;
	margin-right: 5px;
}*/
/* 子質問枠(2カラム)
-------------------------- */
/* line 541, ../sass/pages/_contact.scss */
.formInputs .inner_box .column_2box div {
  width: 310px;
  float: left;
}

/* 子質問枠 子ボックス
-------------------------- */
/* line 549, ../sass/pages/_contact.scss */
.inner_box_child {
  margin-bottom: 15px;
  padding: 15px 10px 12px 10px;
  background: #F5F5F5;
}

/* line 556, ../sass/pages/_contact.scss */
.inner_box_child table {
  width: 100%;
}

/*.inner_box_child table tr {
	margin-bottom: 10px;
}*/
/* line 564, ../sass/pages/_contact.scss */
.inner_box_child table th {
  width: 20%;
  font-size: 1.1em;
  color: #444;
  text-align: left;
}

/* line 571, ../sass/pages/_contact.scss */
.inner_box_child table td {
  width: 80%;
}

/* 同意
----------------------------------- */
/* line 578, ../sass/pages/_contact.scss */
.agree {
  border: dotted 1px #ccc;
  padding-top: 15px;
}

/* line 4, ../sass/pages/_news.scss */
#news .contentsInner p {
  text-align: left;
}
/* line 8, ../sass/pages/_news.scss */
#news .contentsInner h2 {
  text-align: left;
  border-bottom: 5px solid #eee;
  padding-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  /* line 8, ../sass/pages/_news.scss */
  #news .contentsInner h2 {
    margin: 20px 0;
    padding: 0 20px 20px;
  }
}
/* line 18, ../sass/pages/_news.scss */
#news .contentsInner h3 {
  font-size: 120%;
  margin: 50px 0;
  padding: 15px;
  background: #efefef;
}
@media only screen and (max-width: 992px) {
  /* line 18, ../sass/pages/_news.scss */
  #news .contentsInner h3 {
    margin: 20px 0;
  }
}
/* line 29, ../sass/pages/_news.scss */
#news .contentsInner h4 {
  margin: 40px 0;
  font-size: 120%;
}
@media only screen and (max-width: 992px) {
  /* line 29, ../sass/pages/_news.scss */
  #news .contentsInner h4 {
    margin: 20px;
  }
}
/* line 37, ../sass/pages/_news.scss */
#news .contentsInner .serviceWorks {
  background: none;
  padding: 0;
}
/* line 42, ../sass/pages/_news.scss */
#news .contentsInner .ta_c img {
  margin: 0 auto 20px;
  display: block;
}
@media only screen and (max-width: 992px) {
  /* line 42, ../sass/pages/_news.scss */
  #news .contentsInner .ta_c img {
    width: 300px;
    margin: 20px auto 20px;
  }
}
/* line 54, ../sass/pages/_news.scss */
#news .contentsInner .worksList li {
  font-size: 11px !important;
}
/* line 58, ../sass/pages/_news.scss */
#news .contentsInner .ul_list {
  margin: 20px;
  font-size: 13px;
  line-height: 1.4;
}
@media only screen and (max-width: 992px) {
  /* line 58, ../sass/pages/_news.scss */
  #news .contentsInner .ul_list {
    margin: 30px;
  }
}
/* line 65, ../sass/pages/_news.scss */
#news .contentsInner .ul_list li {
  list-style-type: disc;
  margin-bottom: 15px;
}
/* line 72, ../sass/pages/_news.scss */
#news .section-news {
  padding: 0 0 100px;
  background: none;
}
/* line 76, ../sass/pages/_news.scss */
#news .section-news ul {
  overflow: hidden;
}
/* line 78, ../sass/pages/_news.scss */
#news .section-news ul li {
  float: left;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  /* line 78, ../sass/pages/_news.scss */
  #news .section-news ul li {
    float: none;
    margin: 0 auto 20px;
  }
}
/* line 85, ../sass/pages/_news.scss */
#news .section-news ul li .ui-wrapper {
  background: #f4f4f4;
  padding-bottom: 20px;
  min-height: 107px;
}

@media only screen and (max-width: 992px) {
  /* line 97, ../sass/pages/_news.scss */
  #js-slider ul {
    width: 245px !important;
  }
}

/* line 4, ../sass/pages/_privacy.scss */
#privacy .contentsInner p {
  text-align: left;
  margin-bottom: 0.8em;
}
/* line 9, ../sass/pages/_privacy.scss */
#privacy .contentsInner h2 {
  text-align: left;
  border-bottom: 5px solid #eee;
  padding-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  /* line 9, ../sass/pages/_privacy.scss */
  #privacy .contentsInner h2 {
    margin: 20px 0;
    padding: 0 20px 20px;
  }
}
/* line 19, ../sass/pages/_privacy.scss */
#privacy .contentsInner h3 {
  font-size: 120%;
  margin: 50px 0;
  padding: 15px;
  background: #efefef;
}
@media only screen and (max-width: 992px) {
  /* line 19, ../sass/pages/_privacy.scss */
  #privacy .contentsInner h3 {
    margin: 20px 0;
  }
}
/* line 30, ../sass/pages/_privacy.scss */
#privacy .contentsInner h4 {
  margin: 40px 0;
  font-size: 120%;
}
@media only screen and (max-width: 992px) {
  /* line 30, ../sass/pages/_privacy.scss */
  #privacy .contentsInner h4 {
    margin: 20px;
  }
}
/* line 37, ../sass/pages/_privacy.scss */
#privacy .contentsInner h5 {
  margin-bottom: 0.8em;
}
@media only screen and (max-width: 992px) {
  /* line 37, ../sass/pages/_privacy.scss */
  #privacy .contentsInner h5 {
    padding: 0 15px;
  }
}
/* line 43, ../sass/pages/_privacy.scss */
#privacy .contentsInner .serviceWorks {
  background: none;
  padding: 0;
}
/* line 48, ../sass/pages/_privacy.scss */
#privacy .contentsInner .ta_c img {
  margin: 0 auto 20px;
  display: block;
}
@media only screen and (max-width: 992px) {
  /* line 48, ../sass/pages/_privacy.scss */
  #privacy .contentsInner .ta_c img {
    width: 300px;
    margin: 20px auto 20px;
  }
}
@media only screen and (max-width: 992px) {
  /* line 60, ../sass/pages/_privacy.scss */
  #privacy .contentsInner ol {
    padding: 0 15px;
  }
}
/* line 64, ../sass/pages/_privacy.scss */
#privacy .contentsInner ol li {
  list-style-type: decimal;
  margin: 0 0 0.5em 2em;
}
@media only screen and (max-width: 992px) {
  /* line 69, ../sass/pages/_privacy.scss */
  #privacy .contentsInner ul {
    padding: 0 15px;
  }
}
/* line 73, ../sass/pages/_privacy.scss */
#privacy .contentsInner ul li {
  text-indent: -2em;
  margin-left: 2em;
}
/* line 78, ../sass/pages/_privacy.scss */
#privacy .contentsInner .contact {
  padding: 1em 1em;
  margin-bottom: 60px;
  border: 1px solid #CCC;
}
@media only screen and (max-width: 992px) {
  /* line 78, ../sass/pages/_privacy.scss */
  #privacy .contentsInner .contact {
    margin: 0 10px;
  }
}
/* line 87, ../sass/pages/_privacy.scss */
#privacy .contentsInner .worksList li {
  font-size: 11px !important;
}
/* line 91, ../sass/pages/_privacy.scss */
#privacy .contentsInner .ul_list {
  margin: 20px;
  font-size: 13px;
  line-height: 1.4;
}
@media only screen and (max-width: 992px) {
  /* line 91, ../sass/pages/_privacy.scss */
  #privacy .contentsInner .ul_list {
    margin: 30px;
  }
}
/* line 98, ../sass/pages/_privacy.scss */
#privacy .contentsInner .ul_list li {
  list-style-type: disc;
  margin-bottom: 15px;
}
/* line 105, ../sass/pages/_privacy.scss */
#privacy .section-news {
  padding: 0 0 100px;
  background: none;
}
/* line 109, ../sass/pages/_privacy.scss */
#privacy .section-news ul {
  overflow: hidden;
}
/* line 111, ../sass/pages/_privacy.scss */
#privacy .section-news ul li {
  float: left;
  margin-bottom: 30px;
}
/* line 114, ../sass/pages/_privacy.scss */
#privacy .section-news ul li .ui-wrapper {
  background: #f4f4f4;
  padding-bottom: 20px;
}