@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap);

*,
:after,
:before {
	box-sizing: border-box
}

:after,
:before {
	text-decoration: inherit;
	vertical-align: inherit
}

html {
	-webkit-tap-highlight-color: transparent;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	cursor: default;
	line-height: 1.5;
	-moz-tab-size: 4;
	tab-size: 4;
	word-break: break-word
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
	margin: 0
}

hr {
	color: inherit;
	height: 0;
	overflow: visible
}

main {
	display: block
}

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

nav li:before {
	content: "\200B"
}

pre {
	-ms-overflow-style: scrollbar;
	font-family: monospace, monospace;
	font-size: 1em;
	overflow: auto
}

a {
	background-color: transparent
}

abbr[title] {
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

audio,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

iframe,
img {
	border-style: none
}

svg:not([fill]) {
	fill: currentColor
}

svg:not(:root) {
	overflow: hidden
}

table {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0
}

button,
input,
select {
	margin: 0
}

button {
	overflow: visible;
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

fieldset {
	border: 1px solid #a0a0a0;
	padding: .35em .75em .625em
}

input {
	overflow: visible
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

progress {
	display: inline-block;
	vertical-align: baseline
}

select {
	text-transform: none
}

textarea {
	margin: 0;
	overflow: auto;
	resize: vertical;
	resize: block
}

[type=checkbox],
[type=radio] {
	padding: 0
}

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

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

::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

::-moz-focus-inner {
	border-style: none;
	padding: 0
}

:-moz-focusring {
	outline: 1px dotted ButtonText
}

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

details,
dialog {
	display: block
}

dialog {
	background-color: #fff;
	border: solid;
	color: #000;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content
}

dialog:not([open]) {
	display: none
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

template {
	display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
	-ms-touch-action: manipulation
}

[hidden] {
	display: none
}

[aria-busy=true] {
	cursor: progress
}

[aria-controls] {
	cursor: pointer
}

[aria-disabled=true],
[disabled] {
	cursor: not-allowed
}

[aria-hidden=false][hidden] {
	display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	position: absolute
}

html {
	font-size: 16px
}

body {
	background: #fff;
	color: #3f3c3c;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, sans-serif;
	font-weight: 500;
	letter-spacing: .025em;
	line-height: 1.7;
	margin: 0;
	padding: 0
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	vertical-align: top
}

img {
	display: block;
	height: auto;
	max-width: 100%
}

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

a:hover {
	opacity: .6
}

address,
button,
input,
select,
small,
textarea {
	font: inherit
}

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0
}

:focus,
button {
	outline: 0
}

dd,
dl,
dt,
h1,
h2,
h3,
h4,
p,
ul {
	margin: 0;
	padding: 0
}

ul {
	list-style: none
}

.pcIniine {
	display: none
}

.spVisible {
	display: block
}

.pcVisible {
	display: none
}

.wrapper {
	min-width: 100%;
	overflow: hidden;
	position: relative;
	width: 100%
}

.anm {
	opacity: 0;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out
}

.anm.show {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.anm--up {
	-webkit-transform: translateY(40px);
	transform: translateY(40px)
}

.anm--lr {
	-webkit-transform: translate(-60px);
	transform: translate(-60px)
}

.anm--rl {
	-webkit-transform: translate(60px);
	transform: translate(60px)
}

.header__title {
	margin: 0 auto;
	padding: 2.6666666667vw 0;
	width: 86px
}

.header__logo {
	display: block;
	margin: 0 auto;
	width: 107px
}

.footer {
	padding-bottom: 40px
}

.footer .curucuruLogo {
	margin: 30px auto 0;
	width: 150px
}

.sec-banner {
	background-color: #fff;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, sans-serif;
	padding: 19.4666666667vw 2.6666666667vw 8vw
}

.sec-banner-head {
	font-size: 23px;
	margin-bottom: 36px;
	text-align: center
}

.sec-banner-inner {
	border-bottom: 1px solid #ccc
}

.sec-banner-inner-item {
	border-top: 1px solid #ccc
}

.sec-banner .curucuruLogo {
	margin-top: 14.4vw
}

.banner {
	padding: 14px 0
}

.banner a {
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.banner+.banner {
	border-top: 1px solid #ccc
}

.banner-thumb {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 136px
}

.banner-thumb img {
	width: 100%
}

.banner-head {
	font-size: 3.7333333333vw;
	margin-left: 5.3333333333vw;
	margin-top: 2.6666666667vw
}

.btnBack {
	margin: 40px 30px 0
}

.btnBack+.btnBack {
	margin: 10px 30px 0
}

.btnBack a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	border: 1px solid #001220;
	color: #001220;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	height: 60px;
	justify-content: center;
	line-height: 1.3;
	position: relative;
	text-align: center;
	-webkit-transition: background-color .1s ease;
	transition: background-color .1s ease;
	width: 100%
}

.btnBack a:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAgCAYAAADwvkPPAAAAWklEQVR4Ae3WMQ6AUAgD0H8k55+C3kRvojfXdOvgZheTNmHkESYYmm3OZTjSwLkCd3fvFoj1CeRqAhnAqiNgwID/Btn0hnFIoECBfBCPsAESELgskIIGyPdSPV/mL/c3hVMyAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: "";
	display: block;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 7px
}

.thoughts span {
	display: block
}

.thoughts-btn {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	background: #667179;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	gap: 0 8px;
	height: 60px;
	justify-content: center;
	line-height: 1.3;
	margin: 0 auto;
	text-align: center;
	width: 90%
}

.thoughts-btn:after {
	background: url(../img/common/pencil.png) 50%/cover;
	content: "";
	display: block;
	height: 16px;
	width: 16px
}

.linkList-title {
	font-family: 游明朝体, Yu Mincho, YuMincho, ヒラギノ明朝 Pro, Hiragino Mincho Pro, MS P明朝, MS PMincho, serif;
	font-size: 24px;
	margin: 0 0 30px;
	text-align: center
}

.linkList {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-family: 游明朝体, Yu Mincho, YuMincho, ヒラギノ明朝 Pro, Hiragino Mincho Pro, MS P明朝, MS PMincho, serif;
	gap: 20px 0;
	padding: 0 20px
}

.linkList-item a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	background-color: #3f3c3c;
	color: #fff;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	justify-content: space-between;
	padding: 20px 10px
}

.linkList-item a:after {
	content: ">";
	display: block
}

@media print,
screen and (min-width:480px) {
	.pcIniine {
		display: inline
	}

	.spVisible {
		display: none
	}

	.pcVisible {
		display: block
	}

	.wrapper {
		margin: 0 auto
	}

	.header__title {
		margin: 0 auto;
		padding: 10px 0;
		width: 86px
	}

	.footer {
		padding-bottom: 80px
	}

	.footer .curucuruLogo {
		margin-top: 80px;
		width: 260px
	}

	.sec-banner {
		padding: 110px 0 60px
	}

	.sec-banner-inner {
		margin: 0 auto;
		width: 800px
	}

	.sec-banner-inner-item {
		display: grid;
		gap: 1.8vw;
		grid-template-columns: 1fr 1fr;
		padding: 20px 0
	}

	.sec-banner .curucuruLogo {
		margin-top: 6vw
	}

	.banner {
		padding: 0;
		-webkit-transition: opacity .2s ease;
		transition: opacity .2s ease
	}

	.banner:hover {
		opacity: .8;
		-webkit-transition: opacity .1s ease;
		transition: opacity .1s ease
	}

	.banner+.banner {
		border-top: none
	}

	.banner-thumb {
		width: 187px
	}

	.banner-head {
		font-size: 16px;
		margin-left: 2vw;
		margin-top: 0
	}

	.btnBack {
		margin: 40px auto 0;
		max-width: 400px
	}

	.btnBack+.btnBack {
		margin: 10px auto 0
	}

	.btnBack a:hover {
		background-color: #001220;
		color: #fff;
		-webkit-transition: background-color .1s ease;
		transition: background-color .1s ease
	}

	.btnBack a:hover:after {
		background-image: url(../images/arrow-right-w.png)
	}

	.btnBack a:after {
		right: 18px
	}

	.thoughts-btn {
		margin: 40px auto 0;
		max-width: 400px
	}

	.linkList-title {
		font-size: 32px;
		margin: 0 0 30px;
		text-align: center
	}

	.linkList {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 20px 4%;
		margin: 0 auto;
		max-width: 1000px;
		padding: 0 20px
	}

	.linkList-item {
		width: 48%
	}

	.linkList-item a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 20px;
		padding: 24px 20px
	}
}

/*# sourceMappingURL=maps/common.css.map */