@charset "UTF-8";
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-webkit-tap-highlight-color: transparent;
	/* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
	border-top-width: 1px;
	margin: 0;
	clear: both;
	color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: inherit;
	/* 2 */
}

address {
	font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: inherit;
	/* 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;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
	vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none;
	/* 1 */
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	background: transparent;
	padding: 0;
	margin: 0;
	border-radius: 0;
	text-align: inherit;
	text-transform: inherit;
	/* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
}

[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
	cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
	outline: auto;
}

select:disabled {
	opacity: inherit;
}

/**
 * Remove padding
 */
option {
	padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
	margin: 0;
	padding: 0;
	min-width: 0;
}

legend {
	padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
	outline-offset: -2px;
	/* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/**
 * Clickable labels
 */
label[for] {
	cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
	outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
	border-color: inherit;
	/* 1 */
	border-collapse: collapse;
}

caption {
	text-align: left;
}

td,
th {
	vertical-align: top;
	padding: 0;
}

th {
	text-align: left;
	font-weight: bold;
}

body {
	color: #1a1a1a;
	font-size: 16px;
	font-family: "";
}

p,
a,
dt,
dd,
li,
th,
td {
	line-height: 2;
}

a {
	color: #1a1a1a;
}

a:hover {
	color: #1a1a1a;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
}

header img {
	width: 100%;
	height: auto;
}

header .fv_pc {
	display: none;
}

main {
	margin-top: 4vw;
}

main .img1 {
	width: 100%;
	padding: 0 5.333vw;
}

main .img1_pc {
	display: none;
}

main .text_box1 {
	background-image: url(../../img/img2.png);
	background-size: cover;
	padding: 5.333vw;
	margin-top: 5.333vw;
}

main .text_box1 .top {
	color: #FFF100;
	font-size: 4.667vw;
	letter-spacing: 0.07em;
	line-height: 6.8vw;
	border-left: solid 20px #FFF100;
	padding-left: 2.667vw;
	text-shadow: 1px 2px 3px #808080;
}

main .text_box1 .bottom {
	margin-top: 4vw;
	font-size: 3.467vw;
	line-height: 6.133vw;
	color: #fff;
	font-weight: 600;
	text-shadow: 1px 2px 3px #808080;
}

main .img_box {
	display: flex;
}

main .img_box img {
	width: 33.3%;
}

main .img2 {
	text-align: center;
	margin-top: 5.333vw;
}

main .img2 img {
	width: 42.133vw;
}

main ul {
	margin: 2.667vw 5.333vw 0;
}

main ul li {
	background-color: #F2F2F3;
	margin-bottom: 5.333vw;
	display: flex;
	box-shadow: 0 0 10px gray;
	padding: 4vw;
}

main ul li .right {
	margin-left: 2.667vw;
	font-size: 3.067vw;
}

main ul li .right p {
	line-height: 4.667vw;
	font-weight: 500;
}

main ul li .right .top {
	color: #0A52B8;
}

main ul li img {
	height: 100%;
	width: 22vw;
}

main ul li .img3 {
	width: 25.067vw;
	height: 26.667vw;
}

main ul li .img_bottom {
	width: 22.4vw;
	height: 26.267vw;
}

main .application_box {
	margin-top: 14.667vw;
}

main .application_box .ttl {
	font-size: 3.467vw;
	border-bottom: solid 6px #FFF100;
	width: fit-content;
	margin: 0 auto;
	padding: 0 0.667vw;
	margin-bottom: 4vw;
}

main .application_box .lead {
	margin: 0 5.333vw;
	display: flex;
	font-size: 3.067vw;
	font-weight: 500;
	line-height: 4.667vw;
}

main .application_box .lead::before {
	content: "■";
	display: block;
}

main .application_box .lead2 {
	margin: 0 5.333vw;
	display: flex;
	font-size: 3.067vw;
	font-weight: 500;
	line-height: 4.667vw;
}

main .application_box .lead2::before {
	content: "※";
	display: block;
}

main .application_box .btn {
	background-color: #25C5EE;
	color: #fff;
	text-align: center;
	font-size: 4.8vw;
	display: block;
	margin: 4.667vw 5.333vw 6vw;
	padding: 4.667vw 0;
	position: relative;
}

main .application_box .btn::after {
	content: "";
	position: absolute;
	width: 6.667vw;
	height: 8.133vw;
	background-image: url(../../img/img13.png);
	background-size: cover;
	top: 55%;
	right: 0%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

main .application_box .lead3 {
	margin: 0 5.333vw;
	display: flex;
	font-size: 3.067vw;
	font-weight: 500;
	line-height: 4.667vw;
}

main .application_box .blue {
	color: #0A52B8;
}

main .application_box .border {
	text-decoration: underline;
}

main .application_box .margt {
	margin-top: 4.667vw;
}

main .bottom_box {
	margin: 0 5.333vw;
	margin-top: 5.333vw;
	background-color: #E3F7FD;
	padding: 4vw 3.333vw;
}

main .bottom_box .ttl {
	margin-bottom: 1.333vw;
	font-size: 3.067vw;
	font-weight: 500;
	line-height: 4.667vw;
	color: #fff;
	background-color: #0A52B8;
	width: fit-content;
}

main .bottom_box .lead4 {
	display: flex;
	font-size: 3.067vw;
	font-weight: 500;
	line-height: 4.667vw;
	padding-left: 0.667vw;
}

main .bottom_box .num1::before {
	content: "❶";
	display: block;
}

main .bottom_box .num2::before {
	content: "❷";
	display: block;
}

main .bottom_box .num3::before {
	content: "❸";
	display: block;
}

main .bottom_box .num4::before {
	content: "❹";
	display: block;
}

footer {
	margin-top: 16.667vw;
	margin-bottom: 4vw;
}

footer p {
	font-size: 2.933vw;
	text-align: center;
	font-weight: 400;
}

footer a {
	font-size: 2.933vw;
	text-align: center;
	font-weight: 400;
	display: block;
	text-decoration: underline;
}

@media screen and (min-width: 750px) {
	.sp {
		display: none;
	}
	header .fv_sp {
		display: none;
	}
	header .fv_pc {
		display: block;
	}
	main {
		margin: 0.521vw 21.354vw;
	}
	main .img1 {
		display: none;
	}
	main .img1_pc {
		display: block;
		width: 100%;
	}
	main .text_box1 {
		background-image: url(../../img/img2_pc.png);
		padding: 2.604vw 2.604vw 1.042vw;
	}
	main .text_box1 .top {
		font-size: 1.615vw;
		line-height: 2.396vw;
		padding-left: 0.781vw;
	}
	main .text_box1 .bottom {
		font-size: 1.198vw;
		line-height: 2.083vw;
		margin-top: 1.563vw;
	}
	main .img2 {
		margin-top: 1.823vw;
	}
	main .img2 img {
		width: 13.385vw;
	}
	main ul {
		margin: 1.302vw 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	main ul li {
		width: 47%;
		padding: 1.302vw;
		height: fit-content;
		margin-bottom: 2.083vw;
	}
	main ul li .right {
		font-size: 0.911vw;
		margin-left: 0.833vw;
	}
	main ul li .right p {
		line-height: 1.484vw;
	}
	main ul li img {
		height: 9.115vw;
		width: 7.135vw;
	}
	main ul li .img3 {
		width: 7.969vw;
		height: 8.49vw;
	}
	main ul li .img_bottom {
		width: 7.135vw;
		height: 8.333vw;
	}
	main .application_box {
		margin-top: 4.167vw;
	}
	main .application_box .ttl {
		font-size: 1.185vw;
		margin-bottom: 1.042vw;
	}
	main .application_box .lead, main .application_box .lead2 {
		font-size: 0.911vw;
		line-height: 1.276vw;
	}
	main .application_box .btn {
		font-size: 1.125vw;
		padding: 1.302vw 0.677vw;
		width: 20.833vw;
		margin: 30px auto 40px;
	}
	main .application_box .btn::after {
		width: 1.667vw;
		height: 2.083vw;
	}
	main .application_box .lead3 {
		font-size: 0.911vw;
		line-height: 1.276vw;
	}
	main .application_box .margt {
		margin-top: 1.563vw;
	}
	main .bottom_box {
		padding: 1.042vw 3.125vw;
		margin: 3.125vw 0 0;
	}
	main .bottom_box .ttl {
		font-size: 0.911vw;
		padding: 0.104vw 0.365vw;
		line-height: 1.276vw;
	}
	main .bottom_box .lead4 {
		font-size: 0.911vw;
		line-height: 1.276vw;
	}
	footer {
		margin: 3.385vw 0;
	}
	footer p {
		font-size: 0.911vw;
	}
	footer a {
		font-size: 0.911vw;
	}
}

/*# sourceMappingURL=style.css.map */
#header02 {
	background-repeat: repeat-x;
	background-position: 0px 50px;
	width: 100%;
	height: 112px;
	clear: both;
	position: fixed;
	margin-top: 0;
	z-index: 1;
}