@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@500;700;800&display=swap');

html{
	overflow: scroll;
	overflow-x: hidden;
}

body {
  line-height: 1.7;
  font-family: 'M PLUS 1', sans-serif;
	overflow-x: hidden;
}

.l-header{
	position: relative;
	width: 100%;
	padding: 10px;
	z-index: 20;
	background : linear-gradient(90deg, rgba(0, 56, 147, 1) 0%, rgba(41, 158, 213, 1) 100%);
	opacity: 0;
	transition: opacity 1.2s ease-in-out;
}

.first .l-header{
		opacity: 1;
	}

@media (min-width: 768px){

.l-header{
		padding: 22px 25px
}
	}

@media (min-width: 1024px){

.l-header{
		position: absolute;
		top: 0;
		left: 0;
		background: unset
}
	}

.l-sect-business__title{
		position: absolute;
		width: 100%;
		height: 68px;
	}

.l-sect-interview__bg{
		position: absolute;
		top: -27px;
		left: 0;
		width: 100%;
		height: 230.5px;
		-webkit-clip-path: polygon(0 35.445%, 100% 0, 100% 100%, 0 100%);
		        clip-path: polygon(0 35.445%, 100% 0, 100% 100%, 0 100%);
		z-index: -10;
	}

@media (min-width: 640px){

.l-sect-interview__bg{
			top: 17px
	}
		}

.l-sect-interview__text--dark{
			background : rgba(1, 57, 122, 0.8);
		}

.l-sect-interview__text--light{
			background : rgba(41, 158, 213, 0.8);
		}

.l-sect-manga_top{
		position: absolute;
		top: 0;
		width: 22.25vw;
		height: 112.6px;
	}

.l-sect-manga_top.-left{
			left: 0;
			-webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
			        clip-path: polygon(0 0, 100% 0, 0 100%);
		}

.l-sect-manga_top.-right{
			right: 0;
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
			        clip-path: polygon(0 0, 100% 0, 100% 100%);
		}

.l-sect-manga_bottom{
		position: absolute;
		bottom: 0;
		width: 22.25vw;
		height: 112.6px;
	}

.l-sect-manga_bottom.-left{
			left: 0;
			-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
			        clip-path: polygon(0 0, 100% 100%, 0 100%);
		}

.l-sect-manga_bottom.-right{
			right: 0;
			-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
			        clip-path: polygon(100% 0, 100% 100%, 0 100%);
		}

.l-sect-philosophy{
	width: 100%;
	height: 100%;
}

.l-sect-philosophy__img::before{
			content: "";
			display: block;
			position: absolute;
			top: -28px;
			right: -22px;
			width: 100%;
			height: 100%;
			z-index: -10;
			background : linear-gradient(90deg, rgba(0, 56, 147, 1) 0%, rgba(41, 158, 213, 1) 100%);
		}

@media (min-width: 768px){

.l-sect-philosophy__img::before{
				top: -40px;
				right: -42px
		}
			}

.l-sect-philosophy__list--title{
			border-left: solid 10px #C4D1E6;
			border-bottom: dashed 1px #C4D1E6;
		}

@media (min-width: 768px){

.l-sect-philosophy__list--title{
				border-left: solid 15px #C4D1E6
		}
			}

.l-sect-work{
	width: 100%;
	height: 100%;
}

.l-sect-work__title{
		width: 100%;
		height: 100%;
		margin-bottom: 52px;
	}

.business-title__bg{
		position: relative;
		width: 100%;
		height: 100%;
	}

.business-title__line{
		width: 100%;
		height: 10px;
	}

@media (min-width: 640px){

.business-title__line{
			height: 20px
	}
		}

