@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap");
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Gothic&subset=japanese");

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
	box-sizing: border-box;
	overflow-y: scroll;
	/* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%;
	/* iOS 8+ */
}

*,
::before,
::after {
	background-repeat: no-repeat;
	/* Set `background-repeat: no-repeat` to all elements and pseudo elements */
	box-sizing: inherit;
}

::before,
::after {
	text-decoration: inherit;
	/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}

* {
	padding: 0;
	/* Reset `padding` and `margin` of all elements */
	margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
	display: none;
	height: 0;
}

hr {
	overflow: visible;
	/* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

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

small {
	font-size: 80%;
	/* Set font-size to 80% in `small` elements */
}

[hidden],
template {
	display: none;
	/* Add the correct display in IE */
}

abbr[title] {
	border-bottom: 1px dotted;
	/* Add a bordered underline effect in all browsers */
	text-decoration: none;
	/* Remove text decoration in Firefox 40+ */
}

a {
	background-color: transparent;
	/* Remove the gray background on active links in IE 10 */
	-webkit-text-decoration-skip: objects;
	/* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
	outline-width: 0;
	/* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	/* Specify the font family of code elements */
}

b,
strong {
	font-weight: bolder;
	/* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
	font-style: italic;
	/* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
	background-color: #ff0;
	color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
	border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
	cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
	cursor: default;
}

[type="number"] {
	width: auto;
	/* Firefox 36+ */
}

[type="search"] {
	-webkit-appearance: textfield;
	/* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	/* Safari 8 */
}

textarea {
	overflow: auto;
	/* Internet Explorer 11+ */
	resize: vertical;
	/* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	/* Specify font inheritance of form elements */
}

optgroup {
	font-weight: bold;
	/* Restore the font weight unset by the previous rule. */
}

button {
	overflow: visible;
	/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none;
	/* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* Style select like a standard input */
select {
	-moz-appearance: none;
	/* Firefox 36+ */
	-webkit-appearance: none;
	/* Chrome 41+ */
}

select::-ms-expand {
	display: none;
	/* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor;
	/* Internet Explorer 11+ */
}

legend {
	border: 0;
	/* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit;
	/* Correct the color inheritance from `fieldset` elements in IE */
	display: table;
	/* Correct the text wrapping in Edge and IE */
	max-width: 100%;
	/* Correct the text wrapping in Edge and IE */
	white-space: normal;
	/* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS and Safari */
	font: inherit;
	/* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
	-webkit-appearance: textfield;
	/* Correct the odd appearance in Chrome and Safari */
	outline-offset: -2px;
	/* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
	border-style: none;
	/* Remove border when inside `a` element in IE 8/9/10 */
}

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

svg:not(:root) {
	overflow: hidden;
	/* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
	display: inline-block;
	/* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
	[hidden ~ ="screen"] {
		display: inherit;
	}

	[hidden ~ ="screen"]:not(:active):not(:focus):not(:target) {
		position: absolute !important;
		clip: rect(0 0 0 0) !important;
	}
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
	cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
	cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
	cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
	background-color: #b3d4fc;
	/* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc;
	/* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

body {
	font-family: "Sawarabi Gothic", sans-serif;
	/*font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo, sans-serif;*/
	letter-spacing: 0.05em;
}

body .pc {
	display: block;
}

body .sp {
	display: none;
}

@media screen and (max-width: 1080px) {
	body {
		width: 1080px;
	}
}

@media screen and (max-width: 640px) {
	body {
		width: 100%;
	}

	body .pc {
		display: none;
	}

	body .sp {
		display: block;
	}
}

li {
	list-style: none;
}

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

@media screen and (min-width: 641px) {
	.main {
/*		max-width: 1280px;*/
		min-width: 1080px;
		overflow: hidden ;
	}
}
@media screen and (max-width: 640px) {
	.main {
		overflow: hidden ;
	}
}


/*  intro  */
.intro {
	width:1080px ;
	margin: 0 auto ;
}
@media screen and (max-width: 640px) {
	.intro {
		width:auto ;
		margin: 0 auto ;
	}
}


/*  intro__header  */
.intro__header {
	margin: 0 auto;
	max-width: 980px;
}

.intro__header__logo {
	position: relative;
}

/*.intro__header__logo:before {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-top: calc(67 / 1200 * 100%);
}*/

.intro__header__logo a {
	position: absolute;
	display: block;
	width: 70px;
	height: auto;
	top: 30px;
	right: 0;
}

.intro__header__logo a:hover {
	/*opacity: 0.3;*/
}

.intro__title {
	max-width: 1080px;
	
}
.intro__title img {
	width: 1200px ;
	height: auto ;
	margin: 0 -60px 0;
}
@media screen and (max-width: 640px) {
	.intro__header {
		margin: 0 auto;
		max-width: auto;
	}

	.intro__header__logo {
		position: relative;
	}

	.intro__header__logo a {
		position: absolute;
		display: block;
		width: 13.33vw;
		height: auto;
		top: 5.33vw;
		right: 5.33vw;
	}

	.intro__header__logo a:hover {
		/*opacity: 0.3;*/
	}

	.intro__title {
		max-width: auto;

	}
	.intro__title img {
		width: 100% ;
		height: auto ;
		margin: 0 auto 0;
	}
}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1000px) {

}

