@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 default
==================================================================================*/
/* -------------------------------------------
 * initialize
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI1MzY2NTA1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI1MzY2NTE1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjUzNjY0RTVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQjUzNjY0RjVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj3ggHcAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC"); }

body * {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased; }

article, aside, dialog, figure, footer, header, hgroup, nav, section, main {
  display: block; }

sup {
  font-size: 10px;
  vertical-align: super; }

sub {
  font-size: 10px;
  vertical-align: sub; }

div {
  line-height: 0; }

ul li, ol li {
  list-style: none; }

input, select {
  vertical-align: middle; }

.hide {
  display: none; }

body {
  font-family: "メイリオ", Meiryo, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif; }

img {
  -ms-interpolation-mode: bicubic; }

a {
  text-decoration: none; }

@media (min-width: 1025px) {
  a:hover {
    opacity: 0.7; } }
.clearfix {
  zoom: 1; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%; }

.bold {
  font-weight: bold; }

.wrap {
  margin: 0 auto;
  width: 94%;
  max-width: 1120px; }

@media (min-width: 768px) {
  a.tel {
    pointer-events: none; } }
main img,
.siteHeader img,
.siteFooter img {
  max-width: 100%;
  height: auto; }

@media (min-width: 768px) {
  .sp {
    display: none !important; } }
@media (max-width: 767px) {
  sup,
  .sub {
    font-size: 8px; }

  .pc {
    display: none !important; } }
/*==================================================================================
 common
==================================================================================*/
main {
  padding: 80px 0 70px;
  color: #526d7b; }

main li,
main .image {
  position: relative; }

main section + section {
  padding-top: 100px; }

main p,
main dd {
  line-height: 1.7;
  font-size: 14px; }

main p + p {
  padding-top: .8em; }

main .small {
  font-size: 80%; }

main img.width100 {
  width: 100%; }

main .mb30 {
  margin-bottom: 30px; }

main .mb50 {
  margin-bottom: 50px; }

main .mb80 {
  margin-bottom: 80px; }

main .mb100 {
  margin-bottom: 100px; }

main .mt30 {
  margin-top: 30px; }

main .mt50 {
  margin-top: 50px; }

main .mt80 {
  margin-top: 80px; }

main .mt100 {
  margin-top: 100px; }

main .colorBlack {
  color: #333 !important; }

main .colorWhite {
  color: #fff !important; }

main .colorRed {
  color: #d43f3f !important; }

main .colorGray {
  color: #526d7b !important; }

main .clear {
  clear: both !important; }

main .hide {
  display: none; }

main .alignR {
  text-align: right !important; }

main .alignL {
  text-align: left !important; }

main .alignC {
  text-align: center !important; }

main .commonTitle01 {
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 53px 3% 49px;
  line-height: 1.4;
  text-align: center;
  font-size: 42px;
  font-weight: normal;
  color: #fff;
  background: url("../img/company/bg-pagetitle.jpg") no-repeat center center;
  background-size: cover; }

main .commonTitle02 {
  box-sizing: border-box;
  padding: 50px 0;
  line-height: 1.4;
  text-align: center;
  font-size: 42px;
  font-weight: normal; }

main .commonTitle03 {
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: normal; }

@media (min-width: 768px) {
  main .commonTitle03.center {
    text-align: center; } }
main .commonTitle03 span {
  display: inline-block;
  position: relative;
  padding: 2px 0 0 36px;
  line-height: 1.4; }

main .commonTitle03 span:before {
  content: "/";
  display: block;
  position: absolute;
  top: 0;
  left: 3px;
  font-weight: bold;
  color: #fabe00;
  transform: scaleX(1.5); }

main .commonTitle04 {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #b9c3c8;
  line-height: 1.4;
  font-size: 22px; }

main .commonTitle04.noBorder {
  margin: 0;
  border: none; }

main .commonTitle05 {
  padding-bottom: 20px;
  line-height: 1.4;
  font-size: 18px; }

main .commonTitle06 {
  box-sizing: border-box;
  position: relative;
  padding: 0 0 10px 20px;
  font-size: 14px; }

main .commonTitle06:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 14px;
  height: 3px;
  background: #fabe00; }

main .commonTitle07 {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 0 10px 20px;
  border-bottom: 1px dotted #b9c3c8;
  font-size: 14px; }

main .commonTitle07:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 14px;
  height: 3px;
  background: #fabe00; }

main .columnWrap.shortenSpace {
  padding-top: 20px !important; }

main .columnWrap + .columnWrap {
  padding-top: 50px; }

main .columnWrap .columns {
  float: left; }

main .columnWrap .columns.center {
  float: none;
  clear: both;
  margin: 0 auto; }

main .columnWrap .column2-1 {
  width: 48.6608035714%; }

main .columnWrap .column2-1:nth-of-type(2n) {
  float: right; }

main .columnWrap .column3-1 {
  width: 31.4285714286%; }

main .columnWrap .column3-1:not(:last-of-type) {
  margin-right: 2.8571428571%; }

main .columnWrap .column3-2 {
  width: 65.7142857143%; }

main .columnWrap .column3-2:not(:last-of-type) {
  margin-right: 2.8571428571%; }

main .columnWrap .column4-1 {
  width: 22.8572321429%; }

main .columnWrap .column4-1:not(:last-of-type) {
  margin-right: 2.8571428571%; }

main .columnWrap .column4-2 {
  width: 48.5714285714%; }

main .columnWrap .column4-2:not(:last-of-type) {
  margin-right: 2.8571428571%; }

main .columnWrap .column4-3 {
  width: 74.2857142857%; }

main .columnWrap .column4-3:not(:last-of-type) {
  margin-right: 2.8571428571%; }

main .avoidImage .image,
main .avoidImage .textArea {
  display: inline; }

main .avoidImage .image {
  float: left;
  padding: 0 15px 10px 0; }

main .avoidImage .image.right {
  float: right;
  padding: 0 0 10px 15px; }

main .avoidImage .textArea p + p {
  padding-top: 10px; }

main .bgArea01 {
  padding: 60px 0;
  background: #eaeff3; }

main .commonLead01 {
  text-align: center;
  line-height: 1.5 !important;
  font-size: 18px !important;
  font-weight: bold; }

main .commonTaxText {
  padding-top: 100px;
  text-align: center;
  font-size: 12px; }

main .commonFrameText01 {
  box-sizing: border-box;
  padding: 15px 40px;
  border: 1px solid #b9c3c8;
  background: #eaeff3; }

main .commonFrameText01.white {
  background: #fff; }

main .commonListText01 li {
  position: relative;
  padding-left: 16px;
  line-height: 1.7;
  font-size: 14px; }

main .commonListText01 li:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #526d7b; }

main .commonListText01 li:not(:last-child) {
  padding-bottom: 8px; }

main .commonListText02 li {
  position: relative;
  padding-left: 14px;
  line-height: 1.7;
  font-size: 12px; }

main .commonListText02 li:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #526d7b; }

main .commonListText02 li:not(:last-child) {
  padding-bottom: 3px; }

main .textLink01 {
  display: inline-block;
  position: relative;
  color: #526d7b;
  text-decoration: underline; }

main .textLink01:hover {
  opacity: 1; }

@media (min-width: 1025px) {
  main .textLink01:hover {
    text-decoration: none; } }
main .textLink01:visited {
  color: #aaa; }

main .textLink01[target="_blank"] {
  margin-right: 10px; }

main .textLink01[target="_blank"]:after {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  line-height: 1;
  background: url("../img/common/icon-external.png") no-repeat;
  background-size: 100% 100%; }

main .textLink02 {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  color: #526d7b; }

main .textLink02:before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fabe00; }

main .textLink02:hover {
  opacity: 1; }

@media (min-width: 1025px) {
  main .textLink02:hover {
    text-decoration: underline; } }
main .textLink02:visited {
  color: #aaa; }

main .textLink02[target="_blank"]:after {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  width: 15px;
  height: 15px;
  line-height: 1;
  background: url("../img/common/icon-external.png") no-repeat;
  background-size: 100% 100%; }

main .textLink02.pdf:after {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  width: 21px;
  height: 20px;
  line-height: 1;
  background: url("../img/common/icon-pdf.png") no-repeat;
  background-size: 100% 100%; }

main .commonLinkTexts01 {
  margin-bottom: -10px;
  text-align: center;
  font-size: 14px; }

main .commonLinkTexts01 li {
  display: inline-block;
  padding-bottom: 10px; }

main .commonLinkTexts01 li:not(:last-child) {
  padding-right: 40px; }

main .commonLinkTexts01 li a {
  display: inline-block;
  position: relative;
  padding-left: 15px;
  color: #526d7b; }

main .commonLinkTexts01 li a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  border-top: 8px solid #fabe00;
  border-right: 6px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent; }

main .commonBtn01 {
  text-align: center;
  font-size: 14px; }

@media (min-width: 768px) {
  main .commonBtn01.heightUp a {
    padding: 20px 25px 19px; } }
main .commonBtn01 a {
  display: block;
  position: relative;
  padding: 15px 25px 14px;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #133664;
  color: #fff;
  background: #133664; }

main .commonBtn01 a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #fabe00;
  border-bottom: 1px solid #fabe00;
  transform: rotate(-45deg);
  left: auto;
  right: 12px;
  background: none !important; }

main .commonBtn01 a[target="_blank"]:before {
  margin-top: -7px;
  right: 8px;
  width: 15px;
  height: 15px;
  border: none;
  line-height: 1;
  background: url("../img/common/icon-external.png") no-repeat !important;
  background-size: 100% 100% !important;
  transform: none; }

main .commonBtn01.white.current a {
  pointer-events: none;
  background: #eaeff3; }

main .commonBtn01.white a {
  border-color: #b9c3c8;
  color: #526d7b;
  background: #fff; }

main .commonBtn01.white a:before {
  border-color: #fabe00; }

main .commonBtn01.white a:hover {
  opacity: 1; }

@media (min-width: 1025px) {
  main .commonBtn01.white a:hover {
    background: #eaeff3; } }
main .commonBtn02 {
  margin: 0 auto;
  max-width: 544px;
  text-align: center;
  font-size: 18px;
  font-weight: bold; }

main .commonBtn02.white.current a {
  pointer-events: none;
  background: #eaeff3; }

main .commonBtn02.white a {
  border: 1px solid #b9c3c8;
  color: #526d7b;
  background: #fff; }

main .commonBtn02.white a:before {
  border-color: #fabe00; }

main .commonBtn02.white a:hover {
  opacity: 1; }

@media (min-width: 1025px) {
  main .commonBtn02.white a:hover {
    background: #eaeff3; } }
main .commonBtn02 a {
  display: block;
  position: relative;
  padding: 28px 40px 27px;
  line-height: 1.4;
  border-radius: 3px;
  color: #fff;
  background: #133664; }

main .commonBtn02 a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  border-right: 1px solid #fabe00;
  border-bottom: 1px solid #fabe00;
  transform: rotate(-45deg);
  left: auto;
  right: 20px;
  background: none !important; }

main .commonBtn02 + .commonBtn02 {
  padding-top: 20px; }

main .commonBtn03 {
  font-size: 14px; }

main .commonBtn03 a {
  display: block;
  position: relative;
  padding: 30px 25px 29px 100px;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #b9c3c8;
  color: #526d7b; }

main .commonBtn03 a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #fabe00;
  border-bottom: 1px solid #fabe00;
  transform: rotate(-45deg);
  left: auto;
  right: 12px;
  background: none !important; }

main .commonBtn03 a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 65px;
  height: 65px;
  background: url("../img/common/icon-tsunagu.png") no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%); }

main .commonBtn03.mai a:after {
  background-image: url("../img/common/icon-mai.png"); }

main .commonBtnList01 li {
  float: left;
  width: 31.4285714286%; }

main .commonBtnList01 li:not(:nth-child(3n)) {
  padding-right: 2.8571428571%; }

main .commonBtnList01 li:not(:nth-child(-n+3)) {
  padding-top: 20px; }

@media (min-width: 768px) {
  main .commonBtnList01 li:nth-child(3n+1) {
    clear: both; } }
main .commonAccBtn01 {
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  position: relative;
  padding: 25px 50px 24px;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #133664;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #133664; }

main .commonAccBtn01:before, main .commonAccBtn01:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  right: 28px;
  width: 20px;
  height: 2px;
  background: #fabe00 !important;
  transform: translateY(-50%); }

main .commonAccBtn01:before {
  right: 20px; }

main .commonAccBtn01:after {
  width: 2px;
  height: 20px; }

main .commonAccBtn01.open {
  border-radius: 3px 3px 0 0;
  border-bottom-style: dotted; }

main .commonAccBtn01.open:after {
  display: none; }

@media (min-width: 1025px) {
  main .commonAccBtn01:hover {
    opacity: .7; } }
main .commonAccBtn01.white {
  border-color: #b9c3c8;
  color: #526d7b;
  background: #fff; }

main .commonAccBtn01.white:before {
  border-color: #fabe00; }

main .commonAccBtn01.white:hover {
  opacity: 1; }

@media (min-width: 1025px) {
  main .commonAccBtn01.white:hover {
    background: #eaeff3; } }
main .commonAccCont01 {
  display: none;
  padding: 20px 40px 0;
  border-radius: 0 0 3px 3px;
  border: 1px solid #b9c3c8;
  border-top: none; }

main .commonAccCont01 .accCloseBtn {
  cursor: pointer;
  position: relative;
  margin: 20px -40px 0;
  padding: 19px 0 17px 15px;
  text-align: center;
  line-height: 1;
  background: #eaeff3; }

main .commonAccCont01 .accCloseBtn:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 15px;
  margin-left: -45px;
  background: url("../img/common/icon-close.png") no-repeat;
  transform: translateY(-50%); }

@media (min-width: 1025px) {
  main .commonAccCont01 .accCloseBtn:hover {
    opacity: .7; } }
main .commonTableArea {
  padding-bottom: 10px;
  overflow: auto; }

main .commonTableArea + .commonTableArea {
  padding-top: 50px; }

main .commonTableArea table {
  width: 1120px;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: center;
  font-size: 14px; }

main .commonTableArea th,
main .commonTableArea td {
  box-sizing: border-box;
  padding: 14px 20px 12px;
  border: 1px solid #b9c3c8;
  vertical-align: middle;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word; }

main .commonTableArea th {
  font-weight: bold;
  background: #eaeff3; }

main .commonTableArea .commonTable01 tr:nth-child(n+2) th {
  background: #f9f9f9; }

main .commonTableArea .commonTable02 th.wide,
main .commonTableArea .commonTable02 td.wide,
main .commonTableArea .commonTable03 th.wide,
main .commonTableArea .commonTable03 td.wide {
  width: 33.5%; }

main .commonTableArea .commonTable02 th.wide02,
main .commonTableArea .commonTable02 td.wide02,
main .commonTableArea .commonTable03 th.wide02,
main .commonTableArea .commonTable03 td.wide02 {
  width: 50%; }

main .commonTableArea .commonTable03 {
  table-layout: auto; }

main .commonTableArea .commonTable03 th {
  vertical-align: top; }

main .commonNewsList01 {
  border-top: 1px solid #b9c3c8;
  padding-top: 15px;
  font-size: 14px;
  color: #526d7b; }

main .commonNewsList01 li {
  position: relative;
  padding-left: 10em;
  border-bottom: 1px dotted #b9c3c8;
  line-height: 1.7;
  font-size: 14px; }

main .commonNewsList01 li:last-child {
  padding-bottom: 10px; }

main .commonNewsList01 li:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px; }

main .commonNewsList01 li .date {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.7; }

main .commonNewsList02 {
  border-top: 1px solid #b9c3c8;
  padding-top: 15px;
  font-size: 14px;
  color: #526d7b; }

main .commonNewsList02 li {
  position: relative;
  border-bottom: 1px dotted #b9c3c8;
  line-height: 1.7;
  font-size: 14px; }

main .commonNewsList02 li:last-child {
  padding-bottom: 10px; }

main .commonNewsList02 li:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px; }

main .commonNewsList02 li .category {
  display: inline-block;
  box-sizing: border-box;
  margin-right: 12px;
  padding: 5px 10px 3px;
  min-width: 70px;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  color: #fff;
  background: #1ba9c0; }

main .commonNewsList02 li .category02 {
  background: #fc9219; }

main .commonNewsList02 li .date {
  display: inline-block;
  line-height: 1.7; }

main .commonNewsList02 li .content {
  display: block;
  padding-top: 3px;
  line-height: 1.7; }

main .commonList01 li {
  float: left;
  width: 31.4285714286%;
  border-radius: 3px;
  overflow: hidden; }

main .commonList01 li:not(:nth-child(3n)) {
  padding-right: 2.8571428571%; }

main .commonList01 li:not(:nth-child(-n+3)) {
  padding-top: 30px; }

@media (min-width: 768px) {
  main .commonList01 li:nth-child(3n+1) {
    clear: both; } }
main .commonList01 li .image {
  text-align: center; }

main .commonList01 li a {
  display: block;
  position: relative;
  color: #fff;
  background: #738792; }

main .commonList01 li dl {
  padding: 12px 5%; }

main .commonList01 li dt {
  position: relative;
  margin-bottom: 5px;
  padding-right: 10px;
  line-height: 1.4;
  font-size: 18px;
  font-weight: bold; }

main .commonList01 li dt:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #fabe00;
  border-bottom: 1px solid #fabe00;
  transform: rotate(-45deg);
  left: auto;
  right: 0;
  background: none !important; }

main .commonList01 li dd {
  line-height: 1.5;
  font-size: 14px; }

@media (min-width: 768px) {
  main .commonList01 li dd {
    min-height: 42px; } }
main .commonList01.white a {
  color: #738792;
  border: 1px solid #ddd;
  background: #fff; }

main .commonList02 {
  counter-reset: listNum01; }

main .commonList02 dl {
  counter-increment: listNum01;
  border: 1px solid #b9c3c8;
  padding-left: 40px;
  background: #eaeff3; }

main .commonList02 dl:not(:last-of-type) {
  margin-bottom: 30px; }

main .commonList02 dt {
  box-sizing: border-box;
  position: relative;
  float: left;
  padding: 25px 0 25px 50px;
  width: 33.3951762523%;
  line-height: 1.7;
  font-size: 16px;
  font-weight: bold; }

main .commonList02 dt:before {
  content: counter(listNum01) ".";
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 200%; }

main .commonList02 dd {
  box-sizing: border-box;
  float: right;
  padding: 25px 40px;
  width: 62.1521335807%;
  background: #fff; }

main .commonList02 dd p + p {
  padding-top: 10px; }

main .commonList02 dd p + div {
  margin-top: 10px; }

main .commonList02 dd div + ul {
  margin-top: 15px; }

main .commonList03 dl {
  position: relative;
  border: 1px solid #b9c3c8;
  padding-left: 22.8981216458%;
  background: #738792; }

main .commonList03 dl:not(:last-of-type) {
  margin-bottom: 10px; }

main .commonList03 dl.yellow {
  background: #fabe00; }

main .commonList03 dt {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 20px;
  width: 22.8981216458%;
  line-height: 1.4;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  transform: translateY(-50%); }

main .commonList03 dd {
  box-sizing: border-box;
  padding: 25px 40px;
  background: #fff; }

main .commonList03 dd p + p {
  padding-top: 10px; }

main .commonList03 dd p + div {
  margin-top: 10px; }

main .commonList03 dd div + ul {
  margin-top: 15px; }

main .commonList04 > li {
  padding: 30px 0;
  border-top: 1px solid #b9c3c8; }

main .commonList04 > li:last-child {
  border-bottom: 1px solid #b9c3c8; }

main .commonList04 > li .textArea {
  float: left;
  width: 48.5714285714%; }

main .commonList04 > li .textArea dt {
  padding-bottom: 10px;
  line-height: 1.4;
  font-size: 22px;
  font-weight: bold; }

main .commonList04 > li .textArea dd + dd {
  padding-top: 10px; }

main .commonList04 > li .textArea dd p + p,
main .commonList04 > li .textArea dd p + ul {
  padding-top: 5px; }

main .commonList04 > li .mapArea {
  box-sizing: border-box;
  position: relative;
  float: right;
  width: 48.5714285714%; }

main .commonList04 > li .mapArea .map {
  width: 64.3382352941%; }

main .commonList04 > li .mapArea .commonBtn01 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 29.4117647059%; }

main .commonList05 > li {
  padding: 30px 0;
  border-top: 1px solid #b9c3c8; }

main .commonList05 > li:last-child {
  border-bottom: 1px solid #b9c3c8; }

main .commonList05 > li .listTitle {
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 18px; }

main .commonList05 > li .image {
  display: block;
  float: left;
  padding-top: 10px;
  width: 26.7857142857%;
  text-align: center; }

main .commonList05 > li .details {
  float: right;
  width: 71.4285714286%;
  font-size: 14px; }

main .commonList05 > li .details dl {
  position: relative;
  padding-left: 180px; }

main .commonList05 > li .details dl:not(:last-of-type) {
  padding-bottom: 10px; }

main .commonList05 > li .details dt {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.7;
  font-weight: bold; }

main .commonList06 {
  font-weight: bold; }

main .commonList06 li {
  float: left;
  width: 31.4285714286%;
  border-radius: 3px; }

main .commonList06 li:not(:nth-child(3n)) {
  padding-right: 2.8571428571%; }

main .commonList06 li:not(:nth-child(-n+3)) {
  padding-top: 20px; }

@media (min-width: 768px) {
  main .commonList06 li:nth-child(3n+1) {
    clear: both; } }
main .commonList06 li a {
  display: block;
  padding: 15px;
  border: 1px solid #b9c3c8;
  border-radius: 3px;
  text-align: center;
  color: #738792; }

main .commonList06 li .image {
  padding-bottom: 10px; }

main .commonList07 li {
  float: left;
  width: 31.4285714286%; }

main .commonList07 li:not(:nth-of-type(3n)) {
  margin-right: 2.8571428571%; }

main .commonList07 li:not(:nth-of-type(-n+3)) {
  margin-top: 20px; }

@media (min-width: 768px) {
  main .commonList07 li:nth-child(3n+1) {
    clear: both; } }
main .commonList07 li a {
  display: block;
  padding-bottom: 10px;
  border-radius: 3px;
  color: #526d7b;
  background: #fff;
  overflow: hidden; }

main .commonList07 li dt {
  margin-bottom: 10px;
  padding: 9px 20px 7px;
  line-height: 1.4;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #738792; }

main .commonList07 li dd {
  position: relative;
  padding: 0 30px 0 20px; }

main .commonList07 li dd:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fabe00;
  border-bottom: 1px solid #fabe00;
  transform: rotate(-45deg);
  right: 15px; }

main .commonList07 li dd .small {
  font-size: 80%; }

main .commonList08 li {
  float: left;
  clear: both;
  width: 48.5714285714%; }

main .commonList08 li:nth-child(2n) {
  float: right;
  clear: none; }

main .commonList08 li:not(:nth-of-type(-n+2)) {
  margin-top: 30px; }

main .commonList08 li a {
  display: block;
  position: relative;
  padding: 20px 40px 20px 20px;
  border-radius: 3px;
  color: #526d7b;
  border: 1px solid #b9c3c8; }

main .commonList08 li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fabe00;
  border-bottom: 1px solid #fabe00;
  transform: rotate(-45deg);
  right: 15px; }

main .commonList08 li a[target="_blank"]:after {
  margin-top: -7px;
  right: 12px;
  width: 15px;
  height: 15px;
  border: none;
  line-height: 1;
  background: url("../img/common/icon-external.png") no-repeat;
  background-size: 100% 100%;
  transform: none; }

main .commonList08 li a > span {
  display: inline-block;
  position: relative;
  line-height: 1.4;
  font-size: 18px;
  font-weight: bold; }

main .commonList08 li a > span:after {
  content: ''; }

main .commonList08 li a > span.icon01:after {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 15px;
  width: 25px;
  height: 18px;
  background: url("../img/common/icon-arrow01.png") no-repeat; }

main .commonList08 li dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold; }

main .commonList08 li dt span {
  display: inline-block;
  position: relative;
  line-height: 1.4; }

main .commonList08 li dt span:after {
  content: ''; }

main .commonList08 li dt span.icon01:after {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 15px;
  width: 25px;
  height: 18px;
  background: url("../img/common/icon-arrow01.png") no-repeat; }

main .commonList08 li dd {
  line-height: 1.7; }

main .commonList08 li dd + dd {
  padding-top: 8px; }

main .commonList09 li {
  position: relative;
  padding: 20px 20px 20px 390px;
  background: #eaeff3; }

main .commonList09 li:not(:last-child) {
  margin-bottom: 1px; }

main .commonList09 li .linkBtn {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 350px;
  font-weight: bold; }

main .commonList09 li .text {
  padding-top: 5px;
  min-height: 46px; }

main .commonLinkArea01 {
  box-sizing: border-box;
  padding: 25px 40px 40px;
  min-height: 370px;
  font-weight: bold;
  background: #eaeff3; }

main .commonLinkArea01 .areaTitle {
  margin-bottom: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid #b9c3c8;
  line-height: 1.4;
  text-align: center;
  font-size: 22px;
  font-weight: bold; }

main .commonLinkArea01 li:not(:last-child) {
  padding-bottom: 25px; }

main .commonLinkArea01 li p {
  font-size: 18px; }

main .commonLinkArea01 li .linkBtn {
  padding-top: 5px;
  font-weight: normal; }

main .commonContacts {
  margin-top: 100px;
  text-align: center;
  background: #eaeff3; }

main .commonContacts .whiteArea {
  padding: 20px 0;
  position: relative;
  background: #fff; }

main .commonContacts .num {
  display: inline-block;
  line-height: 1;
  font-size: 34px;
  font-weight: bold; }

main .commonContacts .num a {
  display: block;
  color: #526d7b; }

main .commonContacts .num .freeIcon {
  display: inline-block;
  position: relative;
  top: 3px;
  line-height: 0;
  padding-right: 10px; }

main .commonContacts .text {
  display: inline-block;
  line-height: 1.4; }

main .commonContact01 {
  padding: 20px 0 40px; }

main .commonContact01 .contactTitle {
  line-height: 1.4;
  font-size: 22px;
  font-weight: bold; }

main .commonContact01 .contactTitle > span {
  display: inline-block;
  position: relative;
  margin-bottom: 25px;
  padding: 14px 0 7px 65px; }

main .commonContact01 .contactTitle > span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 43px;
  height: 43px;
  background: url("../img/common/icon-tel.png") no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%); }

main .commonContact01 .num {
  padding-right: 10px; }

main .commonContact01 .text {
  position: relative;
  top: 1px;
  text-align: left; }

main .commonContact02 {
  padding: 50px 0 60px; }

main .commonContact02 .lead {
  padding: 0 0 20px; }

main .commonContact02 .contacts li {
  box-sizing: border-box;
  float: left;
  width: 48.5714285714%;
  min-height: 210px; }

main .commonContact02 .contacts li:last-child {
  float: right; }

main .commonContact02 .contacts li:last-child .text01:before {
  background-image: url("../img/common/icon-mail.png");
  background-position-y: 8px; }

main .commonContact02 .contacts .text01 {
  display: block;
  position: relative;
  padding: 60px 0 10px; }

main .commonContact02 .contacts .text01:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 43px;
  background: url("../img/common/icon-tel.png") no-repeat center top; }

main .commonContact02 .contacts .num {
  padding-bottom: 10px; }

main .commonContact02 .contacts .contactBtn {
  margin: 0 auto;
  width: 90%;
  max-width: 360px; }

main .commonContact02 .contacts .contactBtn a {
  color: #133664;
  border-color: #fabe00;
  background: #fabe00; }

main .commonContact02 .contacts .contactBtn a:before {
  border-color: #133664; }

main .companyInfo {
  padding-top: 60px;
  text-align: center; }

main .companyInfo p {
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: bold; }

main .companyInfo li {
  float: left;
  width: 31.4285714286%; }

main .companyInfo li:not(:nth-child(3n)) {
  padding-right: 2.8571428571%; }

main .companyInfo li:not(:nth-child(-n+3)) {
  padding-top: 20px; }

@media (min-width: 768px) {
  main .companyInfo li:nth-child(3n+1) {
    clear: both; } }
.hojinAllWrap main {
  padding-top: 34px; }

@media (max-width: 1024px) {
  main {
    padding: 60px 0 30px; }

  main .commonContact01 .num {
    padding-bottom: 10px; }

  main .commonContact01 .text {
    display: block;
    text-align: center; }

  main .commonContact02 .text02 {
    font-size: 12px; } }
/*==================================================================================
 siteHeader.company

.siteHeader.company {
  position: fixed;
  padding: 12px 0 14px;
  width: 100%;
  border-top: 10px solid #738792;
  z-index: 100;
  background: rgba(255, 255, 255, 1);
  &:before {
    @include addParts($top:-10px, $left:50px);
    width: 50px;
    height: 10px;
    background: #fabe00;
  }

  > .wrap {
    position: relative;
  }

  .headerLogo {
    float: left;
    line-height: 0;

    a {
      &:hover {
        opacity: 1;
      }
    }
  }


  .spMenuArea {
    @include minWPc {
      display: block !important;
    }
  }


  .menuBtn {
    @include minWPc {
      display: none;
    }
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 3%;
    width: 40px;
    height: 40px;
    &:after {
      @include addParts($content:'MENU', $top:auto);
      bottom: 0;
      width: 100%;
      text-align: center;
      line-height: 1;
      font-size: 11px;
      color: #526d7b;
    }

    span {
      display: inline-block;
      position: absolute;
      left: 5px;
      width: 30px;
      height: 3px;
      background: #133664;

      &:first-of-type {
        top: 5px;
      }

      &:nth-of-type(2) {
        top: 13px;
      }

      &:last-of-type {
        top: 21px;
      }
    }

    &.open {
      span {
        &:first-of-type {
          top: 13px;
          transform: rotate(45deg);
        }

        &:nth-of-type(2) {
          display: none;
        }

        &:last-of-type {
          top: 13px;
          transform: rotate(-45deg);
        }
      }
    }
  }//.menuBtn


  .btnArea {
    float: right;

    .links {
      float: right;
      padding-bottom: 15px;
      font-size: 14px;

      li {
        float: left;
        &:not(:last-child) {
          margin-right: 20px;
          padding-right: 20px;
          border-right: 2px solid #b5bfc4;
        }

        a {
          color: #526d7b;
        }
      }
    }

    .language {
      float: right;
      clear: both;
      padding: 9px 26px 5px;
      border-radius: 3px;
      text-align: center;
      background: #133664;
    }

    #search-form {
      position: relative;
      float: left;
      width: 250px;
    }

    #keywords {
      box-sizing: border-box;
      padding: 0 .5em;
      width: 240px;
      height: 30px;
      border-radius: 3px;
      border: 1px solid #738792;
      font-size: 14px;
    }

    #search-btn {
      position: absolute;
      top: 0;
      left: 210px;
      padding: 6px;
      border-radius: 0 3px 3px 0;
      background: #133664;
    }
  }//.btnArea



//------------------------ min-width:$breakPointPc ------------------------
  @include minWPc {
    .globalNavi {
      display: none !important;
    }
  }
//----------------------- /min-width:$breakPointPc ------------------------



//------------------------ max-width:$breakPointTb ------------------------
  @include maxWTb {
    position: fixed;
    padding: 5px 0 6px;
    border-bottom: 1px solid #b9c3c8;
    width: 100%;
    z-index: 101;

    > .wrap {
      width: auto;

      &:before {
        top: -13px;
        left: 3%;
        width: 100px;
      }
    }

    .headerLogo {
      padding-left: 3%;
      width: 100px;
    }


    .spMenuArea {
      display: none;
      box-sizing: border-box;
      position: absolute;
      top: 45px;
      left: 0;
      padding: 0 0 30px;
      width: 100%;
      max-height: calc(100vh - 47px);
      border-top: 1px solid #b9c3c8;
      overflow: auto;
      background: #133664;
    }


    .btnArea {
      position: relative;
      float: none;
      clear: both;
      padding: 80px 0 0;
      width: 100%;
      text-align: center;
      background: #133664;

      .links {
        display: inline-block;
        float: none;
        clear: both;
        margin-right: 65px;
        padding: 0 15px 0 0;
        border-right: 2px solid #b5bfc4;
        font-size: 14px;

        li {
          float: left;
          &:not(:last-child) {
            margin-right: 15px;
            padding-right: 15px;
            border-right: 2px solid #b5bfc4;
          }

          a {
            color: #fff;
          }
        }
      }

      .language {
        position: absolute;
        top: 80px;
        right: 50%;
        margin-right: -140px;
        padding: 0;
        border-radius: 0;
        background: none;
      }

      #search-form {
        float: none;
        clear: both;
        position: absolute;
        top: 20px;
        left: 10%;
        width: 80%;
      }

      #keywords {
        width: 100%;
        height: 46px;
      }

      #search-btn {
        top: 1px;
        right: 1px;
        left: auto;
        padding: 13px;
      }
    }//.btnArea
  }
//----------------------- /max-width:$breakPointTb ------------------------

}//.siteheader.company


/*==================================================================================
 .globalNavi.company

.allWrap > .globalNavi.company {
  @include maxWTb {
    display: none !important;
  }
}


.globalNavi.company {
  position: fixed;
  top: 95px;
  left: 0;
  width: 100%;
  font-size: 14px;
  background: rgba(19, 54, 100, 1);
  z-index: 100;

  > ul {
    &:hover {
      @include minWPc {
        li.current {
          > a {
            color: #fff;
            background: #738792;
          }
          > a:hover {
            color: #133664;
            background: #fabe00;
          }
        }
      }
    }

    > li {
      float: left;
      width: percentage(136 / 1120);
      text-align: center;
      &:nth-child(2) {
        width: percentage(146 / 1120);
      }
      &:nth-child(3) {
        width: percentage(188 / 1120);
      }
      &:nth-child(4) {
        width: percentage(146 / 1120);
      }
      &:nth-child(5) {
        width: percentage(173 / 1120);
      }
      &:nth-child(6) {
        width: percentage(214 / 1120);
      }
      &:nth-child(7) {
        width: percentage(117 / 1120);
      }
      &:last-child {
        a {
          &:after {
            @include addParts($top:50%, $left:auto);
            right: 0;
            width: 2px;
            height: 15px;
            background: #fff;
            transform: translateY(-50%);
          }
        }
      }
      @include minWPc {
        &.current,
        &.dropDownOn {
          > a {
            color: #133664;
            background: #fabe00;
          }
        }
      }

      > a {
        display: block;
        position: relative;
        padding: 17px 0 14px;
        color: #fff;
        &:before {
          @include addParts($top:50%);
          width: 2px;
          height: 15px;
          background: #fff;
          transform: translateY(-50%);
        }
        &:hover {
          opacity: 1;
          @include minWPc {
            color: #133664;
            background: #fabe00;
          }
        }
      }

      .dropDown {
        display: none;
        position: absolute;
        top: 45px;
        left: 0;
        padding: 30px 0;
        width: 100%;
        border-top: 1px solid #b9c3c8;
        background: rgba(19, 54, 100, 1);

        .category {
          display: block;
          position: relative;
          float: left;
          margin-right: percentage(30 / 1120);
          padding: 33px 0 31px;
          width: percentage(250 / 1120);
          border: 1px solid #667d96;
          font-size: 16px;
          font-weight: bold;
          color: #fff;
          &:after {
            @include borderArrow($posX:90%, $size:8, $borderWidth:2, $borderColor:#fabe00);
          }
        }

        ul {
          position: relative;
          float: left;
          font-size: 14px;
          &:not(:last-of-type) {
            padding-right: percentage(50 / 1120);
          }
          &.onImage {
            padding-left: 95px;
          }

          li {
            float: left;
            clear: both;
            &:not(:last-child) {
              padding-bottom: 15px;
            }
            &.image {
              position: absolute;
              top: 0;
              left: 0;
              width: 80px;

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

            a {
              display: block;
              position: relative;
              padding-left: 20px;
              color: #fff;
              &:after {
                @include bgArrow($posX:2px, $borderWidthX:8, $borderWidthY:5, $bgColor:#fabe00);
              }
            }
          }
        }
      }//.dropDown
    }// > li
  }// > ul



//------------------------ max-width:$breakPointTb ------------------------
  @include maxWTb {
    position: static;

    > ul {
      width: auto;

      > li {
        float: none;
        clear: both;
        border-bottom: 1px solid #667d96;
        width: 100% !important;
        text-align: left;
        &.noDropDown {
          a {
            &:before {
              @include borderArrow($posX:auto, $borderWidth:2, $borderColor:#fabe00, $size:10);
              left: auto;
              right: 15px;
              background: none !important;
            }
            &:after {
              display: none;
            }
          }
        }
        &.dropDownOn {
          a {
            &:before {
              display: none;
            }
          }
        }

        > a {
          position: relative;
          padding: 15px 20px;
          border: none !important;
          &:before,
          &:after {
            @include addParts($top:50%, $left:auto);
            right: 10px;
            background: #fabe00 !important;
            transform: translateY(-50%);
          }
          &:before {
            right: 16px;
          }
          &:after {
            width: 15px !important;
            height: 2px !important;
          }
        }

        .dropDown {
          position: static;
          margin: 0 auto;
          padding: 0 0 15px;
          width: 94%;
          border-top: none;

          .category {
            display: none;
          }

          ul {
            float: none;
            clear: both;
            &:not(:last-of-type) {
              padding: 0 0 15px;
            }
            &.onImage {
              padding-left: 0;
            }

            li {
              float: none;
              clear: both;
              &:not(:last-child) {
                padding-bottom: 15px;
              }
              &.image {
                display: none;
              }

              a {
                padding-left: 15px;
                &:after {
                  @include bgArrow($posX:2px, $borderWidthX:8, $borderWidthY:5, $bgColor:#fabe00);
                }
              }
            }
          }
        }//.dropDown
      }// > li
    }// > ul
  }
//----------------------- /max-width:$breakPointTb ------------------------

}//.globalNavi.company


/*==================================================================================
 serviceIndex
==================================================================================*/
.serviceIndex {
  padding-bottom: 70px; }

.serviceIndex .naviTitle {
  padding-bottom: 25px;
  line-height: 1.7;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #526d7b; }

.serviceIndex .wrapper {
  float: left;
  width: 23.2142857143%;
  font-size: 14px; }

.serviceIndex .wrapper:not(:last-child) {
  padding-right: 2.3809517857%; }

.serviceIndex .wrapper > ul:not(:last-child) {
  padding-bottom: 30px; }

.serviceIndex .wrapper > ul > li .name {
  display: block;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px solid #b9c3c8;
  color: #526d7b; }

.serviceIndex .wrapper > ul > li .name:after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 20px;
  bottom: -6px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #b9c3c8;
  border-bottom: 1px solid #b9c3c8;
  background: #fff;
  transform: rotate(45deg); }

@media (min-width: 1025px) {
  .serviceIndex .wrapper > ul > li ul {
    display: block !important; } }
.serviceIndex .wrapper > ul > li li:not(:last-child) {
  padding-bottom: 12px; }

.serviceIndex .wrapper > ul > li li a {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  color: #526d7b; }

.serviceIndex .wrapper > ul > li li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 2px;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fabe00; }

@media (max-width: 1024px) {
  .serviceIndex {
    padding-bottom: 60px; }

  .serviceIndex .naviTitle {
    font-size: 16px; }

  .serviceIndex .wrapper {
    float: none;
    clear: both;
    width: auto;
    border: 1px solid #b9c3c8; }

  .serviceIndex .wrapper:not(:last-child) {
    padding-right: 0;
    border-bottom: none; }

  .serviceIndex .wrapper > ul:not(:last-child) {
    padding-bottom: 0;
    border-bottom: 1px solid #b9c3c8; }

  .serviceIndex .wrapper > ul:last-of-type > li {
    padding-bottom: 20px; }

  .serviceIndex .wrapper > ul > li {
    padding: 20px 3%; }

  .serviceIndex .wrapper > ul > li.dropDownOn .name:before {
    display: none; }

  .serviceIndex .wrapper > ul > li .name {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }

  .serviceIndex .wrapper > ul > li .name:before, .serviceIndex .wrapper > ul > li .name:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    background: #fabe00 !important;
    transform: translateY(-50%); }

  .serviceIndex .wrapper > ul > li .name:before {
    right: 6px;
    left: auto;
    width: 2px;
    height: 15px; }

  .serviceIndex .wrapper > ul > li .name:after {
    width: 15px !important;
    height: 2px !important;
    border: none; }

  .serviceIndex .wrapper > ul > li ul {
    padding: 20px 3% 0;
    display: none; } }
/*==================================================================================
 siteFooter.company

$logoH: 50;

.siteFooter.company {
  position: relative;
  text-align: center;
  padding-bottom: 20px;

  .logo {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: $logoH/5 + px solid #738792;
    &:after {
      @include addParts($top:auto);
      bottom: -$logoH/5 + px;
      left: $logoH + px;
      width: $logoH + px;
      height: $logoH/5 + px;
      background: #fabe00;
    }

    img {
      width: auto;
      height: $logoH + px;
    }

    a {
      opacity: 1;
    }
  }


  .links {
    display: inline-block;
    padding-bottom: 30px;
    font-size: 11px;

    li {
      float: left;
      &:not(:last-child) {
        &:after {
          content: "/";
          display: inline-block;
          color: #fabe00;
          padding: 0 3px;
          font-weight: bold;
        }
      }

      a {
        color: #526d7b;
        padding: 3px 5px 1px;
        border-radius: 3px;
        @include minWPc {
          transition: all 0.1s ease;
          &:hover {
            color: #133664;
            background: #fabe00;
          }
        }
      }
    }
  }


  .pageTop {
    position: fixed;
    right: 20px;
    bottom: 20px;

    a {
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 3px;
      background: #133664;
      &:after {
        @include borderArrow($posY:45%, $direction:top, $size:18, $borderWidth:2, $borderColor:#fff);
      }
    }
  }


  .copyright {
    font-size: 11px;
    color: #526d7b;
  }



//------------------------ max-width:$breakPointTb ------------------------
  @include maxWTb {
    .logo {
      margin-bottom: 0;
    }


    .links {
      display: block;
      font-size: 14px;

      li {
        float: none;
        clear: both;
        text-align: left;
        &:after {
          display: none !important;
        }
        &:not(:last-child) {
          margin-right: 0;
          padding: 0;
          border: {
            right: none;
            bottom: 1px dotted #bfbfbf;
          }
        }

        a {
          display: block;
          padding: 17px 15px 15px;
          border-radius: 0;
          background: #eaeaea;
        }
      }
    }


    .pageTop {
      right: 10px;
      bottom: 10px;

      a {
        width: 40px;
        height: 40px;
        &:after {
          margin-left: -7px;
          width: 12px;
          height: 12px;
        }
      }
    }


    .copyright {
      text-align: center;
      font-size: 14px;
      color: #526d7b;
    }
  }
//----------------------- /max-width:$breakPointTb ------------------------

}//.siteFooter.company


/*==================================================================================
 print
==================================================================================*/
@media print {
  .siteHeader,
  .siteFooter,
  .globalNavi {
    display: none !important; } }
/*==================================================================================
 top
==================================================================================*/
#top section.intro {
  padding-bottom: 60px; }

#top section.intro .mainVisual {
  position: relative;
  background: url("../img/top/mv.jpg") no-repeat center center;
  background-size: cover; }

#top section.intro .mainVisual h2 {
  position: absolute;
  top: 33.3333333333%;
  left: 14.6538461538%;
  width: 70.6923076923%;
  z-index: 2; }

#top section.intro .mainVisual .lead {
  position: absolute;
  top: 52.7777777778%;
  left: 25.7307692308%;
  width: 48.5384615385%;
  z-index: 2; }

#top section.intro .mainVisual .image img {
  width: 100%; }

#top section.intro .links {
  margin-bottom: 40px;
  border-bottom: 1px solid #b9c3c8;
  text-align: center; }

#top section.intro .links li {
  float: left;
  width: 25%;
  line-height: 0; }

#top section.intro .links li a {
  display: block;
  padding: 18px 0 19px; }

#top section.intro .attention {
  position: relative;
  margin-bottom: 40px;
  padding: 15px;
  border: 1px solid #b9c3c8;
  background: #eaeff3; }

#top section.intro .attention > p {
  position: absolute;
  top: 18px;
  left: 15px;
  padding-left: 36px; }

#top section.intro .attention > p:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../img/common/icon-exclamation.png") no-repeat; }

#top section.intro .attention .commonNewsList01 {
  border-top: none;
  padding: 0 0 0 160px; }

#top section.intro .attention .commonNewsList01 li {
  padding-left: 11em; }

#top section.intro .attention .commonNewsList01 li:last-child {
  padding-bottom: 0;
  border-bottom: none; }

#top section.intro .attention .commonNewsList01 li:before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fabe00; }

#top section.intro .attention .commonNewsList01 li .date {
  left: 1em; }

#top section.intro .inSections > header {
  position: relative; }

#top section.intro .inSections > header .btns {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 12px; }

#top section.intro .inSections > header .btns li {
  float: left; }

#top section.intro .inSections > header .btns li:not(:last-child) {
  padding-right: 6px; }

#top section.intro .inSections > header .btns a {
  box-sizing: border-box;
  display: block;
  padding: 7px 0 5px;
  width: 60px;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #526d7b; }

#top section.intro .inSections h3 {
  padding-bottom: 15px;
  line-height: 1;
  font-size: 18px; }

#top section.intro section.press {
  float: left;
  margin-bottom: 40px;
  width: 47.7678571429%; }

#top section.intro section.press > header {
  padding-top: 5px; }

#top section.intro section.announce {
  float: right;
  margin-bottom: 40px;
  padding-top: 0;
  width: 47.7678571429%; }

#top section.intro section.announce > header {
  padding-top: 5px; }

#top section.intro section.failure {
  clear: both;
  padding: 20px;
  border: 1px solid #b9c3c8;
  text-align: center; }

#top section.intro section.failure h3 {
  padding-bottom: 20px; }

#top section.intro section.failure .services {
  font-size: 14px; }

#top section.intro section.failure .services > li {
  float: left;
  width: 30.612244898%; }

#top section.intro section.failure .services > li:not(:last-child) {
  padding-right: 4.0816326531%; }

#top section.intro section.failure .services > li .name {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #b9c3c8; }

#top section.intro section.failure .services > li .name:after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: -7px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-right: 1px solid #b9c3c8;
  border-bottom: 1px solid #b9c3c8;
  background: #fff;
  transform: rotate(45deg); }

#top section.intro section.failure .services > li ul {
  display: inline-block;
  font-size: 13px; }

#top section.intro section.failure .services > li li {
  float: left; }

#top section.intro section.failure .services > li li:not(:last-child) {
  padding-right: 18px; }

#top section.intro section.failure .services > li li a {
  display: block;
  position: relative;
  padding-left: 12px;
  color: #526d7b; }

#top section.intro section.failure .services > li li a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fabe00; }

#top section.service .textArea,
#top section.company .textArea {
  float: left;
  width: 48.6607142857%; }

#top section.service .textArea .lead,
#top section.company .textArea .lead {
  padding-bottom: 15px;
  line-height: 1.7;
  font-size: 14px; }

#top section.service .bnrs,
#top section.company .bnrs {
  float: right;
  width: 48.6607142857%; }

#top section.service {
  margin-bottom: 60px; }

#top section.service .commonBtn01 {
  float: right; }

#top section.service .bnrs .name {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold; }

#top section.service .bnrs > li:first-child {
  padding-bottom: 20px; }

#top section.service .bnrs > li li {
  float: left;
  width: 32%;
  text-align: center; }

#top section.service .bnrs > li li:not(:last-child) {
  padding-right: 2%; }

#top section.service .bnrs > li li a {
  display: block;
  padding: 18px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff; }

#top section.company {
  position: relative;
  padding: 0 0 60px; }

#top section.company .textArea {
  background: rgba(255, 255, 255, 0.7); }

