@charset "UTF-8";
body {
  /*overflow-x: hidden !important;*/
}

section {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.c5-section__inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
@media only screen and (min-width: 1020px) {
	.c5-section__inner {
		padding: initial;
	}
}

.c5-inner {
	max-width: 1000px;
	margin: 0 auto;
}
.c5-inner img {
    max-width: 100%;
    vertical-align: bottom;
}

.c5-mv_about {
	background: black;
	position: relative;
    border-image-source: linear-gradient(#000, #000);
	border-image-slice: 0 fill;
	border-image-outset: 0 100vw;
}
.c5-mv_about__img {
    width: 100vw;
    height: 550px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: url("../images/mv_bg_sp.jpg") no-repeat;
    background-position: center bottom;
    /*background-attachment: fixed;*/
}
@media only screen and (min-width: 767px) {
	.c5-mv_about__img {
		background: url("../images/mv_bg.jpg") no-repeat;
		background-position: center center;
        height: 641px;
	} 
}
@media only screen and (min-width: 2050px) {
	.c5-mv_about__img {
		background: url("../images/mv_bg-2.jpg") no-repeat;
		background-position: center center;
        height: 641px;
	} 
}
.c5-mv_about__img__title {
	max-width: 100%;
	margin: 0 1.5rem auto;
	padding: 60px 0 0 1rem;
	line-height: 1.6rem;
}
@media only screen and (min-width: 767px) {
	.c5-mv_about__img__title {
          max-width: calc(1000px - 1rem);
          margin: 0 auto;
          line-height: 2rem;
          padding: 80px 0 0 1rem;
	}
}
.c5-mv_about__img__title p {
	margin: 0;
}
.c5-mv_about__img__title p span {
	background: white;
	color: black;
	padding: 0 0.5rem;
}
/*.c5-mv_about__img__title p:first-of-type {
	width: 87vw;
}
@media only screen and (min-width: 767px) {
	.c5-mv_about__img__title p:first-of-type {
		width: 40vw;
	}
}
.c5-mv_about__img__title p:last-of-type {
	width: 80vw;
}
@media only screen and (min-width: 767px) {
	.c5-mv_about__img__title p:last-of-type {
		margin: 0;
		width: 24vw;
		}
}*/

.c5-description-img img {
	width: 100%;
}

.c5-bg_gradation {
	width: 100%;
	padding: 0 0 40px 0;
	background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.01));
}

.c5-mv_about__catch {
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 20px 0 20px;

}
.c5-mv_about__catch p {
	font-size: clamp(14px, 2vw, 18px);
	text-shadow: 0 0 4px rgba(54,71,79,.5);
}
@media only screen and (min-width: 767px) {
	.c5-mv_about__catch {
		padding: 0;
	}
}
/*.c5-mv_about__txt {
	background-image: url("../images/circle-gradation.svg");
    background-position: center center;
    /*background-attachment: fixed;*/
    /*background-repeat: no-repeat;
	height: 395px;
	position: relative;
}
.c5-mv_about__txt-wrap {
	position: absolute;
	width: 100%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.c5-mv_about__txt p {
	font-size: clamp(16px, 2vw, 20px);
}
@media only screen and (min-width: 767px) {
	.c5-mv_about__txt {
		height: 506px;
	}
}*/
.c5-description-img img {
	width: 100%;
}
.c5-h2_title {
	font-size: clamp(18px, 3vw, 30px);
}

#target1 {
	/*background: rgba(31,32,49,1.00);*/
	background: linear-gradient(to bottom right, rgba(31,32,49,1.00), rgba(31,32,49,0.9));
}
#target2 {
	/*background: rgba(47,27,27,1.00);*/
	background: linear-gradient(to bottom right, rgba(47,27,27,1.00), rgba(47,27,27,0.9));
}
#target3 {
	/*background: rgba(19,37,33,1.00);*/
	background: linear-gradient(to bottom right, rgba(19,37,33,1.00), rgba(19,37,33,0.9));
}

.c5-discription dl dt {
  font-size: clamp(16px, 2vw, 24px);
}
.c5-discription dl dd {
  font-size: clamp(14px, 2vw, 16px);;
  margin: 36px 0 0 0;
}



