/*
Theme Name:dayrobo
*/


* {
	color: #292f4a;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	font-family: "Noto Sans CJK JP", sans-serif, "Noto Sans JP", sans-serif, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif;
	color: #292f4a;
	background-color: #f8f5ef;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.c-article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(100% - 30px);
	margin-left: 30px;
	background: #fff;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 16px rgba(60, 78, 100, .16);
	box-shadow: 0 0 16px rgba(60, 78, 100, .16);
	margin-bottom: 100px
}

.c-button {
	display: block;
	max-width: 850px;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding: 6px;
	border-radius: 50px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	background-color: #fed766;
	-webkit-transition: .3s;
	transition: .3s
}

.c-button:hover {
	background: #fff7e0
}

.c-button.-reverse {
	font-family: "Noto Sans CJK JP", sans-serif, "Noto Sans JP", sans-serif, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN", "Hiragino Kaku Gothic ProN", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif;
	background: #292f4a;
	max-width: 400px;
	width: 100%;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 40px;
	font-size: 18px;
	border: 2px solid #292f4a;
	cursor: pointer
}

.c-button.-reverse:hover {
	background: none;
	color: #292f4a
}

.c-button__doc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid #292f4a;
	border-radius: 50px
}

.c-button.material {
	margin-top: 30px;
	background-color: #f34d1d;
}

.c-button.material:hover:hover {
	background: #feede8
}

.c-button.material .c-button__doc {
	color: #fff;
}

.c-button.material .c-button__doc:hover {
	color: #f34d1d;
}

@-webkit-keyframes animation-robo {
	0% {
		bottom: 0
	}

	20% {
		bottom: 5px
	}

	40% {
		bottom: 0
	}

	100% {
		bottom: 0
	}
}

@keyframes animation-robo {
	0% {
		bottom: 0
	}

	20% {
		bottom: 5px
	}

	40% {
		bottom: 0
	}

	100% {
		bottom: 0
	}
}

.u-btn {
	display: block;
	min-width: 170px;
	height: 100%;
	padding: 6px;
	border-radius: 50px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	-webkit-transition: .3s;
	transition: .3s
}

.u-btn div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid #292f4a;
	border-radius: 50px
}

.u-btn_desc {
	background-color: #fed766;
	margin-right: 20px
}

.u-btn_desc:hover {
	background: #fff7e0
}

.u-btn_doc {
	background-color: #f34d1d
}

.u-btn_doc div {
	color: #fff
}

.u-btn_doc div:hover {
	color: #f34d1d
}

.u-btn_doc:hover {
	background: #feede8
}

.show .u-btn {
	display: block;
	width: calc(100vw - 60px);
	height: 60px;
	margin: 0 30px 0 10px;
	padding: 6px;
	border-radius: 50px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	-webkit-transition: .3s;
	transition: .3s
}

.show .u-btn div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid #292f4a;
	border-radius: 50px
}

.show .u-btn_desc {
	background-color: #fed766;
	margin-right: 0;
	margin-bottom: 30px
}

.show .u-btn_desc:hover {
	background: #fff7e0
}

.show .u-btn_doc {
	background-color: #f34d1d
}

.show .u-btn_doc div {
	color: #fff
}

.show .u-btn_doc div:hover {
	color: #f34d1d
}

.show .u-btn_doc:hover {
	background: #feede8
}

.c-heading {
	text-align: left;
	line-height: 1.6;
	font-weight: 700
}

h1.c-heading {
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 5vw;
	padding: 0 20px 0 0
}

h2.c-heading {
	font-size: 36px;
	padding: 80px 0 50px;
	text-align: center;
	font-weight: 800
}

h3.c-heading {
	font-size: 28px;
	text-align: start;
	font-weight: 800;
	font-style: normal
}

.c-balloon {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	font-weight: 500;
	border-radius: 30px 30px 30px 0
}

#feature_01_block {
	position: sticky;
	width: 100%;
	top: auto
}

.c-list {
	list-style: disc;
	padding-left: 6px;
	margin-bottom: 14px
}

.c-list li {
	line-height: 1.8;
	text-indent: -1em;
	margin-left: 1em
}