#top section.company .illust {
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  right: 0;
  z-index: -1; }

#top section.recruit {
  padding-top: 0;
  position: relative;
  color: #fff;
  background: #738792; }

#top section.recruit > header {
  padding: 60px 0; }

#top section.recruit > header h3,
#top section.recruit > header .lead,
#top section.recruit > header .btnArea {
  max-width: 48.2142857143%; }

#top section.recruit > header .lead {
  padding-bottom: 15px;
  line-height: 1.7;
  font-size: 14px; }

#top section.recruit .image {
  position: absolute;
  top: 0;
  right: 0;
  width: 48.4615384615%;
  height: 100%;
  background: url("../img/top/recruit-img.jpg") no-repeat center center;
  background-size: cover; }

@media (max-width: 1024px) {
  #top section.intro section.failure {
    padding: 15px 20px; }

  #top section.intro section.failure .services > li {
    float: none;
    clear: both;
    width: auto; }

  #top section.intro section.failure .services > li:not(:last-child) {
    padding: 0 0 20px; }

  #top section.intro section.failure .services > li .name {
    margin-bottom: 15px;
    padding-bottom: 10px; }

  #top section.intro section.failure .services > li ul {
    font-size: 12px; }

  #top section.intro section.failure .services > li li:not(:last-child) {
    padding-right: 15px; }

  #top section.intro section.failure .services > li li a {
    padding-left: 10px; } }
