@charset "UTF-8";
/* Normalize
--------------------------------------------- */
/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	/* Prevent adjustments of font size after orientation changes in iOS */
	word-break: normal;
	-moz-tab-size: 4;
	tab-size: 4;
	font-size: 62.5%;
}

*,
::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
   # ================================================================= */
hr {
	overflow: visible;
	/* Show the overflow in Edge and IE */
	height: 0;
	/* Add the correct box sizing in Firefox */
	color: inherit;
	/* Correct border color in Firefox. */
}

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

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

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

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

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

a {
	background-color: transparent;
	/* Remove the gray background on active links in IE 10 */
}

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 */
}

pre {
	font-size: 1em;
	/* Correct the odd `em` font sizing in all browsers */
}

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

/* 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;
}

table {
	border-color: inherit;
	/* Correct border color in all Chrome, Edge, and Safari. */
	text-indent: 0;
	/* Remove text indentation in Chrome, Edge, and Safari */
}

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

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

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

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

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

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 */
}

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

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

/* 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: none;
	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 */
}

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

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline-width: 0;
}

/* 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 */
	max-width: 100%;
	/* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
	/* Correct the inability to style clickable types in iOS and Safari */
	-webkit-appearance: button;
	color: inherit;
	font: inherit;
	/* Change font properties to `inherit` in Chrome and 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;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* 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='true'] {
	cursor: default;
}

/* Mixin
--------------------------------------------- */
/* Font-Size
16pxを基準に
--------------------------------------------- */
/* Color
彩度が高いほど色の数字を大きく
--------------------------------------------- */
/* Form
--------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
	background-color: white;
	border-radius: 3px;
	padding: 8px 12px;
	width: 100%;
	line-height: 1.75;
	border: 1px solid #eee;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
	border: 1px solid #731A69;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

input[type="submit"] {
	background-color: #FFBCA8;
	color: #731A69;
	width: 100%;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 500;
	padding: 1rem;
	border-radius: 1.75rem;
}

input[type="submit"]:disabled input[type="submit"] {
	background-color: #ccc;
	color: white;
}

textarea {
	height: 10rem;
}

select {
	appearance: auto;
	-moz-appearance: auto;
	-webkit-appearance: auto;
}

/* リンク
--------------------------------------------- */
.white a {
	color: white;
}

.white a:visited, .white a:hover, .white a:focus, .white a:active {
	color: white;
}

.orange a {
	color: #FF9A7B;
}

.orange a:visited, .orange a:hover, .orange a:focus, .orange a:active {
	color: #FF9A7B;
}