.u-note {
	text-align: right;
	font-size: 14px
}

@-webkit-keyframes animation-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes animation-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.u-relative {
	position: relative;
}

.u-dp__none {
	display: none !important
}

.u-dp__inline {
	display: inline !important
}

.u-dp__inlineblock {
	display: inline-block !important;
	width: auto !important
}

.u-dp__block {
	display: block !important
}

.u-dp__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.u-fw__nw {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.u-fw__w {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.u-ai__fs {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.u-ai__ct {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.u-ai__fn {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.u-jc__ct {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.u-jc__sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.u-fd__co {
	flex-direction: column;
}

.u-gap__30 {
	gap: 30px;
}

.u-gap__50 {
	gap: 50px;
}

.u-m0 {
	margin: 0px !important
}

.u-m5 {
	margin: 5px !important
}

.u-m10 {
	margin: 10px !important
}

.u-m15 {
	margin: 15px !important
}

.u-m20 {
	margin: 20px !important
}

.u-m30 {
	margin: 30px !important
}

.u-m40 {
	margin: 40px !important
}

.u-m50 {
	margin: 50px !important
}

.u-mt0 {
	margin-top: 0px !important
}

.u-mt5 {
	margin-top: 5px !important
}

.u-mt10 {
	margin-top: 10px !important
}

.u-mt15 {
	margin-top: 15px !important
}

.u-mt20 {
	margin-top: 20px !important
}

.u-mt30 {
	margin-top: 30px !important
}

.u-mt40 {
	margin-top: 40px !important
}

.u-mt50 {
	margin-top: 50px !important
}

.u-mt60 {
	margin-top: 60px !important
}

.u-mt70 {
	margin-top: 70px !important
}

.u-mt80 {
	margin-top: 80px !important
}

.u-mt90 {
	margin-top: 90px !important
}

.u-mt100 {
	margin-top: 100px !important
}

.u-mt110 {
	margin-top: 110px !important
}

.u-mt120 {
	margin-top: 120px !important
}

.u-mt130 {
	margin-top: 130px !important
}

.u-mt140 {
	margin-top: 140px !important
}

.u-mt150 {
	margin-top: 150px !important
}

.u-mt160 {
	margin-top: 160px !important
}

.u-mt170 {
	margin-top: 170px !important
}

.u-mt180 {
	margin-top: 180px !important
}

.u-mt190 {
	margin-top: 190px !important
}

.u-mt200 {
	margin-top: 200px !important
}

.u-mr0 {
	margin-right: 0px !important
}

.u-mr5 {
	margin-right: 5px !important
}

.u-mr10 {
	margin-right: 10px !important
}

.u-mr15 {
	margin-right: 15px !important
}

.u-mr20 {
	margin-right: 20px !important
}

.u-mr30 {
	margin-right: 30px !important
}

.u-mr40 {
	margin-right: 40px !important
}

.u-mr50 {
	margin-right: 50px !important
}

.u-mb0 {
	margin-bottom: 0px !important
}

.u-mb5 {
	margin-bottom: 5px !important
}

.u-mb10 {
	margin-bottom: 10px !important
}

.u-mb15 {
	margin-bottom: 15px !important
}

.u-mb20 {
	margin-bottom: 20px !important
}

.u-mb30 {
	margin-bottom: 30px !important
}

.u-mb40 {
	margin-bottom: 40px !important
}

.u-mb50 {
	margin-bottom: 50px !important
}

.u-mb60 {
	margin-bottom: 60px !important
}

.u-mb70 {
	margin-bottom: 70px !important
}

.u-mb80 {
	margin-bottom: 80px !important
}

.u-mb90 {
	margin-bottom: 90px !important
}

.u-mb100 {
	margin-bottom: 100px !important
}

.u-mb110 {
	margin-bottom: 110px !important
}

.u-mb120 {
	margin-bottom: 120px !important
}

.u-mb130 {
	margin-bottom: 130px !important
}

.u-mb140 {
	margin-bottom: 140px !important
}

.u-mb150 {
	margin-bottom: 150px !important
}

.u-mb160 {
	margin-bottom: 160px !important
}

.u-mb170 {
	margin-bottom: 170px !important
}

.u-mb180 {
	margin-bottom: 180px !important
}

.u-mb190 {
	margin-bottom: 190px !important
}

.u-mb200 {
	margin-bottom: 200px !important
}

.u-ml0 {
	margin-left: 0px !important
}

.u-ml5 {
	margin-left: 5px !important
}

.u-ml10 {
	margin-left: 10px !important
}

.u-ml15 {
	margin-left: 15px !important
}

.u-ml20 {
	margin-left: 20px !important
}

.u-ml30 {
	margin-left: 30px !important
}

.u-ml40 {
	margin-left: 40px !important
}

.u-ml50 {
	margin-left: 50px !important
}

.u-p0 {
	padding: 0px !important
}

.u-p5 {
	padding: 5px !important
}

.u-p10 {
	padding: 10px !important
}

.u-p15 {
	padding: 15px !important
}

.u-p20 {
	padding: 20px !important
}

.u-p30 {
	padding: 30px !important
}

.u-p40 {
	padding: 40px !important
}

.u-p50 {
	padding: 50px !important
}

.u-pt0 {
	padding-top: 0px !important
}

.u-pt5 {
	padding-top: 5px !important
}

.u-pt10 {
	padding-top: 10px !important
}

.u-pt15 {
	padding-top: 15px !important
}

.u-pt20 {
	padding-top: 20px !important
}

.u-pt30 {
	padding-top: 30px !important
}

.u-pt40 {
	padding-top: 40px !important
}

.u-pt50 {
	padding-top: 50px !important
}

.u-pt60 {
	padding-top: 60px !important
}

.u-pt70 {
	padding-top: 70px !important
}

.u-pt80 {
	padding-top: 80px !important
}

.u-pt90 {
	padding-top: 90px !important
}

.u-pt100 {
	padding-top: 100px !important
}

.u-pt110 {
	padding-top: 110px !important
}

.u-pt120 {
	padding-top: 120px !important
}

.u-pt130 {
	padding-top: 130px !important
}

.u-pt140 {
	padding-top: 140px !important
}

.u-pt150 {
	padding-top: 150px !important
}

.u-pt160 {
	padding-top: 160px !important
}

.u-pt170 {
	padding-top: 170px !important
}

.u-pt180 {
	padding-top: 180px !important
}

.u-pt190 {
	padding-top: 190px !important
}

.u-pt200 {
	padding-top: 200px !important
}

.u-pr0 {
	padding-right: 0px !important
}

.u-pr5 {
	padding-right: 5px !important
}

.u-pr10 {
	padding-right: 10px !important
}

.u-pr15 {
	padding-right: 15px !important
}

.u-pr20 {
	padding-right: 20px !important
}

.u-pr30 {
	padding-right: 30px !important
}
.u-pr40 {
	padding-right: 40px !important
}

.u-pr50 {
	padding-right: 50px !important
}

.u-pb0 {
	padding-bottom: 0px !important
}

.u-pb5 {
	padding-bottom: 5px !important
}

.u-pb10 {
	padding-bottom: 10px !important
}

.u-pb15 {
	padding-bottom: 15px !important
}

.u-pb20 {
	padding-bottom: 20px !important
}

.u-pb30 {
	padding-bottom: 30px !important
}

.u-pb40 {
	padding-bottom: 40px !important
}

.u-pb50 {
	padding-bottom: 50px !important
}

.u-pb60 {
	padding-bottom: 60px !important
}

.u-pb70 {
	padding-bottom: 70px !important
}

.u-pb80 {
	padding-bottom: 80px !important
}

.u-pb90 {
	padding-bottom: 90px !important
}

.u-pb100 {
	padding-bottom: 100px !important
}

.u-pb110 {
	padding-bottom: 110px !important
}

.u-pb120 {
	padding-bottom: 120px !important
}

.u-pb130 {
	padding-bottom: 130px !important
}

.u-pb140 {
	padding-bottom: 140px !important
}

.u-pb150 {
	padding-bottom: 150px !important
}

.u-pb160 {
	padding-bottom: 160px !important
}

.u-pb170 {
	padding-bottom: 170px !important
}

.u-pb180 {
	padding-bottom: 180px !important
}
.u-pb190 {
	padding-bottom: 190px !important
}

.u-pb200 {
	padding-bottom: 200px !important
}

.u-pl0 {
	padding-left: 0px !important
}

.u-pl5 {
	padding-left: 5px !important
}

.u-pl10 {
	padding-left: 10px !important
}

.u-pl15 {
	padding-left: 15px !important
}

.u-pl20 {
	padding-left: 20px !important
}

.u-pl30 {
	padding-left: 30px !important
}

.u-pl40 {
	padding-left: 40px !important
}

.u-pl50 {
	padding-left: 50px !important
}

.u-fw__normal {
	font-weight: 400
}

.u-fw__medium {
	font-weight: 600
}

.u-fw__bold {
	font-weight: 800
}

.u-fs__bigger {
	font-size: 1.2em
}

.u-fs__big {
	font-size: 1.15em
}

.u-fs__small {
	font-size: .85em
}

.u-fs__smaller {
	font-size: .7em
}

.u-fa__center {
	text-align: center
}

.u-fa__right {
	text-align: right
}

.u-fa__left {
	text-align: left
}

.u-fc__red {
	color: #f34d1d
}

.u-fc__blue {
	color: #009fb7
}

.u-fc__yellow {
	color: #fed766
}

.u-lh0 {
	line-height: 0
}

.u-lh1 {
	line-height: 1
}

.l-footer {
	background: #fff;
	border-top-left-radius: 2000px 200px;
	border-top-right-radius: 2000px 200px;
	min-height: 300px;
	margin-top: 150px;
	padding-top: 80px;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
	overflow: hidden;
	font-weight: 500;
	z-index: 1
}

.l-footer__content {
	position: relative;
	max-width: 850px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	z-index: 10
}

.l-footer__contentinner {
	margin-bottom: 30px
}

.l-footer__contentinner .c-underline {
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 14px
}

.l-footer__contentinner .c-underline:hover {
	opacity: .5
}

.l-footer__contentbutton {
	display: inline-block;
	font-size: 14px;
	border: 1px solid #292f4a;
	padding: 10px 20px;
	border-radius: 30px;
	margin-bottom: 30px;
	-webkit-transition: .5s;
	transition: .5s
}

.l-footer__contentbutton:hover {
	opacity: .5
}

.l-footer__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

.l-footer__block:nth-of-type(1) {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.l-footer__block:nth-of-type(2) {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: 30px
}

.l-footer__items {
	text-align: left
}

.l-footer__items p:nth-child(1)::before,
.l-footer__items p:nth-child(2)::before,
.l-footer__items p:nth-child(3)::before,
.l-footer__items p:nth-child(4)::before,
.l-footer__items p:nth-child(5)::before {
	content: "ー";
	display: inline-block;
	position: absolute;
	font-weight: bold;
	line-height: 2
}

.l-footer__items p:nth-child(1) a,
.l-footer__items p:nth-child(2) a,
.l-footer__items p:nth-child(3) a,
.l-footer__items p:nth-child(4) a,
.l-footer__items p:nth-child(5) a {
	margin-left: 1.1em
}

.l-footer__items a {
	line-height: 2
}

.l-footer__items.-right p::before {
	content: none
}

.l-footer__privacymark {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 20px;
	font-size: 12px
}

.l-footer__privacymark img {
	margin-left: 20px;
	width: 70px
}

.l-footer__icon {
	margin-bottom: 10px;
	display: inline-block;
	width: 40px
}

.l-footer__img {
	display: inline-block;
	width: 60px;
	-webkit-transition: .5s;
	transition: .5s
}

.l-footer__img:hover {
	opacity: .5
}

.l-footer__img img {
	width: 100%
}

.l-footer__sns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 15px
}

.l-footer__sns a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 1px solid #292f4a;
	border-radius: 50%
}

.l-footer__sns a img {
	width: 25px
}

.l-footer .copyright {
	position: relative;
	z-index: 5;
	font-size: 12px
}

.l-footer .copyright a {
	text-decoration: underline;
	-webkit-transition: .5s;
	transition: .5s
}

.l-footer .copyright a:hover {
	opacity: .5
}

.l-header {
	position: fixed;
	top: 20px;
	width: calc(100vw - 60px);
	height: 60px;
	margin: 0 30px;
	-webkit-transition: .3s;
	transition: .3s;
	z-index: 100
}

.l-header__inner {
	width: 100%;
	height: 100%;
	margin-right: 20px;
	padding: 5px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 50px
}

.l-header__content {
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.l-header__content.show {
	position: fixed;
	top: 0;
	left: 0;
	display: block !important;
	padding: 200px 0 0 0;
	border-radius: 0 0 30px 30px;
	text-align: center;
	background: #fff;
	width: 100%;
	height: 490px;
	overflow: hidden
}

.show .l-header__logo {
	display: none;
}

.l-header__logo {
	z-index: 100;
	width: 180px
}

.l-header__logo .logo__wrap {
	width: 180px;
	display: inline-block
}

.l-header__logo .logo__wrap img {
	height: 40px
}

.l-header__block {
	display: none
}

.l-nav {
	width: 50px;
	height: 50px;
	display: inline-block;
	position: fixed;
	z-index: 100;
	top: 10px;
	right: 20px;
	display: none
}

.l-nav .hamburger-menu {
	height: 44px;
	width: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	background-color: #fed766;
	border: 1px solid #292f4a;
	border-radius: 50%;
	-webkit-transition: .3s;
	transition: .3s
}

.l-nav .hamburger-menu span {
	width: 36px;
	height: 2px;
	display: inline-block;
	background-color: #292f4a;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 5px
}

.l-nav .hamburger-menu span:before,
.l-nav .hamburger-menu span:after {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	width: 36px;
	height: 2px;
	display: inline-block;
	background-color: #292f4a;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 5px
}

.l-nav .hamburger-menu span:after {
	top: 12px;
	left: 0
}

.l-nav .hamburger-menu.active span {
	background-color: #fed766
}

.l-nav .hamburger-menu.active span:before {
	top: 0;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.l-nav .hamburger-menu.active span:after {
	top: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.l-nav__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.l-nav__item {
	margin-right: 30px
}

.l-nav__item:nth-last-child(2) {
	margin-right: 0
}

.l-nav__item:last-child {
	margin-right: 0
}

.l-nav__item a {
	position: relative;
	font-weight: 500;
	-webkit-transition: .3s;
	transition: .3s
}

.l-nav__item a:hover {
	opacity: .5
}

.l-nav__item a:hover::before {
	top: calc(50% - 2px)
}

.l-nav__button {
	display: none;
	padding: 0 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%
}

.l-nav__button .c-button__cta {
	left: auto;
	bottom: auto;
	position: static;
	padding: 0;
	margin: 30px 0 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.l-nav__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px
}

.show .l-nav__items {
	display: block
}

.show .l-header__inner {
	height: 50%
}

.gv-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

main {
	margin: 0;
}

p {
	line-height: 160%
}

.js-scroll {
	-webkit-transition-timing-function: cubic-bezier(0.34, 0.35, 0.54, 0.89);
	transition-timing-function: cubic-bezier(0.34, 0.35, 0.54, 0.89);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transform: translate(0, 30px);
	transform: translate(0, 30px);
	opacity: 0
}

.js-scroll.-in {
	-webkit-transform: translate(0, 0%);
	transform: translate(0, 0%);
	opacity: 1
}

.l-main {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 60px;
	overflow: hidden
}

.l-main__content {
	width: 100%
}

.l-main__content.solution {
	position: relative;
	z-index: 10;
	margin: 40px auto 40px
}

.l-main__content.solution .c-title {
	width: 100%
}

.l-main__content.solution .c-title span {
	position: relative
}

.l-main__content.solution .c-title span::before {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	background-image: url("https://site.dayrobo.com/assets/images/dot.svg");
	width: 98%;
	height: 5px
}

.l-main__content.solution .img__wrap {
	width: 60px
}

.l-main__content .block--image {
	max-width: 50%;
	display: block
}

.l-main__content .block--table {
	width: 50%;
	margin: 0 0 0 30px;
	line-height: 180%
}

.l-main__content .block--table .u-fc__red {
	font-size: 24px;
	font-weight: bold
}

.l-main__content .block--table p {
	font-size: 14px
}

.l-main__block {
	width: 100%;
	margin-top: 0px
}

.l-main__block.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.l-main__block.center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.l-main__block.border {
	border: 4px solid #fed766;
	border-radius: 15px;
	padding: 2rem
}

.l-main__block.border .border__inner {
	margin: 0 40px 0 0;
	text-align: center
}

.l-main__block.border .border__inner .caption {
	color: #f34d1d;
	font-weight: bold;
	font-size: 20px;
	padding: .8rem
}

.l-main__block.border .border__inner .text {
	font-size: 18px;
	line-height: 160%;
	font-weight: bold
}

.l-main__block.border.gray {
	border-color: #e9e9ec
}

.l-main__block.back {
	background: #fff;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 8px #e9e9ec;
	box-shadow: 0 0 8px #e9e9ec;
	padding: 40px
}

.l-cat {
	width: 100%
}

.l-cat h1.c-heading {
	padding: 0;
	font-size: 65px;
	font-weight: 800
}

.l-cat h2.c-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	padding-bottom: 30px;
	font-size: 30px;
	font-weight: 500;
	text-align: left
}

.l-cat h2.c-heading::before {
	content: "…";
	margin-right: 10px;
	font-size: 40px;
	line-height: 1.2
}

.l-cat__content {
	max-width: 1260px;
	width: 100%;
	margin: 180px auto 0;
	padding: 0 30px
}

.l-cat__inner {
	width: 100%;
	margin: 0 auto;
}

.l-cat .c-heading__voice {
	font-size: 65px;
	font-weight: 800;
	line-height: 1.6
}

.l-cat .l-main__block {
	margin-top: 80px
}

.l-cat .cat-item {
	background-color: #fff;
	border-radius: 30px;
	margin-bottom: 100px;
	padding: 60px
}

.l-cat .cat-item.kv_data {
	position: relative;
	margin-left: 100px;
	margin-top: 120px;
}

.l-cat .cat-item.kv_data .text {
	display: flex;
	gap: 30px;
	height: 290px;
	margin-bottom: 60px;
}

.l-cat .cat-item.staff {
	position: relative;
  display: inline-block;
	background-color: #FAE5EB;
	border-radius: 30px;
	margin-bottom: 0;
	padding: 60px
}

.l-cat .cat-item.staff::after {
  content: "";
  position: absolute;
  top: 65%;
  right: 0;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent #FAE5EB;
  translate: 100% calc(-50% + 0.4px);
  transform-origin: left;
}

.l-cat .cat-item h3 {
	margin-bottom: 30px;
	font-size: 2em;
	text-align: center;
	font-weight: bold;
}

.l-cat .cat-item img {
	border-radius: 20px;
}

.l-cat h3.c-heading.interview {
	position: relative;
	text-align: left;
	font-size: 1.8em;
	margin-left: 50px;
	text-indent: -50px;
}

.l-cat h3.c-heading.interview::before {
	content: "\2026";
	position: relative;
	top: 4px;
  margin-right: 10px;
  font-size: 40px;
  line-height: 0.2;
	color: #EB547D
}

.l-interview .c-balloon {
	color: #ffffff;
	background-color: #EB547D
}

.l-cont__grey {
	padding: 30px;
	background-color: #f8f8f8;
	border-radius: 20px;
}

.cat-item h2 {
	font-size: 2.4em;
	padding: 0 0 20px
}

.l-figure {
  object-fit: cover;
}

.l-figure.kv {
  width: 500px;
  height: 380px;
	object-position: top;
	position: relative;
	left: -160px;
	top: -90px;
}

.l-band_img {
	width: 100vw;
	margin-top: 50px;
}

.l-service__box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: -160px;
}

.l-band_img + .l-cat__content {
	margin-top: 150px;
}

.dayrobo {
	width: auto;
	height: 150px;
}

.cat-item:has(+ .u-note) {
	margin-bottom: 1.5em;
}

.l-interview__cont {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.l-interview__cont img {
	height: 300px;
}

.l-interview__cont .index {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

.l-interview__cont .inner > :first-child {
	margin-bottom: 10px;
	font-weight: bold;
}

.inner + .inner {
  margin-top: 30px;
}

.l-interview__cont .images {
	flex-shrink: 0;
}

.l-editors_note {
	display: flex;
	align-items: flex-end;
	gap: 50px;
	margin-bottom: 150px;
}

.l-speech {
  position: absolute;
	top: -16px;
  display: inline-block;
  margin-bottom: 16px;
  padding: 16px 30px;
  border-radius: 9999px;
  background-color: #fed766;
	line-height: 1.5;
	font-weight: bold;
	z-index: 2;
}

.l-speech::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15%;
  border-style: solid;
  border-width: 16px 10px 0 10px;
  border-color: #fed766 transparent transparent;
  translate: -50% 100%;
}





@media screen and (min-width: 769px) {
	.u-dp__sp {
		display: none !important
	}
}

@media screen and (min-width: 1001px) {
	.u-sp_pp {
		display: none
	}
}

@media screen and (max-width: 1000px)and (max-width: 1000px) {
	.l-nav__items .l-nav__item a {
		font-size: 18px
	}
}

@media screen and (max-width: 400px) {
	.l-main .list__content.flex {
		display: block
	}

	.l-main .list__content.flex .list__items {
		width: 100%;
		margin-top: 0
	}

	.l-main .list__content {
		display: block
	}

	.l-main .list__content .list__items {
		width: 100%
	}
}

@media screen and (max-width: 1024px) {
	.c-button {
		font-size: 18px;
		height: 60px
	}

	h2.c-heading {
		padding: 0 20px 20px;
		font-size: 26px;
		line-height: 1.4
	}

	h3.c-heading {
		font-size: 24px
	}

	.cat_form h2.c-heading::after {
		top: 85%;
		font-size: 18px;
		font-size: 30px
	}

	.cat_form h2.c-heading {
		font-size: 21px
	}

	.c-balloon {
		font-size: 14px
	}

	.p-bannar__content {
		padding-left: 30px !important;
		padding-right: 20px !important
	}

	.l-footer {
		margin: 100px 0 0;
		padding: 30px 20px 20px !important
	}

	.l-footer__items {
		margin-bottom: 20px
	}

	main {
		margin: 0;
		overflow: hidden
	}

	.l-main {
		width: 100vw;
		padding-top: 80px
	}

	.l-main .button__wrap {
		padding: 0 20px
	}

	.l-cat h1.c-heading {
		font-size: 45px
	}

	.l-cat h2.c-heading::before {
		margin-right: 5px;
		font-size: 22px;
		line-height: 1.3;
		-ms-flex-item-align: baseline;
		align-self: baseline
	}

	.l-cat h2.c-heading {
		font-size: 22px;
		margin-top: 50px;
		padding: 0 0 20px
	}

	.l-cat__content {
		margin-top: 100px;
		padding: 0
	}

	.l-cat__inner {
		padding: 0 20px
	}

	.l-cat .c-heading__voice {
		font-size: 45px
	}

	.l-cat .cat-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px;
		border-radius: 20px
	}

	.l-cat__inner .cat-item:nth-child(2) .l-interview__cont,
	.l-cat__inner .cat-item:nth-child(5) .l-interview__cont {
		flex-direction: column-reverse;
	}

	.l-figure.kv {
		width: auto;
		height: auto;
		position: static;
		margin-bottom: 20px;
	}

	.l-cat .cat-item.kv_data {
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.l-cat .cat-item.kv_data .text {
		display: block;
		height: auto;
		margin-bottom: 40px;
	}

	.l-service__box {
		display: block;
		margin-left: 0;
	}

	.l-cont__grey {
		padding: 20px;
		word-wrap: break-word;
	}

	.cat-item h2 {
		font-size: 2em;
	}

	.l-band_img + .l-cat__content {
		margin-top: 50px;
	}

	.l-interview__cont {
		flex-direction: column;
	}

	.l-cat .cat-item {
		margin-bottom: 60px;
	}

	.cat-item:has(+ .u-note) {
		margin-bottom: 1em;
	}

	.l-interview__cont img {
		height: auto;
	}

	.l-editors_note {
		display: flex;
		flex-direction: column;
		gap: 50px;
		margin-bottom: 100px;
	}

	.l-speech {
		position: relative;
		top: 0;
	}

	.l-cat .cat-item.staff {
		padding: 20px
	}

	.l-interview__cont .images {
		text-align: center;
	}

	.l-cat .cat-item.staff::after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 20%;
		border-style: solid;
		border-width: 60px 0px 0px 60px;
		border-color: #FAE5EB transparent transparent;
		translate: 50% 86%;
	}

	.u-note {
		text-align: left;
	}
}

@media screen and (max-width: 1000px) {
	.u-btn {
		display: none
	}

	.l-footer__block:nth-of-type(1) {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: block
	}

	.l-footer__block:nth-of-type(2) {
		display: block
	}

	.l-footer__sns {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.l-header__content.show {
		padding: 30px 0 0 0
	}

	.l-header__logo {
		width: 140px
	}

	.l-header__block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.l-header {
		height: 50px;
		top: 10px;
		margin-left: 20px
	}

	.l-header__inner {
		padding: 0px 20px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.l-header .logo__wrap {
		width: 100%
	}

	.l-header .logo__wrap img {
		height: auto
	}

	.l-header__logo {
		z-index: 100
	}

	.l-header__logo .logo__wrap {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.l-nav {
		width: 50px;
		height: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-color: #fed766;
		border-radius: 50%
	}

	.l-nav .hamburger-menu span {
		width: 20px;
		display: block
	}

	.l-nav .hamburger-menu span:before,
	.l-nav .hamburger-menu span:after {
		width: 20px;
		top: -7px
	}

	.l-nav .hamburger-menu span:after {
		top: 7px
	}

	.l-nav__items .l-nav__item {
		display: block;
		width: 100%;
		text-align: left
	}

	.l-nav__items .l-nav__item:nth-child(1)::before,
	.l-nav__items .l-nav__item:nth-child(2)::before,
	.l-nav__items .l-nav__item:nth-child(3)::before,
	.l-nav__items .l-nav__item:nth-child(4)::before,
	.l-nav__items .l-nav__item:nth-child(5)::before {
		content: "ー";
		display: inline-block;
		position: absolute;
		left: 30px;
		font-weight: bold
	}

	.l-nav__items .l-nav__item:nth-child(1) a,
	.l-nav__items .l-nav__item:nth-child(2) a,
	.l-nav__items .l-nav__item:nth-child(3) a,
	.l-nav__items .l-nav__item:nth-child(4) a,
	.l-nav__items .l-nav__item:nth-child(5) a {
		margin-left: 1.1em
	}

	.l-nav__items .l-nav__item a {
		display: inline-block;
		padding: 0 0 20px 30px;
		font-size: 18px;
		font-weight: bold;
		position: relative;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.l-nav__items .l-nav__item a:hover:after {
		background: #fff
	}

	.l-nav__items {
		display: none
	}

	.l-nav__button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.l-nav__box {
		display: block
	}

	.show .u-btn_desc {
		margin: 0 auto 30px
	}

	.show .u-btn_doc {
		margin: 0 auto
	}

	.show .u-sp_pp {
		display: block
	}

	.u-sp_pp {
		display: none
	}
}

@media screen and (max-height: 440px) {
	.show .u-btn_desc {
		margin: 0 auto 15px !important
	}

	.show .l-header__inner {
		height: 30%;
		margin-bottom: 10px
	}
}

@media screen and (max-width: 900px) {
	h1.c-heading {
		-ms-flex-item-align: start;
		align-self: flex-start;
		padding: 0 20px;
		font-size: 4vw
	}
}