/* contents-blk */
.contents-blk {
}
@media screen and (max-width: 640px) {
	.contents-blk {
		margin: 0 ;
		padding: 0 5.33vw ;
	}
}

/* spc-blk-01 */
.spc-blk-01 {
	margin: 62px auto 0 ;
	width: 980px;
}

.spc-blk-01 .hl-01 {
	margin: 0 auto 0 ;
}
.spc-blk-01 .img-01 {
	margin: 60px auto 0 ;
}
.spc-blk-01 .txt-01 {
	margin: 30px auto 0 ;
	font-size: 14px ;
	line-height: 1.75 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-01 {
		margin: 34px auto 0 ;
		width: auto;
	}

	.spc-blk-01 .hl-01 {
		margin: 0 auto 0 ;
	}
	.spc-blk-01 .img-01 {
		margin: 27px auto 0 ;
	}
	.spc-blk-01 .txt-01 {
		margin: 16px auto 0 ;
		font-size: 3.2vw ;
		line-height: 1.75 ;
	}
}

/* spc-blk-02 */
.spc-blk-02 {
	margin: 78px auto 0 ;
	width: 980px;
}
.spc-blk-02 .hl-01 {
	margin: 0 auto 0 ;
}
.spc-blk-02 .img-01 {
	margin: 78px auto 0 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-02 {
		margin: 36px auto 0 ;
		width: auto;
	}
	.spc-blk-02 .hl-01 {
		margin: 0 auto 0 ;
	}
	.spc-blk-02 .img-01 {
		margin: 29px -5.33vw 0 ;
	}
}

/* spc-blk-03 */
.spc-blk-03 {
	margin: 94px auto 0 ;
	width: 980px;
}
.spc-blk-03 .hl-01 {
	margin: 0 auto 0 ;
}
.spc-blk-03 .img-01 {
	margin: 28px auto 0 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-03 {
		margin: 38px auto 0 ;
		width: auto;
	}
	.spc-blk-03 .hl-01 {
		margin: 0 auto 0 ;
	}
	.spc-blk-03 .img-01 {
		margin: 15px auto 0 ;
	}
}

/* spc-blk-04 */
.spc-blk-04 {
	margin: 89px auto 0 ;
	width: 980px;
}
.spc-blk-04 .hl-01 {
	margin: 0 auto 0 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-04 {
		margin: 43px auto 0 ;
		width: auto;
	}
	.spc-blk-04 .hl-01 {
		margin: 0 auto 0 ;
	}
}