/* セレクタ
--------------------------------------------- */
html {
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1em;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

a {
	text-decoration: none;
}

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

body {
	background-color: #f9f9f9;
}

main {
	overflow-x: hidden;
}

p {
	color: #666666;
	line-height: 1.8;
	text-align: justify;
}

.entry-header {
	display: none;
}

.contact-item {
	align-items: center;
	margin: 20px 0;
}

@media (max-width: 1020px) {
	.contact-item {
		margin-bottom: 32px;
	}
	.contact-item.lay__flex {
		align-items: flex-start;
	}
}

.contact-must {
	background-color: #cd002c;
	font-size: 0.75rem;
	padding: 0.5rem 0.5rem;
	border-radius: 4px;
	color: white;
	line-height: 1;
}

.contact-title {
	width: 240px;
}

.contact-title h4 {
	font-weight: 500;
}

@media (max-width: 1020px) {
	.contact-title {
		margin-bottom: 12px;
	}
	.contact-title.lay__flex {
		flex-direction: row;
		justify-content: flex-start;
	}
	.contact-title h4 {
		margin-right: 12px;
	}
}

.contact-input {
	width: 500px;
}

@media (max-width: 1020px) {
	.contact-input {
		width: 100%;
	}
}

.contact-privacy-text {
	height: 16rem;
	background-color: white;
	overflow: scroll;
	padding: 24px 20px;
	font-size: 1rem;
	border: 1px solid #eee;
}

.contact-privacy-text p {
	color: #000;
}

.contact-privacy-text h5 {
	font-size: 1rem;
	margin: 24px 0 8px;
}

.contact-accept {
	background-color: white;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	border: 1px solid #eee;
}

.contact-accept label {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-accept label input {
	margin-right: 8px;
}

.contact-submit {
	width: 400px;
	margin: 40px auto;
}

@media (max-width: 1020px) {
	.contact-submit {
		width: 100%;
	}
}

.ajax-loader {
	display: none !important;
}

.pc {
	display: block !important;
}

@media (max-width: 680px) {
	.pc {
		display: none !important;
	}
}

.mobile {
	display: none !important;
}

@media (max-width: 680px) {
	.mobile {
		display: block !important;
	}
}

.lay__flex {
	display: flex;
	justify-content: space-between;
}

@media (max-width: 1020px) {
	.lay__flex {
		flex-direction: column;
		align-items: center;
	}
}

.container {
	padding: 80px 120px;
}

@media (max-width: 1020px) {
	.container {
		padding: 64px 80px;
	}
}

@media (max-width: 680px) {
	.container {
		padding: 64px 20px;
	}
}

.wrapper {
	width: 1020px;
	margin: 0 auto;
}

@media (max-width: 1020px) {
	.wrapper {
		width: 100%;
	}
}

main {
	margin: 48px auto 0;
}

@media (max-width: 1020px) {
	main {
		margin: 60px auto 0;
	}
}

.headline-radius {
	text-align: center;
	color: white;
	line-height: 1;
	padding: 0.8rem 0;
	border-radius: 1.8rem;
	margin-bottom: 40px;
	font-size: 1.5rem;
	font-weight: 500;
}

@media (max-width: 680px) {
	.headline-radius {
		font-size: 1.25rem;
	}
}

.headline-radius--blue100 {
	background-color: #D9EBE9;
}

.headline-radius--blue300 {
	background-color: #5AA1BF;
}

.headline-radius--red300 {
	background-color: #FF9A7B;
}

.headline-radius--green300 {
	background-color: #898568;
}

.headline-radius--red500 {
	background-color: #731A69;
}

.headline-middle {
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 32px;
}

@media (max-width: 680px) {
	.headline-middle {
		font-size: 1.25rem;
	}
}

.odekakea-header {
	height: 80px;
	width: 100%;
	background-color: #731A69;
	color: white;
	padding: 24px 40px 16px;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
}

.odekakea-header .wrapper {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: flex-end;
}

.odekakea-header__logo img {
	width: 200px;
}

.odekacare .main-navigation__contact img{
	 margin: 0;
}

@media (max-width: 1020px) {
	.odekakea-header {
		height: 60px;
		padding: 16px 20px;
	}
	.header__logo img {
		width: 160px;
	}
}

.odekakea-header .main-navigation {
	transition: 0.2s ease-in;
}

.odekakea-header .main-navigation ul {
	display: flex;
	align-items: flex-end;
}

.odekakea-header .main-navigation ul li {
	margin-right: 24px;
	margin-left: 0;
}

.odekakea-header .main-navigation ul li:last-child {
	margin-right: 0;
}

.odekakea-header .main-navigation__contact {
	color: #FF9A7B;
}

.odekakea-header .main-navigation__contact img {
	width: 32px;
	margin-right: 4px;
}

.odekakea-header .main-navigation.toggled {
	opacity: 1;
	visibility: visible;
	bottom: 0;
}

@media (max-width: 1020px) {
	.odekakea-header .main-navigation {
		position: fixed;
		width: 100%;
		top: 60px;
		right: 0;
		left: 0;
		visibility: hidden;
		opacity: 0;
		background-color: #731A69;
		padding: 0 20px;
		z-index: 100;
	}
	.odekakea-header .main-navigation ul {
		flex-direction: column;
		align-items: start;
		margin-top: 40px;
	}
	.odekakea-header .main-navigation ul li {
		margin-right: 0;
		margin-bottom: 32px;
		width: 100%;
	}
	.odekakea-header .main-navigation__contact {
		margin-top: 16px;
		background-color: white;
		padding: 16px;
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.odekakea-header .main-navigation__contact img {
		width: 32px;
		margin-right: 4px;
	}
}

.menu-toggle {
	display: none;
}

@media (max-width: 1020px) {
	.menu-toggle {
		display: block;
	}
}

.menu-toggle span {
	content: "";
	display: block;
	background-color: white;
	width: 40px;
	height: 4px;
	border-radius: 2px;
	transition: 0.2s ease-in;
}

.menu-toggle span:nth-child(1) {
	margin-bottom: 8px;
}

.menu-toggle span:nth-child(2) {
	margin-bottom: 8px;
}

.menu-toggle.toggled span:nth-child(1) {
	transform: translateY(14px) rotate(-45deg);
}

.menu-toggle.toggled span:nth-child(2) {
	margin-bottom: 12px;
	opacity: 0;
}

.menu-toggle.toggled span:nth-child(3) {
	transform: translateY(-14px) rotate(45deg);
}

.odekakea-footer {
	background-color: #731A69;
	color: white;
	text-align: center;
	padding: 64px 0 40px;
}

.odekakea-footer p {
	color: #FFFFFF;
	text-align: center;
}

.odekakea-footer img {
	width: 280px;
}

.odekakea-footer nav {
	font-size: 0.875rem;
}

.odekakea-footer nav ul {
	display: flex;
	justify-content: center;
}

.odekakea-footer nav ul li {
	padding: 0 8px;
	border-left: 1px solid white;
}

.odekakea-footer nav ul li:first-child {
	border-left: none;
}

.footer__logo-text {
	color: white;
	font-weight: 500;
	margin-top: 24px;
	margin-bottom: 8px;
	text-align: center;
}

.footer__copylight {
	color: white;
	font-size: 0.875rem;
	margin-top: 16px;
	text-align: center;
}

@media (max-width: 680px) {
	.odekakea-footer {
		padding: 40px 0;
	}
	.odekakea-footer nav ul {
		flex-direction: column;
	}
	.odekakea-footer nav ul li {
		padding: 8px 0;
		border-left: none;
	}
}

.slick-dots {
	bottom: 12px !important;
}

.top {
	background-color: #FFFAF4;
}

.experiment-is-over {
	background-color: #FD5959;
	height: 150px;
}

.odekacare .experiment-is-over h3 {
	color: #FFFFFF;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	padding-top: 20px;
	margin-bottom: 10px;
}

.experiment-is-over p {
	color: #FFFFFF;
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
}

.experiment-is-over img {
	height: 50px;
	margin-top: 10px;
}

.odekacare {
	background-color: #ECF5F4;
}

.odekacare h3 {
	color: #5AA1BF;
}

.odekacare img {
	margin: 32px 0 40px;
}

.odekacare img:last-child {
	margin-bottom: 0;
}

.odekacare__caution {
	margin-top: 16px;
	font-size: 0.75rem;
}

.system {
	background-color: #FFFAF4;
}

.system h3 {
	color: #FF9A7B;
	margin-bottom: 16px;
}

.system img {
	margin-top: 32px;
}

.system__period {
	text-align: center;
	margin-bottom: 24px;
	font-weight: 500;
}

.information {
	background-color: #F5F7ED;
}

.information h2 {
	margin-bottom: 16px;
}

.information ul li {
	border-bottom: 1px solid #666;
	padding: 24px 0 32px;
	align-items: flex-end;
}

.information ul li figure {
	width: 200px;
	flex-shrink: 0;
	margin-left: 24px;
}

.information__date {
	color: #FF9A7B;
	font-size: 0.875rem;
}

.information__date date {
	font-size: 1.125rem;
	margin-left: 8px;
}

.information__headline {
	color: #666666;
	font-size: 1rem;
	font-weight: 500;
	margin-top: 16px;
}

.information__text {
	font-weight: 300;
	margin-top: 8px;
}

@media (max-width: 1020px) {
	.information ul li {
		align-items: flex-start;
	}
	.information ul li figure {
		margin-top: 16px;
		margin-left: 0;
	}
}

.contact {
	background-color: #FFFAF4;
}

.contact h2 {
	margin-bottom: 64px;
}

.contact__tel p {
	text-align: center;
	font-size: 0.875rem;
}

.contact__tel p:last-child {
	font-size: 2rem;
	font-weight: 500;
}

.organizer {
	background-color: #F5F7ED;
}

.organizer h3 {
	color: #666666;
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 24px;
}

.organizer ul li {
	text-align: center;
	width: 50%;
	margin-bottom: 32px;
}

@media (max-width: 1020px) {
	.organizer ul li {
		width: 100%;
	}
}

.organizer ul li img {
	width: 52px;
	margin-top: 16px;
}

.organizer__name {
	font-size: 1.125rem;
	font-weight: 500;
	margin-bottom: 8px;
	text-align: center;
}

.organizer__adress {
	font-size: 0.875rem;
	font-style: normal;
	color: #666666;
	text-align: center;
}

.organizer__tel {
	font-size: 0.875rem;
	text-align: center;
}

.organizer__support {
	text-align: center;
	font-size: 0.875rem;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: none;
}

.wpcf7 form.init .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: none;
	color: #46b450;
	/* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border: none;
	color: #dc3232;
	/* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border: none;
	color: #dc3232;
	/* Red */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border: none;
	color: #dc3232;
	/* Red */
}

.wpcf7 form .wpcf7-response-output {
	padding: 0;
}

form.sent .contact-item,
form.sent .contact-submit {
	display: none;
}

#kiyaku {
	background-color: #FFFAF4;
	padding: 40px 32px;
}

#kiyaku h2 {
	margin-bottom: 32px;
}

