@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');

:root {
	--font-size-xs: clamp( 0.6875rem, calc( 0.59375rem + 0.375vw ), 0.875rem );
	--font-size-sm: clamp( 0.875rem, calc( 0.8125rem + 0.25vw ), 1rem );
	--font-size-md: clamp( 1rem, calc( 0.84375rem + 0.625vw ), 1.3125rem );
	--font-size-lg: clamp( 1.125rem, calc( 0.9375rem + 0.75vw ), 1.5rem );
	--font-size-xl: clamp( 1.25rem, calc( 0.9375rem + 1.25vw ), 1.875rem );
	--primary: #178578;
	--primary-light: #60C7BC;
	--bs-primary-rgb: 23, 133, 120;
}
html {
	font-size: 16px;
}
body {
	font-family: "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
	line-height: 1.75;
}
body p {
	font-family: "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
	line-height: 1.75;
}
.hataraku-saibou {
	overflow-x: hidden;
}
.hataraku-saibou .l-Main {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5em;
	font-weight: bold;
}

h2 {
	font-size: clamp( 19px, calc( 13.5px + 1.375vw ), 30px );
}
h3 {
	font-size: clamp( 19px, calc( 17.5px + 0.375vw ), 22px );
	line-height: 1.5;
}

.fs-10{
	font-size:10px;
}

.fs-16{
	font-size:16px;
}

.fs-18{
	font-size:18px;
}

.fs-20{
	font-size:20px;
}

.fs-24{
	font-size:24px;
}

.fs-26{
	font-size:26px!important;
}

.fs-28{
	font-size:28px!important;
}

.fs-30-title{
	font-size:30px;
	margin-top:2.5rem;
}

.fs-30{
	font-size:30px;
}

.fs-40{
	font-size: clamp(20px, 5vw, 40px);
	line-height: 1.5;
}
.angled-label {
  display: inline-block;
  background-color: #1a897c; /* dark green shade */
  color: white;
  font-size: 16px;
  padding: 4px 20px;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  margin-left: 100px;
}

/* changes vol4 start */
.angled-label-vol4 {
  position: relative;
  display: inline-block;
  background-color: #1a897c; /* dark green shade */
  color: white;
  font-size: 20px;
  padding: 4px 80px 4px 40px;
  /* clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); */
  margin-left: 100px;
  overflow: hidden;
}

.angle-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  object-fit: contain;
}

.disablity-text, .magnitude-text  {
	align-items: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    gap: 10px;
}

.neuropathy-text {
	align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    /* gap: 10px; */
	margin-top: 30px;
	padding: 0 45px;
}
.neuropathy-text .d-flex{
	width: 260px;
}

.neuropathy-text .rg-arrow-pc {
	width: 52px;
	height: 47px;
}