/* qa-blk-01 */
.qa-blk-01 {
	margin: 120px auto 0;
}
.qa-blk-01.first {
	margin: 54px auto 0;
}
.qa-blk-01 .q-01 {
	background: #f2f2f2 ;
	border-top: #999999 4px solid ;
	border-bottom: #999999 4px solid ;
}
.qa-blk-01 .q-01 .inner-01 {
	width: 980px;
	padding: 30px 0 ;
	margin: 0 auto ;
}
.qa-blk-01 .a-01 {
	background: #e5f2f9 ;
	border-top: #0080bf 4px solid ;
	border-bottom: #0080bf 4px solid ;
	margin: 20px 0 0 ;
}
.qa-blk-01 .a-01 .inner-01 {
	width: 980px;
	padding: 30px 0 ;
	margin: 0 auto ;
}
@media screen and (max-width: 640px) {
	.qa-blk-01 {
		margin: 50px auto 0;
	}
	.qa-blk-01.first {
		margin: 20px auto 0;
	}
	.qa-blk-01 .q-01 {
		background: #f2f2f2 ;
		border-top: #999999 3px solid ;
		border-bottom: #999999 3px solid ;
		margin: 0 -5.33vw 0 ;
	}
	.qa-blk-01 .q-01 .inner-01 {
		width: auto;
		padding: 25px 5.33vw ;
		margin: 0 auto ;
	}
	.qa-blk-01 .a-01 {
		background: #e5f2f9 ;
		border-top: #0080bf 3px solid ;
		border-bottom: #0080bf 3px solid ;
		margin: 10px -5.33vw 0 ;
	}
	.qa-blk-01 .a-01 .inner-01 {
		width: auto;
		padding: 25px 5.33vw ;
		margin: 0 auto ;
	}
}

/* spc-blk-05 */
.spc-blk-05 {
	margin: 81px auto 0 ;
	width: 980px;
}
.spc-blk-05 .blk-01 {
	width: 940px ;
	margin: 0 auto 0 ;
	display: flex ;
	justify-content: space-between ;
}
.spc-blk-05 .blk-01 .box-01 {
	width: 450px;
}
@media screen and (max-width: 640px) {
	.spc-blk-05 {
		margin: 37px auto 0 ;
		width: auto;
	}
	.spc-blk-05 .blk-01 {
		width: auto ;
		margin: 0 auto 0 ;
		display: block ;
		justify-content: space-between ;
	}
	.spc-blk-05 .blk-01 .box-01 {
		width: auto;
		margin: 30px 0 0;
	}
}

/* spc-blk-06 */
.spc-blk-06 {
	margin: 96px auto 0 ;
	width: 980px;
}
.spc-blk-06 .hl-01 {
	margin: 0 auto 0 ;
}
.spc-blk-06 .img-01 {
	margin: 18px auto 0 ;
}
.spc-blk-06  .txt-01 {
	margin: 18px auto 0 ;
	font-size: 14px ;
	line-height: 1.75 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-06 {
		margin: 37px auto 0 ;
		width: auto;
	}
	.spc-blk-06 .hl-01 {
		margin: 0 auto 0 ;
	}
	.spc-blk-06 .img-01 {
		margin: 18px auto 0 ;
	}
	.spc-blk-06  .txt-01 {
		margin: 18px auto 0 ;
		font-size: 3.2vw ;
		line-height: 1.75 ;
	}
}

/* spc-blk-07 */
.spc-blk-07 {
	margin: 78px auto 0 ;
	width: 980px;
}
.spc-blk-07 .blk-01 {
	width: 980px ;
	margin: 0 auto 0 ;
	display: flex ;
	justify-content: space-between ;
}
.spc-blk-07 .blk-01 .box-01 {
	width: 480px;
}
@media screen and (max-width: 640px) {
	.spc-blk-07 {
		margin: 41px auto 0 ;
		width: auto;
	}
	.spc-blk-07 .blk-01 {
		width: auto ;
		margin: 0 auto 0 ;
		display: block ;
		justify-content: space-between ;
	}
	.spc-blk-07 .blk-01 .box-01 {
		width: auto;
		margin: 34px 0 0;
	}
}

