@charset "UTF-8";
/*!
 * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.d-block {
  display: block !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.w-auto {
  width: 100%;
  max-width: 1200px;
}
.bottom_space {
  margin-bottom: 5em;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
#services .icon-box {
  padding: 20px 15px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.2);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  text-align: center;
  z-index: 1;
  width: 280px;
  height: 330px;
  margin: 5px;
}

#services .icon-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: ease-in-out 0.3s;
  z-index: -1;
}

#services .icon-box:hover::before {
  background: #20c997;
  height: 100%;
  border-radius: 0px;
}

#services .icon {
  margin: 0 auto 30px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #20c997;
  transition: all 0.3s ease-in-out;
}

#services .icon i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
}

#services .align-items-stretch {
  align-items: stretch !important;
}

#services .d-flex {
  display: flex !important;
}

#services .mb-md-0 {
  margin-bottom: 50px !important;
}

#services .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}

#services .title a {
  color: #111;
}

.description-cn {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
}

#services .description {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0;
  text-align: left;
}

#services .icon-box:hover .title a, .services .icon-box:hover .description  {
  color: #fff;
}

#services .icon-box:hover .icon {
  background: #fff;
}

#services .icon-box:hover .icon i {
  color: #20c997;
}

@media (max-width: 768px) {
  .services .icon-box::before {
    bottom: 60%;
  }
}
#services .main-title {
  font-size: 28px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 50%;
  font-family: sans-serif;
  font-weight: bold;
  background-image: linear-gradient( to right,#3ac9fe, #014f78 );
  padding: 10px;
  text-align: center;
  text-shadow    : 
  2px  2px 1px #003366,
 -2px  2px 1px #003366,
  2px -2px 1px #003366,
 -2px -2px 1px #003366,
  2px  0px 1px #003366,
  0px  2px 1px #003366,
 -2px  0px 1px #003366,
  0px -2px 1px #003366;        /* 文字の影 */
}

#services .sub-title {
  font-size: 28px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #2f46a8;
  font-family: sans-serif;
  text-shadow: 0 15px 20px rgb(36 54 122 / 20%);
  font-weight: bold;
}

#services .feature{
  border-radius: 20px;
  box-shadow: 0 20px 40px rgb(6 46 196 / 20%);
  height: auto;
  width: auto;
  max-width: 100%;
  margin-bottom: 40px;
  position: relative;
  background: #FFF;
}

#services ul {
  padding-top:5px;
  padding-left:0px;
  padding-bottom:0px;
}

#services li {
  padding:3px;
} 
/*--------------------------------------------------------------
# info
--------------------------------------------------------------*/
#info .sub-title {
  font-size: 26px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 20px;
	color: #2f46a8;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  text-align:center;
}

#info .c-btn {
  display: inline-block;
  padding: .6em 2.5em .6em 2em;
  margin: 0 0 1em;
  background: #2f46a8;
  border: 2px solid #2f46a8;
  border-radius: 30px;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
}

#info .c-btn::after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: .4em;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}
#info .c-btn:hover {
  background-color: #fff;
	color: #2f46a8;
}

#info .FAQ {
	width: 100%;
	font-size: 16px; /*全体のフォントサイズ*/
}
#info .FAQ h3 {
	font-size: 26px;
	margin-top: 32px;
  text-align: center;
  font-weight: bold;
}
#info .FAQ dl {
	border: 1px solid #ccc;
}
#info .FAQ dt {
font-weight: bold;
	color: #111;
	background: #f4f4f4; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#info .FAQ dt:first-child {
	border-top: none;
}
#info .FAQ dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#info .FAQ dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
  color: #2f46a8;
}
#info .FAQ dd:first-line {
}
#info .FAQ dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}
/*--------------------------------------------------------------
# inquiry
--------------------------------------------------------------*/
#inquiry .inquiry-inner {
  display: flex;
  flex-direction: column;
  padding: 23px 20px;
  color: #333;
  text-decoration: none;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
}

#inquiry .inquiry-inner ul {
  list-style: none;
  padding-top:5px;
  padding-left:0px;
  padding-bottom:0px;
}

#inquiry .inquiry-inner li {
  padding:3px;
}

#inquiry .container ul {
  padding-top:5px;
  padding-left:0px;
  padding-bottom:0px;
}

#inquiry .container li {
  font-size: 15px;
  padding:3px;
}

#inquiry .c-btn {
  display: inline-block;
  padding: .6em 2.5em .6em 2em;
  margin: 0 0 1em;
  background: #2f46a8;
  border: 2px solid #2f46a8;
  border-radius: 30px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
}
#inquiry  .c-btn::after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: .4em;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}
#inquiry  .c-btn:hover {
  background-color: #fff;
	color: #2f46a8;
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.section-bg {
  background: linear-gradient(180deg, #f2f6f9 0%, #fff 100%);
}

.section-title {
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
  color: #345676;
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #20c997;
  bottom: 0;
  left: 0;
}

.section-title p {
  margin-bottom: 0;
}


/*# sourceMappingURL=bootstrap.css.map */