@charset "UTF-8";
html {
    color: #000;
    font-size: 10px;
    line-height: 1;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.contents .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
body {
  content: 'pc';
  font-family: Verdana, "�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN", "���C���I", Meiryo, sans-serif;
  /*font-family: Verdana, "���S�V�b�N", YuGothic, "�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN", "���C���I", Meiryo, sans-serif;*/
  font-size: 2em;
}
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
}
@media only screen and (max-width: 80em) {
  body {
    font-size: 1.5625vw;
  }
}
@media only screen and (max-width: 42em) {
  body {
    content: 'sp';
    font-size: 6.25vw;
  }
}
img {
  height: auto;
  max-width: 100%;
}
a {
  color: #009fc1;
}
a:hover img,
.btn:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}
.width {
  margin-right: auto;
  margin-left: auto;
  max-width: 52em;
}

.header_inner {
  /*background: url("../img/logo.png") .9em .1em no-repeat;*/
  /*-webkit-box-sizing: border-box;*/
          /*box-sizing: border-box;*/
  /*padding-left: 6.7em;*/
  position: relative;
  text-align: right;
  /**width: 45.3em;*/
}
@media only screen and (max-width: 42em) {
  .header_inner {
    font-size: .5em;
    /*background-position: 2.3em 0;*/
    /*-webkit-background-size: 5.9em auto;*/
            /*background-size: 5.9em auto;*/
  }
}
.logo {
  margin-top: .1em;
  margin-left: .9em;
  position: absolute;
  left: 0;
  top: 0;
  width: 17.45em;
}
@media only screen and (max-width: 42em) {
  .logo {
    margin-top: 0;
    margin-left: 2.3em;
    width: 15em;
    /*width: 15em;*/
  }
}
.title {
  color: #4b4b4b;
  font-size: .55em;
  font-weight: normal;
  margin-top: .81818182em;
  margin-bottom: .72727273em;
}
.snav {
  font-size: .55em;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 1.27272727em;
  padding-left: 0;
}
.snav li {
  display: inline;
  margin-left: 1.81818182em;
  padding-left: 1em;
}
.snav a {
  color: #4b4b4b;
  text-decoration: none;
}
.snav a:hover {
  text-decoration: underline;
}
.headerSearch,
.headerBtn,
.headerBtn li,
.headerTel {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 0;
  vertical-align: top;
}
.headerSearch .text {
  font-size: .8em;
  vertical-align: top;
  width: 9.3125em;
}
.headerSearch .submit {
  background: #21489d url("../img/icon-search.png") center center no-repeat;
  border: none;
  height: 1.25em;
  overflow: hidden;
  padding: 0;
  text-indent: 110%;
  vertical-align: top;
  width: 2.25em;
}
.headerSearch .submit:hover {
  background-color: #009fc1;
}
.headerBtn {
  font-size: .6em;
  padding-left: 0;
}
.headerBtn li {
  /*border-radius: .16666667em;*/
  /*-webkit-box-shadow: 0 1px 2px rgba(13,13,14,.75);*/
          /*box-shadow: 0 1px 2px rgba(13,13,14,.75);*/
  margin-right: .66666667em;
  width: 9.66666667em;
}
.headerBtn .btn {
  /*color: #fff;*/
  /*display: block;*/
  /*letter-spacing: .1em;*/
  line-height: 2.33333333;
  /*text-decoration: none;*/
  /*text-align: center;*/
}
.headerBtn .btn:before {
  line-height: 1;
  margin-right: .41666667em;
  vertical-align: middle;
}
.headerBtn .btn-document:after,
.headerBtn .btn-contact:after {
  display: none;
}
.headerBtn .btn-document {
  background-color: #cb141c;
}
.headerBtn .btn-document:before {
  content: url("../img/icon-document.png");
}
.headerBtn .btn-contact {
  background-color: #21489d;
}
.headerBtn .btn-contact:before {
  content: url("../img/icon-mail.png");
}
.headerTel {
  margin-bottom: .7em;
}
@media only screen and (max-width: 42em) {
  .spMenu {
    margin-top: .5em;
    margin-bottom: .4em;
    padding-left: 0;
  }
  .spMenu li {
    display: inline-block;
    margin-right: .65em;
  }
  .spMenu img {
    height: auto;
    width: 3.5em;
  }
}
.gnav {
  background-color: #21489d;
  border-bottom: 3px solid #009fc1;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
  list-style-type: none;
}
.gnav ul {
  border-right: 1px solid #385ba7;
  border-left: 1px solid #1e418d;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.gnav li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: .7em;
  letter-spacing: .1em;
  line-height: 3.71428571;
  text-align: center;
  width: 16.6666666%;
}
.gnav a {
  border-right: 1px solid #1e418d;
  border-left: 1px solid #385ba7;
  color: #fff;
  display: block;
  text-decoration: none;
}
.gnav a:hover,
.page_business .gnav_business,
.page_csr .gnav_csr,
.page_case .gnav_case,
.page_support .gnav_suport,
.page_company .gnav_company,
.page_recruit .gnav_recruit {
  background-color: #009fc1;
}
@media only screen and (max-width: 42em) {
  .gnav {
    border-bottom: none;
    height: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-transition: opacity .5s ease-in-out;
            transition: opacity .5s ease-in-out;
    z-index: 1000;
  }
  .gnav-on {
    height: auto;
    opacity: 1;
  }
  .gnav li {
    border-bottom: 1px solid #fff;
    display: block;
    width: 100%;
  }
}


.footer:after {
  border-bottom: 5px solid #21489d;
  content: '';
  display: block;
  margin-bottom: .8em;
}
.fnav {
  border-bottom: 1px solid #cdcdcd;
  margin-top: 0;
  margin-bottom: 1.15em;
  padding-top: 4.025em;
  padding-bottom: 1.15em;
  padding-left: 0;
}
.fnav > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: .65em;
  line-height: 1.38461538;
  padding-right: 1.427923em;
  vertical-align: top;
  width: 10em;
}
.fnav a {
  color: #353535;
  display: block;
  font-weight: bold;
  margin-bottom: 1.65384615em;
  text-decoration: none;
}
.fnav a:hover,
.fnav a:hover .ib {
  text-decoration: underline;
}
.fnav_child {
  list-style-type: none;
  padding-left: 0;
}
.fnav_child li {
  font-size: .84615385em;
  line-height: 1.18181818;
  margin-bottom: 1em;
}
.fnav_child a {
  color: #5e5e5e;
  font-weight: normal;
  margin-bottom: 0;
}
@media only screen and (max-width: 42em) {
  .fnav {
    padding-top: 2em;
    padding-left: 1em;
  }
  .fnav > li {
    margin-bottom: 1em;
  }
}
.footerLogo {
  background: url("../img/footer_logo.png") center 0 no-repeat;
  font-size: .65em;
  line-height: 1.76923077em;
  margin-bottom: 1.96153846em;
  padding-top: 5.61538462em;
  text-align: center;
}
.footerLogo b {
  color: #21489d;
  font-size: 1.15384615em;
}
.footerText {
  color: #4b4b4b;
  font-size: .55em;
  line-height: 1.63636364;
  margin-bottom: 4.04545455em;
}
@media only screen and (max-width: 42em) {
  .footerLogo,
  .footerText {
    display: none;
  }
}
.footerSmall {
  font-size: .55em;
  line-height: 1.63636364;
  padding-bottom: 1.27272727em;
  text-align: center;
}
.copyright {
  border-right: 1px solid #a7a7a7;
  color: #4b4b4b;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 2.72727273em;
  padding-right: 2.72727273em;
  vertical-align: middle;
}
.fnav2,
.fnav2 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.fnav2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.fnav2 li {
  margin-right: 1.81818182em;
}
.fnav2 a {
  color: #4b4b4b;
  text-decoration: none;
}
.fnav2 a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 42em) {
  .copyright,
  .fnav2 {
    display: block;
  }
  .copyright {
    border-right: none;
    margin-right: 0;
    margin-bottom: 1em;
    padding-right: 0;
    text-align: center;
  }
}


