@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+New&display=swap";
* {
		margin: 0;
		padding: 0;
		box-sizing: border-box
}
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
		font-family: inherit;
		font-style: inherit;
		font-weight: inherit
}
article, aside, details, figcaption, figure, picture, footer, header, hgroup, main, menu, nav, section, details, summary {
		display: block
}
html {
		-webkit-text-size-adjust: none;
		height: 100%;
		max-width: 2560px
}
body {
		font-size: 16px;
		line-height: 1.8;
		height: 100%;
		font-weight: 400;
		font-family: "Zen Kaku Gothic New", sans-serif
}
@media screen and (max-width: 767px) {
		body {
				font-size: 3.3333333333vw
		}
}
h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
		font-weight: normal
}
ol, ul, ul li, ol li {
		list-style: none
}
img {
		border: none;
		vertical-align: text-bottom;
		-ms-interpolation-mode: bicubic;
		max-width: 100%;
		height: auto;
		-webkit-backface-visibility: hidden;
		image-rendering: -webkit-optimize-contrast
}
table {
		border-collapse: collapse;
		border-spacing: 0
}
caption, th, td {
		font-weight: normal;
		text-align: left;
		vertical-align: top
}
a {
		color: #005b98;
		-webkit-tap-highlight-color: rgba(0, 0, 0, .8);
		outline: none;
		text-decoration: none
}
a.disabled {
		pointer-events: none;
		cursor: default
}
a:hover {
		opacity: .6
}
a:active {
		color: #666
}
a:focus {
		outline: none
}
.cf:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden
}
canvas {
		display: block
}
.--center {
		text-align: center
}
.no-post {
		font-size: 1.125em;
		padding: 64px 0;
		text-align: center
}
@media screen and (max-width: 1024px) {
		body {
				min-width: 1024px;
				overflow-x: hidden;
				overflow-y: scroll;
				-webkit-overflow-scrolling: touch
		}
}
@media screen and (max-width: 767px) {
		body {
				min-width: inherit
		}
		a:hover {
				opacity: 1
		}
}
@media print {
		body {
				zoom: 1;
				width: 1200px;
				transform: scale(1);
				transform-origin: 0 0
		}
		.l__page--sidebar {
				display: none
		}
}
.--readmore {
		display: flex;
		align-items: center;
		gap: 16px;
		text-decoration: none
}
.--readmore span {
		font-family: "Roboto Condensed", sans-serif;
		font-size: .875em;
		color: #666;
		letter-spacing: 2px;
		transition: all .4s
}
.--readmore .icon {
		width: 48px;
		height: 48px;
		background: #1c427b;
		border-radius: 50%;
		position: relative;
		flex-shrink: 0;
		transition: all .4s
}
.--readmore .icon::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-40%, -50%);
		border-style: solid;
		border-width: 6px 0 6px 10px;
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}
.--readmore.--white span {
		color: #fff
}
.--readmore.--white .icon {
		background: #fff
}
.--readmore.--white .icon::after {
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1c427b
}
.--readmore:hover .icon {
		transform: scale(1.2)
}
.--backbtn {
		display: inline-block;
		padding: 16px 48px;
		background: #1c427b;
		color: #fff;
		font-weight: bold;
		border-radius: 8px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
		text-decoration: none;
		transition: all .3s ease
}
.--backbtn:hover {
		transform: translateY(-2px);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .2)
}
.--pt8 {
		padding-top: 8px
}
.--pt16 {
		padding-top: 16px
}
.--pt24 {
		padding-top: 24px
}
.--pt32 {
		padding-top: 32px
}
.--pt40 {
		padding-top: 40px
}
.--pt48 {
		padding-top: 48px
}
.--pt56 {
		padding-top: 56px
}
.--pt64 {
		padding-top: 64px
}
.--pt72 {
		padding-top: 72px
}
.--pt80 {
		padding-top: 80px
}
.--pt88 {
		padding-top: 88px
}
.--pt96 {
		padding-top: 96px
}
.--pt104 {
		padding-top: 104px
}
.--pt112 {
		padding-top: 112px
}
.--pt120 {
		padding-top: 120px
}
.--pt128 {
		padding-top: 128px
}
.--pt136 {
		padding-top: 136px
}
.--pt144 {
		padding-top: 144px
}
.--pt152 {
		padding-top: 152px
}
.--pt160 {
		padding-top: 160px
}
.--pt168 {
		padding-top: 168px
}
.--pt176 {
		padding-top: 176px
}
.--pt184 {
		padding-top: 184px
}
.--pt192 {
		padding-top: 192px
}
.--pt200 {
		padding-top: 200px
}
.--pt208 {
		padding-top: 208px
}
.--pt216 {
		padding-top: 216px
}
.--pt224 {
		padding-top: 224px
}
.--pt232 {
		padding-top: 232px
}
.--pt240 {
		padding-top: 240px
}
.--pt248 {
		padding-top: 248px
}
.--pt256 {
		padding-top: 256px
}
.--pt264 {
		padding-top: 264px
}
.--pt272 {
		padding-top: 272px
}
.--pt280 {
		padding-top: 280px
}
.--pt288 {
		padding-top: 288px
}
.--pt296 {
		padding-top: 296px
}
.--pt304 {
		padding-top: 304px
}
.--pt312 {
		padding-top: 312px
}
.--pt320 {
		padding-top: 320px
}
.--mt8 {
		margin-top: 8px
}
.--mt16 {
		margin-top: 16px
}
.--mt24 {
		margin-top: 24px
}
.--mt32 {
		margin-top: 32px
}
.--mt40 {
		margin-top: 40px
}
.--mt48 {
		margin-top: 48px
}
.--mt56 {
		margin-top: 56px
}
.--mt64 {
		margin-top: 64px
}
.--mt72 {
		margin-top: 72px
}
.--mt80 {
		margin-top: 80px
}
.--mt88 {
		margin-top: 88px
}
.--mt96 {
		margin-top: 96px
}
.--mt104 {
		margin-top: 104px
}
.--mt112 {
		margin-top: 112px
}
.--mt120 {
		margin-top: 120px
}
.--mt128 {
		margin-top: 128px
}
.--mt136 {
		margin-top: 136px
}
.--mt144 {
		margin-top: 144px
}
.--mt152 {
		margin-top: 152px
}
.--mt160 {
		margin-top: 160px
}
.--mt168 {
		margin-top: 168px
}
.--mt176 {
		margin-top: 176px
}
.--mt184 {
		margin-top: 184px
}
.--mt192 {
		margin-top: 192px
}
.--mt200 {
		margin-top: 200px
}
.--mt208 {
		margin-top: 208px
}
.--mt216 {
		margin-top: 216px
}
.--mt224 {
		margin-top: 224px
}
.--mt232 {
		margin-top: 232px
}
.--mt240 {
		margin-top: 240px
}
.--mt248 {
		margin-top: 248px
}
.--mt256 {
		margin-top: 256px
}
.--mt264 {
		margin-top: 264px
}
.--mt272 {
		margin-top: 272px
}
.--mt280 {
		margin-top: 280px
}
.--mt288 {
		margin-top: 288px
}
.--mt296 {
		margin-top: 296px
}
.--mt304 {
		margin-top: 304px
}
.--mt312 {
		margin-top: 312px
}
.--mt320 {
		margin-top: 320px
}
@media screen and (max-width: 767px) {
		.--pt8 {
				padding-top: 1.125%
		}
		.--pt16 {
				padding-top: 2.25%
		}
		.--pt24 {
				padding-top: 3.375%
		}
		.--pt32 {
				padding-top: 4.5%
		}
		.--pt40 {
				padding-top: 5.625%
		}
		.--pt48 {
				padding-top: 6.75%
		}
		.--pt56 {
				padding-top: 7.875%
		}
		.--pt64 {
				padding-top: 9%
		}
		.--pt72 {
				padding-top: 10.125%
		}
		.--pt80 {
				padding-top: 11.25%
		}
		.--pt88 {
				padding-top: 12.375%
		}
		.--pt96 {
				padding-top: 13.5%
		}
		.--pt104 {
				padding-top: 14.625%
		}
		.--pt112 {
				padding-top: 15.75%
		}
		.--pt120 {
				padding-top: 16.875%
		}
		.--pt128 {
				padding-top: 18%
		}
		.--pt136 {
				padding-top: 19.125%
		}
		.--pt144 {
				padding-top: 20.25%
		}
		.--pt152 {
				padding-top: 21.375%
		}
		.--pt160 {
				padding-top: 22.5%
		}
		.--pt168 {
				padding-top: 23.625%
		}
		.--pt176 {
				padding-top: 24.75%
		}
		.--pt184 {
				padding-top: 25.875%
		}
		.--pt192 {
				padding-top: 27%
		}
		.--pt200 {
				padding-top: 28.125%
		}
		.--pt208 {
				padding-top: 29.25%
		}
		.--pt216 {
				padding-top: 30.375%
		}
		.--pt224 {
				padding-top: 31.5%
		}
		.--pt232 {
				padding-top: 32.625%
		}
		.--pt240 {
				padding-top: 33.75%
		}
		.--pt248 {
				padding-top: 34.875%
		}
		.--pt256 {
				padding-top: 36%
		}
		.--pt264 {
				padding-top: 37.125%
		}
		.--pt272 {
				padding-top: 38.25%
		}
		.--pt280 {
				padding-top: 39.375%
		}
		.--pt288 {
				padding-top: 40.5%
		}
		.--pt296 {
				padding-top: 41.625%
		}
		.--pt304 {
				padding-top: 42.75%
		}
		.--pt312 {
				padding-top: 43.875%
		}
		.--pt320 {
				padding-top: 45%
		}
		.--mt8 {
				margin-top: 1.125%
		}
		.--mt16 {
				margin-top: 2.25%
		}
		.--mt24 {
				margin-top: 3.375%
		}
		.--mt32 {
				margin-top: 4.5%
		}
		.--mt40 {
				margin-top: 5.625%
		}
		.--mt48 {
				margin-top: 6.75%
		}
		.--mt56 {
				margin-top: 7.875%
		}
		.--mt64 {
				margin-top: 9%
		}
		.--mt72 {
				margin-top: 10.125%
		}
		.--mt80 {
				margin-top: 11.25%
		}
		.--mt88 {
				margin-top: 12.375%
		}
		.--mt96 {
				margin-top: 13.5%
		}
		.--mt104 {
				margin-top: 14.625%
		}
		.--mt112 {
				margin-top: 15.75%
		}
		.--mt120 {
				margin-top: 16.875%
		}
		.--mt128 {
				margin-top: 18%
		}
		.--mt136 {
				margin-top: 19.125%
		}
		.--mt144 {
				margin-top: 20.25%
		}
		.--mt152 {
				margin-top: 21.375%
		}
		.--mt160 {
				margin-top: 22.5%
		}
		.--mt168 {
				margin-top: 23.625%
		}
		.--mt176 {
				margin-top: 24.75%
		}
		.--mt184 {
				margin-top: 25.875%
		}
		.--mt192 {
				margin-top: 27%
		}
		.--mt200 {
				margin-top: 28.125%
		}
		.--mt208 {
				margin-top: 29.25%
		}
		.--mt216 {
				margin-top: 30.375%
		}
		.--mt224 {
				margin-top: 31.5%
		}
		.--mt232 {
				margin-top: 32.625%
		}
		.--mt240 {
				margin-top: 33.75%
		}
		.--mt248 {
				margin-top: 34.875%
		}
		.--mt256 {
				margin-top: 36%
		}
		.--mt264 {
				margin-top: 37.125%
		}
		.--mt272 {
				margin-top: 38.25%
		}
		.--mt280 {
				margin-top: 39.375%
		}
		.--mt288 {
				margin-top: 40.5%
		}
		.--mt296 {
				margin-top: 41.625%
		}
		.--mt304 {
				margin-top: 42.75%
		}
		.--mt312 {
				margin-top: 43.875%
		}
		.--mt320 {
				margin-top: 45%
		}
}
.--fadein {
		opacity: 0
}
.--fadein.done {
		-webkit-animation-name: fadein;
		animation-name: fadein;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-duration: .6s;
		animation-duration: .6s
}
@-webkit-keyframes fadein {
		0% {
				opacity: 0;
				transform: translateY(24px)
		}
		100% {
				opacity: 1;
				transform: translateY(0)
		}
}
@keyframes fadein {
		0% {
				opacity: 0;
				transform: translateY(24px)
		}
		100% {
				opacity: 1;
				transform: translateY(0)
		}
}
.--delay_1 {
		-webkit-animation-delay: 0.06s;
		animation-delay: 0.06s
}
.--delay_2 {
		-webkit-animation-delay: 0.12s;
		animation-delay: 0.12s
}
.--delay_3 {
		-webkit-animation-delay: 0.18s;
		animation-delay: 0.18s
}
.--delay_4 {
		-webkit-animation-delay: 0.24s;
		animation-delay: 0.24s
}
.--delay_5 {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s
}
.--delay_6 {
		-webkit-animation-delay: 0.36s;
		animation-delay: 0.36s
}
.--delay_7 {
		-webkit-animation-delay: 0.42s;
		animation-delay: 0.42s
}
.--delay_8 {
		-webkit-animation-delay: 0.48s;
		animation-delay: 0.48s
}
.--delay_9 {
		-webkit-animation-delay: 0.54s;
		animation-delay: 0.54s
}
.--delay_10 {
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s
}
.--delay_11 {
		-webkit-animation-delay: 0.66s;
		animation-delay: 0.66s
}
.--delay_12 {
		-webkit-animation-delay: 0.72s;
		animation-delay: 0.72s
}
.--delay_13 {
		-webkit-animation-delay: 0.78s;
		animation-delay: 0.78s
}
.--delay_14 {
		-webkit-animation-delay: 0.84s;
		animation-delay: 0.84s
}
.--delay_15 {
		-webkit-animation-delay: 0.9s;
		animation-delay: 0.9s
}
.--delay_16 {
		-webkit-animation-delay: 0.96s;
		animation-delay: 0.96s
}
.--delay_17 {
		-webkit-animation-delay: 1.02s;
		animation-delay: 1.02s
}
.--delay_18 {
		-webkit-animation-delay: 1.08s;
		animation-delay: 1.08s
}
.--delay_19 {
		-webkit-animation-delay: 1.14s;
		animation-delay: 1.14s
}
.--delay_20 {
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s
}
.--ft14 {
		font-size: .875em
}
.--ft16 {
		font-size: 1em
}
.--ft18 {
		font-size: 1.125em
}
.--ft20 {
		font-size: 1.25em
}
.--ft22 {
		font-size: 1.375em
}
.--ft24 {
		font-size: 1.5em
}
.--mt8 {
		margin: 8px 0 0
}
.--mt16 {
		margin: 16px 0 0
}
.--mt24 {
		margin: 24px 0 0
}
.--mt32 {
		margin: 32px 0 0
}
.--mt40 {
		margin: 40px 0 0
}
.--mb8 {
		margin: 0 0 8px
}
.--mb16 {
		margin: 0 0 16px
}
.--mb24 {
		margin: 0 0 24px
}
.--mb32 {
		margin: 0 0 32px
}
.--mb40 {
		margin: 0 0 40px
}
.--min {
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "MS P明朝", "MS PMincho", serif
}
/*# sourceMappingURL=style.min.css.map */

.header {
  width: 100%;
  height: 78px;
  box-shadow: 0 1px 0px #f2f2f2;
  position: relative;
  transition: all 0.8s;
}
.header .logo {
  width: 280px;
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
}

.cv {
  position: fixed;
  top: 8px;
  right: 16px;
  z-index: 99999;
}

@media screen and (max-width: 767px) {
  .header {
    height: 0;
    padding-bottom: 15%;
  }
  .header .logo {
    width: 45%;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
   .cv {
    max-width: 30%;
    top: 1.5%;
  }
}