/* spc-blk-08 */
.spc-blk-08 {
	margin: 105px auto 0 ;
	width: 980px;
}
.spc-blk-08 .hl-01 {
	margin: 0 auto 0 ;
}
.spc-blk-08 .img-01 {
	margin: 18px auto 0 ;
}
.spc-blk-08 .txt-01 {
	margin: 28px auto 0 ;
	font-size: 18px ;
	line-height: 1.75 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-08 {
		margin: 40px auto 0 ;
		width: auto;
	}
	.spc-blk-08 .hl-01 {
		margin: 0 auto 0 ;
	}
	.spc-blk-08 .img-01 {
		margin: 18px auto 0 ;
	}
	.spc-blk-08 .txt-01 {
		margin: 18px auto 0 ;
		font-size: 3.73vw ;
		line-height: 1.75 ;
	}
}



/* spc-blk-08b */
.spc-blk-08b {
	margin: 20px auto 0 ;
	width: 980px;
}
.spc-blk-08b .txt-01 {
	font-size: 14px ;
	line-height: 1.75 ;
}

.spc-blk-08b .txt-01 a{ text-decoration:none; color:#3a84b9; }
.spc-blk-08b .txt-01 a:hover { text-decoration:underline; }

@media screen and (max-width: 640px) {
	.spc-blk-08b {
		margin: 20px auto 0 ;
		width: auto;
	}
	.spc-blk-08b .txt-01 {
		font-size: 3.2vw ;
		line-height: 1.75 ;
		width: auto ;
		margin: 20px 0 0;
	}
}



/* spc-blk-09 */
.spc-blk-09 {
	margin: 53px auto 0 ;
	width: 980px;
}
.spc-blk-09 .blk-01 {
	width: 980px ;
	margin: 0 auto 0 ;
	display: flex ;
	justify-content: space-between ;
}
.spc-blk-09 .blk-01 .box-01 {
	width: 470px;
}
.spc-blk-09 .blk-01 .box-02 {
	width: 465px;
	padding: 29px 0 0;
}
@media screen and (max-width: 640px) {
	.spc-blk-09 {
		margin: 30px auto 0 ;
		width: auto;
	}
	.spc-blk-09 .blk-01 {
		width: auto ;
		margin: 0 auto 0 ;
		display: block;
		justify-content: space-between ;
	}
	.spc-blk-09 .blk-01 .box-01 {
		width: auto;
	}
	.spc-blk-09 .blk-01 .box-02 {
		width: auto;
		padding: 0 0 0;
		margin: 30px auto 0 ;
	}
}

/* spc-blk-10 */
.spc-blk-10 {
	margin: 100px auto 0 ;
	width: 980px;
	padding: 71px 150px 61px 35px ;
	box-sizing: border-box ;
	background: #e5f2f9 ;
}
.spc-blk-10 .hl-01 {
	margin: -91px 0 0 343px ;
	width: 224px ;
}
.spc-blk-10 .hl-02 {
	margin: 40px 0 0 ;
	width: 436px ;
}
.spc-blk-10 .hl-03 {
	margin: 34px 0 0 ;
	width: 532px ;
}
.spc-blk-10 .img-01 {
	margin: 27px auto 0 ;
}
.spc-blk-10 .txt-01 {
	margin: 38px 0 0 115px ;
	font-size: 18px ;
	line-height: 1.75 ;
}
.spc-blk-10 .txt-02 {
	margin: 15px 0 0 115px ;
	font-size: 14px ;
	line-height: 1.75 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-10 {
		margin: 48px auto 0 ;
		width: auto;
		padding: 9.6vw 2.13vw 5.33vw ;
		box-sizing: border-box ;
		background: #e5f2f9 ;
	}
	.spc-blk-10 .hl-01 {
		margin: -13.86vw 0 0 0 ;
		width: auto ;
	}
	.spc-blk-10 .hl-02 {
		margin: 20px 0 0 ;
		width: auto ;
	}
	.spc-blk-10 .hl-03 {
		margin: 20px 0 0 ;
		width: auto ;
	}
	.spc-blk-10 .img-01 {
		margin: 20px auto 0 ;
	}
	.spc-blk-10 .txt-01 {
		margin: 20px 0 0 0 ;
		font-size: 3.73vw ;
		line-height: 1.75 ;
	}
	.spc-blk-10 .txt-02 {
		margin: 10px 0 0 0 ;
		font-size: 3.2vw ;
		line-height: 1.75 ;
	}
}

/* spc-blk-11 */
.spc-blk-11 {
	margin: 72px auto 0 ;
	width: 980px;
}
.spc-blk-11 .hl-01 {
	margin: 0 auto 0 ;
}
.spc-blk-11 .img-01 {
	margin: 56px auto 0 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-11 {
		margin: 30px auto 0 ;
		width: auto;
	}
	.spc-blk-11 .hl-01 {
		margin: 0 auto 0 ;
	}
	.spc-blk-11 .img-01 {
		margin: 24px auto 0 ;
	}
}

/* spc-blk-12 */
.spc-blk-12 {
	margin: 88px auto 0 ;
	width: 980px;
}
.spc-blk-12 .hl-01 {
	margin: 0 auto 0 ;
}
.spc-blk-12 .blk-01 {
	width: 980px ;
	margin: 18px auto 0 ;
	display: flex ;
	justify-content: space-between ;
}
.spc-blk-12 .blk-01 .box-01 {
	width: 470px;
}
.spc-blk-12 .txt-01 {
	font-size: 16px ;
	line-height: 1.75 ;
	margin: 5px 0 0 ;
}
.spc-blk-12  .txt-02 {
	margin: 18px auto 0 ;
	font-size: 14px ;
	line-height: 1.75 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-12 {
		margin: 38px auto 0 ;
		width: auto;
	}
	.spc-blk-12 .hl-01 {
		margin: 0 auto 0 ;
	}
	.spc-blk-12 .blk-01 {
		width: auto ;
		margin: 0 auto 0 ;
		display: block ;
		justify-content: space-between ;
	}
	.spc-blk-12 .blk-01 .box-01 {
		width: auto;
		margin: 20px 0 0;
	}
	.spc-blk-12 .txt-01 {
		font-size: 3.73vw ;
		line-height: 1.75 ;
		margin: 5px 0 0 ;
	}
	.spc-blk-12  .txt-02 {
		margin: 18px auto 0 ;
		font-size: 3.2vw ;
		line-height: 1.75 ;
	}
}

/* spc-blk-13 */
.spc-blk-13 {
	margin: 76px auto 0 ;
	width: 980px;
}
.spc-blk-13 .hl-01 {
	margin: 0 auto 0 ;
}
.spc-blk-13 .img-01 {
	margin: 20px auto 0 ;
	position: relative ;
}
.spc-blk-13 .img-01 .txt-01 {
	position: absolute ;
	left: 0 ;
	top: 432px ;
	font-size: 14px ;
	line-height: 1.75 ;
	width: 260px ;
}
@media screen and (max-width: 640px) {
	.spc-blk-13 {
		margin: 40px auto 0 ;
		width: auto;
	}
	.spc-blk-13 .hl-01 {
		margin: 0 auto 0 ;
	}
	.spc-blk-13 .img-01 {
		margin: 18px auto 0 ;
		position: relative ;
	}
	.spc-blk-13 .img-01 .txt-01 {
		position: relative ;
		left: auto ;
		top: auto ;
		font-size: 3.2vw ;
		line-height: 1.75 ;
		width: auto ;
		margin: 20px 0 0;
	}
}

/* spc-blk-14 */
.spc-blk-14 {
	margin: 123px auto 0 ;
	padding: 62px 0 67px;
	background: #d7f2c7 ;
}
.spc-blk-14 .inner-01 {
	width: 980px ;
	margin: 0 auto ;
}
.spc-blk-14 .inner-01 .blk-01 {
	width: 980px ;
	margin: 40px auto ;
	display: flex ;
	justify-content: space-between ;
	flex-wrap: wrap ;
}
.spc-blk-14 .inner-01 .blk-01 .box-01 {
	width: 476px ;
	margin: 25px 0 0;
	background: #fff ;
	border-bottom-left-radius: 10px ;
	border-bottom-right-radius: 10px ;
}
.spc-blk-14 .inner-01 .blk-01 .box-01:nth-child(1) {
	margin-top: 0 ;
}
.spc-blk-14 .inner-01 .blk-01 .box-01:nth-child(2) {
	margin-top: 0 ;
}
.spc-blk-14 .inner-01 .blk-01 .box-01 .txt-box {
	width: 100% ;
	box-sizing: border-box ;
	padding: 18px 22px 22px 22px ;
}
.spc-blk-14 .inner-01 .blk-01 .box-01 .txt-box .txt-01 {
	font-size: 18px ;
	line-height: 1.66;
}
.spc-blk-14 .inner-01 .txt-02 {
	margin: 70px auto 0 ;
}
@media screen and (max-width: 640px) {
	.spc-blk-14 {
		margin: 47px -5.33vw 0 ;
		padding: 30px 0 39px;
		background: #d7f2c7 ;
	}
	.spc-blk-14 .inner-01 {
		width: auto ;
		margin: 0 auto ;
		padding: 0 5.33vw ;
	}
	.spc-blk-14 .inner-01 .blk-01 {
		width: auto ;
		margin: 20px auto ;
		display: flex ;
		justify-content: space-between ;
		flex-wrap: wrap ;
	}
	.spc-blk-14 .inner-01 .blk-01 .box-01 {
		width: auto ;
		margin: 10px 0 0;
		background: #fff ;
		border-bottom-left-radius: 10px ;
		border-bottom-right-radius: 10px ;
	}
	.spc-blk-14 .inner-01 .blk-01 .box-01:nth-child(1) {
		margin-top: 10px ;
	}
	.spc-blk-14 .inner-01 .blk-01 .box-01:nth-child(2) {
		margin-top: 10px ;
	}
	.spc-blk-14 .inner-01 .blk-01 .box-01 .txt-box {
		width: 100% ;
		box-sizing: border-box ;
		padding: 12px 4vw 15px ;
	}
	.spc-blk-14 .inner-01 .blk-01 .box-01 .txt-box .txt-01 {
		font-size: 3.73vw ;
		line-height: 1.66;
	}
	.spc-blk-14 .inner-01 .txt-02 {
		margin: 24px auto 0 ;
	}
}

/* spc-blk-15 */
.spc-blk-15 {
	margin: 0 auto 0 ;
	padding: 163px 0 172px;
	background: url(../images/bg_01.png) center center no-repeat;
	background-size: cover ;
}
.spc-blk-15 .txt-01 {
	width: 617px ;
	margin: 0 auto ;
}
@media screen and (max-width: 640px) {
	.spc-blk-15 {
		margin: 0 -5.33vw 0 ;
		padding: 73px 0 53px;
		background: url(../images/bg_01_sp.png) center center no-repeat;
		background-size: cover ;
	}
	.spc-blk-15 .txt-01 {
		width: 82.66% ;
		margin: 0 auto ;
	}
}


/* banners */
.banners {
	padding: 54px 0 70px;
	background: #fff;
}

.banners__inner {
	margin: 0 auto;
	padding: 0 0;
	max-width: 600px;
}

.banners__inner a:hover {
	display: block;
	opacity: 0.7;
}

@media screen and (max-width: 640px) {
	.banners {
		padding: 30px 0 39px;
	}

	.banners__inner {
		padding: 0 5.33vw ;
		max-width: auto;
	}
}

.footer {
	padding: 0 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer .sns {
	display: flex;
	margin-bottom: 10px;
}

.footer .sns li {
	margin-right: 20px;
	line-height: 1;
}

.footer .copyright {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #a8a8a8;
}

@media print {
	body {
		width: 1080px;
	}
}