@charset "UTF-8";
/*__________________________________________________ Common Set */
* {
  margin: 0;
  padding: 0;
  zoom: 1;
}

html {
  margin: 0;
  padding: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

main {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table, td, th {
  border: none;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: '';
}

object, embed {
  vertical-align: top;
}

hr, legend {
  visibility: hidden;
  margin: 0px;
  padding: 0px;
}

img, abbr, acronym, fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

img {
  vertical-align: middle;
  line-height: 0;
}

ul, li, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-style: 0;
  font-weight: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, dl, dt, dd {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, em, address, p, th {
  font-style: normal;
  font-weight: normal;
  font-size: normal;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

header, footer, nav, article, section, aside {
  display: block;
}

textarea {
  resize: vertical;
}

/*link*/
a:link {
  color: #4286c7;
  text-decoration: none;
  outline: none;
}

a:visited {
  color: #4286c7;
}

a:active, a:focus {
  color: #4286c7;
}

html {
  background: #fff;
  font-size: 12px;
}

html > body {
  font-size: 1rem;
  line-height: 1.5;
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #FFF;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  border: none;
  color: #333;
}

body {
  font-size: 1.5rem;
}

@media screen and (min-width: 400px) {
  html {
    font-size: 14px;
  }
}

@media screen and (min-width: 640px) {
  html {
    font-size: 16px;
  }
}

/*----------------------------------------
共通cssとpc用css
----------------------------------------*/
figure {
  margin: 0;
}

.l-wrapper * {
  box-sizing: border-box;
}

.l-wrapper {
  width: 100%;
  min-width: 984px;
  color: #333;
}

.l-header {
  height: 560px;
  background: #fefbec url(../img/inquiry_title_bg_pc.png) no-repeat center top;
  margin-bottom: 70px;
}

.l-main {
  padding-bottom: 130px;
}

img {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*ロゴ*/
.l-smallheader {
  display: table;
  margin: 0 auto;
  width: 984px;
  height: 86px;
  padding: 0 1rem;
  font-size: 0;
}

.logo,
.mapionTop {
  display: table-cell;
  font-size: 12px;
  vertical-align: middle;
}

.logo .logo-main {
  display: inline-block;
  width: auto;
  height: 50px;
}

.logo .logo-sub {
  display: inline-block;
  height: auto;
  margin-left: 2rem;
}

.mapionTop {
  text-align: right;
  font-size: 1rem;
}

.mapionTop a {
  display: inline-block;
  padding: 0.3rem 0.5rem;
  border-radius: 4px;
  border: solid 1px #97b7d5;
  line-height: 1em;
  filter: alpha(opacity=60);
  opacity: 0.6;
  font-size: 0.85rem;
}

/*メインイメージ*/
.l-mainvisual {
  width: 984px;
  height: 560px;
  margin: 0 auto;
  position: relative;
}

.l-mainvisual .main-title {
  padding: 40px 0 0 20px;
}

.l-mainvisual .inquiry {
  padding: 0;
  position: absolute;
  left: 20px;
  top: 375px;
}

/*本文*/
.l-section {
  width: 984px;
  padding: 0 60px;
  margin: 0 auto;
}

.l-section .ttl {
  padding-bottom: 50px;
  color: #4286c7;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  letter-spacing: -0.01em;
  text-indent: 0.01em;
}

.l-section p {
  font-size: 1rem;
  line-height: 2;
}

.l-section p + p {
  margin-top: 1rem;
}

.l-section figure {
  width: 100%;
  margin-top: 40px;
}

.l-section figure img {
  display: inline-block;
}

.l-section + .l-section {
  margin-top: 100px;
}

.l-section.about .about-img01 {
  width: 388px;
  height: auto;
  vertical-align: bottom;
}

.l-section.about .about-arrow {
  width: 48px;
  height: 48px;
  margin: 13px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.l-section.about .about-img02 {
  width: 390px;
  height: auto;
}

.l-section.scheme figure {
  overflow: hidden;
}

.l-section.scheme .scheme-img01 {
  width: 468px;
  height: auto;
}

.l-section.scheme .scheme-img02 {
  width: 390px;
  height: auto;
}

.l-section.language .ttl > span {
  display: inline-block;
  vertical-align: middle;
}

.l-wrapper.pc .language .section-icon-new.is-pc {
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: middle;
}

.l-main > div:last-child.inquiry {
  padding: 0;
  margin: 120px auto 0;
}

.l-main > div:last-child.inquiry a {
  width: 640px;
  height: 86px;
  padding: 31px 0;
}


.footer .is-pc {
  display: none;
}

.footer .is-sp {
  display: block;
}

.footer {
  margin: 0;
  padding: 60px 0 60px;
  background: #4086c7;
  text-align: center;
}

.footer-wrap {
  max-width: 980px;
  margin: 0 auto;
}

.footer-nav {
  margin: 0 0 0.7rem;
  color: #fff;
  text-align: center;
  font-size: 13px;
}

.footer-nav a,.footer-nav a:visited {
  padding: 0 0.3rem;
  color: #fff;
  text-decoration: none;
}

.footer-nav a:hover {
  padding: 0 0.3rem;
  color: #fff;
  text-decoration: underline;
}

.footer-list{margin:0;padding:0 0 0.8rem;}
.footer-list li{display:inline-block;padding:0 0.5rem;border-right:1px solid #2d6eaf;}
.footer-list li:last-child{border:none;}
.footer-list a,
.footer-list a:hover,
.footer-list a:visited{display:block;color:#FFF;font-size:13px;}
.footer-copy{margin:0.8rem 0 0;padding:0;font-size:10px;color:#80b5e6;}

.footer-nav-wrap .is-sp + .copyright .copy-mark {
    font-family: Verdana, Roboto , "Droid Sans" ,sans-serif;
}

.l-wrapper.sp .copyright {
  margin: 0.8rem 0 0;
  padding: 0;
  font-size: 10px;
  color: #80b5e6;
}

/*お問い合わせボタン*/
.inquiry {
  padding: 1.5rem 0;
  text-align: center;
}

.inquiry a {
  display: inline-block;
  width: 500px;
  padding: 21px 0;
  font-size: 1.5rem;
  line-height: 24px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  border: solid 2px #fff;
  background: linear-gradient(to top, #008bd9 0%, #008bd9 49%, #1698de 52%, #2ba5e2 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.55);
}

.inquiry a:hover {
  background: linear-gradient(to top, #2ba5e2 0%, #2ba5e2 49%, #3eafe6 52%, #4eb9e9 100%);
}

.inquiry a > span {
  display: inline-block;
  padding-right: 33px;
  line-height: 1.1;
  text-align: left;
  background: url(../img/icn_arrow_blue.svg) no-repeat center right;
  background-size: 20px auto;
}

@media all and (-ms-high-contrast: none) {
  .inquiry a > span {
    padding-top: 2px;
  }
}

.block {
  display: block;
}

.inineBlock {
  display: inline-block;
}

.indent {
  margin-left: 1em;
}

.l-wrapper.pc .is-sp {
  display: none;
}

.l-wrapper.pc .is-pc {
  display: block;
}

/*----------------------------------------
sp用css
----------------------------------------*/
.l-wrapper.sp {
  width: 100%;
  min-width: auto;
}

.l-wrapper.sp .l-header {
  height: auto;
  background: none;
  margin-bottom: 5rem;
}

.l-wrapper.sp .l-main {
  padding-bottom: 6.6rem;
}
  /*ロゴ*/
.l-wrapper.sp .l-smallheader {
  width: 100%;
  height: 4.6rem;
}

.l-wrapper.sp .l-smallheader .logo .logo-main {
  height: 2.3rem;
}

.l-wrapper.sp .l-smallheader .logo-sub {
  display: none;
}
  /*メインイメージ*/
.l-wrapper.sp .l-mainvisual {
  width: 100%;
  height: auto;
  background: none;
}

.l-wrapper.sp .l-mainvisual .main-title {
  width: 100%;
  height: auto;
  padding: 0;
}

.l-wrapper.sp .l-mainvisual .h1-title-sp {
  width: 100%;
  background: #fefbec;
}

.l-wrapper.sp .l-mainvisual .h1-title-sp img {
  width: 100%;
  max-width: 768px;
  height: auto;
  margin: 0 auto;
}

.l-wrapper.sp .l-mainvisual .main-title-catch {
  width: 100%;
  max-width: 768px;
  height: auto;
  margin: 0 auto;
}

.l-wrapper.sp .l-mainvisual .inquiry {
  position: static;
}
  /*本文*/
.l-wrapper.sp .l-section {
  width: 100%;
  padding: 0 1rem;
}

.l-wrapper.sp .l-section .ttl {
  margin: 0 -1rem 3rem;
  padding: 1.5rem;
  color: #4286c7;
  background: #d9e7f4;
  font-size: 1.33rem;
}

.l-wrapper.sp .l-section .ttl-sub {
  font-size: 0.75em;
}

.l-wrapper.sp .l-section p {
  max-width: 768px;
  line-height: 1.5;
}

.l-wrapper.sp .l-section figure {
  max-width: 768px;
  margin: 2rem auto 0;
}

.l-wrapper.sp .l-section + .l-section {
  margin-top: 5rem;
}

.l-wrapper.sp .l-section.about .about-arrow {
  width: 40px;
  height: 40px;
  margin: 1rem auto 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.l-wrapper.sp .l-section.about figure img {
  width: 100%;
  height: auto;
  display: block;
}

.l-wrapper.sp .l-section.scheme figure img {
  width: 100%;
  height: auto;
  display: block;
}

.l-wrapper.sp .l-section.scheme .scheme-img02 {
  margin-top: 1rem;
}

.l-wrapper.sp .l-section + .l-section {
  margin-top: 100px;
}

.l-wrapper.sp .language .section-icon-new.is-sp {
  display: inline-block;
  width: 12.5%;
  max-width: 90px;
  height: auto;
  margin: 0 5% 0 0;
  vertical-align: middle;
}

.l-wrapper.sp .inquiry {
  width: 100%;
  padding: 0 1rem;
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
}

.l-wrapper.sp .inquiry a {
  width: 100%;
  max-width: 768px;
  padding: 1rem 0;
  font-size: 1.33rem;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  border-radius: 8px;
}

.l-wrapper.sp .inquiry a > span {
  padding-right: 3.75rem;
  background: url(../img/icn_arrow_blue.svg) no-repeat center right;
  background-size: 2rem auto;
}

.l-wrapper.sp .l-main > div:last-child.inquiry {
  margin-top: 6.5rem;
  padding: 0 1rem;
  position: static;
}

.l-wrapper.sp .l-main > div:last-child.inquiry a {
  width: 100%;
  max-width: 768px;
  height: auto;
  padding: 1rem 0;
}

.l-wrapper.sp .is-sp {
  display: block;
}

.l-wrapper.sp .is-pc {
  display: none;
}

.l-wrapper.sp .sp-block {
  display: block;
}

/*pcフッター*/
.l-wrapper.pc .copyright {
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: center;
  font-size: 13px;
}