#kiyaku h3 {
	margin-top: 32px;
	margin-bottom: 24px;
}

#kiyaku .ta-r {
	text-align: right;
}

#kiyaku .intro {
	margin: 24px 0;
}

#kiyaku main p,
#kiyaku main li {
	color: #333;
}

#kiyaku p {
	margin-bottom: 16px;
}

#kiyaku ul li ul {
	margin-left: 24px;
	margin-top: 16px;
}

#kiyaku li {
	margin-bottom: 12px;
}

#page-top {
	width: 48px;
	position: fixed;
	bottom: 24px;
	right: 24px;
}

.postscript {
	font-size: 1rem;
	color: #cd002c;
	display: block;
	text-align: center;
}

/* 実証実験結果のトップ画像 */
.result-banner {
	display: flex;
	flex-wrap: wrap;
}
.result-banner li {
	width: calc(100%/2); /* 画像を横に2つ並べる */
	padding: 0 0px;
	box-sizing: border-box;
}

@media (max-width: 680px) {
	.result-banner li {
		width: 100%; /* 画像が一つ */
	}
}

.result-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

.center-img {
	display: block;
	margin: auto;
	max-width: 605px;
}

/* 実証実験結果の概要 */
.section-result-summary {
	background-color: #ECF5F4;
}