.business-title__table{
		position: absolute;
		top: 0;
		left: 50%;
		width: 84vw;
		height: 40px;
		transform: translateX(-50%);
		text-align: center;
		background : linear-gradient(90deg, #034199 0%, #2596D0 100%);
		-webkit-clip-path: polygon(0 0, 100% 0, 94% 100%, 5.959% 100%);
		        clip-path: polygon(0 0, 100% 0, 94% 100%, 5.959% 100%);

	}

@media (min-width: 640px){

.business-title__table{
			top: 10px;
			width: 48.4475vw;
			height: 57.8px;
			background : linear-gradient(90deg, rgba(10, 82, 164, 1) 0%, rgba(30, 132, 196, 1) 100%)

	}
		}

.business-title__text{
		padding-top: 5px;
		font-size: 20px;
		color: #ffffff;
	}

@media (min-width: 640px){

.business-title__text{
			font-size: 25px
	}
		}

@media (min-width: 1024px){

.business-title__text{
			font-size: 30px
	}
		}

.mv-anime{
	opacity: 0;
	transition: opacity 1.2s ease-in-out;
}

.first .mv-anime{
		opacity: 1;
}

.work-border{
	position: absolute;
	background-size: contain;
	background-repeat: repeat;
}

.work-border.-right{
			top: 0;
			right: 0;
			width: 1px;
			height: 100%;
			background-image: url("../image/work-border.svg");
	}

.work-border.-left{
			top: 0;
			left: 0;
			width: 1px;
			height: 100%;
			background-image: url("../image/work-border.svg");
	}

.work-border.-top{
			top: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background-image: url("../image/work-border__x.svg");
	}

.work-border.-bottom{
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background-image: url("../image/work-border__x.svg");
	}

.work-list{
	position: relative;
	padding-left: 9px;
	letter-spacing: -0.01em;
}

.work-list::before{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		display: inline-block;
		width: 2.5px;
		height: 2.5px;
		border-radius: 100%;
		background-color: #003893;
	}

.work-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.work-title__decoration{
		position: relative;
		width: 100%;
		height: 40px;
	}

.work-title__decoration::before,
		.work-title__decoration::after{
			content: "";
			position: absolute;
			right: -1px;
			display: block;
			width: 15.839px;
			height: 22.737px;
			background-color: #ffffff;
		}

.work-title__decoration::before{
			top: -1px;
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
			        clip-path: polygon(0 0, 100% 0, 100% 100%);
		}

.work-title__decoration::after{
			bottom: -1px;
			-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
			        clip-path: polygon(100% 0, 100% 100%, 0 100%);
		}

.work-title__decoration.-rever::before,
			.work-title__decoration.-rever::after{
				left: -1px;
			}

.work-title__decoration.-rever::before{
				-webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
				        clip-path: polygon(0 0, 0 100%, 100% 0);
			}

.work-title__decoration.-rever::after{
				-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
				        clip-path: polygon(0 0, 100% 100%, 0 100%);
			}

.work-title__text{
		max-width: 296px;
		width: 100%;
		font-size: 24px;
		font-weight: bold;
		flex: 1 0 auto;
		text-align: center;
	}

@media (min-width: 640px){

.work-title__text{
			max-width: 600px;
			font-size: 30px
	}
		}

@media (min-width: 768px){

.work-title__text{
			max-width: 700px;
			font-size: 40px
	}
		}

@media (min-width: 1024px){

.work-title__text{
			max-width: 945px;
			font-size: 50px
	}
		}

._full {
    margin-left: calc(50vw - 50%);
    margin-right: calc(50vw - 50%);
}

._full-padding {
    padding-left: min(40px, calc(50vw - 50%));
    padding-right: min(40px, calc(50vw - 50%));
}

.gradation-bg{
	background : linear-gradient(90deg, rgba(0, 56, 147, 1) 0%, rgba(41, 158, 213, 1) 100%);
}

.gradation-bg--rever{
		background : linear-gradient(90deg, rgba(41, 158, 213, 1) 0%, rgba(0, 56, 147, 1) 100%);
	}

.link{
	position: relative;
	display: inline-block;
	transition: opacity .3s ease-out;
	opacity: 1;
}

@media (min-width: 1024px){
		.link:hover{
			opacity: 0.6;
		}
	}

.top_fadein{
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity .3s ease-out, transform .3s ease-out;
}

.top_fadein.animated{
        opacity: 1;
        transform: translateY(0);
    }

.bottom_fadein{
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s ease-out, transform .3s ease-out;
}

.bottom_fadein.animated{
        opacity: 1;
        transform: translateY(0);
    }

.scale_up{
    opacity: 0;
    transform: scale(0.85);
    transition: opacity .6s ease-out, transform .6s ease-out;
}

.scale_up.animated{
        opacity: 1;
        transform: scale(1);
    }

.scale_down{
    opacity: 0;
    transform: scale(1.15);
    transition: opacity .6s ease-out, transform .6s ease-out;
}

.scale_down.animated{
        opacity: 1;
        transform: scale(1);
    }

.slide_left{
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    transition: -webkit-clip-path .6s linear;
    transition: clip-path .6s linear;
    transition: clip-path .6s linear, -webkit-clip-path .6s linear;
}

.animated .slide_left{
        clip-path: inset(0);
        -webkit-clip-path: inset(0);
    }

.slide_right{
    clip-path: inset(0 0 0 100%);
    -webkit-clip-path: inset(0 0 0 100%);
    transition: -webkit-clip-path .6s linear;
    transition: clip-path .6s linear;
    transition: clip-path .6s linear, -webkit-clip-path .6s linear;
}

.animated .slide_right{
        clip-path: inset(0);
        -webkit-clip-path: inset(0);
    }

/*
! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

*, ::before, ::after{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
}

::-webkit-backdrop{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
}

::backdrop{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
}

.pointer-events-none{
	pointer-events: none;
}

.visible{
	visibility: visible;
}

.static{
	position: static;
}

.fixed{
	position: fixed;
}

.absolute{
	position: absolute;
}

.relative{
	position: relative;
}

.top-0{
	top: 0px;
}

.left-0{
	left: 0px;
}

.top-1\/2{
	top: 50%;
}

.left-1\/2{
	left: 50%;
}

.bottom-0{
	bottom: 0px;
}

.right-0{
	right: 0px;
}

.bottom-\[18px\]{
	bottom: 18px;
}

.z-\[-10\]{
	z-index: -10;
}

.mx-auto{
	margin-left: auto;
	margin-right: auto;
}

.ml-\[4\.878vw\]{
	margin-left: 4.878vw;
}

.mt-\[2\.3125vh\]{
	margin-top: 2.3125vh;
}

.mb-\[4\.8644vh\]{
	margin-bottom: 4.8644vh;
}

.ml-auto{
	margin-left: auto;
}

.mb-\[29px\]{
	margin-bottom: 29px;
}

.ml-1\.5{
	margin-left: 0.375rem;
}

.ml-1{
	margin-left: 0.25rem;
}

.mt-2\.5{
	margin-top: 0.625rem;
}

.mt-2{
	margin-top: 0.5rem;
}

.mt-\[25px\]{
	margin-top: 25px;
}

.mb-\[40px\]{
	margin-bottom: 40px;
}

.mt-\[58px\]{
	margin-top: 58px;
}

.mb-\[19px\]{
	margin-bottom: 19px;
}

.mb-\[36px\]{
	margin-bottom: 36px;
}

.mb-\[100px\]{
	margin-bottom: 100px;
}

.mb-\[28px\]{
	margin-bottom: 28px;
}

.mt-\[84px\]{
	margin-top: 84px;
}

.mb-\[46px\]{
	margin-bottom: 46px;
}

.mb-\[27\.5px\]{
	margin-bottom: 27.5px;
}

.ml-\[52px\]{
	margin-left: 52px;
}

.mb-\[120px\]{
	margin-bottom: 120px;
}

.mr-\[-20px\]{
	margin-right: -20px;
}

.mb-\[53px\]{
	margin-bottom: 53px;
}

.mb-\[45px\]{
	margin-bottom: 45px;
}

.mt-\[139px\]{
	margin-top: 139px;
}

.mb-\[41px\]{
	margin-bottom: 41px;
}

.mb-\[58px\]{
	margin-bottom: 58px;
}

.mb-\[33px\]{
	margin-bottom: 33px;
}

.mt-\[102\.5px\]{
	margin-top: 102.5px;
}

.mt-\[22\.5px\]{
	margin-top: 22.5px;
}

.mb-\[25\.5px\]{
	margin-bottom: 25.5px;
}

.block{
	display: block;
}

.inline-block{
	display: inline-block;
}

.inline{
	display: inline;
}

.flex{
	display: flex;
}

.table{
	display: table;
}

.grid{
	display: grid;
}

.contents{
	display: contents;
}

.hidden{
	display: none;
}

.h-auto{
	height: auto;
}

.h-full{
	height: 100%;
}

.h-\[103\.7vw\]{
	height: 103.7vw;
}

.h-\[361\.28px\]{
	height: 361.28px;
}

.h-\[41\.6vw\]{
	height: 41.6vw;
}

.h-\[711px\]{
	height: 711px;
}

.h-\[250px\]{
	height: 250px;
}

.h-\[240px\]{
	height: 240px;
}

.h-\[25\.9vw\]{
	height: 25.9vw;
}

.w-\[118\.48px\]{
	width: 118.48px;
}

.w-full{
	width: 100%;
}

.w-\[75\.122vw\]{
	width: 75.122vw;
}

.w-\[254px\]{
	width: 254px;
}

.w-\[182px\]{
	width: 182px;
}

.w-\[284px\]{
	width: 284px;
}

.w-\[162px\]{
	width: 162px;
}

.w-\[195px\]{
	width: 195px;
}

.w-\[240px\]{
	width: 240px;
}

.w-\[275\.3px\]{
	width: 275.3px;
}

.w-\[315px\]{
	width: 315px;
}

.w-\[354\.7px\]{
	width: 354.7px;
}

.w-\[90\.8vw\]{
	width: 90.8vw;
}

.w-\[170\.99px\]{
	width: 170.99px;
}

.max-w-\[341\.4px\]{
	max-width: 341.4px;
}

.max-w-\[334\.5px\]{
	max-width: 334.5px;
}

.max-w-\[700px\]{
	max-width: 700px;
}

.max-w-\[375\.8px\]{
	max-width: 375.8px;
}

.max-w-\[277px\]{
	max-width: 277px;
}

.max-w-\[333px\]{
	max-width: 333px;
}

.max-w-none{
	max-width: none;
}

.max-w-\[537\.99px\]{
	max-width: 537.99px;
}

.max-w-\[500px\]{
	max-width: 500px;
}

.max-w-\[900px\]{
	max-width: 900px;
}

.max-w-\[300px\]{
	max-width: 300px;
}

.max-w-\[252px\]{
	max-width: 252px;
}

.max-w-\[330px\]{
	max-width: 330px;
}

.max-w-\[335px\]{
	max-width: 335px;
}

.translate-x-\[-50\%\]{
	--tw-translate-x: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-44\%\]{
	--tw-translate-y: -44%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\]{
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize{
	resize: both;
}

.grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-1{
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-col{
	flex-direction: column;
}

.flex-col-reverse{
	flex-direction: column-reverse;
}

.items-start{
	align-items: flex-start;
}

.items-center{
	align-items: center;
}

.justify-end{
	justify-content: flex-end;
}

.justify-between{
	justify-content: space-between;
}

.gap-x-\[24px\]{
	-moz-column-gap: 24px;
	     column-gap: 24px;
}

.gap-y-\[20px\]{
	row-gap: 20px;
}

.overflow-hidden{
	overflow: hidden;
}

.border{
	border-width: 1px;
}

.border-t{
	border-top-width: 1px;
}

.border-solid{
	border-style: solid;
}

.border-accent{
	--tw-border-opacity: 1;
	border-color: rgb(0 56 147 / var(--tw-border-opacity));
}

.bg-gray-white{
	--tw-bg-opacity: 1;
	background-color: rgb(196 209 230 / var(--tw-bg-opacity));
}

.bg-gray-black{
	--tw-bg-opacity: 1;
	background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

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

.object-bottom{
	-o-object-position: bottom;
	   object-position: bottom;
}

.py-\[28px\]{
	padding-top: 28px;
	padding-bottom: 28px;
}

.py-\[36px\]{
	padding-top: 36px;
	padding-bottom: 36px;
}

.px-6{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.py-\[38px\]{
	padding-top: 38px;
	padding-bottom: 38px;
}

.py-5{
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.py-3{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.px-2\.5{
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

.px-2{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.pt-\[31px\]{
	padding-top: 31px;
}

.pl-\[12px\]{
	padding-left: 12px;
}

.pt-\[16px\]{
	padding-top: 16px;
}

.pb-\[19px\]{
	padding-bottom: 19px;
}

.pt-\[24\.69vw\]{
	padding-top: 24.69vw;
}

.pb-\[25\.95vw\]{
	padding-bottom: 25.95vw;
}

.pt-\[41px\]{
	padding-top: 41px;
}

.pb-\[70px\]{
	padding-bottom: 70px;
}

.pt-\[18px\]{
	padding-top: 18px;
}

.pb-\[16px\]{
	padding-bottom: 16px;
}

.text-center{
	text-align: center;
}

.text-lg{
	font-size: 18px;
	line-height: 1.7;
}

.text-md{
	font-size: 16px;
	line-height: 1.7;
}

.text-sm{
	font-size: 14px;
	line-height: 1.7;
}

.text-xl{
	font-size: 20px;
	line-height: 1.7;
}

.text-xs{
	font-size: 12px;
	line-height: 1.7;
}

.text-xxs{
	font-size: 10px;
	line-height: 1.7;
}

.font-bold{
	font-weight: 700;
}

.leading-normal{
	line-height: 1.5;
}

.leading-tight{
	line-height: 1.25;
}

.tracking-\[-0\.01em\]{
	letter-spacing: -0.01em;
}

.text-white{
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-accent{
	--tw-text-opacity: 1;
	color: rgb(0 56 147 / var(--tw-text-opacity));
}

.text-accent_dark{
	--tw-text-opacity: 1;
	color: rgb(14 52 96 / var(--tw-text-opacity));
}

.text-accent_light{
	--tw-text-opacity: 1;
	color: rgb(0 151 215 / var(--tw-text-opacity));
}

.underline{
	-webkit-text-decoration-line: underline;
	        text-decoration-line: underline;
}

.underline-offset-1{
	text-underline-offset: 1px;
}

.blur{
	--tw-blur: blur(8px);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (min-width: 640px){

	.sm\:mb-\[78\.5px\]{
		margin-bottom: 78.5px;
	}

	.sm\:mt-\[40\.5px\]{
		margin-top: 40.5px;
	}

	.sm\:mb-\[29px\]{
		margin-bottom: 29px;
	}

	.sm\:hidden{
		display: none;
	}

	.sm\:w-\[196px\]{
		width: 196px;
	}

	.sm\:max-w-\[370\.5px\]{
		max-width: 370.5px;
	}

	.sm\:max-w-\[344px\]{
		max-width: 344px;
	}

	.sm\:max-w-\[528\.6px\]{
		max-width: 528.6px;
	}

	.sm\:max-w-\[456\.423px\]{
		max-width: 456.423px;
	}

	.sm\:max-w-\[530px\]{
		max-width: 530px;
	}

	.sm\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sm\:py-\[22\.5px\]{
		padding-top: 22.5px;
		padding-bottom: 22.5px;
	}

	.sm\:pt-\[38px\]{
		padding-top: 38px;
	}

	.sm\:pb-\[107px\]{
		padding-bottom: 107px;
	}

	.sm\:text-xl{
		font-size: 20px;
		line-height: 1.7;
	}

	.sm\:text-\[28px\]{
		font-size: 28px;
	}

	.sm\:text-sm{
		font-size: 14px;
		line-height: 1.7;
	}

	.sm\:text-\[26px\]{
		font-size: 26px;
	}

	.sm\:leading-normal{
		line-height: 1.5;
	}
}

@media (min-width: 768px){

	.md\:top-\[20px\]{
		top: 20px;
	}

	.md\:mx-0{
		margin-left: 0px;
		margin-right: 0px;
	}

	.md\:mt-\[156px\]{
		margin-top: 156px;
	}

	.md\:mb-\[-14px\]{
		margin-bottom: -14px;
	}

	.md\:ml-\[27\.5px\]{
		margin-left: 27.5px;
	}

	.md\:ml-\[13px\]{
		margin-left: 13px;
	}

	.md\:mb-\[33\.5px\]{
		margin-bottom: 33.5px;
	}

	.md\:mb-0{
		margin-bottom: 0px;
	}

	.md\:mt-\[160px\]{
		margin-top: 160px;
	}

	.md\:mb-\[83px\]{
		margin-bottom: 83px;
	}

	.md\:mb-\[62\.7px\]{
		margin-bottom: 62.7px;
	}

	.md\:mb-\[93px\]{
		margin-bottom: 93px;
	}

	.md\:block{
		display: block;
	}

	.md\:hidden{
		display: none;
	}

	.md\:h-\[50\.5vh\]{
		height: 50.5vh;
	}

	.md\:h-\[496\.69px\]{
		height: 496.69px;
	}

	.md\:h-auto{
		height: auto;
	}

	.md\:h-\[400px\]{
		height: 400px;
	}

	.md\:min-h-\[106\.78px\]{
		min-height: 106.78px;
	}

	.md\:w-\[196px\]{
		width: 196px;
	}

	@media (min-width: 768px){

		.md\:md\:w-\[333\.3px\]{
			width: 333.3px;
		}
	}

	.md\:w-\[333\.3px\]{
		width: 333.3px;
	}

	.md\:w-\[362\.59px\]{
		width: 362.59px;
	}

	.md\:w-\[300px\]{
		width: 300px;
	}

	.md\:max-w-\[972\.7px\]{
		max-width: 972.7px;
	}

	.md\:max-w-\[999\.5px\]{
		max-width: 999.5px;
	}

	.md\:max-w-\[399\.5px\]{
		max-width: 399.5px;
	}

	.md\:max-w-none{
		max-width: none;
	}

	.md\:max-w-\[456\.4px\]{
		max-width: 456.4px;
	}

	.md\:max-w-\[1200px\]{
		max-width: 1200px;
	}

	.md\:max-w-\[700px\]{
		max-width: 700px;
	}

	.md\:grid-cols-4{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.md\:grid-cols-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.md\:flex-row{
		flex-direction: row;
	}

	.md\:items-end{
		align-items: flex-end;
	}

	.md\:gap-x-\[50px\]{
		-moz-column-gap: 50px;
		     column-gap: 50px;
	}

	.md\:gap-y-\[35px\]{
		row-gap: 35px;
	}

	.md\:py-5{
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}

	.md\:py-\[26\.8px\]{
		padding-top: 26.8px;
		padding-bottom: 26.8px;
	}

	.md\:py-\[24px\]{
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.md\:pt-\[38\.48px\]{
		padding-top: 38.48px;
	}

	.md\:pb-\[45\.498px\]{
		padding-bottom: 45.498px;
	}

	.md\:pl-\[18\.3px\]{
		padding-left: 18.3px;
	}

	.md\:pt-\[9vw\]{
		padding-top: 9vw;
	}

	.md\:pb-\[11\.167vw\]{
		padding-bottom: 11.167vw;
	}

	.md\:pt-\[36\.6px\]{
		padding-top: 36.6px;
	}

	.md\:pb-\[32px\]{
		padding-bottom: 32px;
	}

	.md\:text-xxxl{
		font-size: 30px;
		line-height: 1.7;
	}

	.md\:text-md{
		font-size: 16px;
		line-height: 1.7;
	}

	.md\:text-\[26px\]{
		font-size: 26px;
	}

	.md\:text-xl{
		font-size: 20px;
		line-height: 1.7;
	}

	.md\:leading-normal{
		line-height: 1.5;
	}
}

@media (min-width: 1024px){

	.lg\:absolute{
		position: absolute;
	}

	.lg\:bottom-\[6\.497vh\]{
		bottom: 6.497vh;
	}

	.lg\:left-\[4\.47vh\]{
		left: 4.47vh;
	}

	.lg\:mx-0{
		margin-left: 0px;
		margin-right: 0px;
	}

	.lg\:ml-0{
		margin-left: 0px;
	}

	.lg\:mb-\[29px\]{
		margin-bottom: 29px;
	}

	.lg\:mb-0{
		margin-bottom: 0px;
	}

	.lg\:block{
		display: block;
	}

	.lg\:hidden{
		display: none;
	}

	.lg\:h-\[100vh\]{
		height: 100vh;
	}

	.lg\:h-full{
		height: 100%;
	}

	.lg\:h-\[487\.4px\]{
		height: 487.4px;
	}

	.lg\:w-\[64\.2597vh\]{
		width: 64.2597vh;
	}

	.lg\:max-w-\[843px\]{
		max-width: 843px;
	}

	.lg\:max-w-\[1000px\]{
		max-width: 1000px;
	}

	.lg\:max-w-\[900px\]{
		max-width: 900px;
	}

	.lg\:max-w-\[895px\]{
		max-width: 895px;
	}

	.lg\:max-w-\[528\.6px\]{
		max-width: 528.6px;
	}

	.lg\:max-w-\[970\.5px\]{
		max-width: 970.5px;
	}

	.lg\:grid-cols-3{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lg\:flex-row{
		flex-direction: row;
	}

	.lg\:text-xxxxl{
		font-size: 40px;
		line-height: 1.7;
	}
}