/*==================================================================================
 lower common
==================================================================================*/
.lower main {
  padding-bottom: 100px; }

.lower main .breadcrumb {
  padding: 13px 0 11px;
  color: #fff;
  font-size: 12px;
  background: #738792; }

.lower main .breadcrumb a,
.lower main .breadcrumb span {
  display: inline-block;
  line-height: 1; }

.lower main .breadcrumb a {
  position: relative;
  color: #fff; }

.lower main .breadcrumb a:hover {
  opacity: 1; }

@media (min-width: 1025px) {
  .lower main .breadcrumb a:hover {
    text-decoration: underline; } }
.lower.categoryTop .pageLead {
  padding-bottom: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold; }

/*==================================================================================
 company
==================================================================================*/
#company.slogan section.contents > header {
  margin-bottom: 40px;
  padding: 50px 3% 30px;
  text-align: center; }

#company.slogan section.contents > header h2 {
  padding-bottom: 40px; }

#company.slogan section.contents > header .lead {
  line-height: 2.1;
  font-size: 18px;
  font-weight: bold; }

#company.slogan section.contents .text {
  padding-bottom: 30px; }

#company.message .avoidImage .textArea p + p {
  padding-top: 20px; }

#company.message .avoidImage .textArea .name {
  display: inline-block;
  line-height: 1.7;
  font-size: 18px;
  font-weight: bold; }