.section-trend { 
	background-color: #F5F7ED;
}

.section-trend h3 {
	color: #FF9A7B;
}

/* 参加者の属性 */
.participant-attribute {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 80px auto;
}
.participant-attribute li {
	width: calc(100%/2);
	padding: 0 10px;
	box-sizing: border-box;
}

@media (max-width: 680px) {
	.participant-attribute {
		margin-top: 0;
	}
	.participant-attribute li {
		margin-top: 32px;
		width: 100%;
	}
}
.participant-attribute li img {
	max-width: 335px; 
	/* li内で中央揃え */
	display: block;
	margin: auto;
	height: auto; /*画像の縦横比を維持 */
}

/* 実験の結果 */
.section-experimental-result {
	background-color: #FFEED8;
}

/* おでかケア便とは */
.section-result-about-odekacare {
	background-color: #FFFAF4;
}

.margin-top-bottom-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.margin-top-80 {
	margin-top: 80px;
}

@media (max-width: 680px) {
	.margin-top-bottom-80 {
		margin-top: 32px;
		margin-bottom: 32px;
	}

	.margin-top-80 {
		margin-top: 32px;
	}
}

.odekakea-form h4{
	font-size: initial;
}

.odekakea-form .contact-must{
	color: #FFFFFF;
}
.contact .odekakea-form select,
.contact .odekakea-form input.wpcf7-text,
.contact .odekakea-form textarea{
	background-color: #fdfdfd;
    backdrop-filter: initial;
	color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 8px 12px;
    margin-top: 12px;
    width: 100%;
    max-width: 600px;
}

.odekakea-form .wpcf7-list-item label{
		margin-bottom: 0;
	}

.contact .odekakea-form .contact-accept input.conact-poricy{ 

}

/*# sourceMappingURL=maas-hachioji.css.map */