.main {
  overflow: hidden;
}
.slide {
  position: relative;
  overflow: hidden;
}
.slide .bx-wrapper {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 64em;
  max-width: 100% !important;
}
.slide .bx-viewport {
  overflow: visible !important;
}
.slideItem {
  /*height: 39.0625vw;*/
  /*max-height: 25em;*/
  /*height: 25em;*/
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 25em;
}
/*.no-cssvwunit .slideItem {
  height: 25em;
}*/
.slideItem-1 {
  background: url("../img/slide1.jpg") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-1 .inner {
  color: #fff;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
}
.slideItem-1 .inner:before {
  content: '';
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.slideItem-2 {
  background: url("/img/slide2_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-3 {
  background: url("/img/slide3_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-4 {
  background: url("/img/slide4_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-5 {
  background: url("/img/slide5_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-6 {
  background: url("/img/slide6_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-7 {
  background: url("/img/slide7_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-8 {
  background: url("/img/slide8_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-9 {
  background: url("/img/slide9_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-10 {
  background: url("/img/slide10_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-11 {
  background: url("/img/slide11_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-12 {
  background: url("/img/slide12_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-13 {
  background: url("/img/slide13_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-14 {
  background: url("/img/slide14_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-15 {
  background: url("/img/slide15_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-16 {
  background: url("/img/slide16_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-17 {
  background: url("/img/slide17_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-18 {
  background: url("/img/slide18_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-19 {
  background: url("/img/slide19_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-20 {
  background: url("/img/slide20_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-21 {
  background: url("../img/slide21_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-22 {
  background: url("../img/slide22_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-23 {
  background: url("../img/slide23_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-24 {
  background: url("../img/slide24_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-25 {
  background: url("../img/slide25_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-26 {
  background: url("../img/slide26_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-27 {
  background: url("../img/slide27_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-28 {
  background: url("../img/slide28_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-29 {
  background: url("../img/slide29_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-0 {
  background: url("../img/slide0_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.slideItem-98 {
  background: url("../img/slide98_text.png") center center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}

/*
.slideItem-1 .inner {
  color: #fff;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
}
.slideItem-1 .inner:before {
  content: '';
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
*/
.no-backgroundblendmode .slideItem-1 .inner:before {
  background-color: rgba(0,0,0,.4);
  background-image: none;
}
.slideItem-1 h1,
.slideItem-1 p,
.slideItem-1 ul {
  position: relative;
}
.slideItem-1 h1 {
  font-size: 1em;
  margin-top: .85em;
  margin-bottom: .45em;
}
.slideItem-1 h1 img {
  width: 68.203125%;
}
.slideItem-1 p {
  font-size: .85em;
  letter-spacing: .1em;
  line-height: 1.58823529;
  margin-top: 0;
  margin-bottom: .70588235em;
}
.slideItem-1 ul {
  font-size: .7em;
  margin-bottom: 1.71428571em;
  padding-left: 0;
}
.slideItem-1 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: .71428571em;
  margin-left: .71428571em;
  width: 17.5em;
}
/*
.slideItem-2 {
  background-color: #21489d;
  position: relative;
}
.slideItem-2 img {
  height: auto;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 77.109375%;
}*/
@media only screen and (max-width: 42em) {
  .slide {
    border-top: .1em solid #21489d;
  }
  .slideItem {
    font-size: .5em;
    padding-top: 12.5em;
  }
  .pageTitle {
    font-size: .5em;
    padding-top: 12.5em;
  }
  .slideItem-1 li {
    width: 14.5em;
  }
  .slideItem-1 a {
    padding-right: 2em;
  }
}
.slide .bx-pager {
  font-size: .5em;
  margin-top: 1em;
  text-align: center;
}
.slide .bx-pager-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: .5em;
  margin-left: .5em;
  vertical-align: top;
}
.slide .bx-pager-link {
  background-color: #d3d3d3;
  border-radius: .5em;
  display: block;
  height: 1em;
  overflow: hidden;
  text-indent: 110%;
  width: 1em;
}
.slide .active {
  background-color: #21489d;
}
/*.slide .bx-controls-direction {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 1em;
  width: 100%;
  max-width: 1280px;
}*/
.slide .bx-controls-direction a {
  background-color: rgba(255,255,255,.3);
  background-repeat: no-repeat;
  -webkit-background-size: 1.35em auto;
          background-size: 1.35em auto;
  border-radius: 2.075em;
  display: block;
  height: 4.15em;
  margin: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 1em;
  text-indent: 110%;
  width: 4.15em;
}
.slide .bx-controls-direction a:hover {
  background-color: rgba(0,0,0,.4);
}
.slide .bx-prev {
  background-image: url("../img/arrow-prev.png");
  background-position: 45% center;
  left: 1em;
}
.slide .bx-next {
  background-image: url("../img/arrow-next.png");
  background-position: 55% center;
  right: 1em;
}
@media only screen and (max-width: 42em) {
  .slide .bx-controls-direction a {
    display: none;
  }
}


.indexTitle {
  border-bottom: 1px solid #e9ebf1;
  color: #21489d;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 2.3em;
  margin-top: 0;
  margin-bottom: .10869565em;
  padding-top: 1.26086957em;
  padding-bottom: .04347826em;
  text-align: center;
}
.indexTitle-ja {
  color: #646464;
  text-align: center;
  font-size: .85em;
  font-weight: bold;
  letter-spacing: .36em;
  margin-top: 0;
  margin-bottom: 2.11764706em;
}
@media only screen and (max-width: 42em) {
  .indexHeader {
    font-size: .5em;
  }
}
.blue .indexTitle,
.blue .indexTitle-ja {
  color: #fff;
}
.blue .indexTitle {
  border-color: #5b76b2;
}


.indexBusiness_list {
  font-size: .7em;
  margin-right: -2em;
  margin-bottom: 1.57142857em;
  margin-left: -2em;
  padding-left: 0;
  text-align: center;
}
.indexBusiness_list li {
  border: 1px solid #e1e1e4;
  -webkit-box-shadow: 0 0 5px rgba(13,13,14,.2);
          box-shadow: 0 0 5px rgba(13,13,14,.2);
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 2em;
  margin-bottom: 2em;
  margin-left: 2em;
  padding-top: .64285714em;
  padding-right: .64285714em;
  padding-bottom: 1.5em;
  padding-left: .64285714em;
  vertical-align: top;
}
.indexBusiness_list a {
  color: #353535;
  display: block;
  text-decoration: none;
}
.indexBusiness_list img {
  border-bottom: 4px solid #009fc1;
  display: block;
  margin-bottom: 1.21428571em;
}
@media only screen and (max-width: 42em) {
  .indexBusiness_list {
    font-size: .6em;
    margin-right: 0;
    margin-left: 0;
  }
  .indexBusiness_list li {
    margin-right: .25em;
    margin-left: .25em;
    width: 40%;
  }
}


.indexSolution_list {
  padding-bottom: 2.5em;
}
.indexSolution_list .bx-wrapper {
  padding-right: 2.125em;
  padding-left: 2.125em;
  position: relative;
}
.indexSolution_list img {
  background-color: #fff;
  border: 1px solid #e1e1e4;
  margin-bottom: .7em;
  padding: .3em;
}
.indexSolution_list h1 {
  border-bottom: 1px solid #cdcdcd;
  color: #21489d;
  font-size: .7em;
  margin-top: 0;
  margin-bottom: .42857143em;
  padding-right: .35714286em;
  padding-bottom: .85714286em;
  padding-left: .35714286em;
}
.indexSolution_list p {
  color: #5e5e5e;
  font-size: .6em;
  min-height: 6.66666667em;
  letter-spacing: .06em;
  line-height: 1.66666667;
  margin-bottom: .41666667em;
  padding-right: .41666667em;
  padding-left: .41666667em;
}
.indexSolution_list .link {
  margin-right: 1.5em;
}
.indexSolution_list .bx-controls-direction a {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 1.4em auto;
          background-size: 1.4em auto;
  display: block;
  height: 2.45em;
  margin: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  text-indent: 110%;
  width: 1.4em;
}
.indexSolution_list .bx-prev {
  background-image: url("../img/arrow-prev2.png");
  left: 0;
  /*left: -2.4em;*/
}
.indexSolution_list .bx-next {
  background-image: url("../img/arrow-next2.png");
  right: 0;
  /*right: -2.4em;*/
}
@media only screen and (max-width: 42em) {
  .indexSolution_list .bx-prev {
    left: .25em;
  }
  .indexSolution_list .bx-next {
    right: .25em;
  }
}


.indexCase_list {
  margin-right: -.625em;
  margin-bottom: .5em;
  margin-left: -.625em;
  text-align: center;
}
.indexCase_list .item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: .625em;
  margin-left: .625em;
  vertical-align: top;
  width: 25.35em;
  max-width: 100%;
}
.indexCase_list img {
  float: left;
  margin-right: .65em;
  margin-bottom: 1.25em;
  width: 12.95em;
}
.indexCase_list .text {
  overflow: hidden;
  text-align: left;
  width: 11.75em;
}
.indexCase_list .cat {
  font-size: .55em;
  margin-top: 0;
  margin-bottom: 1.27272727em;
  width: 7.27272727em;
}
.indexCase_list h1 {
  border-bottom: 1px solid #cdcdcd;
  color: #646464;
  font-size: .7em;
  margin-bottom: .42857143em;
  padding-bottom: .85714286em;
}
.indexCase_list .text > p {
  color: #5e5e5e;
  font-size: .6em;
  min-height: 8.33333333em;
  letter-spacing: .06em;
  line-height: 1.66666667;
  margin-top: 0;
  margin-bottom: 1.75em;
}
.indexCase_list .link {
  margin-bottom: 2.08333333em;
}
.indexCase .more {
  font-size: .85em;
  margin-right: auto;
  margin-bottom: 3.11764706em;
  margin-left: auto;
  width: 17.5882352em;
  max-width: 90%;
}
@media only screen and (max-width: 42em) {
  .indexCase_list,
  .indexCase_list .item {
    margin-right: 0;
    margin-left: 0;
  }
  .indexCase_list img {
    float: none;
    margin-right: 0;
    width: auto;
  }
  .indexCase_list .text {
    margin-right: auto;
    margin-left: auto;
  }
}


.indexFeature .text {
  background: url("../img/index_feature_img.jpg") right 0 no-repeat;
  -webkit-background-size: 26.95em auto;
          background-size: 26.95em auto;
  color: #fff;
  padding-right: 29.45em;
  padding-bottom: 3.15em;
  padding-left: 1em;
}
.indexFeature .text h1 {
  background: url("../img/index_feature_logo.png") 0 .26923077em no-repeat;
  -webkit-background-size: 5.65384615em auto;
          background-size: 5.65384615em auto;
  font-size: 1.3em;
  font-weight: normal;
  margin-top: .26923077em;
  margin-bottom: .80769231em;
  padding-top: 4.65384615em;
}
.indexFeature .text p {
  font-size: .6em;
  letter-spacing: .06em;
  line-height: 1.66666667;
  margin-bottom: 1.83333333em;
}
.indexFeature .more {
  font-size: .7em;
  width: 17.5em;
  max-width: 90%;
}
.indexFeature .gray2 {
  padding-top: 2.55em;
  padding-bottom: 2.55em;
}
.indexFeature .box {
  background-color: #fff;
  border: 1px solid #21489d;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,159,193,.5);
          box-shadow: inset 0 0 5px rgba(0,159,193,.5);
  color: #21489d;
  font-size: 1.2em;
  line-height: 1.41666667;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.08333333em;
  padding-right: 1.79166667em;
  padding-bottom: 1.04166667em;
  padding-left: 4.5em;
  text-indent: -2.79166667em;
}
.indexFeature .box:before {
  background: #21489d url("../img/icon-arrow3.png") center center no-repeat;
  border: 1px solid #0d67a9;
  border-radius: .5em;
  -webkit-box-shadow: 0 0 5px rgba(0,159,193,.5);
          box-shadow: 0 0 5px rgba(0,159,193,.5);
  content: '';
  display: inline-block;
  height: .91666667em;
  line-height: 1;
  margin-right: 1.79166667em;
  vertical-align: middle;
  width: .91666667em;
}
@media only screen and (max-width: 42em) {
  .indexFeature .text {
    background-image: none;
    padding-right: 1em;
  }
  .indexFeature .text h1 {
    background-position: center 0;
  }
  .indexFeature .more {
    margin-right: auto;
    margin-left: auto;
  }
  .indexFeature .gray2 {
    font-size: .75em;
  }
  .indexFeature .box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1em;
    padding-left: 2em;
    text-indent: -1.2em;
    width: 90%;
  }
  .indexFeature .box:before {
    margin-right: .2em;
  }
}


.indexNews_list {
  border: 1px solid #e7e8eb;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px #c3c5cc;
          box-shadow: 0 0 5px #c3c5cc;
  list-style-type: none;
  margin-bottom: 3.25em;
  padding-top: .3em;
  padding-right: 1.4em;
  padding-bottom: 1.2em;
  padding-left: 1.4em;
}
.indexNews_list li {
  border-bottom: 1px solid #e9ebf1;
  font-size: .6em;
  padding-top: 1.66666667em;
  padding-bottom: 1.16666667em;
}
.indexNews_list time {
  color: #a7a7a7;
  font-size: .91666667em;
  margin-right: .54545455em;
  vertical-align: middle;
}
.indexNews_list .cat {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: .91666667em;
  margin-right: 2.72727273em;
  vertical-align: middle;
  width: 7.90909091em;
}
.indexNews_list a {
  color: #5e5e5e;
  text-decoration: none;
  vertical-align: middle;
}
.indexNews_list a:hover {
  text-decoration: underline;
}
.indexNews_list .all {
  border-bottom: 0;
}
.indexNews_list .link {
  font-size: 1em;
}
.indexNews_list .link:hover {
  text-decoration: none;
}
.indexNews_btn {
  font-size: 1.1em;
  margin-bottom: 3.09090909em;
  padding-left: 0;
  text-align: center;
}
.indexNews_btn li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: .5em;
  margin-bottom: 1em;
  margin-left: .5em;
  width: 22.4090909em;
  max-width: 90%;
}
.indexNews_btn .btn {
  letter-spacing: .04em;
}
.indexNews_btn span {
  font-size: .63636364em;
  letter-spacing: .14em;
}
@media only screen and (max-width: 42em) {
  .indexNews_list li {
    padding-bottom: 0;
  }
  .indexNews_list a {
    display: block;
    padding-top: 1.16666667em;
    padding-bottom: 1.16666667em;
  }
  .indexNews_btn {
    font-size: .9em;
    margin-bottom: 2em;
  }
}


.pageTitle {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 9.5em;
  margin-top: 0;
  position: relative;
}
.pageTitle h1 {
  color: #fff;
  font-size: 2.25em;
  letter-spacing: .05em;
  line-height: 1.77777778;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  /*top: 2.44444444em;*/
  bottom: 0;
  text-align: center;
}
.pageTitle h1:before {
  content: '';
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.no-backgroundblendmode .pageTitle h1:before {
  background-color: rgba(0,0,0,.4);
  background-image: none;
}
.pageTitle span {
  position: relative;
}
@media only screen and (max-width: 42em) {
  .pageTitle h1 {
    font-size: 1.125em;
  }
}
.topicPath {
  font-size: .6em;
  margin-top: 1.1em;
  padding-left: 1em;
}
.topicPath .link {
  display: inline;
}


.primary {
  float: right;
  width: 74.0384615%;
}
.secondary {
  float: left;
  width: 22.1153846%;
}
@media only screen and (max-width: 42em) {
  .primary,
  .secondary {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 95%;
  }
  .one {
    margin-right: auto;
    margin-left: auto;
    width: 95%;
  }
}


.localNav_list {
  list-style-type: none;
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding-left: 0;
}
.localNav_list li {
  margin-bottom: 1px;
}
.localNav_list a,
.localNav_list span {
  background-color: #f6f3f3;
  display: block;
  font-size: .7em;
  letter-spacing: .05em;
  padding-top: 2.35714286em;
  padding-right: 1.28571429em;
  padding-bottom: 2.28571429em;
  padding-left: 1.28571429em;
  text-decoration: none;
}
.localNav_list a:hover,
.localNav_list .active > a,
.localNav_list span,
.localNav_list .current-cat a {
  background-color: #009fc1;
  color: #fff;
}
.localNav_child {
  border-top: 1px solid #fff;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.localNav_child a {
  background-color: #e4f9fd;
  color: #353535;
  font-size: .6em;
  letter-spacing: .05em;
  padding-top: 1.33333333em;
  padding-right: 1.58333333em;
  padding-bottom: 1.66666667em;
  padding-left: 1.58333333em;
  vertical-align: middle;
}
.localNav_child a:before {
  border: solid transparent;
  border-left-color: #009fc1;
  border-width: .25em 0 .25em .33333333em;
  content: '';
  display: inline-block;
  height: 0;
  margin-right: .75em;
  margin-bottom: .16666667em;
  width: 0;
}
.localNav_child a:hover:before {
  border-left-color: #fff;
}
.sideBnr {
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}
.sideBnr li {
  margin-bottom: 8px;
}
.sideBnr img {
  width: 100%;
}
.pageContact {
  border-top: 1px solid #afaeae;
  margin-bottom: 4em;
  padding-top: 4em;
  padding-right: 2em;
  padding-left: 2em;
}
.primary .pageContact {
  position: relative;
  left: -35.064935%;
  width: 124.675324%;
}
.pageContact .ib {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
.pageContact .left {
  padding-right: 2.70833333%;
  width: 46.3541666%;
}
.pageContact h1 {
  border-bottom: 1px solid #e1e1e4;
  color: #21489d;
  font-size: 1.3em;
  line-height: 1.30769231;
  margin-top: 0;
  margin-bottom: .23076923em;
  padding-bottom: .26923077em;
  text-align: left;
}
.pageContact p {
  color: #5e5e5e;
  font-size: .6em;
  line-height: 1.66666667;
  margin-top: 0;
  text-align: left;
}
.pageContact .btn {
  margin-bottom: .8em;
}
@media only screen and (max-width: 42em) {
  .pageContact {
    box-sizing: border-box;
    margin-right: auto;
    margin-bottom: 1.8em;
    margin-left: auto;
    padding-top: 1.8em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: static;
    width: 95%;
  }
  .primary .pageContact {
    position: static;
    width: auto;
  }
  .pageContact .ib {
    display: block;
    width: 100%;
  }
  .pageContact .btn {
    font-size: .8em;
  }
}


.contents {
  color: #5e5e5e;
  font-size: .6em;
  min-height: 630px;
  overflow: hidden;
}
@media only screen and (max-width: 42em) {
  .contents {
    min-height: 0;
  }
}
.contents .title-l {
  color: #21489d;
  font-size: 2.16666667em;
  line-height: 1.30769231;
  margin-top: .84615385em;
  margin-bottom: .84615385em;
}
.contents .title-m {
  border-bottom: 1px solid #afaeae;
  color: #353535;
  font-size: 1.5em;
  margin-top: .77777778em;
  margin-bottom: .77777778em;
  padding-top: .55555556em;
  padding-bottom: .77777778em;
  padding-left: 1.22222222em;
  position: relative;
}
.contents .title-m:before {
  background-color: #21489d;
  border-radius: .11111111em;
  content: '';
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: .16666667em;
  width: .38888889em;
}
.contents .title-s {
  color: #009fc1;
  font-size: 1.16666667em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.contents p {
  line-height: 1.66666667;
  margin-bottom: 1.2em;
}
.contents .text-l {
  font-size: 1.16666667em;
}
.contents .text-s {
  font-size: .91666667em;
}
.contents .ul,
.contents .ol {
  line-height: 1.66666667;
  list-style-type: none;
  *list-style-type: disc;
  margin-bottom: 1.83333333em;
  padding-left: 0;
}
.contents .ul li,
.contents .ol li {
  margin-bottom: .83333333em;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.contents .ol li {
  counter-increment: i;
}
.contents .ul li:before {
  background-color: #009fc1;
  border-radius: .16666667em;
  content: '';
  display: inline-block;
  height: .83333333em;
  margin-top: .08333333em;
  margin-right: .66666667em;
  width: .83333333em;
}
.contents .ol li:before {
  color: #009fc1;
  content: counter(i);
  display: inline-block;
  margin-right: .66666667em;
  text-align: center;
  text-indent: 0;
  width: .83333333em;
}
.contents .frame {
  border: 1px solid #e1e1e4;
  padding-top: .66666667em;
  padding-right: 2.33333333em;
  padding-left: 2.33333333em;
}
.contents .link {
  text-decoration: none;
}
.contents .link:before {
  content: url("../img/icon-arrow2.png");
  margin-right: .75em;
}
.contents .link:hover {
  text-decoration: underline;
}
.contents .notes {
  display: block;
  font-size: 1em;
  padding-left: 1em;
  text-indent: -1em;
}
.contents .notes-red {
  color: #e87375;
}
.newsList a[target="_blank"] {
  background: url("../img/element/icon-ext.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".pdf"] {
  background: url("../img/element/icon-pdf.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".doc"],
.newsList a[href$=".docx"] {
  background: url("../img/element/icon-word.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".xls"],
.newsList a[href$=".xlsx"] {
  background: url("../img/element/icon-excel.png") right center no-repeat;
  padding-right: 1.5em;
}
.contents .linkList {
  padding-left: 0;
}
.contents .linkList li {
  display: inline;
}
.contents .linkList .arrow:before {
  border-top-color: #009fc1;
}
.contents .linkList a {
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: .91666667em;
  text-decoration: none;
  width: 33.333333%;
}
.contents .linkList a:hover {
  text-decoration: underline;
}
.contents .linkList a:before {
  border: solid transparent;
  border-top-color: #fff;
  border-width: .33333333em .25em 0 .25em;
  content: '';
  display: inline-block;
  height: 0;
  margin-right: .91666667em;
  margin-bottom: .16666667em;
  width: 0;
}
.contents .linkList-horizon a {
  border-right: 1px solid #e1e1e4;
  margin-right: .5em;
  padding-right: .5em;
  width: auto;
}
.contents .linkList-horizon a:before {
  display: none;
}
.contents .tabLink {
  border-bottom: 1px solid #afaeae;
  padding-left: .66666667em;
}
.contents .tabLink li {
  /*display: inline;*/
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: .5em;
  vertical-align: bottom;
}
.contents .tabLink a {
  background-color: #009fc1;
  color: #fff;
  display: block;
  /*display: inline-block;*/
  /**display: inline;*/
  /**zoom: 1;*/
  /*float: left;*/
  margin-left: 1px;
  padding-top: .75em;
  padding-right: 2.83333333em;
  padding-bottom: .75em;
  padding-left: 2.83333333em;
  text-decoration: none;
  position: relative;
  /*top: 5px;*/
}
.contents .tabLink a:hover {
  background-color: #21489d;
}
.contents .tabLink .active {
  background-color: #fff;
  border: 1px solid #afaeae;
  border-bottom: 0;
  color: #009fc1;
  margin-bottom: -1px;
  padding-top: 1.16666667em;
  top: 0;
}
.contents .tabLink .active:hover {
  background-color: #fff;
}
.contents .tabLink a:before {
  border: solid transparent;
  border-left-color: #fff;
  border-width: .25em 0 .25em .33333333em;
  content: '';
  display: inline-block;
  margin-right: .5em;
  margin-bottom: .16666667em;
}
.contents .tabLink .active:before {
  border-top-color: #009fc1;
  border-left-color: transparent;
  border-width: .33333333em .25em 0 .25em;
}
.contents .pagenation {
  padding-left: 0;
  text-align: center;
}
.contents .pagenation li {
  display: inline;
}
.contents .pagenation a,
.contents .nav-links a {
  border: 1px solid #009fc1;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 2.16666667;
  text-decoration: none;
  width: 1.83333333em;
}
.contents .pagenation .prev a,
.contents .pagenation .next a,
.contents .nav-links a {
  padding-right: 1em;
  padding-left: 1em;
  width: auto;
}
.contents .pagenation a:hover,
.contents .pagenation .active a,
.contents .nav-links a:hover {
  background-color: #009fc1;
  color: #fff;
}
.contents .pagenation .prev a:before,
.contents .pagenation .next a:after,
.contents .nav-links .nav-previous a:before,
.contents .nav-links .nav-next a:after {
  border: solid transparent;
  content: '';
  display: inline-block;
  height: 0;
  margin-bottom: .16666667em;
  width: 0;
}
.contents .pagenation .prev a:before,
.contents .nav-links .nav-previous a:before {
  border-right-color: #009fc1;
  border-width: .25em .33333333em .25em 0;
  margin-right: .66666667em;
}
.contents .pagenation .next a:after,
.contents .nav-links .nav-next a:after {
  border-left-color: #009fc1;
  border-width: .25em 0 .25em .33333333em;
  margin-left: .66666667em;
}
.contents .pagenation .prev a:hover:before,
.contents .nav-links .nav-previous a:hover:before {
  border-right-color: #fff;
}
.contents .pagenation .next a:hover:after,
.contents .nav-links .nav-next a:hover:after {
  border-left-color: #fff;
}
.contents .nav-links .nav-previous {
  float: left;
}
.contents .nav-links .nav-next {
  float: right;
}
.contents hr {
  border-color: #afaeae;
}
.contents .dotted {
  border-style: dotted;
}
.contents figure {
  margin: 0;
  margin-bottom: 1em;
}
.contents figcaption {
  line-height: 1.66666667;
  margin-top: .16666667em;
  text-align: right;
}
.contents figcaptionl {
  line-height: 1.66666667;
  margin-top: .16666667em;
}
.contents .cols {
  margin-right: -1.62337662%;
  margin-left: -1.62337662%;
}
.contents .col {
  display: block;
  float: left;
  margin-right: 1.57232704%;
  margin-left: 1.57232704%;
  text-decoration: none;
}
.contents .cols-2 .col {
  width: 46.855346%;
}
.contents .cols-3 .col {
  width: 30.1886792%;
}
.contents .cols-4 .col {
  width: 21.8553459%;
}
.contents .cols-5 .col {
  width: 16.8553459%;
}
@media only screen and (max-width: 42em) {
  .contents .cols-sp1 .col {
    width: 96.8553459%;
  }
  .contents .cols-4 .col,
  .contents .cols-5 .col,
  .contents .cols-sp2 .col {
    width: 46.855346%;
  }
  .contents .cols-4 .col:nth-child(2n+1),
  .contents .cols-5 .col:nth-child(2n+1) {
    clear: both;
  }
}
.contents .layout {
  display: table;
  width: 100%;
}
.contents .layout_left,
.contents .layout_body,
.contents .layout_right {
  display: table-cell;
  vertical-align: top;
}
.contents .layout_left,
.contents .layout_right {
  padding-top: 1.3em;
  width: 31.168831%;
}
.contents .layout_left {
  padding-right: 3.24675325%;
}
.contents .layout_right {
  padding-left: 3.24675325%;
}
.contents .layout-m .layout_left,
.contents .layout-m .layout_right {
  width: 41.2987013%;
}
.contents .layout-l .layout_left,
.contents .layout-l .layout_right {
  width: 51.6233766%;
  /*width: 46.855346%;*/
}
.contents .cols-2 .layout_left,
.contents .cols-2 .layout_right {
  width: 35.436242%;
}
.contents .cols-3 .layout_left,
.contents .cols-3 .layout_right {
  width: 45.833333%;
}
@media only screen and (max-width: 42em) {
  .contents .layout-sp,
  .contents .layout-sp .layout_left,
  .contents .layout-sp .layout_body,
  .contents .layout-sp .layout_right {
    display: block;
    width: 100%;
  }
  .contents .layout-sp .layout_left,
  .contents .layout-sp .layout_right {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}
.contents .btnList {
  padding-left: 0;
  text-align: center;
}
.contents .btnList li {
  display: inline;
}
.contents .btnList .btn {
  margin-bottom: 1em;
  width: 19.3333333em;
 }
.contents .btnList .fbtn {
  margin-bottom: 1em;
  width: 28em !important;
  background-color: #009fc1 !important;
 }
.contents .btnList .btn-left {
  float: left;
}
.contents .btnList .btn-right {
  float: right;
}
.contents .btnList .btn-center {
  margin: auto;
}

@media only screen and (max-width: 42em) {
  .contents .btnList .btn-left,
  .contents .btnList .btn-right,
  .contents .btnList .btn-center {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
}
.contents .labelList {
  border: 1px solid #e1e1e4;
  font-weight: bold;
}
.contents .labelList {
  display: table;
  padding-right: 1.66666667em;
}
.contents .labelList dt {
  background-color: #e4f9fd;
  border-right: 1px solid #e1e1e4;
  float: left;
  margin-right: .41666667em;
  padding-top: 1.58333333em;
  padding-right: 1.58333333em;
  padding-bottom: 1.58333333em;
  padding-left: 1.58333333em;
}
.contents .labelList dd {
  border: 1px solid #009fc1;
  color: #009fc1;
  float: left;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1.25em;
  padding-top: .5em;
  padding-right: 1.66666667em;
  padding-bottom: .5em;
  padding-left: 1.66666667em;
}
@media only screen and (max-width: 42em) {
  .contents .layout-2 .labelList {
    display: block;
    padding-right: 0;
  }
  .contents .layout-2 .labelList dt {
    border-right: 0;
    border-bottom: 1px solid #e1e1e4;
    float: none;
    margin-right: 0;
  }
  .contents .layout-2 .labelList dd {
    float: none;
    display: inline-block;
  }
}
.contents .caption-overlay {
  position: relative;
}
.contents .caption-overlay figcaption {
  color: #fff;
  margin: auto;
  padding-top: 1em;
  padding-right: 1.66666667em;
  padding-bottom: 1em;
  padding-left: 1.66666667em;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: left;
}
.contents .caption-overlay figcaption:before {
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  content: '';
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.contents .caption-overlay figcaption span {
  position: relative;
}
@media only screen and (max-width: 42em) {
  .contents .caption-overlay figcaption {
    color: #5e5e5e;
    padding-right: 0;
    padding-left: 0;
    position: static;
  }
  .contents .caption-overlay figcaption:before {
    display: none;
  }
}
.contents .align-right {
  text-align: right;
}
.contents .align-center {
  text-align: center;
}
.contents .mb-1 {
  margin-bottom: -1em;
}
.contents .gallery_wrapper {
  position: relative;
}
.contents .gallery_wrapper .bx-prev,
.contents .gallery_wrapper .bx-next {
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 1.41666667em auto;
  border-radius: 2em;
  height: 4em;
  margin: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  text-indent: 110%;
  width: 4em;
}
.contents .gallery_wrapper .bx-controls-direction a:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}
.contents .gallery_wrapper .bx-prev {
  background-image: url("../img/element/arrow-prev.png");
  background-position: 45% center;
  left: 1.33333333em;
}
.contents .gallery_wrapper .bx-next {
  background-image: url("../img/element/arrow-next.png");
  background-position: 55% center;
  right: 1.33333333em;
}
.contents .cols-frame .col {
  box-sizing: border-box;
  border: 1px solid #e1e1e4;
  margin-bottom: 3.144654%;
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.contents .newsList {
  list-style-type: none;
  padding-left: 0;
}
.contents .newsList li {
  border-bottom: 1px solid #e9ebf1;
  padding-top: 1.33333333em;
  padding-bottom: .83333333em;
}
.contents .newsList time {
  color: #a7a7a7;
  display: block;
  float: left;
  font-size: .91666667em;
  line-height: 1.81818182;
  margin-right: 1.27272727em;
  vertical-align: middle;
}
.contents .newsList .cat {
  /*display: inline-block;*/
  /**display: inline;*/
  /**zoom: 1;*/
  display: block;
  float: left;
  font-size: .91666667em;
  margin-right: 1.45454545em;
  vertical-align: middle;
  width: 7.90909091em;
}
.contents .newsList .text {
  color: #009fc1;
  display: block;
  line-height: 1.66666667;
  overflow: hidden;
  vertical-align: middle;
}
.contents .newsList a {
  text-decoration: none;
}
.contents .newsList a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 42em) {
  .contents .newsList .text {
    clear: both;
  }
}
.contents table {
  border-top: 1px solid #d1d1d3;
  margin-top: 1.16666667em;
  margin-bottom: 1.16666667em;
  width: 100%;
}
.contents th,
.contents td {
  line-height: 1.66666667;
  padding-top: .83333333em;
  padding-right: .83333333em;
  padding-bottom: .83333333em;
  padding-left: .83333333em;
}
.contents th {
  background-color: #009fc1;
  border-right: 1px dotted #afaeae;
  border-bottom: 1px solid #d1d1d3;
  color: #fff;
  text-align: left;
}
.contents td {
  background-color: #f6f3f3;
  border-bottom: 1px solid #d1d1d3;
}
.contents .responsiveTable td {
  border-right: 1px dotted #afaeae;
}
.contents th:last-child,
.contents .responsiveTable td:last-child {
  border-right: 0;
}
@media only screen and (max-width: 42em) {
  .contents .responsiveTable thead {
    display: none;
  }
  .contents .responsiveTable tbody tr {
    display: block;
    margin-bottom: 1em;
  }
  .contents .responsiveTable tbody td {
    border-right: 0;
    border: none;
    display: table;
    padding: 0;
    vertical-align: top;
    width: 100%;
  }
  .contents .responsiveTable tbody td:before,
  .contents .responsiveTable tbody td .bt-content {
    border-bottom: 1px solid #d1d1d3;
    display: table-cell;
    padding-top: .83333333em;
    padding-right: .83333333em;
    padding-bottom: .83333333em;
    padding-left: .83333333em;
    vertical-align: top;
  }
  .contents .responsiveTable tbody td:before {
    background-color: #009fc1;
    color: #fff;
    content: attr(data-th);
    font-weight: bold;
    width: 6em;
  }
  .contents .responsiveTable tbody td.bt-hide {
    display: none;
  }
  .contents .responsiveTable tbody td .bt-content {
    padding-left: .83333333em;
  }
}
.contents .qa {
  border: 1px solid #d1d1d3;
  margin-bottom: 1.66666667em;
  padding-right: 2em;
  padding-bottom: 1.66666667em;
  padding-left: 2em;
}
.contents .qa dt {
  border-bottom: 1px solid #d1d1d3;
  cursor: pointer;
  font-size: 1.16666667em;
  font-weight: bold;
  margin-bottom: .85714286em;
  padding-top: 1.78571429em;
  padding-bottom: 1.78571429em;
}
.contents .qa dd {
  line-height: 1.66666667;
  height: auto;
  margin-left: 0;
  overflow: hidden;
  transition: opacity .5s ease-in-out;
}
.contents .qa-close dd {
  height: 0;
  opacity: 0;
}
.contents .must {
  background-color: #cb141c;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: .78571429em;
  margin-right: .45454545em;
  margin-left: .45454545em;
  text-align: center;
  width: 3.45454545em;
}
.contents .contactState {
  margin-bottom: 2.42857143em;
  padding-left: 0;
  text-align: center;
}
.contents .contactState li {
  background: url("../img/element/icon-off.png") center 0 no-repeat;
  background-size: 1.5em auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-top: 1.83333333em;
  position: relative;
  width: 11.6666666em;
  max-width: 30%;
}
.contents .contactState li:after {
  background: url("../img/element/arrow.png") center center no-repeat;
  content: '';
  /*content: url("../img/element/arrow.png");*/
  display: block;
  height: .66666667em;
  margin-top: .41666667em;
  position: absolute;
  top: 0;
  right: -45%;
  width: 10.3333333em;
}
.contents .contactState .complete:after {
  display: none;
}
.contents .contactState .active {
  background-image: url("../img/element/icon-on.png");
  color: #009fc1;
}
@media only screen and (max-width: 42em) {
  .contents .contactState li:after {
    background-size: 95% auto;
    max-width: 85%;
  }
}
.contents .contactTable {
  margin-bottom: 3em;
}
.contents .contactTable th,
.contents .contactTable td {
  font-size: 1.16666667em;
  padding-top: 1.1em;
  padding-right: 2em;
  padding-bottom: 1.1em;
  padding-left: 2em;
}
.contents .contactTable th {
  background-color: #f6f3f3;
  color: #009fc1;
  width: 26.3636363%;
}
.contents .contactTable ul {
  list-style-type: none;
  padding-left: 0;
}
.contents .contactTable label {
  display: block;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.contents .contactTable input,
.contents .contactTable textarea {
  box-sizing: border-box;
  width: 100%;
}
.contents .contactTable input[type="radio"],
.contents .contactTable input[type="checkbox"] {
  margin-right: .3em;
  width: auto;
}
.contents .contactTable textarea {
  height: 11em;
}
.contents .contactTable .btn {
  border: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 16.5714285em;
}
@media only screen and (max-width: 42em) {
  .contents .contactTable th,
  .contents .contactTable td {
    padding-top: .92857143em;
    padding-right: 1em;
    padding-bottom: .92857143em;
    padding-left: 1em;
  }
}
.contents .movie {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.contents .movie iframe {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.contents .mb10 {
  margin-bottom: .83333333em;
}
.contents .mb20 {
  margin-bottom: 1.66666667em;
}
.contents .mb40 {
  margin-bottom: 3.33333333em;
}
.contents .mb80 {
  margin-bottom: 6.66666667em;
}

.page_business .bg-gray {
  background: url("../img/business/bg-gray.png") 0 0 repeat;
  padding-top: 2em;
  padding-right: 3.33333333em;
  padding-bottom: 1.5em;
  padding-left: 3.33333333em;
}
.page_business .bg-gray .title-m {
  margin-bottom: 2em;
}
.page_business .bg-gray .layout {
  background-color: #fff;
}
.page_business .bg-gray .layout_left {
  padding-top: 0;
}
.page_business .bg-gray .layout_body {
  padding-top: 1.25em;
  padding-right: 5.58333333em;
}
@media only screen and (max-width: 42em) {
  .page_business .bg-gray {
    padding-right: 1.66666667em;
    padding-left: 1.66666667em;
  }
  .page_business .bg-gray .layout_body {
    box-sizing: border-box;
    padding-right: .83333333em;
    padding-bottom: .83333333em;
    padding-left: .83333333em;
  }
}
.page_building .caption-blue {
  background-color: #21489d;
  color: #fff;
  margin-bottom: 0;
  padding-top: 2.147651%;
  text-align: center;
}
.page_building .caption-blue figcaption {
  margin-top: .5em;
  padding-bottom: .71428571em;
  text-align: center;
}


.post-type-archive-case .caseList .cat,
.tax-genre .caseList .cat {
  float: left;
  margin-right: 1.45454545em;
  width: 7.90909091em;
}
.post-type-archive-case .caseList .title-s,
.tax-genre .caseList .title-s {
  overflow: hidden;
}
.post-type-archive-case .caseList dl,
.tax-genre .caseList dl {
  line-height: 1.66666667;
}
.post-type-archive-case .caseList dt,
.tax-genre .caseList dt {
  font-weight: bold;
}
.post-type-archive-case .caseList dd,
.tax-genre .caseList dd {
  display: inline;
  margin-left: 0;
}
.post-type-archive-case .caseList dd:after,
.tax-genre .caseList dd:after {
  content: '�A';
}
.post-type-archive-case .caseList dd:last-child:after,
.tax-genre .caseList dd:last-child:after {
  display: none;
}


.ib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.gray {
  background: url("../img/pt-diagonal.png") 0 0 repeat;
}
.gray2 {
  background-color: #f4f4f4;
}
.blue {
  background-color: #21489d;
}
.list-arrow li {
  background: url("../img/icon-arrow2.png") 0 center no-repeat;
  padding-left: 1em;
}
.link-arrow {
  display: table;
  font-size: .6em;
  line-height: 1.25;
  margin-left: auto;
  text-decoration: none;
}
.link-arrow:hover {
  color: #21489d;
}
.link-arrow:after {
  background: #009fc1 url("../img/icon-arrow.png") center center no-repeat;
  border-radius: .625em;
  content: '';
  display: inline-block;
  height: 1.25em;
  margin-left: .33333333em;
  vertical-align: -.25em;
  width: 1.25em;
}
.link-arrow:hover:after {
  background-color: #21489d;
}
.btn {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(13,13,14,.75);
          box-shadow: 0 1px 2px rgba(13,13,14,.75);
  color: #fff;
  display: block;
  letter-spacing: .1em;
  line-height: 3.5;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.btn:after {
  background: url("../img/icon-arrow3.png") center center no-repeat;
  border: 1px solid #fff;
  border-radius: .67857143em;
  content: '';
  height: 1.21428571em;
  margin: auto;
  position: absolute;
  right: 1.21428571em;
  top: 0;
  bottom: 0;
  width: 1.21428571em;
}
.btn-red {
  background-color: #cc141c;
}
.btn-blue {
  background-color: #21489d;
}
.btn-lightBlue {
  background-color: #009fc1;
}
.btn-green {
  background-color: #009fc1;
}

.cat {
  color: #fff;
  line-height: 1.45454545;
  text-align: center;
}
.cat-orange {
  background-color: #f7a548;
}
.cat-green {
  background-color: #50b4b5;
}
.cat-blue {
  background-color: #638bca;
}
.cat-purple {
  background-color: #b686c0;
}
.cat-red {
  font-size:9px;
  background-color: #FF1111;
}

.alignleft {
  float: left;
  margin-top: .6em;
  margin-right: 1.2em;
  margin-bottom: 1.2em;
}
.alignright {
  float: right;
  margin-top: .6em;
  margin-bottom: 1.2em;
  margin-left: 1.2em;
}
.aligncenter {
  display: block;
  margin-top: .6em;
  margin-right: auto;
  margin-bottom: 1.2em;
  margin-left: auto;
}



.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
@media only screen and (max-width: 42em) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*�@���ʃT�C�Y��768px����1024px�܂ł͂������ǂݍ��ށ@*/
.headerSearch {
	display: none !important;
	}
}


.hidden {
    display: none !important;
}
.visuallyhidden,
.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
@media only screen and (min-width: 35em) {
}
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
.output:calc {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}

.output:calc {
  width: 80%;
}
}
p span {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.cp_ipselect {
overflow: hidden;
width: 90%;
margin: 2em auto;
text-align: center;
}
.cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
width: 90%;
font-size: 15px;
position: relative;
border-radius: 2px;
border: 2px solid skyblue;
  border-radius: 20px;
background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
position: absolute;
top: 0.5em;
right: 0.5em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid skyblue;
pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
padding: 8px 38px 8px 8px;
color: black;
}
.calcbutton{
font-size: 24px;
position: relative;
border-radius: 2px;
border: 2px solid skyblue;
border-radius: 20px;
background: skyblue;
color:white;
}
.calcshow {
  opacity: 0;
  transition: .7s;
  margin-top: 60px;
}
.calcshowUp {
  opacity: 1;
  margin-top: 0;
}
.btn04 {
    background-color: #3169d1;
    border: 2px solid #3169d1;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn04:hover {
    background-color: transparent;
    border: 2px solid #3169d1;
    color: #3169d1 !important;
}
</style>
 font-size: .91666667em;
  margin-right: 2.72727273em;
  vertical-align: middle;
  width: 7.90909091em;
}
.indexNews_list a {
  color: #5e5e5e;
  text-decoration: none;
  vertical-align: middle;
}
.indexNews_list a:hover {
  text-decoration: underline;
}
.indexNews_list .all {
  border-bottom: 0;
}
.indexNews_list .link {
  font-size: 1em;
}
.indexNews_list .link:hover {
  text-decoration: none;
}
.indexNews_btn {
  font-size: 1.1em;
  margin-bottom: 3.09090909em;
  padding-left: 0;
  text-align: center;
}
.indexNews_btn li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: .5em;
  margin-bottom: 1em;
  margin-left: .5em;
  width: 22.4090909em;
  max-width: 90%;
}
.indexNews_btn .btn {
  letter-spacing: .04em;
}
.indexNews_btn span {
  font-size: .63636364em;
  letter-spacing: .14em;
}
@media only screen and (max-width: 42em) {
  .indexNews_list li {
    padding-bottom: 0;
  }
  .indexNews_list a {
    display: block;
    padding-top: 1.16666667em;
    padding-bottom: 1.16666667em;
  }
  .indexNews_btn {
    font-size: .9em;
    margin-bottom: 2em;
  }
}


.pageTitle {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 9.5em;
  margin-top: 0;
  position: relative;
}
.pageTitle h1 {
  color: #fff;
  font-size: 2.25em;
  letter-spacing: .05em;
  line-height: 1.77777778;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  /*top: 2.44444444em;*/
  bottom: 0;
  text-align: center;
}
.pageTitle h1:before {
  content: '';
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.no-backgroundblendmode .pageTitle h1:before {
  background-color: rgba(0,0,0,.4);
  background-image: none;
}
.pageTitle span {
  position: relative;
}
@media only screen and (max-width: 42em) {
  .pageTitle h1 {
    font-size: 1.125em;
  }
}
.topicPath {
  font-size: .6em;
  margin-top: 1.1em;
  padding-left: 1em;
}
.topicPath .link {
  display: inline;
}


.primary {
  float: right;
  width: 74.0384615%;
}
.secondary {
  float: left;
  width: 22.1153846%;
}
@media only screen and (max-width: 42em) {
  .primary,
  .secondary {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 95%;
  }
  .one {
    margin-right: auto;
    margin-left: auto;
    width: 95%;
  }
}


.localNav_list {
  list-style-type: none;
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding-left: 0;
}
.localNav_list li {
  margin-bottom: 1px;
}
.localNav_list a,
.localNav_list span {
  background-color: #f6f3f3;
  display: block;
  font-size: .7em;
  letter-spacing: .05em;
  padding-top: 2.35714286em;
  padding-right: 1.28571429em;
  padding-bottom: 2.28571429em;
  padding-left: 1.28571429em;
  text-decoration: none;
}
.localNav_list a:hover,
.localNav_list .active > a,
.localNav_list span,
.localNav_list .current-cat a {
  background-color: #009fc1;
  color: #fff;
}
.localNav_child {
  border-top: 1px solid #fff;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.localNav_child a {
  background-color: #e4f9fd;
  color: #353535;
  font-size: .6em;
  letter-spacing: .05em;
  padding-top: 1.33333333em;
  padding-right: 1.58333333em;
  padding-bottom: 1.66666667em;
  padding-left: 1.58333333em;
  vertical-align: middle;
}
.localNav_child a:before {
  border: solid transparent;
  border-left-color: #009fc1;
  border-width: .25em 0 .25em .33333333em;
  content: '';
  display: inline-block;
  height: 0;
  margin-right: .75em;
  margin-bottom: .16666667em;
  width: 0;
}
.localNav_child a:hover:before {
  border-left-color: #fff;
}
.sideBnr {
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}
.sideBnr li {
  margin-bottom: 8px;
}
.sideBnr img {
  width: 100%;
}
.pageContact {
  border-top: 1px solid #afaeae;
  margin-bottom: 4em;
  padding-top: 4em;
  padding-right: 2em;
  padding-left: 2em;
}
.primary .pageContact {
  position: relative;
  left: -35.064935%;
  width: 124.675324%;
}
.pageContact .ib {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
.pageContact .left {
  padding-right: 2.70833333%;
  width: 46.3541666%;
}
.pageContact h1 {
  border-bottom: 1px solid #e1e1e4;
  color: #21489d;
  font-size: 1.3em;
  line-height: 1.30769231;
  margin-top: 0;
  margin-bottom: .23076923em;
  padding-bottom: .26923077em;
  text-align: left;
}
.pageContact p {
  color: #5e5e5e;
  font-size: .6em;
  line-height: 1.66666667;
  margin-top: 0;
  text-align: left;
}
.pageContact .btn {
  margin-bottom: .8em;
}
@media only screen and (max-width: 42em) {
  .pageContact {
    box-sizing: border-box;
    margin-right: auto;
    margin-bottom: 1.8em;
    margin-left: auto;
    padding-top: 1.8em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: static;
    width: 95%;
  }
  .primary .pageContact {
    position: static;
    width: auto;
  }
  .pageContact .ib {
    display: block;
    width: 100%;
  }
  .pageContact .btn {
    font-size: .8em;
  }
}


.contents {
  color: #5e5e5e;
  font-size: .6em;
  min-height: 630px;
  overflow: hidden;
}
@media only screen and (max-width: 42em) {
  .contents {
    min-height: 0;
  }
}
.contents .title-l {
  color: #21489d;
  font-size: 2.16666667em;
  line-height: 1.30769231;
  margin-top: .84615385em;
  margin-bottom: .84615385em;
}
.contents .title-m {
  border-bottom: 1px solid #afaeae;
  color: #353535;
  font-size: 1.5em;
  margin-top: .77777778em;
  margin-bottom: .77777778em;
  padding-top: .55555556em;
  padding-bottom: .77777778em;
  padding-left: 1.22222222em;
  position: relative;
}
.contents .title-m:before {
  background-color: #21489d;
  border-radius: .11111111em;
  content: '';
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: .16666667em;
  width: .38888889em;
}
.contents .title-s {
  color: #009fc1;
  font-size: 1.16666667em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.contents p {
  line-height: 1.66666667;
  margin-bottom: 1.2em;
}
.contents .text-l {
  font-size: 1.16666667em;
}
.contents .text-s {
  font-size: .91666667em;
}
.contents .ul,
.contents .ol {
  line-height: 1.66666667;
  list-style-type: none;
  *list-style-type: disc;
  margin-bottom: 1.83333333em;
  padding-left: 0;
}
.contents .ul li,
.contents .ol li {
  margin-bottom: .83333333em;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.contents .ol li {
  counter-increment: i;
}
.contents .ul li:before {
  background-color: #009fc1;
  border-radius: .16666667em;
  content: '';
  display: inline-block;
  height: .83333333em;
  margin-top: .08333333em;
  margin-right: .66666667em;
  width: .83333333em;
}
.contents .ol li:before {
  color: #009fc1;
  content: counter(i);
  display: inline-block;
  margin-right: .66666667em;
  text-align: center;
  text-indent: 0;
  width: .83333333em;
}
.contents .frame {
  border: 1px solid #e1e1e4;
  padding-top: .66666667em;
  padding-right: 2.33333333em;
  padding-left: 2.33333333em;
}
.contents .link {
  text-decoration: none;
}
.contents .link:before {
.bo2
  width: 100%;
  height:  100%;
  padding: 0px;
}
.text-area2 {
  vertical-align: middle;
  display: inline-block;
}
ontents .notes {
  display: block;
  font-size: 1em;
  padding-left: 1em;
  text-indent: -1em;
}
.contents .notes-red {
  color: #e87375;
}
.newsList a[target="_blank"] {
  background: url("../img/element/icon-ext.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".pdf"] {
  background: url("../img/element/icon-pdf.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".doc"],
.newsList a[href$=".docx"] {
  background: url("../img/element/icon-word.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".xls"],
.newsList a[href$=".xlsx"] {
  background: url("../img/element/icon-excel.png") right center no-repeat;
  padding-right: 1.5em;
}
.contents .linkList {
  padding-left: 0;
}
.contents .linkList li {
  display: inline;
}
.contents .linkList .arrow:before {
  border-top-color: #009fc1;
}
.contents .linkList a {
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: .91666667em;
  text-decoration: none;
  width: 33.333333%;
}
.contents .linkList a:hover {
  text-decoration: underline;
}
.contents .linkList a:before {
  border: solid transparent;
  border-top-color: #fff;
  border-width: .33333333em .25em 0 .25em;
  content: '';
  display: inline-block;
  height: 0;
  margin-right: .91666667em;
  margin-bottom: .16666667em;
  width: 0;
}
.contents .linkList-horizon a {
  border-right: 1px solid #e1e1e4;
  margin-right: .5em;
  padding-right: .5em;
  width: auto;
}
.contents .linkList-horizon a:before {
  display: none;
}
.contents .tabLink {
  border-bottom: 1px solid #afaeae;
  padding-left: .66666667em;
}
.contents .tabLink li {
  /*display: inline;*/
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: .5em;
  vertical-align: bottom;
}
.contents .tabLink a {
  background-color: #009fc1;
  color: #fff;
  display: block;
  /*display: inline-block;*/
  /**display: inline;*/
  /**zoom: 1;*/
  /*float: left;*/
  margin-left: 1px;
  padding-top: .75em;
  padding-right: 2.83333333em;
  padding-bottom: .75em;
  padding-left: 2.83333333em;
  text-decoration: none;
  position: relative;
  /*top: 5px;*/
}
.contents .tabLink a:hover {
  background-color: #21489d;
}
.contents .tabLink .active {
  background-color: #fff;
  border: 1px solid #afaeae;
  border-bottom: 0;
  color: #009fc1;
  margin-bottom: -1px;
  padding-top: 1.16666667em;
  top: 0;
}
.contents .tabLink .active:hover {
  background-color: #fff;
}
.contents .tabLink a:before {
  border: solid transparent;
  border-left-color: #fff;
  border-width: .25em 0 .25em .33333333em;
  content: '';
  display: inline-block;
  margin-right: .5em;
  margin-bottom: .16666667em;
}
.contents .tabLink .active:before {
  border-top-color: #009fc1;
  border-left-color: transparent;
  border-width: .33333333em .25em 0 .25em;
}
.contents .pagenation {
  padding-left: 0;
  text-align: center;
}
.contents .pagenation li {
  display: inline;
}
.contents .pagenation a,
.contents .nav-links a {
  border: 1px solid #009fc1;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 2.16666667;
  text-decoration: none;
  width: 1.83333333em;
}
.contents .pagenation .prev a,
.contents .pagenation .next a,
.contents .nav-links a {
  padding-right: 1em;
  padding-left: 1em;
  width: auto;
}
.contents .pagenation a:hover,
.contents .pagenation .active a,
.contents .nav-links a:hover {
  background-color: #009fc1;
  color: #fff;
}
.contents .pagenation .prev a:before,
.contents .pagenation .next a:after,
.contents .nav-links .nav-previous a:before,
.contents .nav-links .nav-next a:after {
  border: solid transparent;
  content: '';
  display: inline-block;
  height: 0;
  margin-bottom: .16666667em;
  width: 0;
}
.contents .pagenation .prev a:before,
.contents .nav-links .nav-previous a:before {
  border-right-color: #009fc1;
  border-width: .25em .33333333em .25em 0;
  margin-right: .66666667em;
}
.contents .pagenation .next a:after,
.contents .nav-links .nav-next a:after {
  border-left-color: #009fc1;
  border-width: .25em 0 .25em .33333333em;
  margin-left: .66666667em;
}
.contents .pagenation .prev a:hover:before,
.contents .nav-links .nav-previous a:hover:before {
  border-right-color: #fff;
}
.contents .pagenation .next a:hover:after,
.contents .nav-links .nav-next a:hover:after {
  border-left-color: #fff;
}
.contents .nav-links .nav-previous {
  float: left;
}
.contents .nav-links .nav-next {
  float: right;
}
.contents hr {
  border-color: #afaeae;
}
.contents .dotted {
  border-style: dotted;
}
.contents figure {
  margin: 0;
  margin-bottom: 1em;
}
.contents figcaption {
  line-height: 1.66666667;
  margin-top: .16666667em;
  text-align: right;
}
.contents figcaptionl {
  line-height: 1.66666667;
  margin-top: .16666667em;
}
.contents .cols {
  margin-right: -1.62337662%;
  margin-left: -1.62337662%;
}
.contents .col {
  display: block;
  float: left;
  margin-right: 1.57232704%;
  margin-left: 1.57232704%;
  text-decoration: none;
}
.contents .cols-2 .col {
  width: 46.855346%;
}
.contents .cols-3 .col {
  width: 30.1886792%;
}
.contents .cols-4 .col {
  width: 21.8553459%;
}
.contents .cols-5 .col {
  width: 16.8553459%;
}
@media only screen and (max-width: 42em) {
  .contents .cols-sp1 .col {
    width: 96.8553459%;
  }
  .contents .cols-4 .col,
  .contents .cols-5 .col,
  .contents .cols-sp2 .col {
    width: 46.855346%;
  }
  .contents .cols-4 .col:nth-child(2n+1),
  .contents .cols-5 .col:nth-child(2n+1) {
    clear: both;
  }
}
.contents .layout {
  display: table;
  width: 100%;
}
.contents .layout_left,
.contents .layout_body,
.contents .layout_right {
  display: table-cell;
  vertical-align: top;
}
.contents .layout_left,
.contents .layout_right {
  padding-top: 1.3em;
  width: 31.168831%;
}
.contents .layout_left {
  padding-right: 3.24675325%;
}
.contents .layout_right {
  padding-left: 3.24675325%;
}
.contents .layout-m .layout_left,
.contents .layout-m .layout_right {
  width: 41.2987013%;
}
.contents .layout-l .layout_left,
.contents .layout-l .layout_right {
  width: 51.6233766%;
  /*width: 46.855346%;*/
}
.contents .cols-2 .layout_left,
.contents .cols-2 .layout_right {
  width: 35.436242%;
}
.contents .cols-3 .layout_left,
.contents .cols-3 .layout_right {
  width: 45.833333%;
}
@media only screen and (max-width: 42em) {
  .contents .layout-sp,
  .contents .layout-sp .layout_left,
  .contents .layout-sp .layout_body,
  .contents .layout-sp .layout_right {
    display: block;
    width: 100%;
  }
  .contents .layout-sp .layout_left,
  .contents .layout-sp .layout_right {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}
.contents .btnList {
  padding-left: 0;
  text-align: center;
}
.contents .btnList li {
  display: inline;
}
.contents .btnList .btn {
  margin-bottom: 1em;
  width: 19.3333333em;
 }
.contents .btnList .fbtn {
  margin-bottom: 1em;
  width: 28em !important;
  background-color: #009fc1 !important;
 }
.contents .btnList .btn-left {
  float: left;
}
.contents .btnList .btn-right {
  float: right;
}
.contents .btnList .btn-center {
  margin: auto;
}

@media only screen and (max-width: 42em) {
  .contents .btnList .btn-left,
  .contents .btnList .btn-right,
  .contents .btnList .btn-center {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
}
.contents .labelList {
  border: 1px solid #e1e1e4;
  font-weight: bold;
}
.contents .labelList {
  display: table;
  padding-right: 1.66666667em;
}
.contents .labelList dt {
  background-color: #e4f9fd;
  border-right: 1px solid #e1e1e4;
  float: left;
  margin-right: .41666667em;
  padding-top: 1.58333333em;
  padding-right: 1.58333333em;
  padding-bottom: 1.58333333em;
  padding-left: 1.58333333em;
}
.contents .labelList dd {
  border: 1px solid #009fc1;
  color: #009fc1;
  float: left;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1.25em;
  padding-top: .5em;
  padding-right: 1.66666667em;
  padding-bottom: .5em;
  padding-left: 1.66666667em;
}
@media only screen and (max-width: 42em) {
  .contents .layout-2 .labelList {
    display: block;
    padding-right: 0;
  }
  .contents .layout-2 .labelList dt {
    border-right: 0;
    border-bottom: 1px solid #e1e1e4;
    float: none;
    margin-right: 0;
  }
  .contents .layout-2 .labelList dd {
    float: none;
    display: inline-block;
  }
}
.contents .caption-overlay {
  position: relative;
}
.contents .caption-overlay figcaption {
  color: #fff;
  margin: auto;
  padding-top: 1em;
  padding-right: 1.66666667em;
  padding-bottom: 1em;
  padding-left: 1.66666667em;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: left;
}
.contents .caption-overlay figcaption:before {
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  content: '';
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.contents .caption-overlay figcaption span {
  position: relative;
}
@media only screen and (max-width: 42em) {
  .contents .caption-overlay figcaption {
    color: #5e5e5e;
    padding-right: 0;
    padding-left: 0;
    position: static;
  }
  .contents .caption-overlay figcaption:before {
    display: none;
  }
}
.contents .align-right {
  text-align: right;
}
.contents .align-center {
  text-align: center;
}
.contents .mb-1 {
  margin-bottom: -1em;
}
.contents .gallery_wrapper {
  position: relative;
}
.contents .gallery_wrapper .bx-prev,
.contents .gallery_wrapper .bx-next {
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 1.41666667em auto;
  border-radius: 2em;
  height: 4em;
  margin: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  text-indent: 110%;
  width: 4em;
}
.contents .gallery_wrapper .bx-controls-direction a:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}
.contents .gallery_wrapper .bx-prev {
  background-image: url("../img/element/arrow-prev.png");
  background-position: 45% center;
  left: 1.33333333em;
}
.contents .gallery_wrapper .bx-next {
  background-image: url("../img/element/arrow-next.png");
  background-position: 55% center;
  right: 1.33333333em;
}
.contents .cols-frame .col {
  box-sizing: border-box;
  border: 1px solid #e1e1e4;
  margin-bottom: 3.144654%;
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.contents .newsList {
  list-style-type: none;
  padding-left: 0;
}
.contents .newsList li {
  border-bottom: 1px solid #e9ebf1;
  padding-top: 1.33333333em;
  padding-bottom: .83333333em;
}
.contents .newsList time {
  color: #a7a7a7;
  display: block;
  float: left;
  font-size: .91666667em;
  line-height: 1.81818182;
  margin-right: 1.27272727em;
  vertical-align: middle;
}
.contents .newsList .cat {
  /*display: inline-block;*/
  /**display: inline;*/
  /**zoom: 1;*/
  display: block;
  float: left;
  font-size: .91666667em;
  margin-right: 1.45454545em;
  vertical-align: middle;
  width: 7.90909091em;
}
.contents .newsList .text {
  color: #009fc1;
  display: block;
  line-height: 1.66666667;
  overflow: hidden;
  vertical-align: middle;
}
.contents .newsList a {
  text-decoration: none;
}
.contents .newsList a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 42em) {
  .contents .newsList .text {
    clear: both;
  }
}
.contents table {
  border-top: 1px solid #d1d1d3;
  margin-top: 1.16666667em;
  margin-bottom: 1.16666667em;
  width: 100%;
}
.contents th,
.contents td {
  line-height: 1.66666667;
  padding-top: .83333333em;
  padding-right: .83333333em;
  padding-bottom: .83333333em;
  padding-left: .83333333em;
}
.contents th {
  background-color: #009fc1;
  border-right: 1px dotted #afaeae;
  border-bottom: 1px solid #d1d1d3;
  color: #fff;
  text-align: left;
}
.contents td {
  background-color: #f6f3f3;
  border-bottom: 1px solid #d1d1d3;
}
.contents .responsiveTable td {
  border-right: 1px dotted #afaeae;
}
.contents th:last-child,
.contents .responsiveTable td:last-child {
  border-right: 0;
}
@media only screen and (max-width: 42em) {
  .contents .responsiveTable thead {
    display: none;
  }
  .contents .responsiveTable tbody tr {
    display: block;
    margin-bottom: 1em;
  }
  .contents .responsiveTable tbody td {
    border-right: 0;
    border: none;
    display: table;
    padding: 0;
    vertical-align: top;
    width: 100%;
  }
  .contents .responsiveTable tbody td:before,
  .contents .responsiveTable tbody td .bt-content {
    border-bottom: 1px solid #d1d1d3;
    display: table-cell;
    padding-top: .83333333em;
    padding-right: .83333333em;
    padding-bottom: .83333333em;
    padding-left: .83333333em;
    vertical-align: top;
  }
  .contents .responsiveTable tbody td:before {
    background-color: #009fc1;
    color: #fff;
    content: attr(data-th);
    font-weight: bold;
    width: 6em;
  }
  .contents .responsiveTable tbody td.bt-hide {
    display: none;
  }
  .contents .responsiveTable tbody td .bt-content {
    padding-left: .83333333em;
  }
}
.contents .qa {
  border: 1px solid #d1d1d3;
  margin-bottom: 1.66666667em;
  padding-right: 2em;
  padding-bottom: 1.66666667em;
  padding-left: 2em;
}
.contents .qa dt {
  border-bottom: 1px solid #d1d1d3;
  cursor: pointer;
  font-size: 1.16666667em;
  font-weight: bold;
  margin-bottom: .85714286em;
  padding-top: 1.78571429em;
  padding-bottom: 1.78571429em;
}
.contents .qa dd {
  line-height: 1.66666667;
  height: auto;
  margin-left: 0;
  overflow: hidden;
  transition: opacity .5s ease-in-out;
}
.contents .qa-close dd {
  height: 0;
  opacity: 0;
}
.contents .must {
  background-color: #cb141c;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: .78571429em;
  margin-right: .45454545em;
  margin-left: .45454545em;
  text-align: center;
  width: 3.45454545em;
}
.contents .contactState {
  margin-bottom: 2.42857143em;
  padding-left: 0;
  text-align: center;
}
.contents .contactState li {
  background: url("../img/element/icon-off.png") center 0 no-repeat;
  background-size: 1.5em auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-top: 1.83333333em;
  position: relative;
  width: 11.6666666em;
  max-width: 30%;
}
.contents .contactState li:after {
  background: url("../img/element/arrow.png") center center no-repeat;
  content: '';
  /*content: url("../img/element/arrow.png");*/
  display: block;
  height: .66666667em;
  margin-top: .41666667em;
  position: absolute;
  top: 0;
  right: -45%;
  width: 10.3333333em;
}
.contents .contactState .complete:after {
  display: none;
}
.contents .contactState .active {
  background-image: url("../img/element/icon-on.png");
  color: #009fc1;
}
@media only screen and (max-width: 42em) {
  .contents .contactState li:after {
    background-size: 95% auto;
    max-width: 85%;
  }
}
.contents .contactTable {
  margin-bottom: 3em;
}
.contents .contactTable th,
.contents .contactTable td {
  font-size: 1.16666667em;
  padding-top: 1.1em;
  padding-right: 2em;
  padding-bottom: 1.1em;
  padding-left: 2em;
}
.contents .contactTable th {
  background-color: #f6f3f3;
  color: #009fc1;
  width: 26.3636363%;
}
.contents .contactTable ul {
  list-style-type: none;
  padding-left: 0;
}
.contents .contactTable label {
  display: block;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.contents .contactTable input,
.contents .contactTable textarea {
  box-sizing: border-box;
  width: 100%;
}
.contents .contactTable input[type="radio"],
.contents .contactTable input[type="checkbox"] {
  margin-right: .3em;
  width: auto;
}
.contents .contactTable textarea {
  height: 11em;
}
.contents .contactTable .btn {
  border: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 16.5714285em;
}
@media only screen and (max-width: 42em) {
  .contents .contactTable th,
  .contents .contactTable td {
    padding-top: .92857143em;
    padding-right: 1em;
    padding-bottom: .92857143em;
    padding-left: 1em;
  }
}
.contents .movie {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.contents .movie iframe {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.contents .mb10 {
  margin-bottom: .83333333em;
}
.contents .mb20 {
  margin-bottom: 1.66666667em;
}
.contents .mb40 {
  margin-bottom: 3.33333333em;
}
.contents .mb80 {
  margin-bottom: 6.66666667em;
}

.page_business .bg-gray {
  background: url("../img/business/bg-gray.png") 0 0 repeat;
  padding-top: 2em;
  padding-right: 3.33333333em;
  padding-bottom: 1.5em;
  padding-left: 3.33333333em;
}
.page_business .bg-gray .title-m {
  margin-bottom: 2em;
}
.page_business .bg-gray .layout {
  background-color: #fff;
}
.page_business .bg-gray .layout_left {
  padding-top: 0;
}
.page_business .bg-gray .layout_body {
  padding-top: 1.25em;
  padding-right: 5.58333333em;
}
@media only screen and (max-width: 42em) {
  .page_business .bg-gray {
    padding-right: 1.66666667em;
    padding-left: 1.66666667em;
  }
  .page_business .bg-gray .layout_body {
    box-sizing: border-box;
    padding-right: .83333333em;
    padding-bottom: .83333333em;
    padding-left: .83333333em;
  }
}
.page_building .caption-blue {
  background-color: #21489d;
  color: #fff;
  margin-bottom: 0;
  padding-top: 2.147651%;
  text-align: center;
}
.page_building .caption-blue figcaption {
  margin-top: .5em;
  padding-bottom: .71428571em;
  text-align: center;
}


.post-type-archive-case .caseList .cat,
.tax-genre .caseList .cat {
  float: left;
  margin-right: 1.45454545em;
  width: 7.90909091em;
}
.post-type-archive-case .caseList .title-s,
.tax-genre .caseList .title-s {
  overflow: hidden;
}
.post-type-archive-case .caseList dl,
.tax-genre .caseList dl {
  line-height: 1.66666667;
}
.post-type-archive-case .caseList dt,
.tax-genre .caseList dt {
  font-weight: bold;
}
.post-type-archive-case .caseList dd,
.tax-genre .caseList dd {
  display: inline;
  margin-left: 0;
}
.post-type-archive-case .caseList dd:after,
.tax-genre .caseList dd:after {
  content: '�A';
}
.post-type-archive-case .caseList dd:last-child:after,
.tax-genre .caseList dd:last-child:after {
  display: none;
}


.ib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.gray {
  background: url("../img/pt-diagonal.png") 0 0 repeat;
}
.gray2 {
  background-color: #f4f4f4;
}
.blue {
  background-color: #21489d;
}
.list-arrow li {
  background: url("../img/icon-arrow2.png") 0 center no-repeat;
  padding-left: 1em;
}
.link-arrow {
  display: table;
  font-size: .6em;
  line-height: 1.25;
  margin-left: auto;
  text-decoration: none;
}
.link-arrow:hover {
  color: #21489d;
}
.link-arrow:after {
  background: #009fc1 url("../img/icon-arrow.png") center center no-repeat;
  border-radius: .625em;
  content: '';
  display: inline-block;
  height: 1.25em;
  margin-left: .33333333em;
  vertical-align: -.25em;
  width: 1.25em;
}
.link-arrow:hover:after {
  background-color: #21489d;
}
.btn {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(13,13,14,.75);
          box-shadow: 0 1px 2px rgba(13,13,14,.75);
  color: #fff;
  display: block;
  letter-spacing: .1em;
  line-height: 3.5;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.btn:after {
  background: url("../img/icon-arrow3.png") center center no-repeat;
  border: 1px solid #fff;
  border-radius: .67857143em;
  content: '';
  height: 1.21428571em;
  margin: auto;
  position: absolute;
  right: 1.21428571em;
  top: 0;
  bottom: 0;
  width: 1.21428571em;
}
.btn-red {
  background-color: #cc141c;
}
.btn-blue {
  background-color: #21489d;
}
.btn-lightBlue {
  background-color: #009fc1;
}
.btn-green {
  background-color: #009fc1;
}

.cat {
  color: #fff;
  line-height: 1.45454545;
  text-align: center;
}
.cat-orange {
  background-color: #f7a548;
}
.cat-green {
  background-color: #50b4b5;
}
.cat-blue {
  background-color: #638bca;
}
.cat-purple {
  background-color: #b686c0;
}
.cat-red {
  font-size:9px;
  background-color: #FF1111;
}

.alignleft {
  float: left;
  margin-top: .6em;
  margin-right: 1.2em;
  margin-bottom: 1.2em;
}
.alignright {
  float: right;
  margin-top: .6em;
  margin-bottom: 1.2em;
  margin-left: 1.2em;
}
.aligncenter {
  display: block;
  margin-top: .6em;
  margin-right: auto;
  margin-bottom: 1.2em;
  margin-left: auto;
}



.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
@media only screen and (max-width: 42em) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*�@���ʃT�C�Y��768px����1024px�܂ł͂������ǂݍ��ށ@*/
.headerSearch {
	display: none !important;
	}
}


.hidden {
    display: none !important;
}
.visuallyhidden,
.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
@media only screen and (min-width: 35em) {
}
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
.output:calc {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}

.output:calc {
  width: 80%;
}
}
p span {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.cp_ipselect {
overflow: hidden;
width: 90%;
margin: 2em auto;
text-align: center;
}
.cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
width: 90%;
font-size: 15px;
position: relative;
border-radius: 2px;
border: 2px solid skyblue;
  border-radius: 20px;
background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
position: absolute;
top: 0.5em;
right: 0.5em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid skyblue;
pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
padding: 8px 38px 8px 8px;
color: black;
}
.calcbutton{
font-size: 24px;
position: relative;
border-radius: 2px;
border: 2px solid skyblue;
border-radius: 20px;
background: skyblue;
color:white;
}
.calcshow {
  opacity: 0;
  transition: .7s;
  margin-top: 60px;
}
.calcshowUp {
  opacity: 1;
  margin-top: 0;
}
.btn04 {
    background-color: #3169d1;
    border: 2px solid #3169d1;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn04:hover {
    background-color: transparent;
    border: 2px solid #3169d1;
    color: #3169d1 !important;
}
</style>
 font-size: .91666667em;
  margin-right: 2.72727273em;
  vertical-align: middle;
  width: 7.90909091em;
}
.indexNews_list a {
  color: #5e5e5e;
  text-decoration: none;
  vertical-align: middle;
}
.indexNews_list a:hover {
  text-decoration: underline;
}
.indexNews_list .all {
  border-bottom: 0;
}
.indexNews_list .link {
  font-size: 1em;
}
.indexNews_list .link:hover {
  text-decoration: none;
}
.indexNews_btn {
  font-size: 1.1em;
  margin-bottom: 3.09090909em;
  padding-left: 0;
  text-align: center;
}
.indexNews_btn li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: .5em;
  margin-bottom: 1em;
  margin-left: .5em;
  width: 22.4090909em;
  max-width: 90%;
}
.indexNews_btn .btn {
  letter-spacing: .04em;
}
.indexNews_btn span {
  font-size: .63636364em;
  letter-spacing: .14em;
}
@media only screen and (max-width: 42em) {
  .indexNews_list li {
    padding-bottom: 0;
  }
  .indexNews_list a {
    display: block;
    padding-top: 1.16666667em;
    padding-bottom: 1.16666667em;
  }
  .indexNews_btn {
    font-size: .9em;
    margin-bottom: 2em;
  }
}


.pageTitle {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 9.5em;
  margin-top: 0;
  position: relative;
}
.pageTitle h1 {
  color: #fff;
  font-size: 2.25em;
  letter-spacing: .05em;
  line-height: 1.77777778;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  /*top: 2.44444444em;*/
  bottom: 0;
  text-align: center;
}
.pageTitle h1:before {
  content: '';
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.no-backgroundblendmode .pageTitle h1:before {
  background-color: rgba(0,0,0,.4);
  background-image: none;
}
.pageTitle span {
  position: relative;
}
@media only screen and (max-width: 42em) {
  .pageTitle h1 {
    font-size: 1.125em;
  }
}
.topicPath {
  font-size: .6em;
  margin-top: 1.1em;
  padding-left: 1em;
}
.topicPath .link {
  display: inline;
}


.primary {
  float: right;
  width: 74.0384615%;
}
.secondary {
  float: left;
  width: 22.1153846%;
}
@media only screen and (max-width: 42em) {
  .primary,
  .secondary {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 95%;
  }
  .one {
    margin-right: auto;
    margin-left: auto;
    width: 95%;
  }
}


.localNav_list {
  list-style-type: none;
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding-left: 0;
}
.localNav_list li {
  margin-bottom: 1px;
}
.localNav_list a,
.localNav_list span {
  background-color: #f6f3f3;
  display: block;
  font-size: .7em;
  letter-spacing: .05em;
  padding-top: 2.35714286em;
  padding-right: 1.28571429em;
  padding-bottom: 2.28571429em;
  padding-left: 1.28571429em;
  text-decoration: none;
}
.localNav_list a:hover,
.localNav_list .active > a,
.localNav_list span,
.localNav_list .current-cat a {
  background-color: #009fc1;
  color: #fff;
}
.localNav_child {
  border-top: 1px solid #fff;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.localNav_child a {
  background-color: #e4f9fd;
  color: #353535;
  font-size: .6em;
  letter-spacing: .05em;
  padding-top: 1.33333333em;
  padding-right: 1.58333333em;
  padding-bottom: 1.66666667em;
  padding-left: 1.58333333em;
  vertical-align: middle;
}
.localNav_child a:before {
  border: solid transparent;
  border-left-color: #009fc1;
  border-width: .25em 0 .25em .33333333em;
  content: '';
  display: inline-block;
  height: 0;
  margin-right: .75em;
  margin-bottom: .16666667em;
  width: 0;
}
.localNav_child a:hover:before {
  border-left-color: #fff;
}
.sideBnr {
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}
.sideBnr li {
  margin-bottom: 8px;
}
.sideBnr img {
  width: 100%;
}
.pageContact {
  border-top: 1px solid #afaeae;
  margin-bottom: 4em;
  padding-top: 4em;
  padding-right: 2em;
  padding-left: 2em;
}
.primary .pageContact {
  position: relative;
  left: -35.064935%;
  width: 124.675324%;
}
.pageContact .ib {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
.pageContact .left {
  padding-right: 2.70833333%;
  width: 46.3541666%;
}
.pageContact h1 {
  border-bottom: 1px solid #e1e1e4;
  color: #21489d;
  font-size: 1.3em;
  line-height: 1.30769231;
  margin-top: 0;
  margin-bottom: .23076923em;
  padding-bottom: .26923077em;
  text-align: left;
}
.pageContact p {
  color: #5e5e5e;
  font-size: .6em;
  line-height: 1.66666667;
  margin-top: 0;
  text-align: left;
}
.pageContact .btn {
  margin-bottom: .8em;
}
@media only screen and (max-width: 42em) {
  .pageContact {
    box-sizing: border-box;
    margin-right: auto;
    margin-bottom: 1.8em;
    margin-left: auto;
    padding-top: 1.8em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: static;
    width: 95%;
  }
  .primary .pageContact {
    position: static;
    width: auto;
  }
  .pageContact .ib {
    display: block;
    width: 100%;
  }
  .pageContact .btn {
    font-size: .8em;
  }
}


.contents {
  color: #5e5e5e;
  font-size: .6em;
  min-height: 630px;
  overflow: hidden;
}
@media only screen and (max-width: 42em) {
  .contents {
    min-height: 0;
  }
}
.contents .title-l {
  color: #21489d;
  font-size: 2.16666667em;
  line-height: 1.30769231;
  margin-top: .84615385em;
  margin-bottom: .84615385em;
}
.contents .title-m {
  border-bottom: 1px solid #afaeae;
  color: #353535;
  font-size: 1.5em;
  margin-top: .77777778em;
  margin-bottom: .77777778em;
  padding-top: .55555556em;
  padding-bottom: .77777778em;
  padding-left: 1.22222222em;
  position: relative;
}
.contents .title-m:before {
  background-color: #21489d;
  border-radius: .11111111em;
  content: '';
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: .16666667em;
  width: .38888889em;
}
.contents .title-s {
  color: #009fc1;
  font-size: 1.16666667em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.contents p {
  line-height: 1.66666667;
  margin-bottom: 1.2em;
}
.contents .text-l {
  font-size: 1.16666667em;
}
.contents .text-s {
  font-size: .91666667em;
}
.contents .ul,
.contents .ol {
  line-height: 1.66666667;
  list-style-type: none;
  *list-style-type: disc;
  margin-bottom: 1.83333333em;
  padding-left: 0;
}
.contents .ul li,
.contents .ol li {
  margin-bottom: .83333333em;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.contents .ol li {
  counter-increment: i;
}
.contents .ul li:before {
  background-color: #009fc1;
  border-radius: .16666667em;
  content: '';
  display: inline-block;
  height: .83333333em;
  margin-top: .08333333em;
  margin-right: .66666667em;
  width: .83333333em;
}
.contents .ol li:before {
  color: #009fc1;
  content: counter(i);
  display: inline-block;
  margin-right: .66666667em;
  text-align: center;
  text-indent: 0;
  width: .83333333em;
}
.contents .frame {
  border: 1px solid #e1e1e4;
  padding-top: .66666667em;
  padding-right: 2.33333333em;
  padding-left: 2.33333333em;
}
.contents .link {
  text-decoration: none;
}
.contents .link:before {
.bo2
  width: 100%;
  height:  100%;
  padding: 0px;
}
.text-area2 {
  vertical-align: middle;
  display: inline-block;
}
ontents .notes {
  display: block;
  font-size: 1em;
  padding-left: 1em;
  text-indent: -1em;
}
.contents .notes-red {
  color: #e87375;
}
.newsList a[target="_blank"] {
  background: url("../img/element/icon-ext.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".pdf"] {
  background: url("../img/element/icon-pdf.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".doc"],
.newsList a[href$=".docx"] {
  background: url("../img/element/icon-word.png") right center no-repeat;
  padding-right: 1.5em;
}
.newsList a[href$=".xls"],
.newsList a[href$=".xlsx"] {
  background: url("../img/element/icon-excel.png") right center no-repeat;
  padding-right: 1.5em;
}
.contents .linkList {
  padding-left: 0;
}
.contents .linkList li {
  display: inline;
}
.contents .linkList .arrow:before {
  border-top-color: #009fc1;
}
.contents .linkList a {
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: .91666667em;
  text-decoration: none;
  width: 33.333333%;
}
.contents .linkList a:hover {
  text-decoration: underline;
}
.contents .linkList a:before {
  border: solid transparent;
  border-top-color: #fff;
  border-width: .33333333em .25em 0 .25em;
  content: '';
  display: inline-block;
  height: 0;
  margin-right: .91666667em;
  margin-bottom: .16666667em;
  width: 0;
}
.contents .linkList-horizon a {
  border-right: 1px solid #e1e1e4;
  margin-right: .5em;
  padding-right: .5em;
  width: auto;
}
.contents .linkList-horizon a:before {
  display: none;
}
.contents .tabLink {
  border-bottom: 1px solid #afaeae;
  padding-left: .66666667em;
}
.contents .tabLink li {
  /*display: inline;*/
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: .5em;
  vertical-align: bottom;
}
.contents .tabLink a {
  background-color: #009fc1;
  color: #fff;
  display: block;
  /*display: inline-block;*/
  /**display: inline;*/
  /**zoom: 1;*/
  /*float: left;*/
  margin-left: 1px;
  padding-top: .75em;
  padding-right: 2.83333333em;
  padding-bottom: .75em;
  padding-left: 2.83333333em;
  text-decoration: none;
  position: relative;
  /*top: 5px;*/
}
.contents .tabLink a:hover {
  background-color: #21489d;
}
.contents .tabLink .active {
  background-color: #fff;
  border: 1px solid #afaeae;
  border-bottom: 0;
  color: #009fc1;
  margin-bottom: -1px;
  padding-top: 1.16666667em;
  top: 0;
}
.contents .tabLink .active:hover {
  background-color: #fff;
}
.contents .tabLink a:before {
  border: solid transparent;
  border-left-color: #fff;
  border-width: .25em 0 .25em .33333333em;
  content: '';
  display: inline-block;
  margin-right: .5em;
  margin-bottom: .16666667em;
}
.contents .tabLink .active:before {
  border-top-color: #009fc1;
  border-left-color: transparent;
  border-width: .33333333em .25em 0 .25em;
}
.contents .pagenation {
  padding-left: 0;
  text-align: center;
}
.contents .pagenation li {
  display: inline;
}
.contents .pagenation a,
.contents .nav-links a {
  border: 1px solid #009fc1;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 2.16666667;
  text-decoration: none;
  width: 1.83333333em;
}
.contents .pagenation .prev a,
.contents .pagenation .next a,
.contents .nav-links a {
  padding-right: 1em;
  padding-left: 1em;
  width: auto;
}
.contents .pagenation a:hover,
.contents .pagenation .active a,
.contents .nav-links a:hover {
  background-color: #009fc1;
  color: #fff;
}
.contents .pagenation .prev a:before,
.contents .pagenation .next a:after,
.contents .nav-links .nav-previous a:before,
.contents .nav-links .nav-next a:after {
  border: solid transparent;
  content: '';
  display: inline-block;
  height: 0;
  margin-bottom: .16666667em;
  width: 0;
}
.contents .pagenation .prev a:before,
.contents .nav-links .nav-previous a:before {
  border-right-color: #009fc1;
  border-width: .25em .33333333em .25em 0;
  margin-right: .66666667em;
}
.contents .pagenation .next a:after,
.contents .nav-links .nav-next a:after {
  border-left-color: #009fc1;
  border-width: .25em 0 .25em .33333333em;
  margin-left: .66666667em;
}
.contents .pagenation .prev a:hover:before,
.contents .nav-links .nav-previous a:hover:before {
  border-right-color: #fff;
}
.contents .pagenation .next a:hover:after,
.contents .nav-links .nav-next a:hover:after {
  border-left-color: #fff;
}
.contents .nav-links .nav-previous {
  float: left;
}
.contents .nav-links .nav-next {
  float: right;
}
.contents hr {
  border-color: #afaeae;
}
.contents .dotted {
  border-style: dotted;
}
.contents figure {
  margin: 0;
  margin-bottom: 1em;
}
.contents figcaption {
  line-height: 1.66666667;
  margin-top: .16666667em;
  text-align: right;
}
.contents figcaptionl {
  line-height: 1.66666667;
  margin-top: .16666667em;
}
.contents .cols {
  margin-right: -1.62337662%;
  margin-left: -1.62337662%;
}
.contents .col {
  display: block;
  float: left;
  margin-right: 1.57232704%;
  margin-left: 1.57232704%;
  text-decoration: none;
}
.contents .cols-2 .col {
  width: 46.855346%;
}
.contents .cols-3 .col {
  width: 30.1886792%;
}
.contents .cols-4 .col {
  width: 21.8553459%;
}
.contents .cols-5 .col {
  width: 16.8553459%;
}
@media only screen and (max-width: 42em) {
  .contents .cols-sp1 .col {
    width: 96.8553459%;
  }
  .contents .cols-4 .col,
  .contents .cols-5 .col,
  .contents .cols-sp2 .col {
    width: 46.855346%;
  }
  .contents .cols-4 .col:nth-child(2n+1),
  .contents .cols-5 .col:nth-child(2n+1) {
    clear: both;
  }
}
.contents .layout {
  display: table;
  width: 100%;
}
.contents .layout_left,
.contents .layout_body,
.contents .layout_right {
  display: table-cell;
  vertical-align: top;
}
.contents .layout_left,
.contents .layout_right {
  padding-top: 1.3em;
  width: 31.168831%;
}
.contents .layout_left {
  padding-right: 3.24675325%;
}
.contents .layout_right {
  padding-left: 3.24675325%;
}
.contents .layout-m .layout_left,
.contents .layout-m .layout_right {
  width: 41.2987013%;
}
.contents .layout-l .layout_left,
.contents .layout-l .layout_right {
  width: 51.6233766%;
  /*width: 46.855346%;*/
}
.contents .cols-2 .layout_left,
.contents .cols-2 .layout_right {
  width: 35.436242%;
}
.contents .cols-3 .layout_left,
.contents .cols-3 .layout_right {
  width: 45.833333%;
}
@media only screen and (max-width: 42em) {
  .contents .layout-sp,
  .contents .layout-sp .layout_left,
  .contents .layout-sp .layout_body,
  .contents .layout-sp .layout_right {
    display: block;
    width: 100%;
  }
  .contents .layout-sp .layout_left,
  .contents .layout-sp .layout_right {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}
.contents .btnList {
  padding-left: 0;
  text-align: center;
}
.contents .btnList li {
  display: inline;
}
.contents .btnList .btn {
  margin-bottom: 1em;
  width: 19.3333333em;
 }
.contents .btnList .fbtn {
  margin-bottom: 1em;
  width: 28em !important;
  background-color: #009fc1 !important;
 }
.contents .btnList .btn-left {
  float: left;
}
.contents .btnList .btn-right {
  float: right;
}
.contents .btnList .btn-center {
  margin: auto;
}

@media only screen and (max-width: 42em) {
  .contents .btnList .btn-left,
  .contents .btnList .btn-right,
  .contents .btnList .btn-center {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
}
.contents .labelList {
  border: 1px solid #e1e1e4;
  font-weight: bold;
}
.contents .labelList {
  display: table;
  padding-right: 1.66666667em;
}
.contents .labelList dt {
  background-color: #e4f9fd;
  border-right: 1px solid #e1e1e4;
  float: left;
  margin-right: .41666667em;
  padding-top: 1.58333333em;
  padding-right: 1.58333333em;
  padding-bottom: 1.58333333em;
  padding-left: 1.58333333em;
}
.contents .labelList dd {
  border: 1px solid #009fc1;
  color: #009fc1;
  float: left;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1.25em;
  padding-top: .5em;
  padding-right: 1.66666667em;
  padding-bottom: .5em;
  padding-left: 1.66666667em;
}
@media only screen and (max-width: 42em) {
  .contents .layout-2 .labelList {
    display: block;
    padding-right: 0;
  }
  .contents .layout-2 .labelList dt {
    border-right: 0;
    border-bottom: 1px solid #e1e1e4;
    float: none;
    margin-right: 0;
  }
  .contents .layout-2 .labelList dd {
    float: none;
    display: inline-block;
  }
}
.contents .caption-overlay {
  position: relative;
}
.contents .caption-overlay figcaption {
  color: #fff;
  margin: auto;
  padding-top: 1em;
  padding-right: 1.66666667em;
  padding-bottom: 1em;
  padding-left: 1.66666667em;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: left;
}
.contents .caption-overlay figcaption:before {
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  content: '';
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.contents .caption-overlay figcaption span {
  position: relative;
}
@media only screen and (max-width: 42em) {
  .contents .caption-overlay figcaption {
    color: #5e5e5e;
    padding-right: 0;
    padding-left: 0;
    position: static;
  }
  .contents .caption-overlay figcaption:before {
    display: none;
  }
}
.contents .align-right {
  text-align: right;
}
.contents .align-center {
  text-align: center;
}
.contents .mb-1 {
  margin-bottom: -1em;
}
.contents .gallery_wrapper {
  position: relative;
}
.contents .gallery_wrapper .bx-prev,
.contents .gallery_wrapper .bx-next {
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 1.41666667em auto;
  border-radius: 2em;
  height: 4em;
  margin: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  text-indent: 110%;
  width: 4em;
}
.contents .gallery_wrapper .bx-controls-direction a:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}
.contents .gallery_wrapper .bx-prev {
  background-image: url("../img/element/arrow-prev.png");
  background-position: 45% center;
  left: 1.33333333em;
}
.contents .gallery_wrapper .bx-next {
  background-image: url("../img/element/arrow-next.png");
  background-position: 55% center;
  right: 1.33333333em;
}
.contents .cols-frame .col {
  box-sizing: border-box;
  border: 1px solid #e1e1e4;
  margin-bottom: 3.144654%;
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.contents .newsList {
  list-style-type: none;
  padding-left: 0;
}
.contents .newsList li {
  border-bottom: 1px solid #e9ebf1;
  padding-top: 1.33333333em;
  padding-bottom: .83333333em;
}
.contents .newsList time {
  color: #a7a7a7;
  display: block;
  float: left;
  font-size: .91666667em;
  line-height: 1.81818182;
  margin-right: 1.27272727em;
  vertical-align: middle;
}
.contents .newsList .cat {
  /*display: inline-block;*/
  /**display: inline;*/
  /**zoom: 1;*/
  display: block;
  float: left;
  font-size: .91666667em;
  margin-right: 1.45454545em;
  vertical-align: middle;
  width: 7.90909091em;
}
.contents .newsList .text {
  color: #009fc1;
  display: block;
  line-height: 1.66666667;
  overflow: hidden;
  vertical-align: middle;
}
.contents .newsList a {
  text-decoration: none;
}
.contents .newsList a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 42em) {
  .contents .newsList .text {
    clear: both;
  }
}
.contents table {
  border-top: 1px solid #d1d1d3;
  margin-top: 1.16666667em;
  margin-bottom: 1.16666667em;
  width: 100%;
}
.contents th,
.contents td {
  line-height: 1.66666667;
  padding-top: .83333333em;
  padding-right: .83333333em;
  padding-bottom: .83333333em;
  padding-left: .83333333em;
}
.contents th {
  background-color: #009fc1;
  border-right: 1px dotted #afaeae;
  border-bottom: 1px solid #d1d1d3;
  color: #fff;
  text-align: left;
}
.contents td {
  background-color: #f6f3f3;
  border-bottom: 1px solid #d1d1d3;
}
.contents .responsiveTable td {
  border-right: 1px dotted #afaeae;
}
.contents th:last-child,
.contents .responsiveTable td:last-child {
  border-right: 0;
}
@media only screen and (max-width: 42em) {
  .contents .responsiveTable thead {
    display: none;
  }
  .contents .responsiveTable tbody tr {
    display: block;
    margin-bottom: 1em;
  }
  .contents .responsiveTable tbody td {
    border-right: 0;
    border: none;
    display: table;
    padding: 0;
    vertical-align: top;
    width: 100%;
  }
  .contents .responsiveTable tbody td:before,
  .contents .responsiveTable tbody td .bt-content {
    border-bottom: 1px solid #d1d1d3;
    display: table-cell;
    padding-top: .83333333em;
    padding-right: .83333333em;
    padding-bottom: .83333333em;
    padding-left: .83333333em;
    vertical-align: top;
  }
  .contents .responsiveTable tbody td:before {
    background-color: #009fc1;
    color: #fff;
    content: attr(data-th);
    font-weight: bold;
    width: 6em;
  }
  .contents .responsiveTable tbody td.bt-hide {
    display: none;
  }
  .contents .responsiveTable tbody td .bt-content {
    padding-left: .83333333em;
  }
}
.contents .qa {
  border: 1px solid #d1d1d3;
  margin-bottom: 1.66666667em;
  padding-right: 2em;
  padding-bottom: 1.66666667em;
  padding-left: 2em;
}
.contents .qa dt {
  border-bottom: 1px solid #d1d1d3;
  cursor: pointer;
  font-size: 1.16666667em;
  font-weight: bold;
  margin-bottom: .85714286em;
  padding-top: 1.78571429em;
  padding-bottom: 1.78571429em;
}
.contents .qa dd {
  line-height: 1.66666667;
  height: auto;
  margin-left: 0;
  overflow: hidden;
  transition: opacity .5s ease-in-out;
}
.contents .qa-close dd {
  height: 0;
  opacity: 0;
}
.contents .must {
  background-color: #cb141c;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: .78571429em;
  margin-right: .45454545em;
  margin-left: .45454545em;
  text-align: center;
  width: 3.45454545em;
}
.contents .contactState {
  margin-bottom: 2.42857143em;
  padding-left: 0;
  text-align: center;
}
.contents .contactState li {
  background: url("../img/element/icon-off.png") center 0 no-repeat;
  background-size: 1.5em auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-top: 1.83333333em;
  position: relative;
  width: 11.6666666em;
  max-width: 30%;
}
.contents .contactState li:after {
  background: url("../img/element/arrow.png") center center no-repeat;
  content: '';
  /*content: url("../img/element/arrow.png");*/
  display: block;
  height: .66666667em;
  margin-top: .41666667em;
  position: absolute;
  top: 0;
  right: -45%;
  width: 10.3333333em;
}
.contents .contactState .complete:after {
  display: none;
}
.contents .contactState .active {
  background-image: url("../img/element/icon-on.png");
  color: #009fc1;
}
@media only screen and (max-width: 42em) {
  .contents .contactState li:after {
    background-size: 95% auto;
    max-width: 85%;
  }
}
.contents .contactTable {
  margin-bottom: 3em;
}
.contents .contactTable th,
.contents .contactTable td {
  font-size: 1.16666667em;
  padding-top: 1.1em;
  padding-right: 2em;
  padding-bottom: 1.1em;
  padding-left: 2em;
}
.contents .contactTable th {
  background-color: #f6f3f3;
  color: #009fc1;
  width: 26.3636363%;
}
.contents .contactTable ul {
  list-style-type: none;
  padding-left: 0;
}
.contents .contactTable label {
  display: block;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.contents .contactTable input,
.contents .contactTable textarea {
  box-sizing: border-box;
  width: 100%;
}
.contents .contactTable input[type="radio"],
.contents .contactTable input[type="checkbox"] {
  margin-right: .3em;
  width: auto;
}
.contents .contactTable textarea {
  height: 11em;
}
.contents .contactTable .btn {
  border: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 16.5714285em;
}
@media only screen and (max-width: 42em) {
  .contents .contactTable th,
  .contents .contactTable td {
    padding-top: .92857143em;
    padding-right: 1em;
    padding-bottom: .92857143em;
    padding-left: 1em;
  }
}
.contents .movie {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.contents .movie iframe {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.contents .mb10 {
  margin-bottom: .83333333em;
}
.contents .mb20 {
  margin-bottom: 1.66666667em;
}
.contents .mb40 {
  margin-bottom: 3.33333333em;
}
.contents .mb80 {
  margin-bottom: 6.66666667em;
}

.page_business .bg-gray {
  background: url("../img/business/bg-gray.png") 0 0 repeat;
  padding-top: 2em;
  padding-right: 3.33333333em;
  padding-bottom: 1.5em;
  padding-left: 3.33333333em;
}
.page_business .bg-gray .title-m {
  margin-bottom: 2em;
}
.page_business .bg-gray .layout {
  background-color: #fff;
}
.page_business .bg-gray .layout_left {
  padding-top: 0;
}
.page_business .bg-gray .layout_body {
  padding-top: 1.25em;
  padding-right: 5.58333333em;
}
@media only screen and (max-width: 42em) {
  .page_business .bg-gray {
    padding-right: 1.66666667em;
    padding-left: 1.66666667em;
  }
  .page_business .bg-gray .layout_body {
    box-sizing: border-box;
    padding-right: .83333333em;
    padding-bottom: .83333333em;
    padding-left: .83333333em;
  }
}
.page_building .caption-blue {
  background-color: #21489d;
  color: #fff;
  margin-bottom: 0;
  padding-top: 2.147651%;
  text-align: center;
}
.page_building .caption-blue figcaption {
  margin-top: .5em;
  padding-bottom: .71428571em;
  text-align: center;
}


.post-type-archive-case .caseList .cat,
.tax-genre .caseList .cat {
  float: left;
  margin-right: 1.45454545em;
  width: 7.90909091em;
}
.post-type-archive-case .caseList .title-s,
.tax-genre .caseList .title-s {
  overflow: hidden;
}
.post-type-archive-case .caseList dl,
.tax-genre .caseList dl {
  line-height: 1.66666667;
}
.post-type-archive-case .caseList dt,
.tax-genre .caseList dt {
  font-weight: bold;
}
.post-type-archive-case .caseList dd,
.tax-genre .caseList dd {
  display: inline;
  margin-left: 0;
}
.post-type-archive-case .caseList dd:after,
.tax-genre .caseList dd:after {
  content: '�A';
}
.post-type-archive-case .caseList dd:last-child:after,
.tax-genre .caseList dd:last-child:after {
  display: none;
}


.ib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.gray {
  background: url("../img/pt-diagonal.png") 0 0 repeat;
}
.gray2 {
  background-color: #f4f4f4;
}
.blue {
  background-color: #21489d;
}
.list-arrow li {
  background: url("../img/icon-arrow2.png") 0 center no-repeat;
  padding-left: 1em;
}
.link-arrow {
  display: table;
  font-size: .6em;
  line-height: 1.25;
  margin-left: auto;
  text-decoration: none;
}
.link-arrow:hover {
  color: #21489d;
}
.link-arrow:after {
  background: #009fc1 url("../img/icon-arrow.png") center center no-repeat;
  border-radius: .625em;
  content: '';
  display: inline-block;
  height: 1.25em;
  margin-left: .33333333em;
  vertical-align: -.25em;
  width: 1.25em;
}
.link-arrow:hover:after {
  background-color: #21489d;
}
.btn {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(13,13,14,.75);
          box-shadow: 0 1px 2px rgba(13,13,14,.75);
  color: #fff;
  display: block;
  letter-spacing: .1em;
  line-height: 3.5;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.btn:after {
  background: url("../img/icon-arrow3.png") center center no-repeat;
  border: 1px solid #fff;
  border-radius: .67857143em;
  content: '';
  height: 1.21428571em;
  margin: auto;
  position: absolute;
  right: 1.21428571em;
  top: 0;
  bottom: 0;
  width: 1.21428571em;
}
.btn-red {
  background-color: #cc141c;
}
.btn-blue {
  background-color: #21489d;
}
.btn-lightBlue {
  background-color: #009fc1;
}
.btn-green {
  background-color: #009fc1;
}

.cat {
  color: #fff;
  line-height: 1.45454545;
  text-align: center;
}
.cat-orange {
  background-color: #f7a548;
}
.cat-green {
  background-color: #50b4b5;
}
.cat-blue {
  background-color: #638bca;
}
.cat-purple {
  background-color: #b686c0;
}
.cat-red {
  font-size:9px;
  background-color: #FF1111;
}

.alignleft {
  float: left;
  margin-top: .6em;
  margin-right: 1.2em;
  margin-bottom: 1.2em;
}
.alignright {
  float: right;
  margin-top: .6em;
  margin-bottom: 1.2em;
  margin-left: 1.2em;
}
.aligncenter {
  display: block;
  margin-top: .6em;
  margin-right: auto;
  margin-bottom: 1.2em;
  margin-left: auto;
}



.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
@media only screen and (max-width: 42em) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*�@���ʃT�C�Y��768px����1024px�܂ł͂������ǂݍ��ށ@*/
.headerSearch {
	display: none !important;
	}
}


.hidden {
    display: none !important;
}
.visuallyhidden,
.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
@media only screen and (min-width: 35em) {
}
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
.output:calc {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}

.output:calc {
  width: 80%;
}
}
p span {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.cp_ipselect {
overflow: hidden;
width: 90%;
margin: 2em auto;
text-align: center;
}
.cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
width: 90%;
font-size: 15px;
position: relative;
border-radius: 2px;
border: 2px solid skyblue;
  border-radius: 20px;
background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
position: absolute;
top: 0.5em;
right: 0.5em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid skyblue;
pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
padding: 8px 38px 8px 8px;
color: black;
}
.calcbutton{
font-size: 24px;
position: relative;
border-radius: 2px;
border: 2px solid skyblue;
border-radius: 20px;
background: skyblue;
color:white;
}
.calcshow {
  opacity: 0;
  transition: .7s;
  margin-top: 60px;
}
.calcshowUp {
  opacity: 1;
  margin-top: 0;
}
.btn04 {
    background-color: #3169d1;
    border: 2px solid #3169d1;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn04:hover {
    background-color: transparent;
    border: 2px solid #3169d1;
    color: #3169d1 !important;
}
</style>
 font-size: .91666667em;
  margin-right: 2.72727273em;
  vertical-align: middle;
  width: 7.90909091em;
}
.indexNews_list a {
  color: #5e5e5e;
  text-decoration: none;
  vertical-align: middle;
}
.indexNews_list a:hover {
  text-decoration: underline;
}
.indexNews_list .all {
  border-bottom: 0;
}
.indexNews_list .link {
  font-size: 1em;
}
.indexNews_list .link:hover {
  text-decoration: none;
}
.indexNews_btn {
  font-size: 1.1em;
  margin-bottom: 3.09090909em;
  padding-left: 0;
  text-align: center;
}
.indexNews_btn li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: .5em;
  margin-bottom: 1em;
  margin-left: .5em;
  width: 22.4090909em;
  max-width: 90%;
}
.indexNews_btn .btn {
  letter-spacing: .04em;
}
.indexNews_btn span {
  font-size: .63636364em;
  letter-spacing: .14em;
}
@media only screen and (max-width: 42em) {
  .indexNews_list li {
    padding-bottom: 0;
  }
  .indexNews_list a {
    display: block;
    padding-top: 1.16666667em;
    padding-bottom: 1.16666667em;
  }
  .indexNews_btn {
    font-size: .9em;
    margin-bottom: 2em;
  }
}


.pageTitle {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 9.5em;
  margin-top: 0;
  position: relative;
}
.pageTitle h1 {
  color: #fff;
  font-size: 2.25em;
  letter-spacing: .05em;
  line-height: 1.77777778;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  /*top: 2.44444444em;*/
  bottom: 0;
  text-align: center;
}
.pageTitle h1:before {
  content: '';
  background: url("../img/pt-dot.png") 0 0 repeat;
  mix-blend-mode: multiply;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.no-backgroundblendmode .pageTitle h1:before {
  background-color: rgba(0,0,0,.4);
  background-image: none;
}
.pageTitle span {
  position: relative;
}
@media only screen and (max-width: 42em) {
  .pageTitle h1 {
    font-size: 1.125em;
  }
}
.topicPath {
  font-size: .6em;
  margin-top: 1.1em;
  padding-left: 1em;
}
.topicPath .link {
  display: inline;
}


.primary {
  float: right;
  width: 74.0384615%;
}
.secondary {
  float: left;
  width: 22.1153846%;
}
@media only screen and (max-width: 42em) {
  .primary,
  .secondary {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 95%;
  }
  .one {
    margin-right: auto;
    margin-left: auto;
    width: 95%;
  }
}


.localNav_list {
  list-style-type: none;
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding-left: 0;
}
.localNav_list li {
  margin-bottom: 1px;
}
.localNav_list a,
.localNav_list span {
  background-color: #f6f3f3;
  display: block;
  font-size: .7em;
  letter-spacing: .05em;
  padding-top: 2.35714286em;
  padding-right: 1.28571429em;
  padding-bottom: 2.28571429em;
  padding-left: 1.28571429em;
  text-decoration: none;
}
.localNav_list a:hover,
.localNav_list .active > a,
.localNav_list span,
.localNav_list .current-cat a {
  background-color: #009fc1;
  color: #fff;
}
.localNav_child {
  border-top: 1px solid #fff;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.localNav_child a {
  background-color: #e4f9fd;
  color: #353535;
  font-size: .6em;
  letter-spacing: .05em;
  padding-top: 1.33333333em;
  padding-right: 1.58333333em;
  padding-bottom: 1.66666667em;
  padding-left: 1.58333333em;
  vertical-align: middle;
}
.localNav_child a:before {
  border: solid transparent;
  border-left-color: #009fc1;
  border-width: .25em 0 .25em .33333333em;
  content: '';
  display: inline-block;
  height: 0;
  margin-right: .75em;
  margin-bottom: .16666667em;
  width: 0;
}
.localNav_child a:hover:before {
  border-left-color: #fff;
}
.sideBnr {
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}
.sideBnr li {
  margin-bottom: 8px;
}
.sideBnr img {
  width: 100%;
}
.pageContact {
  border-top: 1px solid #afaeae;
  margin-bottom: 4em;
  padding-top: 4em;
  padding-right: 2em;
  padding-left: 2em;
}
.primary .pageContact {
  position: relative;
  left: -35.064935%;
  width: 124.675324%;
}
.pageContact .ib {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
.pageContact .left {
  padding-right: 2.70833333%;
  width: 46.3541666%;
}
.pageContact h1 {
  border-bottom: 1px solid #e1e1e4;
  color: #21489d;
  font-size: 1.3em;
  line-height: 1.30769231;
  margin-top: 0;
  margin-bottom: .23076923em;
  padding-bottom: .26923077em;
  text-align: left;
}
.pageContact p {
  color: #5e5e5e;
  font-size: .6em;
  line-height: 1.66666667;
  margin-top: 0;
  text-align: left;
}
.pageContact .btn {
  margin-bottom: .8em;
}
@media only screen and (max-width: 42em) {
  .pageContact {
    box-sizing: border-box;
    margin-right: auto;
    margin-bottom: 1.8em;
    margin-left: auto;
    padding-top: 1.8em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: static;
    width: 95%;
  }
  .primary .pageContact {
    position: static;
    width: auto;
  }
  .pageContact .ib {
    display: block;
    width: 100%;
  }
  .pageContact .btn {
    font-size: .8em;
  }
}


.contents {
  color: #5e5e5e;
  font-size: .6em;
  min-height: 630px;
  overflow: hidden;
}
@media only screen and (max-width: 42em) {
  .contents {
    min-height: 0;
  }
}
.contents .title-l {
  color: #21489d;
  font-size: 2.16666667em;
  line-height: 1.30769231;
  margin-top: .84615385em;
  margin-bottom: .84615385em;
}
.contents .title-m {
  border-bottom: 1px solid #afaeae;
  color: #353535;
  font-size: 1.5em;
  margin-top: .77777778em;
  margin-bottom: .77777778em;
  padding-top: .55555556em;
  padding-bottom: .77777778em;
  padding-left: 1.22222222em;
  position: relative;
}
.contents .title-m:before {
  background-color: #21489d;
  border-radius: .11111111em;
  content: '';
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: .16666667em;
  width: .38888889em;
}
.contents .title-s {
  color: #009fc1;
  font-size: 1.16666667em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.contents p {
  line-height: 1.66666667;
  margin-bottom: 1.2em;
}
.contents .text-l {
  font-size: 1.16666667em;
}
.contents .text-s {
  font-size: .91666667em;
}
.contents .ul,
.contents .ol {
  line-height: 1.66666667;
  list-style-type: none;
  *list-style-type: disc;
  margin-bottom: 1.83333333em;
  padding-left: 0;
}
.contents .ul li,
.contents .ol li {
  margin-bottom: .83333333em;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.contents .ol li {
  counter-increment: i;
}
.contents .ul li:before {
  background-color: #009fc1;
  border-radius: .16666667em;
  content: '';
  display: inline-block;
  height: .83333333em;
  margin-top: .08333333em;
  margin-right: .66666667em;
  width: .83333333em;
}
.contents .ol li:before {
  color: #009fc1;
  content: counter(i);
  display: inline-block;
  margin-right: .66666667em;
  text-align: center;
  text-indent: 0;
  width: .83333333em;
}
.contents .frame {
  border: 1px solid #e1e1e4;
  padding-top: .66666667em;
  padding-right: 2.33333333em;
  padding-left: 2.33333333em;
}
.contents .link {
  text-decoration: none;
}
.fade {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1.5s, transform 1s;
}.fade.active {
	opacity: 1;
	transform: translateY(0px);
}
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 1.0s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}