@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

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

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

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* Normalization */
:root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; text-size-adjust: 100%; }

audio:not([controls]) { display: none; }

details { display: block; }

input[type="number"] { width: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

summary { display: block; }

pre { white-space: pre-wrap;}

progress { display: inline-block; }

small { font-size: 75%; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

[unselectable] { -webkit-user-select: none; -ms-user-select: none; user-select: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { margin: 0; padding: 0; }

:root { box-sizing: border-box; cursor: default; font: 16px / 1.5 sans-serif; text-rendering: optimizeLegibility; }

html { background-color: #FFFFFF; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

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

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

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

textarea { resize: vertical; }

::selection { background-color: #B3D4FC; text-shadow: none; }

@media screen { [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

/*
#styleguide
基本スタイル

```
<p>特に何も指定しないときの状態</p>
```
*/

body {
  font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.subsidy-fv-inner {
  padding: 1.2vw 0 0;
}

.subsidy-fv-head {
  display: flex;
  justify-content: space-between;
  padding: 0 16.66666vw;
}

.subsidy-fv-head-title {
  display: block;
}

.subsidy-fv-head h1 {
  display: inline;
}

.subsidy-logo {
  width: 3.56vw;
  height: auto;
}

.subsidy-logo-text {
  width: 16.8vw;
  height: auto;
  margin-left: 0.6vw;
}

.subsidy-head-logo {
  width: auto;
  height: 3.46666vw;
  margin-left: 0.6vw;
}

.subsidy-fv-head-box {
  box-sizing: border-box;
  width: 25vw;
  height: auto;
  border-radius: 50px;
  background-color: #FFFFFF;
  border: solid 1px #002a80;
}

.subsidy-fv-head-box a {
  display: block;
  font-size: 1.2vw;
  line-height: 3.7vw;
  color:  #002a80;
  text-align: center;
  position: relative;
  font-weight: bold;
}

.subsidy-fv-head-box a::after {
  content: '›';
  width: 1vw;
  height: 2vw;
  font-size: 1.8vw;
  text-align: center;
  line-height: 1.8vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5vw;
  font-weight: bold;
}

.subsidy-fv-links {
  margin-top: 1.26vw;
  padding: 1.44vw 23.64vw;
  background-color: #002a80;
  display: flex;
  justify-content: space-between;
}

.subsidy-fv-links a {
  color: #FFFFFF;
  font-size: 1.2vw;
  position: relative;
  font-weight: bold;
}

.subsidy-fv-links a::after {
  content: '›';
  width: 1.6vw;
  height: 1.6vw;
  font-size: 2vw;
  text-align: center;
  line-height: 1.6vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)rotate(90deg);
  right: -2vw;
  color: #25b5e0;
  font-weight: bold;
}

.subsidy-fv-main {
  display: flex;
  justify-content: space-between;
  padding: 4.5vw 16.66666vw;
  background-image: url('../images/subsidy/fv.jpg');
  background-size: cover;
}

.subsidy-fv-main-inner {
  padding: 4.66666vw 3.333333vw 3.3333333vw;
  background-color: #ffffffaf;
}

.subsidy-fv-main-inner>p {
  font-size: 2.8vw;
  letter-spacing: 1.25px;
  text-align: center;
  color: #000000;
  font-weight: bold;
  line-height: 1.3;
}

.subsidy-fv-main-inner>p span {
  color: #2381bf;
}

.subsidy-fv-box {
  display: flex;
  justify-content: space-between;
  margin-top: 3.866666vw;
}

.subsidy-fv-box-content {
  width: 26.6vw;
}

.subsidy-fv-box-cta {
  display: block;
  background-color: #007dec;
  text-align: center;
  font-size: 1.666666vw;
  padding: 1.52vw 1.52vw 1.52vw 0;
  height: 7.6vw;
  color: #ffffff;
  line-height: 1.2;
  position: relative;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 0.4vw solid #035589;
}

.subsidy-fv-box-cta::after {
  content: '›';
  font-weight: lighter;
  width: 3.2vw;
  height: 3.2vw;
  font-size: 3.2vw;
  text-align: center;
  line-height: 3.2vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.2vw;
  font-weight: bold;
}

.subsidy-fv-box-text {
  margin-top: 1.14vw;
  font-size: 1.06666vw;
  color: #000000;
  text-align: center;
  font-weight: bold;
}

.subsidy-main {
  padding: 9.58vw 16.66666vw 8.64vw;
  overflow-y: hidden;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}

.subsidy-main::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

.subsidy-system {
  background-color: #f9f8f8;
}

.subsidy-quote {
  background-color: #dce9ec;
}

.subsidy-main-inner {
  overflow-x: hidden;
}

.subsidy-main-inner h2 {
  font-size: 2vw;
  letter-spacing: 1.5px;
  font-weight: bold;
  text-align: center;
  color: #1d56b4;
  position: relative;
}

.subsidy-main-inner h2::before {
  content: '';
  width: 20%;
  height: 1.6px;
  background-color: #cccccc;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.subsidy-main-inner h2::after {
  content: '';
  width: 20%;
  height: 1.6px;
  background-color: #cccccc;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.subsidy-main-system {
  margin-top: 5.88vw;
  padding: 3.7vw 7.18vw 4vw;
  background-color: #ffffff;
  border: solid 8px #e9e9e9;
}

.subsidy-main-images {
  display: flex;
  justify-content: space-between;
}

.subsidy-main-images img {
  width: 24.6vw;
  height: 100%;
}

.subsidy-main-text {
  margin-top: 2vw;
  font-size: 1.2vw;
  line-height: 1.67;
}

.subsidy-main-annotation {
  font-size: 0.93333vw;
  margin-top: 1vw;
  color: #666666;
}

.subsidy-main-cta {
  display: block;
  margin: 3.72vw auto 0;
  width: 49.6vw;
  padding: 3.4vw 0;
  background-color: #007dec;
  font-size: 1.86666vw;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  position: relative;
  font-weight: bold;
}

.subsidy-main-cta::after {
  content: '›';
  font-weight: lighter;
  width: 3.2vw;
  height: 3.2vw;
  font-size: 3.2vw;
  text-align: center;
  line-height: 3.2vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.2vw;
  font-weight: bold;
}

.subsidy-main-cta-bottom {
  margin-top: 1.6vw;
  font-size: 1.33333vw;
  text-align: center;
  color: #000000;
  font-weight: 500;
}

.subsidy-main-resolve {
  margin-top: 5.88vw;
  display: flex;
  justify-content: space-between;
}

.subsidy-main-resolve-box {
  width: 21vw;
  border: solid 3px #cccccc;
  padding: 3.2vw 0.5vw 0.5vw;
}

.subsidy-main-resolve-box h3 {
  font-size: 1.6vw;
  text-align: center;
  line-height: 1.5;
  height: 7vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.subsidy-main-resolve-box h3 .under-line {
  background:linear-gradient(transparent 50%, #fff600 0%);
}

.subsidy-main-resolve-box-images {
  margin-top: 1vw;
  height: 11vw;
  text-align: center;

}

.subsidy-icon1 {
  width: 48.571428%;
  height: auto;
}

.subsidy-icon2 {
  width: 51.428571%;
  height: auto;
  margin-top: 3vw;
}

.subsidy-icon3 {
  width: 17.142857%;
  height: auto;
  margin-top: 2vw;
}

.subsidy-icon4 {
  width: 30%;
  height: auto;
}

.subsidy-icon5 {
  width: 30.476190%;
  height: auto;
}

.subsidy-main-resolve-box p {
  font-size: 1.2vw;
  color: #666666;
  line-height: 1.44;
  font-weight: 300;
}

.subsidy-quote-text {
  margin-top: 4.88vw;
  font-size: 2.666666vw;
  text-align: center;
  color: #000000;
  font-weight: bold;
}

.quote {
  margin: 6vw auto 0;
  width: 49.6vw;
}

.quote-second {
  display: none;
}

.quote-box {
  margin-top: 2vw;
}

.quote-box label {
  font-size: 1.3333vw;
  color: #666666;
  font-weight: bold;
}

.quote-box label span {
  font-size: 1.06666vw;
  color: #ff0000;
  margin-left: 1vw;
}

.quote-box input[type="text"], .quote-box input[type="email"], .quote-box input[type="tel"],.quote-box select {
  box-sizing: border-box;
  width: 100%;
  height: 3.6vw;
  padding: 0 10px;
  background-color: #ffffff;
  font-size: 1.3333vw;
  margin-top: 0.5vw;
}

.quote-submit {
  margin-top: 4.4vw;
  text-align: center;
  font-weight: bold;
}

.quote-submit span {
  position: relative;
  width: 0!important;
  height: 0!important;
}

.quote-submit span::after {
  content: '';
  background-image: url('../images/subsidy/arrow.png');
  background-size: cover;
  width: 0.8vw;
  height: 1.4vw;
  position: absolute;
  top: -1vw;
  right: 4vw;
  color: #FFFFFF;
  font-weight: bold;
  visibility: initial;
}

.quote-submit input[type="submit"] {
  -webkit-appearance: none;
  font-size: 1.86666vw;
  background-color: #7eba09;
  border-radius: 50px;
  padding: 2.4vw 10vw;
  color: #ffffff;
}

.wpcf7-validation-errors {
  display: none!important;
}

.wpcf7-not-valid-tip {
  margin-top: 10px;
}


.subsidy-bottom {
  padding: 0.5vw 16.666666vw;
  display: flex;
  justify-content: space-between;
}

.subsidy-bottom-left {
  display: block;
}

.subsidy-bottom-right {
  font-size: 1.066666vw;
  color: #000000;
  line-height: 3.466666vw;
}

.subsidy-cta {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.subsidy-cta img {
  width: 40px;
  margin-top: 20px;
}

.sp {
  display: none;
}


/* お問い合わせ */

.subsidy-contact-head {
  padding: 1.2vw 16.66666vw;
}

.subsidy-contact-head-title {
  display: flex;
  align-items: center;
}

.subsidy-contact {
  background-color: #dce9ec;
  padding: 3.26vw 16.6666vw 12vw;
  position: relative;
}

.subsidy-contact-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.subsidy-contact-text {
  font-size: 1.8vw;
  text-align: center;
  line-height: 1.87;
  letter-spacing: 2.42px;
  color: #4d4d4d;
  margin-top: 1.86vw;
  font-weight: bold;
}

.subsidy-contact-annotation {
  font-size: 1.68vw;
  text-align: center;
  letter-spacing: 2.04px;
  color: #4d4d4d;
  margin-top: 1.2vw;
  font-size: 300;
  font-weight: bold;
}

.quote-box textarea {
  width: 100%;
  height: 16.8vw;
  font-size: 1.3333vw;
  background-color: #ffffff;
  padding: 10px;
  margin-top: 0.5vw;
}

/* サンクスページ */

.subsidy-thanks {
  box-sizing: border-box;
  background-color: #dce9ec;
  padding: 3.26vw 16.6666vw 12vw;
  min-height: calc(100vh - 10.333333333vw);
}

.subsidy-thanks p {
  font-size: 1.8vw;
  text-align: center;
  line-height: 1.87;
  letter-spacing: 2.42px;
  color: #4d4d4d;
  margin-top: 1.86vw;
  font-weight: bold;
}

@media screen and (max-width: 500px) {
  .subsidy-fv-head {
    padding: 0 6vw;
  }

  .subsidy-head-logo {
    height: 6vw;
  }

  .subsidy-fv-head-box {
    width: 34vw;
  }

  .subsidy-fv-head-box a {
    line-height: 6.3vw;
    font-size: 1.8vw;
  }

  .subsidy-fv-head-box a::after {
    width: 2vw;
    height: 3vw;
    font-size: 3vw;
    line-height: 2.7vw;
    right: 1vw;
  }

  .subsidy-fv-links {
    padding: 2vw 15vw;
  }

  .subsidy-fv-links a {
    font-size: 2vw;
  }

  .subsidy-fv-main {
    padding: 6vw;
  }

  .subsidy-fv-main-inner {
    padding: 4vw 3vw;
  }

  .subsidy-fv-main-inner>p {
    font-size: 3.8vw;
  }

  .subsidy-fv-box {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
  }

  .subsidy-fv-box-content {
    width: 60vw;
    margin-top: 5vw;
  }


  .subsidy-fv-box-cta  {
    font-size: 3.2vw;
    height: 14vw;
  }

  .subsidy-fv-box-text {
    font-size: 2.8vw;
    margin-top: 3vw;
  }

  .subsidy-main {
    padding: 9.58vw 6vw 8.64vw;
  }
  
  .subsidy-main-inner h2 {
    font-size: 3.6vw;
  }

  .subsidy-main-inner h2::before, .subsidy-main-inner h2::after {
    width: 12%;
  }

  .subsidy-main-cta {
    font-size: 3vw;
    width: 60vw;
  }

  .subsidy-main-cta-bottom {
    font-size: 2vw;
  }

  .subsidy-main-system {
    padding: 3.7vw 4vw;
  }

  .subsidy-main-images img {
    width: 48%;
  }

  .subsidy-main-text {
    font-size: 3vw;
  }

  .subsidy-main-annotation {
    font-size: 2vw;
  }

  .subsidy-main-resolve {
    flex-wrap: wrap;
  }
  
  .subsidy-main-resolve-box {
    width: 100%;
    margin-top: 3vw;
    padding: 4vw 2vw 2vw;
  }

  .subsidy-main-resolve-box h3 {
    font-size: 4vw;
    height: initial;
  }
  
  .subsidy-main-resolve-box-images {
    margin-top: 1vw;
    height: initial;
  
  }

  .subsidy-main-resolve-box p {
    margin-top: 3vw;
    font-size: 3vw;
  }

  .subsidy-quote-text {
    font-size: 3vw;
  }

  .quote {
    width: 70vw;
    margin: 10vw auto 0;
  }

  .quote-box label {
    font-size: 3vw;
  }

  .quote-box input[type="text"], .quote-box input[type="email"], .quote-box input[type="tel"], .quote-box textarea  {
    font-size: 3vw;
    margin-top: 2vw;
    height: initial;
  }

  .quote-submit input[type="submit"] {
    font-size: 3vw;
  }

  .quote-submit span::after {
    top: -0.5vw;
  }

  .subsidy-bottom {
    padding: 0.5vw 6vw;
    margin-bottom: 9vw;
  }

  .subsidy-bottom-right {
    font-size: 2vw;
    line-height: 6vw;
  }

  .subsidy-contact-head {
    padding: 1.2vw 6vw;
  }

  .subsidy-contact-text {
    font-size: 2.4vw;
    margin-top: 4vw;
  }

  .subsidy-contact-annotation {
    font-size: 2vw;
    margin-top: 2vw;
  }

  .subsidy-contact {
    padding: 12vw 6vw 16vw;
  }

  .subsidy-cta {
    justify-content: space-between;
    flex-direction: row;
    top: initial;
    bottom: 0;
    left: 0;
    transform: translateY(0);
  }

  .subsidy-cta img {
    margin: 0;
    width: 100%;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .subsidy-thanks {
    box-sizing: border-box;
    background-color: #dce9ec;
    padding: 16vw 10vw 12vw;
    min-height: calc(100vh - 24.4vw);
  }
  
  .subsidy-thanks p {
    font-size: 4vw;
    text-align: center;
    line-height: 1.87;
    letter-spacing: 2.42px;
    color: #4d4d4d;
    margin-top: 1.86vw;
    font-weight: bold;
  }
}