@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: bold; }

.btn-xl {
  text-transform: uppercase;
  padding: 1.5rem 3rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1rem; }

.bg-black {
  background-color: #000 !important; }

.rounded-pill {
  border-radius: 5rem; }

.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(108px + 10vh);
  padding-bottom: calc(14vh);
  background-color: #E7EBF6;
  height: 100vh;
  margin-top: 0px;
  z-index: 2; }
  .masthead .masthead-content img {
    max-height: 100%; }

@media (min-width: 768px) {
  .masthead {
    padding-top: calc(6rem + 72px);
    padding-bottom: 4rem;
    margin-top: -100px; }
    .masthead .masthead-content img {
      max-height: 100%; } }

.masthead {
  background: url("../img/img_masthead_bg_pc.png") no-repeat left center;
  background-position: top center;
  background-size: cover; }

.sp-disp {
  display: block; }

.pc-disp {
  display: none; }

@media (min-width: 768px) {
  .sp-disp {
    display: none; }
  .pc-disp {
    display: block; } }

.row-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.display-1 {
  font-size: 5.2rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 4.8rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
  color: #fff; }

.display-5 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
  color: #07599D; }

.display-6 {
  font-weight: 700;
  color: #707070;
  margin-bottom: 0.4rem; }

p {
  font-size: 1rem;
  line-height: 1.8; }

@media (min-width: 768px) {
  p {
    font-weight: 400;
    line-height: 1.8; } }

.navbar-brand {
  background: url("../img/logo-pise.png") no-repeat left center;
  background-size: contain;
  height: 64px;
  width: 100px;
  max-width: 40vw; }

@media (min-width: 768px) {
  .navbar-brand {
    background: url("../img/logo-pise.png") no-repeat left center;
    background-size: contain;
    height: 49px;
    width: 300px;
    max-width: 50%; } }

.content-brand {
  background: url("../img/content-pise.png") no-repeat left center;
  background-size: contain;
  height: 64px;
  width: 378px;
  max-width: 100%; }

.navbar-txttitle h4 {
  font-style: italic;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-top: 1rem;
  margin-bottom: 1px; }

.navbar-txttitle h5 {
  color: #ccc;
  font-weight: 100;
  font-size: 11px; }

.content-txttitle h4 {
  font-style: italic;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  margin-top: 1rem;
  margin-bottom: 1px; }

.content-txttitle h5 {
  color: #ccc;
  font-weight: 100;
  font-size: 11px; }

/*------------------------------------------*/
.wrapper {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: #222; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Roboto", sans-serif; }

.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #fff;
  background-color: #2fa0f6;
  min-width: 120px;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  text-align: center; }
  .button svg {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    fill: #fff; }
  .button span {
    display: none; }
    @media (min-width: 768px) {
      .button span {
        display: initial; } }

.button--icon {
  min-width: initial;
  padding: 0.5rem; }

.brand {
  font-weight: bold;
  font-size: 20px; }

.site-header {
  position: fixed;
  width: 100%;
  background-color: rgba(0, 30, 90, 0.6);
  z-index: 3; }

@media (min-width: 768px) {
  .site-header {
    position: relative;
    background-color: rgba(0, 0, 0, 0); } }

.site-header__wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media (min-width: 768px) {
    .site-header__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 0;
      padding-bottom: 0; } }

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }

