@charset "UTF-8";
/*cssのリセット*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

span {
  display: inline-block;
}

nav ul {
  list-style: none;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

p {
  padding: 0;
  margin: 0 auto;
}

video {
  -o-object-fit: cover;
  object-fit: cover;
}

span {
  display: inline;
}

section {
  max-width: 1360px;
  margin: auto;
}

body {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", sans-serif;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  color: #3e4c5c;
  font-feature-settings: "palt";
  font-weight: 300;
  width: 100vw;
  min-width: 980px;
  overflow-x: hidden;
}

.fv {
  background-image: url(../img/1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 650px;
  background-position: top center;
  margin: 0;
}

.fv__logo {
  margin-left: 23.8820046853%;
  width: 9.205815298%;
  padding-top: 8%;
}

.fv__logo-text {
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: 0.46em;
  margin-left: 21.2161777658%;
  color: #231815;
}

.fv__text--3 {
  font-size: 39px;
  line-height: 1.75;
  letter-spacing: 0.18em;
  margin-left: 6.3841522351%;
  /* width:55.4248361433931%; */
  color: #3e4c5c;
  margin-top: 45.4501953125px;
}

.fv__text--5 {
  font-size: 15px;
  line-height: 1.7333333333;
  letter-spacing: 0.07em;
  padding-left: 2em;
  padding: 5px 2em 5px 6.15%;
  color: #ffffff;
  background-color: #4C87C7;
  margin-left: 0;
  margin-left: 0.0732064422%;
  width: 53.7335285505%;
  min-width: 720px;
  margin-top: 29.6669921875px;
}

.ttl {
  position: relative;
  text-align: center;
  margin-top: 96px;
  font-size: 24px;
  letter-spacing: 0.38em;
  color: #231815;
  font-weight: 900;
}

.ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  bottom: -20px;
  transform: translate(-50%, 0%);
  width: 436px;
  background: rgb(3, 110, 183);
  background: linear-gradient(45deg, rgb(3, 110, 183) 0%, rgb(44, 166, 224) 55%, rgba(44, 166, 224, 0) 100%);
  height: 3px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.right {
  text-align: right;
}

.blc {
  display: block;
}

.aboutus {
  position: relative;
  height: 700px;
}