.disablity-text img, .magnitude-text  img{ 
	width: 68px;
	height: 50px;
}

 .magnitude-text {
	margin-top: 100px;
	/* align-items: start; */
 }

 .nmosd {
	display: flex;
	gap: 16px;
 }

 .neurol-sub-text, .akaishi-sub-text  {
	display: flex;
    font-size: 10px;
    justify-content: end;
    margin-top: 16px;
 }

 .akaishi-sub-text {
	flex-direction: column;
	align-items: end;
	word-break: break-all;
	}

 .research-overview {
	margin-top: 30px;
    background: transparent linear-gradient(0deg, #D9F5F2 0%, #FFFFFF 65%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    padding: 0 45px 18px 45px;
 }

 .research-group-text {
	padding: 0 45px;
 }

 .worsen-section {
	margin-top: 30px;
	padding-top: 40px;
	background: transparent linear-gradient(180deg, #D9F5F2 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
 }

.visual-impairment, .visual-impairment-mb {
	display: flex;
    margin-top: 40px;
    gap: 6px;
}
.visual-impairment-description {
	max-width: 380px;
}
.nmosd, .nmosd-mb {
	  margin-bottom: 27px;

}

 .visual-impairment .color-green, .visual-impairment-mb .color-green {
	width: 18px;
    height: 18px;
    background: #178578;
    border-radius: 30px;
    margin-top: 10px;
}

.fs-22 {
	font-size: 22px;
}

.fs-12 {
	font-size: 12px;
}

.mayo-clinic-text {
	border-top: 2px solid #007180;
	border-bottom: 2px solid #007180;
	padding: 30px 0;
	margin-bottom: 16px;
	margin-top: 40px;
}

.Neurology-text {
	text-align: end;
	font-size: 10px;
	margin-bottom: 47px;
}
.rg-arrow-vol4-pc{
	display: block;
}
.rg-arrow-vol4-mb{
	display: none;
}
.accordion-img-vol4-pc{
	display: block;
}
.accordion-img-vol4-mb{
	display: none;
}

@media screen and (max-width: 430px ){
	.angled-label-vol4 {
font-size: 14px;
}

.helper-text-Tcell{
    padding: 1.5rem 0.5rem !important;
}
.visual-impairment-mb {
		display: flex !important;
	}
.mayo-clinic-text .fs-12, .research-overview-mb .fs-12 .research-overview .fs-12{
	font-size: 10px;
}
.worsen-section .fs-28{
	font-size: 40px;

}
.neuropathy-text .text-primary{
	/* font-size: 40px; */
	font-size: clamp(20px, 5vw, 40px);
	display: inline;
}
.neuropathy-text img {
  margin-top: 5px;
}
.research-group-text{
	/* font-size: 30px; */
	font-size: 20px;
}
.disablity-text img{
    margin-top: 5px;
	}
  

/* .helper-text-title{
	font-size: 34px !important;
} */
/* .helper-subtext-title{
	font-size: 24px !important;
} */
}


.disablity-text-description {
	width: calc(100% - 68px);

}
.flex-column {
	display: flex;
    flex-direction: column;
}
.visual-impairment-mb .description {
	width: calc(100% - 30px);
}
.magnitude-text .text-primary {
	    max-width: calc(100% - 68px);
}

/* @media screen and (max-width: 430px ) {
.helper-text .fs-30-title {
		font-size: 19px;
	}

	.helper-text .fs-sp14 {
		font-size: 14px;
	}
	.disablity-text{
		font-size: 14px;
	}
	
	.visual-impairment .color-green{
		width:24px
	}
	.visual-impairment .fs-22 {
    font-size: 11px;
}
.visual-impairment .fs-20 {
    font-size: 10px;
}
.visual-impairment {
		display: none;
	}

	.visual-impairment-mb {
		display: flex !important;
	}
 .magnitude-text {
    font-size: 14px;
}
.nmosd {
 flex-direction: column;
    gap: 0px;
    margin-bottom: 10px;
	}
.visual-impairment .vol4-w-18{
	width:18px !important;

}
.research-overview-mb {
	font-size: 12px;
}
.neurol-sub-text{ 
flex-direction: column;
}
.angled-label-vol4 {
font-size: 10px;
}
.heading-question {
	font-size: 10px !important;

}
.order-2{
	justify-content: center;
    display: flex;
}
.worsen-section .fs-28{
	font-size: 14px !important;
}
.worsen-section .fs-20{
	font-size: 10px !important;
}
.neuropathy-text {
	flex-direction: column;
    font-size: 10px;
}
.neuropathy-text .d-flex{
	width: auto !important;
}
.neuropathy-text span{
	align-items: center;
}
.neuropathy-text .rg-arrow-pc {
	width: 24px;
}
.research-overview {
	font-size: 12px;
}
.akaishi-sub-text {
    align-items: flex-start;
}
.disablity-text-description{
		display: flex;
		flex-direction: column;
		font-size: 22px;
	}
	.disablity-text {
		align-items: start;
	}
} */
/*chnage start weiwei */
@media screen and (max-width: 787px) and (min-width:431px) {
	.angled-label-vol4 {
		font-size: 36px;
	}
	.angled-label-vol4.img1{
	padding: 10px 98px 10px 40px;

}
.angled-label-vol4.img2{
	padding: 10px 97px 10px 40px;

}

	.diseasetext-title {
	font-size:40px;

}
.disease-subtext-title{
	font-size: 30px;
}
.helper-text-title{
	font-size: 40px !important;
}
.helper-subtext-title{
	font-size: 30px !important;
}
.visual-impairment-mb .text-primary {
		font-size: 36px !important;
	}
.mayo-clinic-text .text-primary, .mayo-clinic-text .fs-12{
		font-size: 24px;
	}	
.Neurology-text {
		font-size: 20px !important;
	}
	.visual-impairment-mb .fs-20 {
		font-size: 30px !important;
	}
	.question-mb .heading-question {
		font-size: 36px;
	}
	.question-mb ._heading-question-icon {
		width: 70px !important;
		height: 70px !important;
	}
	.research-overview .akaishi-sub-text {
		font-size: 20px;
		word-break: break-all;
	}
	.research-overview-mb {
	font-size: 12px;
}
 	.disablity-text img {
		/* width: 90px;
		height: 80px; */
		margin-top: 12px;
	}
	.visual-impairment-mb .description {
		max-width: calc(100% - 30px);
	}
	.visual-impairment-mb {
		display: flex !important;
		align-items: baseline;
	}
	.research-overview-mb {
		font-size: 24px;
	}
	.neurol-sub-text {
		font-size: 20px !important;
	}
	.worsen-section .fs-20 {
		font-size: 34px;
	}
	.research-overview {
		font-size: 24px;
		/* padding: 0 5px 18px 5px; */
	}
	.neuropathy-text .text-primary {
		/* flex-direction: row !important; */
		font-size: 36px;
	}
}
/* wewie changes*/

@media screen and (max-width: 787px) {
	.rg-arrow-vol4-pc{
	display: none !important;
}
.rg-arrow-vol4-mb{
	display: block !important;
}
.accordion-img-vol4-pc{
	display:none !important;
}
.accordion-img-vol4-mb{
	display: block !important;
	width: 100%;
}
.accordion-img-vol4-mb.manimg{
	width: auto !important;
}
/* .diseasetext-title {
	font-size:40px;

} */
/* .disease-subtext-title{
	font-size: 30px;
} */

.visual-impairment-description-vol4{
	max-width: calc(100% - 50px);
}
	.disablity-text {
		align-items: start;
		font-size: 40px;
		gap: 24px !important;
	}
	/* .disablity-text img{
    margin-top: 5px;
	} */
	 .magnitude-text{
		align-items: start !important;
		gap: 24px !important;
	 }
	 .disablity-text-description{
		display: flex;
		flex-direction: column;
		/* font-size: 22px; */
		max-width: calc(100% - 90px) !important;
	}
	.neuropathy-text .text-primary{
		flex-direction: row !important;
		max-width: calc(100% - 90px) !important;
	}
	.magnitude-text .text-primary{
		max-width: calc(100% - 90px) !important;
	}
	.neuropathy-text .d-flex{
	width: 100%;
	    /* align-items: center; */
    margin-bottom: 31px;
}

	.helper-text .fs-30-title {
		font-size: 40px;
	}

	.helper-text .fs-sp14 {
		font-size: 30px;
	}

	/* .helper-text img {
		width: 270px;
		height: 290px;
	} */

	/* .disablity-text img {
		width: 90px;
		height: 80px;
		margin-top: 12px;
	} */

	.visual-impairment {
		display: none;
	}

	/* .visual-impairment-mb {
		display: flex !important;
		align-items: baseline;
	} */

	.visual-impairment-mb .color-green{
		width: 30px;
		height: 30px;
	}

	/* .visual-impairment-mb .description {
		width: 95%;
	} */

	/* .mayo-clinic-text .text-primary, .mayo-clinic-text .fs-12{
		font-size: 24px;
	} */

	/* .Neurology-text {
		font-size: 20px !important;
	} */

	.Neurology-text img, .nmosd img, .img-size img, .tbl-img-size img {
		max-width: 740px !important;
	}

	.nmosd-mb {
		flex-direction: column;
	}

	/* .visual-impairment-mb .text-primary {
		font-size: 36px !important;
	} */

	/* .visual-impairment-mb .fs-20 {
		font-size: 30px !important;
	} */

	/* .research-overview-mb {
		font-size: 24px;
	} */

	/* .question-mb .heading-question {
		font-size: 36px;
	} */

	/* .question-mb ._heading-question-icon {
		width: 70px !important;
		height: 70px !important;
	} */

	.question-mb .order-2 {
		align-items: center;
		justify-content: center;
		display: flex;
	}

	.neurol-sub-text {
		flex-direction: column;
		text-align: end;
		/* font-size: 20px !important; */
	}

	.worsen-section .fs-28 {
		/* font-size: 40px !important; */
		font-size: clamp(20px, 5vw, 40px) !important;
	}

	/* .worsen-section .fs-20 {
		font-size: 34px;
	} */

	/* .research-overview {
		font-size: 24px;
		padding: 0 5px 18px 5px;
	} */
.research-group-text{
	padding: 0 5px;
}
	/* .research-overview .akaishi-sub-text {
		font-size: 20px;
		word-break: break-all;
	} */

	.neuropathy-text {
		flex-direction: column;
		/* font-size: 36px; */
		align-items: start;
		padding: 0 5px;
	}
	.neuropathy-text span .accordion-img-mb {
		max-width:100%;
	}

	.neuropathy-text br {
		display: none;
	}

	.neuropathy-text .rg-arrow-mb {
		height: 36px;
		width: 51px;
	}

	.fs-36 {
		font-size: 36px;
	}
}

	.visual-impairment-mb {
		display: none;
	}
/* changes vol4 start */

/* changes start */
.ls-normal {
	letter-spacing: normal;
}

.main-role-component {
	max-width: 640px;
	margin-left: 200px;
	margin-top: 30px;
}

.bg-primary {
	background-color: #178578;
}
/* changes end */

ol.list-komejirushi{
	padding-left: 0;
}

ol.list-komejirushi li{
	counter-increment: i;
	padding-left: 3em;
	margin-bottom: 0.5em;
	position: relative;
	font-size:10px;
}
ol.list-komejirushi li:before {
  color: #495057;
  display: inline-block;
  margin-right: -2.5em;
  position: absolute;
  right: 100%;
  text-decoration: none;
  white-space: nowrap;
  content: "\203B"counter(i);
} 

.heading-title {
	margin-top: 1.5em;
}

.heading-square{
	font-size:20px;
	position: relative;
	padding-left: 42px;
	margin:50px 0 30px;
}
.heading-square:before {
  content: "\25A0";
  position: absolute;
  color: var(--primary);
  font-size: 30px;
  left: 0;
  top: -7px;
  bottom: 0;
} 

.heading-question {
	display: flex;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 1rem;
	color: var(--primary);
  }

._heading-question-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	background-color: #D9F5F2;
	color: var(--primary);
	font-weight: bold;
	margin-right: 0.5rem;
	flex-shrink: 0;
}

.heading-number{
	position: relative;
}

.heading-number::before{
	content: "";
	position: absolute;
	left: -45px;
	top: 0;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
}

.heading-number.no1::before{
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/no1.svg);
}