.c5-col {
	display: block;
}
@media only screen and (min-width: 767px) {
	.c5-col {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.c5-col__img {
    flex: 0 1 40%;
    text-align: center;
}
.c5-col__txt {
    flex: 1;
    margin-left: 0;
}
@media only screen and (min-width: 767px) {
	.c5-col__txt {
		margin-left: 40px;
	}
}
.c5-col .button-link {
	display: block;
}
@media only screen and (min-width: 767px) {
	.c5-col .button-link {
		display: flex;
	}
}
.c5-col .button-link p {
	margin: 0 1rem 0 0;
}
.c5-col .button-link p:last-of-type {
	margin: 0 0 20px 0;
}
@media only screen and (min-width: 767px) {
	.c5-col .button-link p:last-of-type {
		margin: 0;
	}
}
.c5-col .button-link p button {
	width: 200px;
}


.c5-two-column__img {
    display: block;
}
@media only screen and (min-width: 767px) {
	.c5-two-column__img {
		display: flex;
        justify-content: center;
        align-items: flex-start;
		gap: 80px;
		padding: 0 40px;
	}
}
.c5-two-column__img div {
	padding: 0;
	/*2カラム以上の時でも使用できるように(sizingは適宜調整で)*/
}
@media only screen and (min-width: 767px) {
	.c5-two-column__img div {
		/*padding: 0 1rem 2rem;*/
	}
}
.c5-two-column__img div img {
	width: 100%;
}
.c5-two-column__img div:first-of-type {
	flex: 0 1 36%;
}
.c5-two-column__img div:not(:first-of-type) {
	flex: 1;
	padding: 20px 0 0 0;
}
@media only screen and (min-width: 767px) {
	.c5-two-column__img div:not(:first-of-type) {
		padding: initial;
	}
}

.c5-single__img {
	width: 100%;
	margin: 0 auto;
}
@media only screen and (min-width: 767px) {
	.c5-single__img {
		width: calc(100% - 45% - 60px);
	}
}

/*詳細はこちら+画像*/
.c5-product ,.c5-product_inner {
	display: block;
}
.c5-product_inner {
	width: 100%;
}
@media only screen and (min-width: 767px) {
	.c5-product ,.c5-product_inner {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.c5-product_inner {
		width: calc(100% - 50%);
	}
}
.c5-product_inner__img {
	flex: 0 1 40%;
}
.c5-product_inner__text {
	flex: 1;
}
.c5-product_inner__text p {
	color: rgba(255,255,255,1.00);
	font-size: clamp(16px,2vw,18px);
}
/*詳細はこちら+画像__end*/

.c5-icon_blue {
	/* Auto layout */
	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	gap: 10px;
 	width: 185px;
 	height: 46px;
 	/* blue */
 	background: #2d75c7;
 	border: #2d75c7;
 	color: white;
 	/* Inside auto layout */
 	flex: none;
 	order: 3;
	flex-grow: 0;
}
.c5-icon_blue::before {
    position: absolute;
    top: 16px;
    left: 12px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #fff; }
.c5-icon_blue a {
    display: block;
    width: 100%;
    text-decoration: none;
}
  .c5-icon_blue:hover {
    background: #34568e;
}

.c5-button_wrap {
	margin-top: 30px;
	padding-bottom: 30px;
}
.c5-button {
	position: relative;
	width: 240px;
 	margin: 0 auto;
 	display: inline-block;
 	border: none;
 	padding: 0;
}
.c5-button span {
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 600;
}
 .c5-button__inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 58px;
    color: rgba(255,255,255,1.00);
    /* Inside auto layout */
    flex: none;
    order: 3;
    flex-grow: 0;
}
.c5-button__inner::after {
	content: "";
	position: absolute;
	right: 14px;
    /*top: 33%;*/
	transition: all 0.2s ease-in-out;
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 2px rgba(255,255,255,1.00);
	border-right: solid 2px rgba(255,255,255,1.00);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c5-button__inner a {
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 20px 0;
}
.c5-button__inner:hover {
	background: rgba(255,255,255,1.00);
}
@media only screen and (min-width: 767px) {
	.c5-button_wrap {
		margin-top: 80px;
		padding-bottom: 100px;
	}
	.c5-button {
		width: 280px;
	}
}
/*button-pink*/
.btn-pk {
	background: rgba(220,91,91,1.00);
    box-shadow: 0 0 0 2px rgba(220,91,91,1.00) inset;
}
.btn-pk:hover , .btn-pk a:hover {
    background: rgba(255, 255, 255, 1.00);
	box-shadow: 0 0 0 2px rgba(220,91,91,1.00) inset;
	color: rgba(220,91,91,1.00);
}
.btn-pk:hover::after {
    content: "";
	position: absolute;
	right: 14px;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 2px rgba(220,91,91,1.00);
	border-right: solid 2px rgba(220,91,91,1.00);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*button-purple*/
.btn-pu {
	background: rgba(112,121,233,1.00);
    box-shadow: 0 0 0 2px rgba(112,121,233,1.00) inset;
}
.btn-pu:hover , .btn-pu a:hover {
    background: rgba(255, 255, 255, 1.00);
	box-shadow: 0 0 0 2px rgba(112,121,233,1.00) inset;
	color: rgba(112,121,233,1.00);
}
.btn-pu:hover::after {
    content: "";
	position: absolute;
	right: 14px;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 2px rgba(112,121,233,1.00);
	border-right: solid 2px rgba(112,121,233,1.00);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*button-green*/
.btn-gr {
	background: rgba(39,155,127,1.00);
    box-shadow: 0 0 0 2px rgba(39,155,127,1.00) inset;
}
.btn-gr:hover , .btn-gr a:hover {
    background: rgba(255, 255, 255, 1.00);
	box-shadow: 0 0 0 2px rgba(39,155,127,1.00) inset;
	color: rgba(39,155,127,1.00);
}
.btn-gr:hover::after {
    content: "";
	position: absolute;
	right: 14px;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 2px rgba(39,155,127,1.00);
	border-right: solid 2px rgba(39,155,127,1.00);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.white {
  color: rgba(255,255,255,1.00);
}

.medium {
  font-size: 14px; }

.small {
  font-size: 12px; }

.weighter {
  font-weight: 600; }

dl dd {
  margin-left: 0; }