#company.philosophy section.contents h2, #company.attitude section.contents h2, #company.principles section.contents h2 {
  margin-bottom: 30px;
  line-height: 2;
  text-align: center;
  font-size: 22px;
  font-weight: bold; }

#company.philosophy section.contents .text, #company.attitude section.contents .text, #company.principles section.contents .text {
  padding-bottom: 30px;
  text-align: center; }

#company.principles main .points {
  padding: 40px 0 50px;
  background: #eaeff3; }

#company.principles main .points dl {
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  padding-left: 95px;
  max-width: 800px;
  min-height: 63px; }

#company.principles main .points dl:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 100%;
  background: url("../img/company/principles/icon-point01.png") no-repeat center top;
  background-size: 100% auto; }

#company.principles main .points dl:not(:last-of-type) {
  padding-bottom: 35px; }

#company.principles main .points dl:nth-of-type(2):before {
  background-image: url("../img/company/principles/icon-point02.png"); }

#company.principles main .points dl:nth-of-type(3):before {
  background-image: url("../img/company/principles/icon-point03.png"); }

#company.principles main .points dl:nth-of-type(4):before {
  background-image: url("../img/company/principles/icon-point04.png"); }

#company.principles main .points dl:nth-of-type(5):before {
  background-image: url("../img/company/principles/icon-point05.png"); }

#company.principles main .points dt {
  line-height: 1.4;
  font-size: 22px;
  font-weight: bold; }

#company.principles main .points dd {
  line-height: 2;
  font-size: 14px; }

#company.principles main .points,
#company.principles main .links {
  margin-bottom: 40px; }

/*==================================================================================
 page
==================================================================================*/
/*# sourceMappingURL=style.scss.map */