.heading-number.no2::before{
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/no2.svg);
}

.heading-number.no2a::before{
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/no2a.svg);
}

.heading-number.no2b::before{
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/no2b.svg);
}

.heading-number.no3::before{
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/no3.svg);
}

.heading-title-pink {
	margin-top: 0;
	text-align: center;
	color: #FF1B8C;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 1.25em;
	font-size: clamp( 25px, calc( 20.5px + 1.125vw ), 34px );
}
.heading-title-pink::before {
	content: "";
	position: absolute;
	width: 394px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-bottom: 2px dashed #FF1B8C;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
	outline: none;
}

section {
	padding: 60px 0;
}

.container-fluid {
	max-width: 100%;
}
.container {
	max-width: 980px;
	padding-left: 15px;
	padding-right: 15px;
}
.container-sm {
	max-width: 840px;
}

.container-smallest{
	max-width: 640px;
	margin:0 auto;
}

.pc-only {
	display: block;
}
.sp-only {
	display: none;
}

.lp-header {
	position: relative;
}
.lp-header::before {
	content: "";
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/img-pattern.png);
	position: absolute;
	top: 0;
	left: -1rem;
	width: calc(100% + 1rem);
	height: 21px;
}

.bg-custom-gradient{
	background: linear-gradient(to bottom, transparent 0%, rgba(25, 196, 179, 0.28) 100%);
}
.bg-char-top,
.bg-char-bottom {
	position: relative;
}
.l-mainVisual .mainVisual-content {
	position: relative;
	z-index: 99;
    height: 140px;
    margin-top: 80px;
}

.bg-char-top::before,
.bg-char-top::after,
.bg-char-bottom::before,
.bg-char-bottom::after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	top: 0;
	height: 840px;
	width: 100%;
	z-index: 1;
}

.bg-char-bottom::before,
.bg-char-bottom::after {
	height: 1200px;
}

.bg-bottom-logo {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	display: flex;
	z-index: 1;
}
.bg-bottom-logo img {
	margin: auto auto 60px;
}

.l-logo {
	position: absolute;
	left: 30px;
	top: 60px;
}

.heading-title img {
	margin: auto;
}

.l-Footer__Head--Tel,
.l-Footer__Logo--Text,
.l-Footer__Relations,
.l-Footer__Copy
 {
	margin-bottom: 0;
}