@media (min-width: 768px) {
  .nav__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (max-width: 767px) {
  .nav__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; }
    .nav__wrapper.active {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }

.nav__item {
  background-color: rgba(0, 30, 90, 0.6); }
  .nav__item a {
    color: #fff;
    display: block;
    padding: 1.5rem 1rem; }
    .nav__item a .menu-en {
      display: block;
      font-size: 1.4rem; }
    .nav__item a .menu-jp {
      display: block;
      margin-top: -2px;
      font-size: 0.8rem; }
    .nav__item a .telbanner {
      text-align: center; }
    @media (min-width: 768px) {
      .nav__item a .telbanner {
        text-align: center; } }
    .nav__item a img {
      height: 46px;
      width: auto; }
    .nav__item a p {
      border-top: 1px solid #fff;
      padding-top: 16px; }
    .nav__item a span {
      display: block;
      margin-top: -10px;
      font-size: 32px;
      font-weight: bold; }

@media (min-width: 768px) {
  .nav__item {
    background-color: rgba(0, 0, 0, 0); } }

@media (min-width: 768px) {
  .nav__item--end {
    margin-left: auto; } }

.nav__toggle {
  display: none;
  width: 70px;
  height: 70px;
  padding: 0;
  margin: 0;
  border: 0; }
  .nav__toggle img {
    max-width: 100%;
    max-height: 100%;
    border: 0; }
  @media (max-width: 767px) {
    .nav__toggle {
      display: block;
      position: absolute;
      right: 1rem;
      top: 1rem;
      background-color: rgba(255, 255, 255, 0); } }

button:focus {
  outline: 0px dotted;
  outline: 0px; }

/*------------------------------------------*/
.btn-primary {
  color: #fff;
  background-color: #07599D;
  border-color: #07599D; }

.btn-primary:hover {
  color: #fff;
  background-color: color-mod(var(#07599D) shade(15%));
  border-color: color-mod(var(#07599D) shade(15%)); }

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5); }

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #07599D;
  border-color: #07599D; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: color-mod(var(#07599D) shade(15%));
  border-color: color-mod(var(#07599D) shade(15%)); }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5); }

.bg-primary {
  background-color: #07599D !important; }

.btn-primary {
  background-color: #07599D;
  border-color: #07599D; }
  .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #053d6c !important;
    border-color: #053d6c !important; }
  .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(7, 89, 157, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(7, 89, 157, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #07599D;
  border-color: #07599D; }

.btn-secondary:hover {
  color: #fff;
  background-color: color-mod(var(#07599D) shade(15%));
  border-color: color-mod(var(#07599D) shade(15%)); }

.btn-secondary:focus, .btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5); }

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #07599D;
  border-color: #07599D; }

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: color-mod(var(#07599D) shade(15%));
  border-color: color-mod(var(#1389FD) shade(15%)); }

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5); }

.btn-third {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700; }

.btn-arrow {
  padding: 1.2rem 3rem 1rem; }

.btn-arrow::after {
  content: url("../img/arrows-right.png");
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 30%; }

.btn-arrow-min::after {
  content: url("../img/arrows-right-min.svg");
  font-weight: bold;
  position: absolute;
  width: 16px;
  height: 10px;
  right: 16px;
  top: 15%; }

.btn-third {
  color: #07599D;
  background: #C1A300;
  background: -moz-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE838), to(#C1A300));
  background: -webkit-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -o-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: linear-gradient(#FFE838 0%, #C1A300 100%);
  border-color: #C1A300; }

.btn-third:hover {
  color: #212529;
  background: #C1A300;
  background: -moz-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE838), to(#C1A300));
  background: -webkit-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -o-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: linear-gradient(#FFE838 0%, #C1A300 100%);
  border-color: #C1A300; }

.btn-third:focus, .btn-third.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5); }

.btn-third.disabled, .btn-third:disabled {
  color: #212529;
  background: #C1A300;
  background: -moz-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE838), to(#C1A300));
  background: -webkit-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -o-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: linear-gradient(#FFE838 0%, #C1A300 100%);
  border-color: #C1A300; }

.btn-third:not(:disabled):not(.disabled):active, .btn-third:not(:disabled):not(.disabled).active,
.show > .btn-third.dropdown-toggle {
  color: #212529;
  background: #C1A300;
  background: -moz-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE838), to(#C1A300));
  background: -webkit-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -o-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: linear-gradient(#FFE838 0%, #C1A300 100%);
  border-color: #C1A300; }

.btn-third:not(:disabled):not(.disabled):active:focus, .btn-third:not(:disabled):not(.disabled).active:focus,
.show > .btn-third.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5); }

.btn-four {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  width: 100%;
  text-align: center;
  margin-left: auto; }

@media (min-width: 768px) {
  .btn-four {
    width: 240px; } }

.btn-four {
  color: #07599D;
  background: #C1A300;
  background: -moz-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE838), to(#C1A300));
  background: -webkit-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -o-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: linear-gradient(#FFE838 0%, #C1A300 100%);
  border-color: #C1A300; }

.btn-four:hover {
  color: #212529;
  background: #C1A300;
  background: -moz-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE838), to(#C1A300));
  background: -webkit-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -o-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: linear-gradient(#FFE838 0%, #C1A300 100%);
  border-color: #C1A300; }

.btn-four:focus, .btn-four.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5); }

.btn-four.disabled, .btn-four:disabled {
  color: #212529;
  background: #C1A300;
  background: -moz-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE838), to(#C1A300));
  background: -webkit-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -o-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: linear-gradient(#FFE838 0%, #C1A300 100%);
  border-color: #C1A300; }

.btn-four:not(:disabled):not(.disabled):active, .btn-four:not(:disabled):not(.disabled).active,
.show > .btn-four.dropdown-toggle {
  color: #212529;
  background: #C1A300;
  background: -moz-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE838), to(#C1A300));
  background: -webkit-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: -o-linear-gradient(#FFE838 0%, #C1A300 100%);
  background: linear-gradient(#FFE838 0%, #C1A300 100%);
  border-color: #C1A300; }

.btn-four:not(:disabled):not(.disabled):active:focus, .btn-four:not(:disabled):not(.disabled).active:focus,
.show > .btn-four.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(43, 43, 43, 0.5); }

.bar1 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  border: 0;
  /*デフォルトデザインでは線がある場合があるので、消しておく。*/ }

.font-color-primary {
  color: #07599D; }

.font-color-secondary {
  color: #1389FD; }

.xsmall {
  font-size: 50%; }

.minw-1 {
  min-width: 1%; }

.border-bottom-1-gray-300 {
  border: 1px solid #dee2e6; }

.border-bottom-4-primay {
  position: relative; }

.border-bottom-4-primay::before {
  content: '';
  position: absolute;
  left: 4px;
  bottom: -16px;
  /*線の上下位置*/
  display: inline-block;
  width: 80px;
  /*線の長さ*/
  height: 4px;
  /*線の太さ*/
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  /*位置調整*/
  background-color: #fff;
  /*線の色*/ }

.border-bottom-5-primay {
  position: relative; }

.border-bottom-5-primay::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -24px;
  /*線の上下位置*/
  display: inline-block;
  width: 80px;
  /*線の長さ*/
  height: 4px;
  /*線の太さ*/
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  /*位置調整*/
  background-color: #07599D;
  /*線の色*/ }

.privacy-textarea {
  height: 160px;
  overflow-y: scroll; }
  .privacy-textarea p {
    padding: 1rem;
    font-size: 14px;
    line-height: 1.5; }

@media (min-width: 768px) {
  .border-bottom-5-primay::before {
    width: 80px;
    /*線の長さ*/ } }

.border-bottom-2-secondary {
  border-bottom: 2px solid #1389FD; }

.mt-50 {
  margin-top: 5rem; }

.mt-100 {
  margin-top: 10rem; }

.mb-30 {
  margin-bottom: 3rem; }

.background-content00 {
  background-color: #00325A; }
  .background-content00 h4 {
    padding: 0;
    margin-top: 10px; }

.background-content01 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.background-content02 {
  background-color: #F8F9FA; }
  .background-content02 .card {
    margin-top: 10px;
    padding-top: 4rem;
    padding-bottom: 1rem;
    max-width: 100%;
    min-width: 1%; }
    .background-content02 .card .card-img-top {
      max-width: 160px; }
    .background-content02 .card h4 {
      font-size: 24px;
      font-weight: 700;
      text-align: center;
      color: #1389FD;
      margin-top: 2rem;
      margin-bottom: 1.5rem; }
    .background-content02 .card p {
      min-width: 1px;
      padding-left: 1rem;
      padding-right: 1rem; }
    @media (min-width: 768px) {
      .background-content02 .card p {
        padding-left: 2rem;
        padding-right: 2rem; } }

.ribbon8 {
  display: inline-block;
  position: relative;
  padding: 7px 20px;
  font-size: 20px;
  /*フォントサイズ*/
  color: #FFF;
  /*フォントカラー*/
  background: #07599D;
  /*背景色*/
  border: 1px solid #07599D;
  border-radius: 4px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%); }

.ribbon8:before {
  position: absolute;
  content: '';
  top: 0;
  left: -16px;
  border: none;
  border-top: solid 20px transparent;
  border-right: solid 16px #003C6E;
  /*折り返し部分*/ }

.ribbon8:after {
  position: absolute;
  content: '';
  top: 0;
  right: -16px;
  border: none;
  border-top: solid 20px transparent;
  border-left: solid 16px #003C6E;
  /*折り返し部分*/ }

.background-content03,
.background-content04,
.background-content05,
.background-content06 {
  background-color: #00325A;
  color: #fff; }

.background-content04 .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem 1rem; }
  .background-content04 .card img {
    min-width: 1%;
    min-height: 1%; }

.background-contact {
  background-color: #F8F9FA;
  padding: 2rem 1rem; }

.pisecon_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.masthead-heading {
  text-shadow: 0px 0px 2px #ffffff,0px 0px 5px #ffffff,0px 0px 5px #ffffff; }

.title-square-bg {
  position: relative; }
  .title-square-bg h4 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #FFE838;
    margin-top: 2rem;
    margin-bottom: 1.5rem; }

.title-square-bg2 {
  position: relative; }
  .title-square-bg2 h4 {
    font-size: 20px;
    font-weight: 700;
    color: #FFE838;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }

.background-content05 .card {
  width: 100%;
  margin-top: 10px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding: 2rem 1rem;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .background-content05 .card img {
    min-width: 1px;
    min-height: 1px;
    max-width: 90%; }

@media (min-width: 768px) {
  .background-content05 .card {
    background: rgba(255, 255, 255, 0);
    border: 1px solid #fff; } }

.background-content06 .card {
  margin-top: 10px;
  padding: 0.4rem;
  background: rgba(230, 230, 230, 0.2) 0% 0% no-repeat;
  min-width: 1px; }

.background-content06 h4 {
  font-size: 20px;
  font-weight: 700;
  color: #FFE838;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.background-content07 .card {
  margin-top: 10px;
  padding: 0.4rem; }

.background-content07 h4 {
  font-size: 20px;
  font-weight: 700;
  color: #1389FD;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

footer {
  background: #fff; }
  footer .PermitNumbers {
    font-size: 0.8rem; }
  footer .privacypolicy_list {
    padding-left: 1rem;
    padding-top: 1rem;
    font-size: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-line-pack: start;
    align-content: start; }
    footer .privacypolicy_list ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      -ms-flex-line-pack: start;
      align-content: start; }
    footer .privacypolicy_list li {
      text-align: left;
      margin-right: 0;
      margin-bottom: 1rem; }
      footer .privacypolicy_list li:last-child {
        margin-right: 0; }
  @media (min-width: 768px) {
    footer .privacypolicy_list {
      font-size: 0.8rem;
      padding-left: 0rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      footer .privacypolicy_list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center; }
      footer .privacypolicy_list li {
        text-align: center;
        margin-right: 4rem; }
        footer .privacypolicy_list li:last-child {
          margin-right: 0; } }
  footer .copyright {
    padding: 1rem 0;
    background-color: #303C42;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }

/* ------------------------------------------------
 JsFlow 設定
------------------------------------------------*/
/* ----  フェードインパターン  ----*/
/* 基本のスタイル */
.flow_01.delighter {
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0; }

/* スタート時のスタイル */
.flow_01.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* 基本のスタイル */
.flow_02.delighter {
  -webkit-transition: all 1.4s ease-in-out;
  -o-transition: all 1.4s ease-in-out;
  transition: all 1.4s ease-in-out;
  opacity: 0; }

/* スタート時のスタイル */
.flow_02.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* ----  上スライド＆フェードインパターン  ----*/
/* 基本のスタイル */
.flow_step01.delighter {
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0; }

/* 基本のスタイル */
.flow_step02.delighter {
  -webkit-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0; }

/* 基本のスタイル */
.flow_step03.delighter {
  -webkit-transition: all 1.4s ease-in-out;
  -o-transition: all 1.4s ease-in-out;
  transition: all 1.4s ease-in-out;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0; }

/* 基本のスタイル */
.flow_step04.delighter {
  -webkit-transition: all 1.6s ease-in-out;
  -o-transition: all 1.6s ease-in-out;
  transition: all 1.6s ease-in-out;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0; }

/* 基本のスタイル */
.flow_step05.delighter {
  -webkit-transition: all 1.8s ease-in-out;
  -o-transition: all 1.8s ease-in-out;
  transition: all 1.8s ease-in-out;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0; }

/* 基本のスタイル */
.flow_step06.delighter {
  -webkit-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0; }

/* スタート時のスタイル */
.flow_step01.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* 基本のスタイル */
.flow_step02.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* 基本のスタイル */
.flow_step03.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* 基本のスタイル */
.flow_step04.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* 基本のスタイル */
.flow_step05.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* 基本のスタイル */
.flow_step06.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* ----  左右スライド＆フェードインパターン  ----*/
/* 基本のスタイル */
.flow_LR_05_ease-out.delighter {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  transform: translateX(-10%);
  opacity: 0; }

/* 基本のスタイル */
.flow_RL_05_ease-out.delighter {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translateX(10%);
  opacity: 0; }

/* スタート時のスタイル */
.flow_LR_05_ease-out.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

/* 基本のスタイル */
.flow_RL_05_ease-out.delighter.started {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1; }

.fa-3x {
  min-width: 3rem;
  text-align: center; }