@charset "UTF-8";
/*============================
	html5 reset style
============================*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,pre,address,code,
a,em,img,
small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,figcaption,figure,
footer,header,menu,nav,main,section,
input,mark,audio,video,
time,mark,audio,video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,figcaption,figure,
footer,header,menu,nav,section {
display:block;
}
ul,ol {
list-style:none;
}
a {
text-decoration: none;
}
img {
vertical-align:top;
}
em {
font-style:normal;
}	
table {
border-collapse:collapse;
border-spacing:0;
}
input,select {
vertical-align:middle;
}
input,select,textarea,button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font:inherit;
border:0;
border-radius: 0;
box-shadow:none;
}
input:focus,select:focus,textarea:focus,button:focus {
outline:0;
box-shadow: none;
}
label {
cursor: pointer;
}
/*----------------------------
	base layout
-----------------------------*/
html {
	font-size: 62.5%;
	height: 100%;
	background: #fff;
}
body {
	-webkit-text-size-adjust: 100%;
	font: 1.6rem / 1.5 'Noto Sans JP',sans-serif;
	color: #5d5d5d;
}
.inner {
	max-width: 860px;
	width: calc(100% - 30px);
	margin-left: auto;
	margin-right: auto;
}
.inner-l {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
/*----------------------------
	module style
-----------------------------*/
.bg-gray { background-color: #e5e5e5; }
.c-green { color: #32b3ac; }
.c--white { color: #fff; }
.fs-small	{ font-size: 1.4rem; }
.bold { font-weight: bold; }
.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }
.block { display: block; }
.inblock { display: inline-block; }
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; }
.pst-rel { position: relative; }
.pst-abs { position: absolute; }
.pst-fix { position: fixed; }
.w-full {
	width: 100%;
	height: auto;
}
.mt-8 { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-30 { margin-top: 30px; }
.mb-8 { margin-bottom: 8px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-50 { margin-bottom: 50px; }
.mb-80 { margin-bottom: 80px; }
.sp { display: none; }
/*----------------------------
	header
-----------------------------*/
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 17px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 1286px;
    padding-right: 76px;
    padding-left: 30px;
	box-sizing: border-box;
	z-index: 100;
}
.sitetitle {
	max-width: 300px;
}
header .fs-small {
	letter-spacing: -0.025em;
}
/*----------------------------
	contents
-----------------------------*/
.main-title-outer {
	background: url(/assets/img/bg_maintitle_pc.png)center /cover no-repeat,#72e1d6;
	padding-top: 131px;
	padding-bottom: 95px;
}
/* test mv */
.breadcrumb {
	display: flex;
	max-width: 1200px;
	margin: 0 auto 44px;
	padding: 0 30px 0 42px;
	box-sizing: border-box;
}
.breadcrumb-item {
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 1.5;
}
.breadcrumb-item + .breadcrumb-item {
	padding-left: 50px;
	position: relative;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
	position: absolute;
	left: 20px;
}
.link-breadcrumb {
	color: #fff;
}
.main-title {
	text-align: center;
	color: #fff;
	font-size: 4.4rem;
	letter-spacing: 0.195em;
	font-weight: normal;
	filter: drop-shadow(0px 0px 26px rgba(17, 146, 137, 0.4));
	line-height: 1.5;
}
.link-purple {
	color: #8365b5;
	border: solid 2px #8365b5;
	background-color: #fff;
	font-size: 2rem;
	border-radius: 4.75rem;
	text-align: center;
	display: block;
	letter-spacing: 0.015em;
	padding: 11px 8.0833%;
	max-width: max-content;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.link-purple em {
	font-size: 2.6rem;
	font-weight: bold;
}
.link-green {
	background-color: #32b3ac;
	color: #fff;
	font-size: 2.4rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: max-content;
	border-radius: 7px;
	position: relative;
	text-align: center;
}
.link-yellow {
	background-color: #ffed57;
	color: #118b83;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 2.7692;
	letter-spacing: 0.015em;
	border-radius: 48px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: max-content;
	min-width: 560px;
	padding: 12px;
	box-sizing: border-box;
	text-align: center;
}
/*----------------------------
	footer
-----------------------------*/
footer {
	max-width: 1120px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #c2c2c2;
	padding: 80px 30px 38px;
	box-sizing: border-box;
}
.link-footerlogo {
	display: block;
	margin: 0 auto 46px;
	width: 300px;
}
.footer-text {
	max-width: 810px;
	margin: 0 auto 60px;
	border: solid 1px #7f7f7f;
	color: #676767;
	padding: 38px 46px;
	box-sizing: border-box;
}
.list-footer {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.list-footer-item {
	margin: 0 17px;
}
.link-footer {
	color: #676767;
	border-bottom: solid 1px #797979;
	font-size: 1.7rem;
	line-height: 2.176;
	display: block;
}
.copyright-outer {
	text-align: center;
	font-size: 1.4rem;
	color: #333;
	font-weight: 500;
}
@media screen and (max-width: 839px){
	.sp { display: block; }
	.pc { display: none; }
	.inner {
		width: calc(100% - 24px);
	}
	header {
		padding-right: 15px;
		padding-left: 32px;
		align-items: flex-start;
	}
	header .fs-small {
		font-size: 1rem;
	}
	.sitetitle img {
		width: 153px;
		height: auto;
	}
	header .align-r a img {
		width: 112px;
		height: auto;
	}
	.main-title-outer {
		padding-top: 69px;
		padding-bottom: 60px;
	}
	.breadcrumb {
		padding: 0 20px;
		font-size: 1rem;
		margin-bottom: 44px;
	}
	.breadcrumb-item + .breadcrumb-item {
		padding-left: 31px;
	}
	.breadcrumb-item + .breadcrumb-item::before {
		left: 12px;
	}
	.main-title {
		font-size: 5.263vw;
		letter-spacing: 0.1em;
	}
	.link-purple {
		font-size: 2.631vw;
		padding: 11px 5.7894vw;
	}
	.link-purple em {
		font-size: 3.421vw;
	}
	.link-green {
		font-size: 3.157vw;
	}
	footer {
		padding: 30px 15px 40px;
		font-size: 2.631vw;
	}
	.link-footerlogo {
		width: 210px;
	}
	.footer-logo {
		width: 100%;
		height: auto;
	}
	.footer-text {
		padding: 4.473vw 5.263vw;
		margin-bottom: 25px;
		width: 86.857%;
	}
	.list-footer-item {
		margin: 0 10px;
	}
	.copyright,.link-footer {
		font-size: 2.631vw;
	}
}