.bg-gradient-top {
	background: linear-gradient(rgba(25, 196, 179, 0.28) 0%, #fff 100%);
	position: relative;
	padding-bottom: 320px;
	overflow: hidden;
}
.bg-gradient-bottom {
	background: linear-gradient(#fff 0%, rgba(25, 196, 179, 0.28) 100%);
	position: relative;
}

.bg-gray {
	background-color: #F2F2EC;
}

.bg-video {
	position: relative;
}
.bg-video::before {
	content: "";
	position: absolute;
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/7328_transparent.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	top: -47px;
	left: 0;
	right: 0;
	height: 380px;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	z-index: 0;
}
.bg-video::after {
	content: "";
	position: absolute;
	background: linear-gradient(to right,#faff7b 0%, #aafff7 100%);
	top: 0;
	left: 0;
	height: 247px;
	width: 100%;
	z-index: -1;
}
.bg-video .container {
	position: relative;
	z-index: 1;
}

.text-dis {
	font-size: var(--font-size-md);
}

.l-sns {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	gap: 30px;
}

.btn-primary {
	--bs-btn-bg: #60C7BC;
	--bs-btn-border-color: #60C7BC;
	--bs-btn-hover-border-color: #178578;
	--bs-btn-hover-bg: #178578;
	--bs-btn-active-bg: #178578;
	--bs-btn-disabled-bg: #60C7BC;
	--bs-btn-disabled-border-color: #60C7BC;
}

.l-news {
	background: #fff;
	border-radius: 21px;
	padding: 30px 40px;
	margin-top: 60px;
}

.l-news ._list {
	padding-left: 0;
	margin-bottom: 0;
}
.l-news ._list ._item {
	font-size: 20px;
	color: #4E4E4E;
	border-bottom: 2px dashed var(--primary);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.l-news ._list ._item:last-child {
	margin-bottom: 0;
}

/* .card-video ._image {
	position: relative;
}

.card-video ._image::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url(/-/media/C5Neurology/images/hataraku-saibou/btn-play.png);
	background-repeat: no-repeat;
	width: 86px;
	height: 86px;
	cursor: pointer;
} */

.img-video-title {
	position: absolute;
	width: 50%;
	top: 4px;
	z-index: -1;
}
.bnr-comming-soon{
	margin: 0 15px;
}
.bnr-comming-soon img {
	margin: auto;
}

.link-list ._list {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
}
.link-list ._list ._item {
	width: 50%;
	position: relative;
	padding-left: 48px;
}
.link-list ._list ._item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/i-play.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: auto;
	width: 34px;
	height: 34px;
}
.link-list ._list ._item ._link {
	font-size: var(--font-size-xl);
	color: #007180;
}
.link-list ._list ._item ._link:hover {
	color: #03454e;
}

.l-anchorBtn {
	padding-top: 46px;
	padding-bottom: 35px;
	position: relative;
	z-index: 1;
}
.l-anchorBtn.is-active {
	background-color: rgb(23 133 120 / 40%);
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 26px;
	padding-bottom: 26px;
	z-index: 100;
}
.anchorBtn-content {
	display: flex;
	gap: 32px;
}

@media (max-width: 991.98px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	.lp-header::before {
		background-size: contain;
		height: 11px;
	}
	.heading-title {
		text-align: center;
	}
	.l-news {
		display: none;
	}
	section {
		padding: 60px 0;
	}
	.link-list ._list {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		max-width: 240px;
		margin: auto;
	}
	.link-list ._list ._item {
		width: 100%;
		margin-bottom: 1rem;
		padding-left: 32px;
	}
	.link-list ._list ._item::before {
		width: 24px;
		height: 24px;
	}
	.bg-video {
		padding-top: 300px;
	}
	.bg-video img {
		margin: auto;
	}
	.bg-video::before {
		/* background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/bg-moive_sp.png); */
		background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/7329.png);
		top: -33px;
		background-size: contain;
		height: 355px;
	}
	.heading-title-pink::before {
		width: 90%;
	}
	.bnr-comming-soon img {
		max-width: 80%;
	}
	.bg-gradient-top {
		padding-bottom: 160px;
	}
	.bg-bottom-logo img {
		max-width: 50%;
	}
	.container.bg-char-top {
		padding-left: 0;
		padding-right: 0;
	}
	.fs-5 {
		font-size: 13px !important;
	}
	.fs-3 {
		font-size: 19px !important;
	}

	.lp-accordion-content::after {
		background: transparent linear-gradient(180deg, #FFFFFF00 0%, #D9F5F2 100%) 0% 0% no-repeat padding-box;
	}
	.l-anchorBtn {
		background-color: rgba(25, 196, 179, 0.16);
		padding-top: 0;
		padding-bottom: 0;
	}
	.anchorBtn-content {
		gap: 0;
	}
}

@media (max-width: 789.98px) {
	.bg-video::before {
		background-size: cover;
	}
}

@media (max-width: 639.98px) {
	.bg-video {
		padding-top: 160px;
	}
	.bg-video::before {
		top: -119px;
		background-size: contain;
	}
	.bg-video::after {
		display: none;
	}
}

.lp-accordion.bg-green{
	background:rgba(25, 196, 179, 0.28);
	padding-top: 0;
	padding-bottom: 60px;
  }


.lp-accordion-content {
	background: linear-gradient(#fff 10%, rgba(25, 196, 179, 0.28) 100%);
}

.lp-accordion-content {
	display: block;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	max-height: 234px;
	position: relative;
	background:#fff;
  }

  .lp-accordion-content::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, #FC8260, #FB1B8B);
  }
  .lp-accordion-content::after {
  	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 72%;
	background: transparent linear-gradient(180deg, #FFFFFF00 0%, #C6EEEA 100%) 0% 0% no-repeat padding-box;
	}

  .lp-accordion-content.open::after{
	display: none;
  }


  .lp-accordion{
	background: linear-gradient(
		to bottom,
		transparent 0%,
		rgba(25, 196, 179, 0.28) 100%
	  );
	  background-repeat: no-repeat;
	  background-size: 100% 430px;
  }
  @media (max-width: 991.98px) {
	.lp-accordion{
	    background: rgba(25, 196, 179, 0.16);
	}
}


  .lp-accordion-toggle {
	position: relative;
	z-index: 99;
	cursor: pointer;
    max-width: 840px;
    margin: 0 auto;
  }

  .lp-accordion-toggle.open-btn span{
	display: block;
	max-width: 740px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	cursor: pointer;
	padding: 8px;
	background: linear-gradient(to left, #FC8260, #FB1B8B);
	color: #fff;
	border-radius: 16px 16px 0 0;
	box-shadow: 0px -4px 5px #00000017;
  }

  .lp-accordion-toggle.open-btn span::before{
	content: "";
    transform: rotate(180deg);
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/i-arrow-white.svg);
	background-repeat: no-repeat;
	position: absolute;
    left: 164px;
    bottom: 10px;
	width: 21px;
	height: 22px;
	transition: transform 0.3s ease;
  }

  /* start changes */
  .margin-completion-text {
	margin: 0 24% 25px;
	font-weight: 400;
  }

  .rg-arrow-pc {
	display: block;
  }

  .rg-arrow-mb {
		display: none;
	}

	.accordion-img-mb {
		display: none ;
	}
	.accordion-img-pc {
		display: block ;
	}

	.d-xs-block {
		display: none;
	}

	.img-full img{
		width: 100%;
	}

  @media (max-width: 770px) {
	.margin-completion-text {
		margin: 0 auto 20px !important;
		font-size: 18px;
	}

	.fs-wrap {
		display: flex;
		flex-direction: column;
	}

	.d-xs-none {
		display: none !important;
	}

	.d-xs-block {
		display: block !important;
	}

	.rg-arrow-mb {
		display: block !important;
		max-width: 60px;
	}
	.rg-arrow-pc {
		display: none !important;
	}

	.accordion-img-mb {
		display: block !important;
		max-width: 300px;
	}
	.accordion-img-pc {
		display: none !important;
	}
	.fs-xs-20 {
		font-size: 20px !important;
	}
	.angled-label {
		margin-left: 0px !important;
	}
	
	.main-role-component {
		margin-left: 58px !important;
	}

	.col-xs-11 {
		width: 86% !important;
	}

	.col-xs-12 {
		width: 100% !important;
	}

	.arrow-img-content {
		justify-content: center;
		& .text-primary {
			font-size: 30px;
		}
	}

	/* .img-height {
		height: 400px;
	} */
  }

    @media (max-width: 426px) {
	.margin-completion-text {
		margin: 0 auto 20px !important;
		font-size: 18px;
	}
/* .img-height {
		height: 200px;
	} */
	.fs-wrap {
		display: flex;
		flex-direction: column;
	}

	.d-xs-none {
		display: none !important;
	}

	.d-xs-block {
		display: block !important;
	}

	.rg-arrow-mb {
		display: none !important;
	}
	.rg-arrow-pc {
		display: block !important;
	}

	.accordion-img-mb {
		display: none !important;
	}
	.accordion-img-pc {
		display: block !important;
	}
	.fs-xs-20 {
		font-size: 10px !important;
	}
	.angled-label {
		margin-left: 0px !important;
	}
	
	.main-role-component {
		margin-left: 58px !important;
	}

	.col-xs-11 {
		width: 86% !important;
	}

	.col-xs-12 {
		width: 100% !important;
	}

	.arrow-img-content {
		justify-content: center;
		& .text-primary {
			font-size: 20px;
		}
	}
  }

  .lh-3 {
	line-height: 3;
  }
  /* end changes */

@media (max-width: 639.98px) {
	.lp-accordion-toggle.open-btn span{
		font-size:14px;
		margin:0 12px;
	}
	}


@media (max-width: 639.98px) {
	.lp-accordion-toggle.open-btn span::before{
		left: 15px;
		bottom: 10px;
	}
}

.lp-accordion-toggle.open-btn.icon span::before{
	transform: rotate(0);
}

.lp-accordion-toggle.close-btn {
	width: 167px;
	margin: 0 auto;
	text-align: center;
	padding: 8px;
	background: linear-gradient(to left, #FC8260, #FB1B8B);
	color: #fff;
	border-radius: 16px 16px 0 0;
	box-shadow: 0px -4px 5px #00000017;
}

.lp-accordion-toggle.close-btn span{
	position: relative;
	margin: 0 0 0 2rem;
}

.lp-accordion-toggle.close-btn span::before{
	content: "";
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/i-arrow-white.svg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: -2rem;
	width: 21px;
	height: 22px;
}

.panel-primary-lighten{
	background:#EFFAF9;
	border-radius:20px;
	padding:1.5rem 2.5rem;
}

.panel-primary-light-shade{
	background:transparent linear-gradient(90deg, #E1F5F3 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;	
}

.panel-line {
	background-image: url(../../images/hataraku-saibou/line.png);
	background-position: 1.5%;
	background-repeat: no-repeat repeat;
	padding:1.5rem 2.5rem;
}

.heading-arrow{
	font-size: 30px;
	position: relative;
	margin:50px auto 30px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.heading-arrow::before,
.heading-arrow::after {
	content: "";
	width: 30px;
	height: 24px;
	background-repeat: no-repeat;
}

.heading-arrow::before {
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/i-green-arrow-right.svg);
	margin-right:10px;
}

.heading-arrow::after {
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/i-green-arrow-left.svg);
	margin-left:10px;
}

.pathological-condition{
	display: flex;
	gap: 3rem;
	margin:50px 0;
}

.pathological-condition-item{
	position: relative;
	width: calc(27.4% - 3rem);
	font-weight: bold;
}

.pathological-condition-item:nth-child(3) {
	width:46%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pathological-condition-item:nth-child(3) .pathological-condition-item-title {
	max-width:200px;
}

.pathological-condition-item:nth-child(3) .pathological-condition-item-outline {
	max-width:200px;
}

.pathological-condition-item::after{
	position: relative;  position: absolute;
	top: 18%;
	left: calc(-1.5rem - 12px);
	content: "";
	width: 27px;
	height: 24px;
	background-image: url(../../../../media/C5Neurology/images/hataraku-saibou/i-green-arrow-left.svg);
	display: inline-block;
}

.pathological-condition-item:first-of-type::after {
	content: none;
}

.pathological-condition-item-img{
	margin-bottom:.5rem;
}

.pathological-condition-item-title{
	color:var(--primary);
	padding-bottom:.3rem;
	margin-bottom:.3rem;
	border-bottom:1px solid var(--primary);
	text-align: center;
}

.pathological-condition-item-outline{
	font-size:12px;
}

@media (max-width: 639.98px) {
	.pathological-condition{
		display: flex;
		flex-direction: column;
		gap: 3rem;
		margin:50px 0;
	}
	.pathological-condition-item{
		width:100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.pathological-condition-item:nth-child(3) {
	width:100%;
	}
	.pathological-condition-item .pathological-condition-item-title {
		min-width: 300px;
	}
	.pathological-condition-item .pathological-condition-item-outline {
		max-width: 300px;
		text-align: center;
	}
	.pathological-condition-item:nth-child(3) .pathological-condition-item-title {
		min-width: 300px;
	}
	.pathological-condition-item:nth-child(3) .pathological-condition-item-outline {
		min-width: 300px;
	}
	.fs-30-title{
		font-size:24px;
		margin-top:0;
	}
	.fs-30{
		font-size:20px;
	}
	.pathological-condition-item::after{
		top: -37px;
		left: 47%;
		height: 23px;
		transform: rotate(90deg);
	}
	.fs-sp14{
		font-size:14px;
	}

	.heading-arrow{
		font-size: 22px!important;
	}

	.heading-arrow::before,
	.heading-arrow::after {
		background-size: 24px;
		width: 26px;
		height: 21px;
	}

	.lp-accordion-toggle.open-btn span{
		font-size:14px;
		margin:0 12px;
	}

	.lp-accordion-toggle.open-btn span::before{
		left: 15px;
		bottom: 10px;
	}
}

/* 追加START */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* PC用 */

.l-mainVisual {
	position: relative;
	background: linear-gradient(#A5DDFF 0%, #FFFFFF 70%) no-repeat 50% 50% / 100% 100%;
	padding-top: 20px;
	padding-bottom: 0;
	background-size: cover;
}
.l-mainVisual .pc-main-visual-bk .bk-line {
	filter: drop-shadow(5px 0 8px #90B9D1);
	width: 100%;
	height: 100%;
}
.l-character {
	background-color: #D5F2FF;
	padding-bottom: 0 !important;
	padding-top: 80px !important;
}
.l-character .title-center {
	width: 404px;
}
.l-comics {
	padding-top: 125px !important;
}
.l-comics .title-center {
	width: 620px;
}
.l-comics,
.l-second-line,
.l-third-line {
	background-image: url("/-/media/NMOSDSource_jp/img/hataraku-saibou/bg-comic");
}
.l-second-line,
.l-third-line,
.l-fourth-line {
	position: relative;
	height: 156px;
}
.l-second-line .container-sm,
.l-third-line .container-sm,
.l-fourth-line .container-sm {
	position: relative;
	z-index: 99;
	height: 156px;
}
.l-second-line .l-line-img,
.l-third-line .l-line-img,
.l-fourth-line .l-line-img {
	position: absolute;
	top: 0;
	height: 100% ;
}
.l-second-line .container-sm .l-line-left-img,
.l-second-line .container-sm .l-line-right-img,
.l-third-line .container-sm .l-line-left-img,
.l-third-line .container-sm .l-line-right-img {
	position: absolute;
}
.l-second-line .container-sm .l-line-left-img {
	left: -140px;
    bottom: -178px;
    width: 220px;
}
.l-second-line .container-sm .l-line-right-img {
    top: -120px;
    right: -220px;
}
.l-third-line .container-sm .l-line-left-img {
	left: -80px;
    bottom: -150px;
}
.l-third-line .container-sm .l-line-right-img {
    bottom: -45px;
    right: -70px;
    width: 220px;
}
.l-lean-more .container-sm {
	position: relative;
}
.l-lean-more .container-sm .l-left-img {
	position: absolute;
	bottom: -10px;
    left: -150px;
}
.l-lean-more .container-sm .l-right-img {
	position: absolute;
    top: -225px;
    right: -200px;
    height: 572px;
}
.l-explanation {
	background-color: #FFEFF0;
	padding-bottom: 0 !important;
	padding-top: 180px;
}
.l-lean-more {
	background-color: #F1F7E7;
	padding-bottom: 80px !important;
	padding-top: 110px;
}
.l-title-box {
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: center;
}
.l-title-box .title-left,
.l-title-box .title-right {
	width: 53px;
}
.l-sub-title-box {
	padding: 30px 0;
}
.l-sub-title {
	text-align: center;
	margin-top: 40px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	font-weight: normal;
}
.l-coming-soon-box {
	padding: 40px 0;
}
.l-sub-title-box img,
.l-coming-soon-box img {
	margin: auto;
}
.l-fixed-link {
  position: fixed;
  right: 0;
  top: 35%;
  z-index: 99;
  transition: .3s ease-in-out;
}
.l-fixed-link a {
  display: inline-block;
}
.l-fixed-link .l-icon-mark {
	position: absolute;
    top: -16px;
    left: 16px;
    width: 40px;
    height: 40px;
    transition: transform 1s ease-out;
}
.l-bottom-logo {
	height: 200px;
	padding-top: 22px;
}
.l-bottom-logo .container-sm {
	display: inline;
	vertical-align: middle;
}
.l-bottom-logo img {
	width: 300px;
	margin: auto;
}
.l-top-arrow {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 22px;
  margin: 0 4.6px;
  border-radius: 9999px;
  background-color: #013c71;
  top: 10px;
}
.l-top-arrow::before,
.l-top-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 0.5px);
  width: 1px;
  height: 7px;
  border-radius: 9999px;
  background-color: #013c71;
  transform-origin: 50% 0.5px;
}
.l-top-arrow::before {
  transform: rotate(49.5deg);
}
#target-sentinel {
	height: 1px;
}
.l-PageTop {
    z-index: 100;
    opacity: 0;
    pointer-events: none; /* 非表示時クリック無効 */
    transition: opacity 0.5s ease;
}
.l-PageTop.show {
    opacity: 1;
    pointer-events: auto;
}
.l-PageTop a:hover .l-top-arrow,
.l-PageTop a:hover .l-top-arrow::before,
.l-PageTop a:hover .l-top-arrow::after {
  background-color: #fff;
}
.l-top-arrow::after {
  transform: rotate(-49.5deg);
}
.l-PageTop a:hover {
    border: 1px solid #FFFFFF;
}
.pc-top-line {
	display: block;
}
.sp-top-line {
	display: none;
}
.pc-main-box {
	position: relative;
	height: 834px !important;
	/* max-width: 1366px !important; */
	margin: auto;
	overflow: hidden;
}
.pc-main-box .l-first-line {
	position: absolute !important;
    bottom: 0;
    width: 100% !important;
}
.pc-main-visual-bk {
	position: absolute;
    top: 110px;
    width: 100%;
    height: 148px !important;
    z-index: 1;
}
.pc-main-visual .pc-main-visual-bk img {
	width: 100%;
	height: 100%;
}
.pc-main-box .pc-main-visual-img {
	display: flex;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    z-index: 90;
    max-width: 1366px !important;
}
.main-visual-left {
	position: absolute;
    left: -40px;
	width: 444px;
	top: 0;
}
.main-visual-center {
	width: 790px;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: auto;
	z-index: 100;
}
.main-visual-right {
	position: absolute;
    right: -60px;
    width: 532px;
	top: 0;
}
.l-sub-title-box img {
	width: 517px;
}

.img {
  object-fit: cover;
  transform: scale(0);
  opacity: 0;
  animation: expand 1s cubic-bezier(.24,1.07,.27,.95) forwards;
}

/* 画像ごとに拡大方向を指定 */
.img1 {
  transform-origin: center right;  
  /* animation-delay: 0.1s; */
}
.img2 {
  transform-origin: bottom center; 
  /* animation-delay: 0.2s; */
}
.img3 {
  transform-origin: center center; 
  /* animation-delay: 0.3s; */
}
.img4 {
  transform-origin: center left;   
  /* animation-delay: 0.4s; */
}

@keyframes expand {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  /* 70% {
    transform: scale(1.05);
    opacity: 1;
  } */
  100% {
    transform: scale(1);
    opacity: 1; /* ← 終了後も透明度を1に */
  }
}
#fixed-image {
  position: fixed;
  right: -200px; /* 最初は画面外 */
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: right 0.5s ease, opacity 0.5s ease;
  z-index: 999;
  width: 68px;
}
#fixed-image.active {
  right: 0; /* 画面内にフェードイン */
  opacity: 1;
}
#rotate-img.active {
  animation: rotateAnimation 1.5s  ease-out forwards;
}
.l-line-img {
	width: 100% !important;
}
#target-blank-modal {
	display: none;
}
.rotate-image {
  transition: transform 2s ease;
	z-index: 99;
}

.rotate-image.rotate-start {
  transform: rotate(720deg);
}

@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fade-in-main {
  opacity: 0;
  transform: scale(0.1);
  animation: fadeInSpread 0.3s ease-out forwards;
}
@keyframes fadeInSpread {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.fade-in-title {
	opacity: 0;
	transform: scale(1) translateY(40px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.fade-in-title.show {
	opacity: 1;
	transform: scale(1) translateY(0);
  	transition-delay: 0.6s;
}
.fade-in-image {
	opacity: 0;
	transform: scale(0.8) translateY(40px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.fade-in-image.show {
	opacity: 1;
	transform: scale(1) translateY(0);
  	transition-delay: 0.5s;
}
.fixed-image a img {
	width: 72px;
}
.l-Footer__Logo {
	max-width: 30em !important;
}
/* ビューポート */
@media (max-width: 1200px) and (min-width: 991.98px) {
	.l-second-line .container-sm .l-line-right-img {
		right: -120px;
	}
}
@media (max-width: 991.98px) {
	.l-title-box {
		margin: auto;
		display: flex;
		justify-content: center;
		gap: 20px;
		align-items: center;
		width: 100% !important;
	}
	.l-mainVisual {
		background: linear-gradient(#A5DDFF 0%, #FFFFFF 70%) no-repeat 50% 50% / 100% 100%;
		padding-top: 0;
	}
	.l-mainVisual .container-sm img {
		margin: auto;
	}
	.l-first-line .l-line-img, .l-second-line .l-line-img, .l-third-line .l-line-img, .l-fourth-line .l-line-img {
		min-width: unset;
		width: 100%;
		height: 100%;
	}
	.l-first-line {
		background-image: unset;
	}
	.container-sm {
		max-width: 780px;
	}
	.l-second-line .container-sm .l-line-left-img {
		left: 80px;
        top: -40px;
        width: 190px;
	}
	.l-comics .title-center {
		width: unset;
	}
	.l-coming-soon-box a {
		width: 480px !important;
		display: block !important;
		margin: auto;
	}
	.l-explanation {
		padding-top: 60px;
	}
	.l-comics {
		padding-bottom: 0;
	}
	.l-third-line .container-sm .l-line-right-img {
		top: -40px;
        right: 60px;
        width: 190px;
	}
	.l-explanation .l-title-box .title-center {
		width: 460px;
	}
	.l-lean-more .l-title-box .title-center {
		width: 300px;
	}
	.sp-main-visual-sub-title-box {
        width: 100%;
        bottom: 120px;
        position: absolute;
    }
	.sp-main-box .l-first-line {
		height: 120px;
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	.sp-main-box .sp-top-line {
		display: block;
		width: 100% !important;
	}
	.sp-main-box {
		position: relative;
        height: 1320px !important;
		width: 100% !important;
        margin: auto;
		overflow: hidden;
	}
	.sp-main-box .sp-main-visual-bk {
		position: absolute;
        top: 100px;
        width: 100%;
        height: 490px !important;
	}
	.sp-main-box .sp-main-visual-bk img {
		width: 100%;
        height: 100%;
		filter: drop-shadow(5px 0 8px #90B9D1);
	}
	.sp-main-box .sp-main-visual-img {
		display: flex;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto !important;
        z-index: 90;
	}
	.l-mainVisual {
		background: linear-gradient(#A5DDFF 0%, #FFFFFF 70%) no-repeat 50% 50% / 100% 100%;
	}
	.l-sub-title-box img, .l-coming-soon-box img {
		margin: auto;
		width: 680px;
	}
	.l-character .l-title-box .title-center {
		width: 360px;
	}
	.l-comics .title-center {
        width: 360px;
    }
	.l-explanation .l-title-box .title-center {
        width: 400px;
    }
	.l-lean-more .l-title-box .title-center {
        width: 300px;
    }
	.l-sub-title {
		font-size: 24px;
	}
	.l-bottom-logo img {
		width: 240px;
		margin: auto;
	}
	.l-bottom-logo {
		height: 160px;
		padding-top: 14px;
	}
	.main-visual-left {
		position: absolute;
        left: -70px;
        width: 382px;
        top: 40px;
	}
	.main-visual-right {
		position: absolute;
        right: -80px;
        width: 356px;
        top: 30px;
	}
	.main-visual-center {
		width: 370px;
        position: absolute;
        left: 0;
        right: 0;
        top: 140px;
        margin: auto;
        z-index: 99;
	}
	.main-visual-center img {
		margin: auto;
		width: 100%;
	}
	.sp-main-visual-sub-title-box img {
		margin: auto;
	}
	.pc-main-visual-bk {
		position: absolute;
        top: 115px;
        width: 100%;
        height: 518px !important;
        z-index: 1;
	}
	.l-mainVisual .pc-main-visual-bk .sp-bk-line {
		filter: drop-shadow(5px 0 8px #90B9D1);
		width: 100%;
		height: 100%;
	}
	.l-comics {
		padding-top: 90px !important;
	}
}
@media (max-width: 789.98px) {
	.container-sm {
        max-width: 540px;
    }
	.l-title-box {
		gap: 10px;
		width: 100% !important;
		margin: auto;
	}
	.l-title-box .title-left,
	.l-title-box .title-right {
		width: 40px;
	}
	.l-character .l-title-box .title-center {
		width: 70% !important;
	}
	.l-sub-title-box {
		padding: 10px 0;
	}
	.l-second-line .container-sm .l-line-left-img {
        left: 60px;
        top: -20px;
        width: 160px;
    }
	.l-comics .title-center {
        width: 300px;
    }
	.l-third-line .container-sm .l-line-right-img {
        top: -10px;
        right: 40px;
        width: 160px;
    }
	.l-explanation .l-title-box .title-center {
        width: 360px;
    }
	.l-lean-more .l-title-box .title-center {
        width: 240px;
    }
	.l-sub-title {
		font-size: 20px;
		line-height: 1.8em;
	}
	.l-coming-soon-box a {
        width: 480px !important;
        display: block !important;
        margin: auto;
    }
	.l-bottom-logo img {
		width: 200px;
		margin: auto;
	}
	.l-bottom-logo {
		height: 160px;
		padding-top: 20px;
	}
	.sp-main-visual-sub-title-box {
        width: 100%;
        bottom: 120px;
        position: absolute;
    }
	.sp-main-box .l-first-line {
		height: 120px;
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	.sp-main-box .sp-top-line {
		display: block;
		width: 100% !important;
	}
	.sp-main-box {
		position: relative;
        height: 1280px !important;
		width: 100% !important;
	}
	.sp-main-box .sp-main-visual-bk {
		position: absolute;
        top: 60px;
        width: 100%;
        height: 364px !important;
	}
	.sp-main-box .sp-main-visual-bk img {
		width: 100%;
        height: 100%;
	}
	.sp-main-box .sp-main-visual-img {
		position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto !important;
	}
	.l-mainVisual {
		background: linear-gradient(#A5DDFF 0%, #FFFFFF 70%) no-repeat 50% 50% / 100% 100%;
	}
	.sp-main-visual-sub-title-box img {
		height: 396px !important;
	}
	.l-lean-more .l-coming-soon-box  a {
		width: 100% !important;
	}
	.l-title-box .title-center {
		width: 70% !important;
	}
	.l-lean-more .l-title-box .title-center {
		width: 60% !important;
	}
	.l-lean-more {
		padding-top: 60px;
	}
}
@media (max-width: 640px) {
	.pc-top-line {
		display: none;
	}
	.sp-top-line {
		display: block;
	}
	.container-sm {
        max-width: 480px;
    }
	.sp-main-visual-sub-title-box {
        width: 100%;
        bottom: 120px;
        position: absolute;
    }
	.sp-main-box {
        height: 1140px !important;
		width: 100% !important;
    }
	.sp-main-box .l-first-line {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.sp-main-box .sp-main-visual-bk {
        height: 314px !important;
    }
	.sp-main-visual-sub-title-box img {
		height: 396px !important;
	}
	.l-first-line .l-line-img, .l-second-line .l-line-img, .l-third-line .l-line-img, .l-fourth-line .l-line-img {
        height: 120px;
    }
	.l-second-line, .l-third-line, .l-fourth-line {
		position: relative;
		height: 120px;
	}
	.l-top-arrow {
		height: 38px;
	}
	.l-top-arrow::before, .l-top-arrow::after {
		height: 12px;
	}
	.l-lean-more .l-coming-soon-box  a {
		width: 100% !important;
	}
	.l-Footer__Logo {
        max-width: 46.93vw !important;
    }
	.l-title-box .title-center {
		width: 70% !important;
	}
	.l-lean-more .l-title-box .title-center {
		width: 60% !important;
	}
	.l-lean-more {
		padding-top: 60px;
	}
}
@media (min-width: 530px) and (max-width: 639.99px) {
	.main-visual-center {
        width: 240px;
		top: 100px;
    }
	.main-visual-left {
        width: 242px;
		left: -40px;
    }
	.main-visual-right {
        width: 226px;
        top: 30px;
        right: -25px;
    }
	.pc-main-visual-bk {
        top: 85px;
        height: 338px !important;
        z-index: 1;
    }
	.sp-main-box {
        height: 930px !important;
        width: 100% !important;
    }
	.l-coming-soon-box a {
        width: 100% !important;
    }
	.l-Footer__Logo {
        max-width: 46.93vw !important;
    }
	.l-Footer__Relations {
        padding-left: 0;
    }
	.sp-main-visual-sub-title-box img {
		height: 320px !important;
	}
	.l-lean-more .l-coming-soon-box  a {
		width: 100% !important;
	}
	.l-Footer__Logo {
        max-width: 46.93vw !important;
    }
	.l-title-box .title-center {
		width: 70% !important;
	}
	.l-lean-more .l-title-box .title-center {
		width: 60% !important;
	}
	.l-lean-more {
		padding-top: 60px;
	}
}
@media (min-width: 430px ) and (max-width: 529.9px ) {
	.sp-main-visual-sub-title-box img {
		height: 260px !important;
	}
	.main-visual-center {
        width: 240px;
		top: 100px;
    }
	.main-visual-left {
        width: 242px;
		left: -40px;
    }
	.main-visual-right {
		width: 226px;
        top: 30px;
        right: -40px;
    }
	.pc-main-visual-bk {
        top: 85px;
        height: 338px !important;
        z-index: 1;
    }
	.sp-main-box {
        height: 890px !important;
		width: 100% !important;
    }
	.l-lean-more .l-coming-soon-box  a {
		width: 100% !important;
	}
	.l-Footer__Logo {
        max-width: 46.93vw !important;
    }
	.l-title-box .title-center {
		width: 70% !important;
	}
	.l-lean-more .l-title-box .title-center {
		width: 60% !important;
	}
	.l-lean-more {
		padding-top: 60px;
	}
}
@media screen and (max-width: 429.9px ){
	.l-Footer__Logo {
        text-align: center;
    }
	.l-title-box {
        width: 100% !important;
		gap: 5px !important;
    }
	.l-Footer__Logo--Img {
		width: 55%;
		margin: auto;
	}
	.l-Footer__Relations {
        padding-left: 0;
    }
	.l-character .l-title-box .title-center {
        width: 60% !important;
    }
    .l-title-box .title-left, .l-title-box .title-right {
        width: 10% !important;
    }
	.l-character {
		padding-top: 45px !important;
		padding-bottom: 28px !important;
	}
	.container-sm {
        width: 100% !important;
    }
	.l-second-line .container-sm .l-line-left-img {
        left: 30px !important;
        bottom: 42px !important;
        width: 130px !important;
        top: unset !important;
    }
	.l-comics {
        padding-top: 51px !important;
		padding-bottom: 20px !important;
    }
	.l-explanation .fade-in-title,
	.l-comics .fade-in-title {
		padding-bottom: 21px;
	}
	.l-explanation .container-sm {
		padding-bottom: 22px;
	}
	.l-comics .l-title-box .title-center {
        width: 60% !important;
    }
	.l-coming-soon-box {
		padding: 20px 0 !important;
	}
	.l-third-line .container-sm .l-line-right-img {
        bottom: 10px !important;
        width: 130px !important;
		right: 20px !important;
    }
	.l-explanation .l-title-box .title-center {
        width: 70% !important;
    }
	.l-explanation {
        padding-top: 60px !important;
    }
	.l-lean-more {
        padding-bottom: 36px !important;
        padding-top: 46px !important;
    }
	.l-lean-more .l-title-box .title-center {
        width: 180px !important;
    }
	.l-sub-title {
        font-size: 16px !important;
        margin-top: 36px !important;
    }
	.l-coming-soon-box a {
        width: 100% !important;
		display: unset !important;
    }
	.l-bottom-logo {
		height: 174px;
        padding-top: 22px;
	}
	.l-bottom-logo img {
		width: 200px;
	}
	.sp-main-box {
		position: relative;
        height: 760px !important;
		width: 100% !important;
	}
	.sp-main-box .l-first-line {
		position: absolute !important;
		bottom: 0;
		width: 100% !important;
	}
	.sp-main-box .sp-main-visual-bk {
		position: absolute;
        top: 53px;
        width: 100%;
        height: 282px !important;
	}
	.sp-main-box .sp-main-visual-bk img {
		width: 100%;
        height: 100%;
	}
	.sp-main-box .sp-main-visual-img {
		display: flex;
		position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto !important;
	}
	.l-mainVisual {
		background: linear-gradient(#A5DDFF 0%, #FFFFFF 70%) no-repeat 50% 50% / 100% 100%;
	}
	.l-first-line .l-line-img, .l-second-line .l-line-img, .l-third-line .l-line-img, .l-fourth-line .l-line-img {
        width: 100%;
        height: 100% !important;
    }
	#fixed-image {
		width: 50px;
		top: 35%;
	}
	.l-fixed-link .l-icon-mark {
		left: 11px;
		width: 32px;
		height: 36px;
	}
	.l-top-arrow::before, .l-top-arrow::after {
        height: 10px;
    }
	.l-top-arrow {
        height: 26px;
    }
	.pc-bk-line {
		filter: drop-shadow(5px 0 8px #90B9D1);
    	width: 100%;
		z-index: 1;
	}
	.main-visual-left {
		position: absolute;
        left: -32px;
        width: 192px;
        top: 20px;
	}
	.main-visual-right {
        position: absolute;
        right: -45px;
        width: 180px;
        top: 10px;
    }
	.main-visual-center {
        width: 210px;
        position: absolute;
        left: 0;
        right: 0;
        top: 70px;
        margin: auto;
        z-index: 99;
    }
	.main-visual-center img {
		margin: auto;
	}
	.sp-main-visual-sub-title-box {
		width: 100%;
        bottom: 110px;
        position: absolute;
	}
	.sp-main-visual-sub-title-box img {
		margin: auto;
		height: 230px !important;
	}
	.pc-main-visual-bk {
		position: absolute;
		top: 60px;
		width: 100%;
		height: 292px !important;
		z-index: 1;
	}
	.l-mainVisual .pc-main-visual-bk .sp-bk-line {
		filter: drop-shadow(5px 0 8px #90B9D1);
		width: 100%;
		height: 100%;
	}
	.l-lean-more .l-coming-soon-box  a {
		width: 100% !important;
	}
	.l-Footer__Logo {
        max-width: 46.93vw !important;
    }
	.l-title-box .title-center {
		width: 70% !important;
	}
}
@media  screen and (max-width: 380px) {
	.sp-main-box {
        height: 730px !important;
        width: 100% !important;
    }
	.sp-main-visual-sub-title-box img {
		height: 190px !important;
	}
	.l-lean-more .l-coming-soon-box  a {
		width: 100% !important;
	}
	.l-Footer__Logo {
        max-width: 46.93vw !important;
    }
	.l-title-box .title-center {
		width: 70% !important;
	}
}
@media screen and (min-width:1980px) {
	.pc-main-box {
		height: 884px !important;
	}
}
@media screen and (min-width:2500px) {
	.pc-main-box {
		height: 920px !important;
	}
}
@media screen and (max-width: 787px) {
}
@media (max-width: 770px) {
}

/* 追加END */