@charset "UTF-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+JP:wght@100;200;400;500;600;700&family=Noto+Serif+JP:wght@200;400;600;700&display=swap");
.c5-featureWrap {
  font-family: 'Noto Sans JP', sans-serif;
  overflow-x: hidden;
}
.c5-font-serif {
	font-family: 'Noto Serif JP', serif;
}
a {
	margin: 0;
	padding: 0;
}
.s5-returnToTop {
	margin: 0!important;
}
.c5-only-900 {
	display: none;
}
@media screen and (max-width: 900px) {
	.c5-only-900 {
		display: block;
	}
	.c5-only-900pc {
		display: none;
	}
}
.c5-only-1050 {
	display: none;
}
@media screen and (max-width: 1050px) {
	.c5-only-1050 {
		display: block;
	}
	.c5-only-1050pc {
		display: none;
	}
}
.c5-only-sp {
	display: none;
}
.c5-only-sp850 {
	display: none;
}
@media screen and (max-width: 850px) {
	.c5-only-sp850 {
		display: block;
	}
	.c5-only-pc850 {
		display: none;
	}
}
@media screen and (max-width: 720px) {
	.c5-only-pc720 {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	.c5-only-pc {
		display: none;
	}
	.c5-only-sp {
		display: block;
	}
}
.c5-mgtop170 {
    margin-top: 170px!important;
}
.c5-mgtop150 {
    margin-top: 150px!important;
}
.c5-mgtop130 {
    margin-top: 130px!important;
}
.c5-mgtop120 {
    margin-top: 120px!important;
}
.c5-mgtop110 {
    margin-top: 110px!important;
}
.c5-mgtop100 {
    margin-top: 100px!important;
}
.c5-mgtop95 {
    margin-top: 95px!important;
}
.c5-mgtop90 {
    margin-top: 90px!important;
}
.c5-mgtop80 {
    margin-top: 80px!important;
}
.c5-mgtop70 {
    margin-top: 70px!important;
}
.c5-mgtop60 {
    margin-top: 60px!important;
}
.c5-mgtop50 {
    margin-top: 50px!important;
}
.c5-mgtop45 {
    margin-top: 45px!important;
}
.c5-mgtop40 {
    margin-top: 40px!important;
}
.c5-mgtop35 {
    margin-top: 35px!important;
}
.c5-mgtop30 {
    margin-top: 30px!important;
}
.c5-mgtop25 {
    margin-top: 25px!important;
}
.c5-mgtop20 {
    margin-top: 20px!important;
}
.c5-mgtop15 {
    margin-top: 15px!important;
}
.c5-mgtop10 {
    margin-top: 10px!important;
}
.c5-mgtop8 {
    margin-top: 8px!important;
}
.c5-mgtop5 {
    margin-top: 5px!important;
}


.c5-text-ann {
	font-weight: 400;
	font-size: 13px;
	color: #707070;
	line-height: 1.8;
}
.c5-text-center-ann,
.c5-text-center-ann2 {
	font-weight: 400;
	font-size: 13px;
	color: #707070;
	line-height: 1.8;
	text-align: center;
}
@media screen and (max-width: 800px) {
	.c5-text-center-ann2 {
		text-align: left;
	}
}
.c5-text-right-ann {
	font-weight: 400;
	font-size: 13px;
	color: #707070;
	line-height: 1.8;
	text-align: right;
}
@media screen and (max-width: 640px) {
	.c5-text-ann,
	.c5-text-center-ann,
	.c5-text-center-ann2 {
		font-size: 2.666666666666667vw;
		margin-top: 6.666666666666667vw!important;
	}
	.c5-text-right-ann {
		font-size: 2.666666666666667vw;
		margin-top: 6.666666666666667vw!important;
		text-align: left;
	}
}

/*========================================

  .c5-cr-mainvisual

========================================*/
.c5-cr-mainvisual {
  position: relative;
	width: 100%;
	background-image: url("../img/mv_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1920px;
	z-index: 1;
}
.c5-mainvisual {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	display: block;
	z-index: 1;
}

.c5-intro-pd {
	display: flex;
	justify-content: space-between;
	max-width: 868px;
	width: 89.3333%;
	margin: -90px auto 0;
}
.c5-intro-pd li {
	width: 44%;
	z-index: 10;
}
.c5-intro-pd-name {
	font-size: 55px;
	text-align: center;
	color: #000;
	font-weight: 200;
}
@media screen and (max-width: 900px) {
	.c5-intro-pd-name {
		font-size: 6vw;
	}
	.c5-intro-pd {
		margin-top: -10vw;
	}
}

/*========================================

  .c5-cr-

========================================*/
.c5-cr-convenience-inner {
  box-sizing: border-box;
	font-size: 0!important;
  margin: 0 auto;
  max-width: 1240px;
  width: 100%;
}
.c5-cr-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1080px;
  width: 89.3333%;
}
.c5-cr-inner-footer {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1080px;
  width: 89.3333%;
	text-align: center;
}
.c5-cr-inner:after {
  clear: both;
  display: block;
  content: '';
}

/*========================================

  .c5-main-cont

========================================*/
.c5-read-title-sp {
	display: none;
}
.c5-read-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
	text-align: center;
	color: #000;
}
.c5-read-text span {
	font-size: 25px;
}
@media screen and (max-width: 900px) {
	.c5-read-text {
		text-align: left;
	}
}
@media screen and (max-width: 640px) {
	.c5-read-title-sp {
		display: block;
		text-decoration: underline;
		text-underline-offset: 2.5vw;
		text-decoration-thickness: 1px;
		line-height: 1.6;
		font-size: 8vw;
		margin-top: 8vw;
	}
	.c5-read-text {
		font-size: 4vw;
		text-align: left;
		margin-top: 5.333333333333334vw!important;
		line-height: 1.8;
	}
	.c5-read-text span {
		font-size: 5.333333333333334vw;
	}
	.c5-cr-inner-footer {
		margin-top: 18.666666666666668vw!important;
	}
}
.c5-convenience-bg {
	width: 100%;
	background-image: url("../img/convenience_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	padding: 70px 0 80px;
}
.c5-convenience-title {
	color: #000;
	font-size: 45px;
	font-weight: 600;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 15px;
	text-decoration-thickness: 1px;
	line-height: 1.5;
}
.c5-convenience-title span {
	font-size: 60px;
}
@media screen and (max-width: 640px) {
	.c5-convenience-bg {
		margin-top: 9.333333333333334vw!important;
		padding: 9vw 0;
	}
	.c5-convenience-title {
		text-indent: 1em;
		font-size: 6.666666666666667vw;
		text-decoration: none;
		line-height: 1.3;
	}
	.c5-convenience-title span {
		font-size: 8vw;
	}
}
.c5-convenience-cont01 {
	display: flex;
	flex-direction:row-reverse;
	align-items: center;
	position: relative;
	width: 100%;
}
.c5-convenience-cont01 li:first-child {
	width: 61%;
}
.c5-convenience-cont01 li:last-child {
	position: absolute;
	left: 18%;
}
.c5-convenience-cont02 {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
}
.c5-convenience-cont02 li:first-child {
	width: 61%;
}
.c5-convenience-cont02 li:last-child {
	position: absolute;
	right: 10%;
}
.c5-convenience-cont03 {
	display: flex;
	flex-direction:row-reverse;
	align-items: center;
	position: relative;
	width: 100%;
}
.c5-convenience-cont03 li:first-child {
	width: 61%;
}
.c5-convenience-cont03 li:last-child {
	position: absolute;
	left: 18%;
}
.c5-convenience-text {
	font-size: 27px;
	font-weight: 400;
	line-height: 1.7;
}
.c5-convenience-btn-short {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	width: 350px;
}
.c5-convenience-btn {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	width: 430px;
}
.c5-convenience-btn a,
.c5-convenience-btn-short a {
	display: block;
	padding: 15px 0;
	border: solid 1px #000;
	border-radius: 30px;
	background-color: #fff;
	position: relative;
}
.c5-convenience-btn a::before,
.c5-convenience-btn-short a::before {
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 1px;
  margin-top: 0px;
  content: "";
}
.c5-convenience-btn a::after,
.c5-convenience-btn-short a::after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.c5-convenience-app,
.c5-convenience-app2 {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
}
@media screen and (max-width: 1400px) {
	.c5-convenience-cont01 li:last-child,
	.c5-convenience-cont03 li:last-child {
		left: 10%;
	}
	.c5-convenience-cont02 li:last-child {
		right: 0%;
	}
	.c5-convenience-text {
		font-size: 3vw;
		line-height: 1.5;
	}
	.c5-convenience-btn {
		font-size: 2vw;
		width: 43vw;
		margin-top: 1vw!important;
	}
	.c5-convenience-btn-short {
		font-size: 2vw;
		width: 35vw;
		margin-top: 1vw!important;
	}
	.c5-convenience-btn a,
	.c5-convenience-btn-short a {
		padding: 1vw 0;
	}
	.c5-convenience-btn a::before,
	.c5-convenience-btn-short a::before {
		right: 1vw;
		width: 1vw;
	}
	.c5-convenience-btn a::after,
	.c5-convenience-btn-short a::after {
		right: 1vw;
		width: 1vw;
		height: 1vw;
		margin-top: -.45vw;
	}
	.c5-convenience-app {
		font-size: 2vw;
		margin-top: .7vw!important;
	}
}
@media screen and (max-width: 640px) {
	.c5-convenience-cont01,
	.c5-convenience-cont02,
	.c5-convenience-cont03 {
		margin-top: 6.7vw!important;
		display: block;
	}
	.c5-convenience-cont01 li,
	.c5-convenience-cont02 li,
	.c5-convenience-cont03 li {
		width: 100%!important;
		position: relative!important;
		left: 0!important;
		right: 0!important;
	}
	.c5-convenience-text {
		font-size: 4vw;
		text-align: center;
		margin-top: 3.3333333333333335vw!important;
	}
	.c5-convenience-btn-short,
	.c5-convenience-btn {
		font-size: 3.3333333333333335vw;
		width: 89.3333%;
		margin: 3.3333333333333335vw auto 0!important;
		
	}
	.c5-convenience-btn a,
	.c5-convenience-btn-short a {
		padding: 3.3333333333333335vw 0;
	}
	.c5-convenience-btn a::before,
	.c5-convenience-btn-short a::before {
		right: 3vw;
		width: 3vw;
	}
	.c5-convenience-btn a::after,
	.c5-convenience-btn-short a::after {
		right: 3vw;
		width: 3vw;
		height: 3vw;
		margin-top: -1.45vw;
	}
	.c5-convenience-app {
		font-size: 2.666666666666667vw;
		margin-top: 2.666666666666667vw!important;
	}
	.c5-convenience-app2 {
		font-size: 2.666666666666667vw;
		margin-top: 2vw!important;
	}
}
.c5-main-cont-bg {
	width: 100%;
	background:linear-gradient(#F2EFCA, #FFF);
	background-size: 100% 870px;
	background-repeat: no-repeat;
	padding: 0.1px 0 90px;
	position: relative;
}
.c5-main-cont-bg2 {
	width: 100%;
	background:linear-gradient(#F2EFCA, #FFF);
	background-size: 100% 870px;
	background-repeat: no-repeat;
	padding: 0.1px 0 160px;
	position: relative;
}
.c5-main-cont-title {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	line-height: 1.5;
}
.c5-main-cont-fonc {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	padding: 15px 0;
	width: calc(100% - 2px);
	max-width: 390px;
	background-color: #fff;
	border: solid 1px #000;
	border-radius: 30px;
	margin: 0 auto;
}
.c5-main-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.9;
}
@media screen and (max-width: 640px) {
	.c5-main-cont-bg {
		background-size: 100% 146.66666666666666vw;
		padding-bottom: 12vw;
	}
	.c5-main-cont-bg2 {
		background-size: 100% 146.66666666666666vw;
		padding-bottom: 32vw;
	}
	.c5-main-cont-title {
		font-size: 6vw;
		margin-top: 14.666666666666666vw!important;
	}
	#cont03 .c5-main-cont-title {
		margin-top: 20vw!important;
	}
	.c5-main-cont-fonc {
		margin-top: 6vw!important;
		font-size: 3.3333333333333335vw;
		padding: 3.3333333333333335vw 0;
	}
	.c5-main-text {
		font-size: 4vw;
		margin-top: 6.666666666666667vw!important;
	}
}
.c5-main-cont01-flex01 {
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
}
.c5-main-cont01-flex01 li:first-child {
	width: 67%;
}
.c5-main-cont01-flex01 li:last-child {
	width: 29%;
}
@media screen and (max-width: 1000px) {
	.c5-main-cont01-flex01 {
		margin-top: 3vw;
	}
}
@media screen and (max-width: 640px) {
	.c5-main-cont01-flex01 {
		display: block;
	}
	.c5-main-cont01-flex01 li:first-child {
		width: 100%;
	}
	.c5-main-cont01-flex01 li:last-child {
		width: 70%;
		margin: 3.3333333333333335vw auto;
	}
}
.c5-cont01-table-title {
	position: relative;
	padding: 0 0 0 20px;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.5;
}
.c5-cont01-table-title::before {
	content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-left: 12px solid #000;
}
@media screen and (max-width: 1100px) {
	.c5-cont01-table-title {
		margin-top: 3vw;
	}
}
@media screen and (max-width: 640px) {
	.c5-cont01-table-title {
		font-size: 4vw;
		margin-top: 14vw!important;
	}
	.c5-cont01-table-title::before {
		top: 25%;
	}
}
.c5-cont01-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.c5-cont01-table th:first-child {
	width: 17%;
}
.c5-cont01-table thead th {
	text-align: center;
	background-color: #E1DDA4;
	font-size: 23px;
	font-weight: 500;
	padding: 13px;
	border: solid 1px #000;
}
.c5-cont01-table tbody th {
	border: solid 1px #000;
	background-color: #F0EDD2;
	font-size: 16px;
	font-weight: 700;
	padding: 13px 10px;
	line-height: 1.5;
}
.c5-cont01-table tbody th img {
	margin: 10px 5px 0 0;
	height: 18px;
}
.c5-cont01-table td {
	border: solid 1px #000;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 500;
	padding: 13px 10px;
}
.c5-cont01-table-sp {
	display: none;
}
@media screen and (max-width: 640px) {
	.c5-cont01-table-sp {
		width: 100%;
		border-collapse: collapse;
		table-layout: fixed;
		margin-top: 5vw!important;
		display: table;
	}
	.c5-cont01-table-sp th:first-child {
		text-align: center;
	}
	.c5-cont01-table-sp thead th {
		font-weight: 700;
		font-size: 3.733333333333334vw;
		text-align: center;
		background-color: #E1DDA4;
		border: solid 1px #000;
		padding: 3.7vw 0 3vw;
		min-height: 50vw;
		vertical-align: top;
	}
	.c5-cont01-table-sp tbody th {
		font-size: 4.2vw;
		border: solid 1px #000;
		background-color: #F0EDD2;
		font-weight: 700;
		line-height: 1.5;
		min-height: 20vw;
	}
	.c5-cont01-table-sp td {
		font-size: 3.5vw;
		width: 17%;
		border: solid 1px #000;
		line-height: 1.5;
		font-weight: 500;
		padding: 4vw 0;
		position: relative;
		min-height: 100vw;
		text-align: center;
	}
	.c5-cont01-table-sp-horizon {
		writing-mode: horizontal-tb!important;
		margin-top: 5vw;
		text-align: center;
	}
	.c5-cont01-table-sp-center {
		text-align: center;
	}
	.c5-cont01-table-sp-left {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}
	.c5-cont01-table-sp thead th span,
	.c5-cont01-table-sp tbody th span,
	.c5-cont01-table-sp td span {
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		text-orientation: upright;
		text-align: left;
	}
}
.c5-detail-btn {
	display: flex;
	justify-content: space-between;
	max-width: 970px;
	width: calc(100% - 4px);
	margin: 0 auto;
}
.c5-detail-btn li {
	width: 46%;
}
.c5-detail-btn a {
	border: solid 1px #000;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	padding: 35px 0;
	display: block;
	position: relative;
	width: 100%;
}
.c5-detail-btn a::before {
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 25px;
  height: 1px;
  margin-top: 0px;
  content: "";
}
.c5-detail-btn a::after {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 950px) {
	.c5-detail-btn {
		display: block;
		width: calc(100% - 4px);
	}
	.c5-detail-btn li {
		width: 100%;
	}
	.c5-detail-btn li:last-child {
		margin-top: 3vw;
	}
}
@media screen and (max-width: 640px) {
	.c5-detail-btn {
		margin-top: 11.333333333333332vw!important;
	}
	.c5-detail-btn a {
		font-size: 4vw;
		padding: 6vw 0;
	}
	.c5-detail-btn a::before {
 		right: 3vw;
  		width: 3vw;
	}
	.c5-detail-btn a::after {
  		right: 3vw;
  		width: 3vw;
  		height: 3vw;
		margin-top: -1.45vw;
	}
}
.c5-setting-subtitle {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
	align-items: center; /* 線を上下中央 */
	display: flex; /* 文字と線を横並び */
	justify-content: center; /* 文字を中央寄せ */
}
.c5-setting-subtitle::before,
.c5-setting-subtitle::after {
  background-color: #000; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  content: "";
  height: 1px; /* 線の高さ */
  width: 70px; /* 線の長さ */
}
.c5-setting-subtitle::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
}
.c5-setting-subtitle::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
}
@media screen and (max-width: 640px) {
	.c5-setting-subtitle {
		font-size: 4.666666666666667vw;
		margin-top: 13.333333333333334vw!important;
		position: relative;
	}
	.c5-setting-subtitle::before,
	.c5-setting-subtitle::after {
		width: 38vw; /* 線の長さ */
		position: absolute;
	}
	.c5-setting-subtitle::before {
		margin-right: -10vw; /* 文字との余白 */
		transform: rotate(70deg) translateY(15vw); /* 傾ける */
		top: 8vw;
		left: 0;
	}
	.c5-setting-subtitle::after {
		margin-left: -10vw; /* 文字との余白 */
		transform: rotate(-70deg) translateY(15vw); /* 傾ける */
		top: 8vw;
		right: 0;
	}
}
.c5-setting-title {
	font-size: 20px;
	font-weight: 700;
	width: calc(100% - 4px);
	border: solid 2px #F3C155;
	text-align: center;
	padding: 8px 0;
	line-height: 1.5;
}
.c5-main-cont-flex3 {
	width: 100%;
	max-width: 800px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.c5-main-cont-flex3 li {
	width: 29%;
}

.c5-setting-no {
	display: flex;
	width: 25px;
	height: 25px;
	font-size: 15px;
	font-weight: 500;
	justify-content:center;
	background-color: #F3C155;
	color: #000;
	align-items: center;
}
.c5-setting-no2 {
	display: flex;
	width: 25px;
	height: 25px;
	font-size: 15px;
	font-weight: 500;
	justify-content:center;
	background-color: #397F68;
	color: #fff;
	align-items: center;
}
.c5-setting-text {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
}
.c5-setting-text img {
	width: 23px;
	margin: 0 0 -5px 5px;
}
@media screen and (max-width: 640px) {
	.c5-setting-title01,
	.c5-setting-title02,
	.c5-setting-title03 {
		font-size: 4.3999999999999995vw;
		text-align: left;
		padding: 6.666666666666667vw 15px;
		width: calc(100% - 34px);
		margin-top: 8.666666666666668vw!important;
		cursor: pointer;
		position: relative;
		font-weight: 700;
		border: solid 2px #F3C155;
		line-height: 1.5;
	}
	.c5-setting-title01::after,
	.c5-setting-title02::after,
	.c5-setting-title03::after {
	    content: '';
		width: 4vw;
		height: 4vw;
		margin-top: -2vw;
		border-top: solid 2px #F3C155;  /* 好みで色を変えてください */  
		border-right: solid 2px #F3C155;   /* 好みで色を変えてください */  
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 5vw;
		transition: transform .3s ease-in-out;
	}
	.c5-setting-title01.open::after,
	.c5-setting-title02.open::after,
	.c5-setting-title03.open::after {
		transform: rotate(135deg);
	}
	.c5-main-cont-flex3 {
		display: block;
		margin-top: 6.666666666666667vw!important;
	}
	.c5-main-cont-flex3 li {
		width: 95%;
		margin: 16vw auto 0;
	}
	.c5-main-cont-flex3 li:first-child {
		margin-top: 0!important;
	}
	.c5-setting-no,
	.c5-setting-no2 {
		width: 7.199999999999999vw;
		height: 7.199999999999999vw;
		font-size: 4vw;
		margin-top: 4vw!important;
	}
	.c5-setting-text {
		font-size: 4vw;
	}
	.c5-setting-text img {
		width: 5.333333333333334vw;
	}
}
.c5-main-cont02-flex01 {
	display: flex;
	position: relative;
	justify-content: space-between;
}
.c5-main-cont02-flex01 li:first-child {
	width: 65%;
}
.c5-main-cont02-flex01 li:last-child {
	width: 33%;
}
@media screen and (max-width: 640px) {
	.c5-main-cont02-flex01 {
		display: block;
		margin-top: 6.666666666666667vw!important;
	}
	.c5-main-cont02-flex01 li:first-child {
		width: 100%;
	}
}
.c5-main-cont02-flex02 {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 0;
}
.c5-main-cont02-flex02 a {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}
.c5-main-cont02-flex02 li:first-child {
	width: 22%;
}
.c5-main-cont02-flex02 li:nth-child(2),
.c5-main-cont02-flex02 li:last-child {
	width: 35%;
}
.c5-main-cont-spimg {
	display: none;
}
.c5-download-text {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.c5-main-cont-spimg {
		display: block;
		width: 100vw;
		margin: 8vw calc(50% - 50vw) 0!important;
	}
	.c5-main-cont02-flex02 {
		display: block;
		margin-top: 4.666666666666667vw!important;
	}
	.c5-main-cont02-flex02 li:nth-child(2) {
		width: 80%;
		margin: 0 auto;
	}
	.c5-main-cont02-flex02 li:last-child {
		width: 80%;
		margin: 7.333333333333333vw auto 0!important;
	}
	.c5-main-cont02-flex02 a {
		margin-top: 3.3333333333333335vw!important;
	}
	.c5-download-text {
		font-size: 3.3333333333333335vw;
	}
}
.c5-main-cont-subtitle {
	font-size: 25px;
	font-weight: 700;
	border-bottom: solid 1px #000;
	padding-bottom: 15px;
	display: flex;
	line-height: 1.3;
	align-items: center;
}
.c5-main-cont-subtitle2 {
	font-size: 43px;
	font-weight: 600;
	border-bottom: solid 1px #000;
	padding-bottom: 15px;
	display: flex;
	line-height: 1.3;
	align-items: center;
}
.c5-main-cont-subtitle span {
	font-size: 38px;
	font-weight: 600;
}
@media screen and (max-width: 1050px) {
	.c5-main-cont-subtitle {
		display: block;
	}
}
@media screen and (max-width: 640px) {
	.c5-main-cont-subtitle {
		font-size: 4vw;
		text-align: center;
		margin-top: 3vw;
	}
	.c5-main-cont-subtitle span {
		font-size: 6.4vw;
	}
	.c5-main-cont-subtitle2 {
		font-size: 7.466666666666668vw;
		justify-content: center;
	}
}
.c5-main-cont02-flex03 {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	font-size: 0;
}
.c5-main-cont02-flex03 li:first-child {
	width: 24%;
}
.c5-main-cont02-flex03 li:last-child {
	width: 73%;
}
@media screen and (max-width: 1200px) {
	.c5-main-cont02-flex03 {
		margin-top: 7vw!important;
	}
}
@media screen and (max-width: 640px) {
	.c5-main-cont02-flex03 {
		margin-top: 21.333333333333336vw!important;
	}
	#cont03 .c5-main-cont02-flex03 {
		margin-top: 10vw!important;
	}
	.c5-main-cont02-flex03 li:first-child {
		width: 40%; 
	}
	.c5-main-cont02-flex03 li:last-child {
		width: 60%;
	}
}
.c5-soundcontrol-bg {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1285px;
	width: 100%;
	overflow: hidden;
	background-image: url("../img/soundcontrol-bg.jpg");
	background-repeat: no-repeat;
	background-size: 420px auto;
	background-position: top right;
}
@media screen and (max-width: 1285px) {
	.c5-soundcontrol-bg {
		background-position: top right calc((100vw - 1285px) / 2);
	}
}
@media screen and (max-width: 1210px) {
	.c5-soundcontrol-bg {
		background-size: 34.7% auto;
		background-position: top right -5%;
	}
}
@media screen and (max-width: 640px) {
	.c5-soundcontrol-bg {
		background-image: none;
		margin-top: 6.666666666666667vw!important;
	}
}
.c5-main-cont02-flex04 {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 0;
}
.c5-main-cont02-flex04 li {
	width: 21%;
}
.c5-main-cont02-flex04 li:last-child {
	width: 24.3%;
}
@media screen and (max-width: 640px) {
	.c5-main-cont02-flex04 {
		display: block;
	}
	.c5-main-cont02-flex04 li {
		width: 95%!important;
		margin: 16vw auto 0!important;
	}
	.c5-main-cont02-flex04 li:first-child {
		margin-top: 0!important;
	}
}
.c5-main-cont02-flex05 {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 0;
}
.c5-running-flex-small {
	width: 19%;
	margin-top: 6%;
}
.c5-running-flex-big {
	width: 37%;
}
.c5-running-arrow {
	width: 6%;
	margin-top: 25%;
}
.c5-main-cont02-flex06 {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 0;
	background-image: url("../img/cont02-img10_bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top 65px left;
	height: 660px;
}
@media screen and (max-width: 1210px) {
	.c5-main-cont02-flex06 {
		height: 55vw;
	}
}
.c5-main-cont02-flex06 .c5-running-arrow {
	width: 17%;
	margin-top: 67%;
}
.c5-main-cont02-flex06 li:nth-child(2) {
	width: 66%;
}
.c5-running-cap {
	width: 100%;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	background-color: #000;
	padding: 8px 0;
	border-radius: 20px;
	color: #fff;
}
.c5-setting-text2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
}
.c5-setting-text3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	margin: 0 20px;
}
.c5-setting-text2 span,
.c5-setting-text3 span {
	font-weight: 700;
}
@media screen and (max-width: 640px) {
	.c5-main-cont02-flex05 {
		display: block;
		margin-top: 9.333333333333334vw!important;
	}
	.c5-main-cont02-flex06 {
		display: block;
		width: 100%;
		height: auto;
		background-image: none;
	}
	.c5-running-flex-small,
	.c5-main-cont02-flex06 li:nth-child(2) {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items:center;
		justify-content: space-between;
		margin-top: 0;
	}
	.c5-running-flex-small img,
	.c5-main-cont02-flex06 li:nth-child(2) picture {
		margin-top: 4vw!important;
		width: 58%;
	}
	.c5-main-cont02-flex06 li:nth-child(2) img {
		margin-top: 0!important; 
	}
	.c5-running-flex-small .c5-setting-text2,
	.c5-main-cont02-flex06 .c5-setting-text2 {
		font-size: 4vw;
		width: 38%;
	}
	.c5-running-flex-big {
		width: 100%;
	}
	.c5-running-arrow,
	.c5-main-cont02-flex06 .c5-running-arrow {
		width: 46%;
		margin-left: 43%;
		margin-top: 2vw;
		margin-bottom: 2vw;
	}
	.c5-running-cap {
		width: 100%;
		font-size: 4vw;
		padding: 3.3333333333333335vw 0;
	}
}
.c5-main-cont-flex4 {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 0;
}
.c5-main-cont-flex4 li {
	width: 21%; 
}
@media screen and (max-width: 640px) {
	.c5-main-cont-flex4 {
		display: block;
		margin-top: 6.666666666666667vw!important
	}
	.c5-main-cont-flex4 li {
		width: 95%!important;
		margin: 16vw auto 0!important;
	}
	.c5-main-cont-flex4 li:first-child {
		margin-top: 0!important;
	}
}
.c5-support-model-name {
	font-size: 20px;
	font-weight: 200;
	text-align: center;
	line-height: 2;
}
@media screen and (max-width: 640px) {
	.c5-support-model-name {
		font-size: 3.3333333333333335vw;
		margin-top: 9.333333333333334vw!important;
	}
}
.c5-cont03-title-img {
	width: 89.3333%;
	max-width: 680px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateY(-43%) translateX(-50%);
}
.c5-detail-support-model {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
}
.c5-cont03-detail-btn {
	font-size: 20px;
	font-weight: 500;
	color: #53AB94;
	text-align: right;
	position: relative;
	padding: 0 30px 0 0;
	cursor: pointer;
}
.c5-cont03-detail-btn::after {
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 3px #53AB94;  /* 好みで色を変えてください */  
    border-right: solid 3px #53AB94;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
	transition: transform .3s ease-in-out;
    position: absolute;
    top: 50%;
    right: 5px;
}
.c5-cont03-detail-btn.open::after {
		transform: rotate(135deg);
}
@media screen and (max-width: 640px) {
	.c5-cont03-detail-btn {
		margin-top: 2vw!important;
		font-size: 4vw;
		padding: 0 6vw 0 0;
	}
	.c5-cont03-detail-btn::after {
    	width: 2.5vw;
    	height: 2.5vw;
    	margin-top: -1.5vw;
    	border-top: solid 2px #53AB94;  /* 好みで色を変えてください */  
		border-right: solid 2px #53AB94;   /* 好みで色を変えてください */
	}
}
.c5-dot-border {
	background-image: linear-gradient(to right,#53AB94 6px, transparent 6px);
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 12px 1px;
	overflow: hidden;
}
.c5-situation-title {
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
}
@media screen and (max-width: 640px) {
	.c5-dot-border {
		margin-top: 5vw!important;
		background-image: linear-gradient(to right,#53AB94 1.3333333333333335vw, transparent 1.3333333333333335vw);
		background-size: 2.666666666666667vw 1px;
	}
	.c5-situation-title {
		margin-top: 10.666666666666668vw!important;
		font-size: 3.7vw;
		position: relative;
	}
	.c5-situation-title::after {
		content: '';
    	transform: rotate(45deg);
    	position: absolute;
    	top: 30%;
    	right: 1.8vw;
    	width: 9vw;
    	height: 9vw;
    	margin-top: -2.3vw;
    	border-top: solid 1px #000;  /* 好みで色を変えてください */  
		border-right: solid 1px #000;   /* 好みで色を変えてください */
	}
	.c5-situation-title::before {
		content: '';
    	transform: rotate(-135deg);
    	position: absolute;
    	top: 30%;
    	left: 1.8vw;
    	width: 9vw;
    	height: 9vw;
    	margin-top: -2.3vw;
    	border-top: solid 1px #000;  /* 好みで色を変えてください */  
		border-right: solid 1px #000;   /* 好みで色を変えてください */
	}
}
.c5-main-cont03-flex {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 0;
}
.c5-main-cont03-flex li {
	width: 19%;
}
.c5-situation-detail-title {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.c5-main-cont03-flex {
		margin-top: 3 .333333333333334vw!important;
		display: block;
	}
	.c5-main-cont03-flex li {
		margin-top: 2vw;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.c5-main-cont03-flex li img {
		width: 33%;
	}
	.c5-main-cont03-flex li .c5-situation-flex-sp {
		width: 65%;
	}
	.c5-situation-detail-title {
		font-size: 4vw;
		margin-top: 0!important;
		text-align: left;
	}
	.c5-situation-flex-sp .c5-setting-text {
		font-size: 3vw;
		margin-top: 2vw!important;
	}
}
.c5-footer-img {
	width: 100%;
	overflow: hidden;
	background-image: url("../img/footer-img01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 90px 0 70px;
}
.c5-footer-img-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 2.3;
	box-decoration-break: clone;	
	-webkit-box-decoration-break: clone;
	padding: 5px 10px;
	background:rgba(255,255,255,0.8);
	display: inline;
}
.c5-footer-img-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.9;
}
@media screen and (max-width: 1050px) {
	.c5-footer-img-text {
		text-align: left;
	}
}
@media screen and (max-width: 640px) {
	.c5-footer-img {
		padding: 11.333333333333332vw 0 6.666666666666667vw;
	}
	.c5-footer-img-title {
		font-size: 5.333333333333334vw;
	}
	.c5-footer-img-text {
		font-size: 4vw;
		margin-top: 6vw!important;
	}
}
.c5-footer-pd-bg {
	width: 100%;
	background-color: #FFFAE5;
	overflow: hidden;
	padding: 70px 0 130px;
}
.c5-footer-pd-subtitle {
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
}
.c5-footer-pd-title {
	font-size: 45px;
	font-weight: 200;
	text-align: center;
}
.c5-srsxb100-pd {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
}
.c5-srsxe200-pd {
	width: 100%;
	max-width: 885px;
	margin: 0 auto;
}
.c5-srsxb01-pd {
	width: 100%;
	max-width: 673px;
	margin: 0 auto;
}
.c5-ipx67-icon {
	width: 100%;
	max-width: 198px;
	margin: 0 auto;
}
.c5-ipx5-icon {
	width: 100%;
	max-width: 115px;
	margin: 0 auto;
}
.c5-pd-btn-flex {
	width: 100%;
	max-width: 645px;
	margin: 0 auto;
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 0;
}
.c5-pd-btn-flex li {
	width: 48%;
	text-align: center;
}
.c5-pd-btn-flex li a {
	display: block;
	padding: 15px;
}
.c5-pd-boder {
	overflow: hidden;
	border-top: solid #000 1px;
	width: 100%;
}
@media screen and (max-width: 640px) {
	.c5-footer-pd-bg {
		padding: 0 0 20vw;
	}
	.c5-footer-pd-subtitle {
		font-size: 4vw;
		margin-top: 11.333333333333332vw!important;
	}
	.c5-footer-pd-title {
		font-size: 6vw;
		margin-top: 4vw!important;
	}
	.c5-srsxb100-pd,
	.c5-srsxe200-pd,
	.c5-srsxb01-pd {
		margin-top: 6vw!important;
	}
	.c5-ipx67-icon {
		width: 35.333333333333336vw;
		margin-top: 2vw!important;
	}
	.c5-ipx5-icon {
		width: 20.533333333333335vw;
		margin-top: 2vw!important;
	}
	.c5-pd-btn-flex {
		display: block;
		margin-top: 8.666666666666668vw!important;
	}
	.c5-pd-btn-flex li {
		width: 100%;
	}
	.c5-pd-btn-flex li:last-child {
		margin-top: 4.666666666666667vw!important;
	}
	.c5-pd-btn-flex li a {
		padding: 6.666666666666667vw;
	}
	.c5-pd-boder {
		border-top: none;
		margin-top: 0!important;
	}
}
.c5-footer-cont {
	width: 100%;
	background-color: #F5F5F5;
	overflow: hidden;
	position: relative;
	padding-bottom: 110px;
}
.c5-questionnaire-btn {
	font-size: 1.125rem;
	color: #fff;
	background-color: #000;
	padding: 20px 0;
	max-width: 630px;
	display: inline-block;
	width: 100%;
	line-height: 1.3;
}
.c5-questionnaire-btn:hover {
	color: #fff!important;
}
@media screen and (max-width: 640px) {
	.c5-footer-cont {
		padding-bottom: 16vw!important;
	}
	.c5-questionnaire-btn {
		font-size: 3.733333333333334vw!important;
		padding: 6.666666666666667vw 0!important;
	}
}
sup {
	font-size: 11px;
}


.c5-youtube__padding-top {
    position: relative;
    width: 100%;
	height: 0;
    padding-top: 56.25%;
}
.c5-youtube__padding-top iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 640px) {
	.c5-youtube__padding-top {
		margin-top: 12vw!important;
	}
}
.c5-questionnaire_title {
	font-weight: 400;
	text-align: center;
	font-size: 35px;
	color: #444444;
	line-height: 1.3;
}
.c5-questionnaire_read {
	color: #444444;
	font-weight: 500;
	text-align: center;
	font-size: 18px;
	line-height: 2;
}
.c5-detail-info-btn-wrap {
	text-align: center;
}
.c5-accordion-content {
	display: none;
}
@media screen and (max-width: 640px) {
	.c5-questionnaire_title {
		font-size: 6vw!important;
		margin-top: 8vw!important;
	}
	.c5-questionnaire_read {
		font-size: 4vw!important;
		text-align: left;
		margin-top: 6vw!important;
	}
	.c5-detail-info-btn-wrap {
		margin-top: 9.333333333333334vw!important;
	}
	.c5-accordion-content01,
	.c5-accordion-content02,
	.c5-accordion-content03 {
		display: none;
	}
}

@-webkit-keyframes slideIn {
  0% {
    visibility: visible;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes slideIn {
  0% {
    visibility: visible;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes slideInUp {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, 3.125vw, 0);
    transform: translate3d(0, 3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slideInUp {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, 3.125vw, 0);
    transform: translate3d(0, 3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes slideDown {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, -3.125vw, 0);
    transform: translate3d(0, -3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes slideDown {
  0% {
    visibility: visible;
    -webkit-transform: translate3d(0, -3.125vw, 0);
    transform: translate3d(0, -3.125vw, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}


.slideInUp,
.slideDown,
.slideIn {
  opacity: 0
}

.animateIn.slideInUp, .animateIn .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}
.animateIn.slideDown, .animateIn .slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}
.animateIn.slideIn, .animateIn .slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

.animateDelay-0 {
  -webkit-animation-delay: 0.4s!important;
  animation-delay: 0.4s!important
}

.animateDelay-1 {
  -webkit-animation-delay: 0.7s!important;
  animation-delay: 0.7s!important
}

.animateDelay-2 {
  -webkit-animation-delay: 1s!important;
  animation-delay: 1s!important
}

.animateDelay-3 {
  -webkit-animation-delay: 1.3s!important;
  animation-delay: 1.3s!important
}

.animateDelay-4 {
  -webkit-animation-delay: 1.6s!important;
  animation-delay: 1.6s!important
}

.animateDelay-5 {
  -webkit-animation-delay: 1.9s!important;
  animation-delay: 1.9s!important
}

.animateDelay-6 {
  -webkit-animation-delay: 2.2s!important;
  animation-delay: 2.2s!important
}

.animateDelay-7 {
  -webkit-animation-delay: 2.5s!important;
  animation-delay: 2.5s!important
}

.animateDelay-8 {
  -webkit-animation-delay: 2.8s!important;
  animation-delay: 2.8s!important
}

.animateDelay-9 {
  -webkit-animation-delay: 3.1s!important;
  animation-delay: 3.1s!important
}

.animateDelay-10 {
  -webkit-animation-delay: 3.4s!important;
  animation-delay: 3.4s!important
}
.animateDelay-11 {
  -webkit-animation-delay: 3.7s!important;
  animation-delay: 3.7s!important
}
.animateDelay-12 {
  -webkit-animation-delay: 4.0s!important;
  animation-delay: 4.0s!important
}
.animateDelay-13 {
  -webkit-animation-delay: 4.3s!important;
  animation-delay: 4.3s!important
}