.aboutus::before {
  content: "";
  background-image: url(../img/2.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 207px;
  width: 27%;
  height: 60%;
}

.aboutus::after {
  content: "";
  background-image: url(../img/3.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 149px;
  height: 587px;
}

.aboutus__text--0 {
  letter-spacing: 0.18em !important;
}

.aboutus__text--1 {
  font-size: 17px;
  line-height: 1.5294117647;
  letter-spacing: 0.07em;
  margin-left: 29.3203239385%;
  width: 48.4249176428%;
  color: #231815;
  padding-top: 20% 0 0 0;
  margin-top: 153px;
  text-align: justify;
  letter-spacing: 0.07em;
}

.aboutus__text--2 {
  position: absolute;
  top: 1562.9991126886%;
  left: 71.6417090389%;
  color: #231815;
  font-size: min(2.7327542766vw, 15.8499748043px);
  line-height: 1.5294117647;
  letter-spacing: 0.07em;
}

.philosophy {
  position: relative;
  height: 722px;
}

.philosophy::after {
  background-image: url(../img/4.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 196.6617270219px;
  width: 487px;
  height: 518px;
  bottom: 0;
  right: 0;
  content: "";
  position: absolute;
  z-index: -1;
}

.philosophy__wrap {
  width: calc(100% - 487px);
}

.philosophy__text--0 {
  font-size: 24px;
  letter-spacing: 0.38em;
  color: #231815;
}

.philosophy__text--1 {
  font-size: 21px;
  line-height: 1.2380952381;
  letter-spacing: 0.1em;
  margin-left: 3.7713113676%;
  margin-top: 109.5182348995px;
  /* width:53.3763969276171%; */
  color: #4c87c7;
  letter-spacing: 0.1em;
}

.philosophy__text--2 {
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0.09em;
  margin-left: 5.2994748375%;
  margin-top: 12px;
  /* width:47.4091635226902%; */
  color: #231815;
}

.philosophy__text--3 {
  font-size: 21px;
  line-height: 1.2380952381;
  letter-spacing: 0.1em;
  margin-left: 3.7713203039%;
  margin-top: 68.5104980469px;
  /* width:57.7220911162839%; */
  color: #4c87c7;
}

.philosophy__text--4 {
  /* width:494.874147324166%; */
  position: absolute;
  top: 1050.9239380791%;
  left: -407.7350232672%;
  color: #231815;
  font-size: min(9.812803379vw, 56.9142595985px);
  line-height: 1.5384615385;
  letter-spacing: 0.09em;
}

.philosophy__text--5 {
  position: absolute;
  top: 1404.896057802%;
  left: -423.4919043635%;
  color: #4c87c7;
  font-size: min(15.8514516123vw, 91.9384193514px);
  line-height: 1.2380952381;
  letter-spacing: 0.1em;
}

.philosophy__text--6 {
  /* width:494.119316295009%; */
  position: absolute;
  top: 1557.0430456736%;
  left: -407.7350232672%;
  color: #231815;
  font-size: min(9.812803379vw, 56.9142595985px);
  line-height: 1.5384615385;
  letter-spacing: 0.09em;
}

.group__img {
  margin-left: 6.5234160528%;
  width: 87.4244701112%;
  max-width: 1130px;
  margin-top: 74.326171875px;
}

/* セクション設定 */
.section1 {
  position: relative;
  margin-top: 130px;
}

.section__bg1::before {
  background-image: url(../img/11.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 422px;
  height: 354px;
  top: -30px;
  left: 0;
  content: "";
  position: absolute;
  z-index: -1;
}

.section3 {
  position: relative;
  padding-top: 100px;
}

.section3::after {
  background-repeat: no-repeat;
  background-size: contain;
  width: 422px;
  height: 354px;
  top: 80px;
  left: 0;
  content: "";
  position: absolute;
  z-index: -1;
}

.section__bg3::after {
  background-image: url(../img/7.jpg);
}

.section__bg5::after {
  background-image: url(../img/16.jpg);
}

.section__wrap {
  margin-left: 422px;
}

.section__wrap-2 {
  width: calc(100% - 422px);
}

.section1__text--0 {
  font-size: 24px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  text-align: center;
  color: #ffffff;
  background-color: #036eb7;
  margin-left: 28.2853396232%;
  width: 290px;
}

.section1__text--1 {
  font-size: 18px;
  line-height: 1.4444444444;
  letter-spacing: 0.03em;
  margin-top: 26.1640625px;
  color: #036eb7;
  margin-left: 5%;
}

.section1__text--2 {
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0.03em;
  margin-top: 16.9755271926px;
  color: #231815;
  margin-left: 5%;
}

.section1__text--3 {
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0.13em;
  margin-top: 25.408203125px;
  color: #231815;
  margin-left: 5%;
}

.section1__text--5 {
  width: 60px;
  margin-top: 22.3818359375px;
  background-color: #036eb7;
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  color: #ffffff;
  text-align: center;
  margin-left: 5%;
}

.section1__text--6 {
  margin-top: 10.2737842522px;
  color: #231815;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0.07em;
  margin-left: 5%;
}

.section1__text--6.section1__text--6list {
  -moz-column-count: 2;
       column-count: 2;
  margin-top: 10.2737842522px;
  color: #231815;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0.07em;
  width: 640px;
  margin-left: 5%;
}

.g-line {
  position: relative;
  margin: 100px auto 0;
}

.g-line::before {
  position: absolute;
  height: 4px;
  width: 970px;
  content: "";
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  background: rgb(3, 110, 183);
  background: linear-gradient(45deg, rgb(3, 110, 183) 0%, rgb(44, 166, 224) 55%, rgba(44, 166, 224, 0) 100%);
  height: 3px;
}

.section2 {
  position: relative;
  padding-top: 100px;
}

.section2::after {
  background-repeat: no-repeat;
  background-size: contain;
  width: 422px;
  height: 354px;
  top: 80px;
  right: 0;
  content: "";
  position: absolute;
  z-index: -1;
}

.section__bg2::after {
  background-image: url(../img/10.jpg);
}

.section__bg4::after {
  background-image: url(../img/6.jpg);
}

.section__bg6::after {
  background-image: url(../img/15.jpg);
}

.section2__text--1 {
  margin-left: 7.4442803533%;
  width: 290px;
  margin-top: 0;
  background-color: #036eb7;
  font-size: 24px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  color: #ffffff;
  text-align: center;
}

.section2__text--2 {
  font-size: 18px;
  line-height: 1.4444444444;
  letter-spacing: 0.03em;
  margin-left: 7.7251026606%;
  margin-top: 29.3154296875px;
  color: #036eb7;
}

.section2__text--3 {
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0.03em;
  margin-left: 8.0547102505%;
  margin-top: 21.9630172971px;
  color: #231815;
}

.section2__text--4 {
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0.13em;
  margin-left: 7.5854456442%;
  margin-top: 30.7060546875px;
  color: #231815;
}

.section2__text--5 {
  margin-left: 7.3777376375%;
  margin-top: 25px;
  width: 60px;
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  color: #ffffff;
  text-align: center;
  background-color: #036eb7;
}

.section2__text--6 {
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0.07em;
  margin-left: 7.4739916956%;
  margin-top: 11.2030445061px;
  color: #231815;
}

.section3__text--1 {
  position: absolute;
  top: -1.015625%;
  left: 24.8890442335%;
  color: #ffffff;
  font-size: min(8.2581423523vw, 47.8972256434px);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.section3__text--2 {
  position: absolute;
  top: 163.2885742188%;
  left: 33.2868048373%;
  color: #036eb7;
  font-size: min(6.1936067642vw, 35.9229192326px);
  line-height: 1.4444444444;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.section3__text--3 {
  width: 258.0575404136%;
  position: absolute;
  top: 339.3020744927%;
  left: 34.8360078111%;
  color: #231815;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.5384615385;
  letter-spacing: 0.03em;
}

.section3__text--5 {
  position: absolute;
  top: 503.5498046875%;
  left: 33.5114373309%;
  color: #ffffff;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.section3__text--6 {
  position: absolute;
  top: 584.052734375%;
  left: 32.1063501626%;
  color: #231815;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.5384615385;
  letter-spacing: 0.07em;
}

.section5__text--1 {
  position: absolute;
  top: -1.015625%;
  left: 7.6765164074%;
  color: #ffffff;
  font-size: min(8.2581423523vw, 47.8972256434px);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.section5__text--2 {
  position: absolute;
  top: 163.2885742188%;
  left: 1.319937677%;
  color: #036eb7;
  font-size: min(6.1936067642vw, 35.9229192326px);
  line-height: 1.4444444444;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.section5__text--3 {
  width: 258.0575404136%;
  position: absolute;
  top: 339.3020744927%;
  left: 2.869178835%;
  color: #231815;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.5384615385;
  letter-spacing: 0.03em;
}

.section5__text--5 {
  position: absolute;
  top: 503.5498046875%;
  left: 1.5445701706%;
  color: #ffffff;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.section5__text--6 {
  position: absolute;
  top: 584.052734375%;
  left: 0.1396510147%;
  color: #231815;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.5384615385;
  letter-spacing: 0.07em;
}

.section6__text--1 {
  position: absolute;
  top: -4.6435546875%;
  left: 24.8890442335%;
  color: #ffffff;
  font-size: min(8.2581423523vw, 47.8972256434px);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.section6__text--2 {
  position: absolute;
  top: 182.7563476563%;
  left: 31.6540609534%;
  color: #036eb7;
  font-size: min(6.1936067642vw, 35.9229192326px);
  line-height: 1.4444444444;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.section6__text--3 {
  width: 282.7775999288%;
  position: absolute;
  top: 354.226254916%;
  left: 31.1388660806%;
  color: #231815;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.5384615385;
  letter-spacing: 0.03em;
}

.section6__text--4 {
  position: absolute;
  top: 483.8623046875%;
  left: 31.8654204724%;
  color: #231815;
  font-size: min(5.1613389702vw, 29.9357660271px);
  line-height: 1.75;
  letter-spacing: 0.13em;
}

.section6__text--6 {
  position: absolute;
  top: 578.5498046875%;
  left: 33.2007825211%;
  color: #ffffff;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.section6__text--7 {
  position: absolute;
  top: 658.5595703125%;
  left: 31.8501313498%;
  color: #231815;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.5384615385;
  letter-spacing: 0.07em;
}

.section7__text--1 {
  position: absolute;
  top: -1.015625%;
  left: 32.2883402861%;
  color: #ffffff;
  font-size: min(8.2581423523vw, 47.8972256434px);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.section7__text--2 {
  position: absolute;
  top: 163.2885742188%;
  left: 1.0829050337%;
  color: #036eb7;
  font-size: min(6.1936067642vw, 35.9229192326px);
  line-height: 1.4444444444;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.section7__text--3 {
  width: 267.5273980011%;
  position: absolute;
  top: 335.1339987964%;
  left: 1.076341692%;
  color: #231815;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.5384615385;
  letter-spacing: 0.03em;
}

.section7__text--4 {
  position: absolute;
  top: 507.7026367188%;
  left: 0.4264808359%;
  color: #231815;
  font-size: min(5.1613389702vw, 29.9357660271px);
  line-height: 1.75;
  letter-spacing: 0.13em;
}

.section7__text--6 {
  position: absolute;
  top: 638.5498046875%;
  left: 1.3075375273%;
  color: #ffffff;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.section7__text--7 {
  position: absolute;
  top: 720.3271484375%;
  left: 0.0671024487%;
  color: #231815;
  font-size: min(4.4731604408vw, 25.9443305568px);
  line-height: 1.5384615385;
  letter-spacing: 0.07em;
}

.footer {
  display: flex;
  padding-top: 130px;
  justify-content: center;
  align-items: flex-start;
  /* gap: 100px; */
}

.footer__left,
.footer__right {
  width: 40%;
}

.footer__right {
  padding-top: 200px;
}

.footer__list {
  width: 80%;
  margin: auto;
}

.footer__title {
  font-size: 24px;
  line-height: 1.75;
  letter-spacing: 0.38em;
  color: #3e4c5c;
  text-align: center;
  margin: auto;
  display: block;
  margin-bottom: 50px;
  margin-top: 50px;
}

.footer__wrap {
  font-size: 13px;
  line-height: 1.7692307692;
  letter-spacing: 0.38em;
  color: #3e4c5c;
}

.footer__wrap > p:nth-child(odd) {
  display: inline-block;
  width: 20%;
  min-width: 80px;
}

.footer__wrap > p:nth-child(even) {
  display: inline-block;
  width: 70%;
}

.footer__wrap--2 {
  font-size: 13px;
  line-height: 1.7692307692;
  color: #3e4c5c;
}

.footer__wrap--2 > p:nth-child(even) {
  padding-bottom: 18px;
}

.footer1 .footer__wrap {
  letter-spacing: 0.38em;
}

.footer2 {
  padding-top: 100px;
}

.footer2 .footer__wrap {
  letter-spacing: 0.12em;
}

.footer3 .footer__wrap {
  letter-spacing: 0.12em;
}

.contact {
  padding-top: 100px;
}

.contact__ttl {
  font-size: 24px;
  line-height: 1.75;
  letter-spacing: 0.38em;
  margin-left: 43.1741784293%;
  width: 14.3193302182%;
  color: #3e4c5c;
}

footer {
  background-color: #F2F2F2;
  margin-top: 100px;
}

footer .logo {
  margin-left: 40.9911773045%;
  width: 17.7171007428%;
  margin-top: 102.4773638144px;
}

footer .text {
  font-size: 13px;
  line-height: 1.7692307692;
  letter-spacing: 0.38em;
  text-align: center;
  margin-top: 50.850015764px;
  color: #231815;
}

footer .copy {
  margin-top: 51.189453125px;
  background-color: #3E4C5C;
  color: #fff;
  text-align: center;
  font-size: 11px;
  line-height: 1.75;
  padding: 3px;
}/*# sourceMappingURL=style.css.map */