:root {
	--sd-blue: #5CB3FF;
	--sd-dark: #3d4148;

	--sd-black: #3C4043;
}
body {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
	color: var(--sd-dark);
	background: #fff
}

.center{
	text-align: center;
}
.bold{
	font-weight: bold;
}
main {
	width: 100%;
}

.wrap-in{
	max-width: var(--pixel390);
	/* max-width: calc(var(--pixel500) + var(--pixel140)); */
	text-align: center;
	line-height: 1.7;
	letter-spacing: .02em;
	border: var(--pixel1) solid #D0D0D0;
	margin: 0 auto;
}
.section-head {
	padding-top: var(--pixel50);
	margin-bottom: var(--pixel52)
}
.section-head h2 {
	font-family: "Josefin Sans", sans-serif;
	color: var(--sd-blue);
	font-size: var(--pixel28);
	font-weight: 400;
	letter-spacing: .04em;
	line-height: 1.2;
}
.section-head p {
	font-size: var(--pixel14);
	letter-spacing: .08em;
	margin-top: var(--pixel4);
}
.section-head span {
	display: block;
	font-size: var(--pixel14);
	/* margin-top: var(--pixel5); */
	/* outline: 20px solid red; */
}
.section-head .title-img{
	height: var(--pixel13);
	margin-top: var(--pixel12);
}
.section-head .title-img img{
	width: auto;
	height: 100%;
}
.section-blue {
	background-color: #ECF8FF;
}
.bg-temp {
	background-color: #f2f5f8
}
.notes, .notes-list {
	font-size: var(--pixel10);
	font-weight: 300;
	line-height: 1.55;
	text-align: left
}
.notes:before, .notes-list li:before {
	content: "※";
	/* margin-right: .35em */
}
/* .notes-list li + li {
	margin-top: var(--pixel6)
} */
.notes-list li{
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.dot-list {
	font-size: var(--pixel16);
	font-weight: 300;
	line-height: 1.6;
	text-align: justify;
}
.dot-list li {
	position: relative;
	padding-left: 0.8em;
}
.dot-list li:before {
	content: "・";
	position: absolute;
	left: 0
}
.dot-list li + li {
	margin-top: var(--pixel8)
}





.row{
	padding-left: var(--pixel40);
	padding-right: var(--pixel40);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.teaser .sec-fv {
	/* background-image:
		url("../images/fv-bg1-t_sp.jpg"),
		url("../images/fv-bg2.png"); */
	background-image:
		url("../images/fv-bg1-t.jpg");
}

.sec-fv {
	position: relative;
	height: calc(var(--pixel70)*10);
	/* background-image:
		url("../images/fv-bg1-h.jpg"),
		url("../images/fv-bg2.png");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		center top,
		center bottom;
	background-size:
		100% auto,
		120% auto; */

	background-image:
		url("../images/fv-bg1-h.jpg");
	background-repeat:
		no-repeat;
	background-position:
		center top;
	background-size:
		cover;

	padding-top: var(--pixel64);
}
.sec-fv .row{
	padding-left: var(--pixel24);
	padding-right: var(--pixel24);
}

.fv-logo {
	height: var(--pixel24);
	margin-top: var(--pixel9)
}
.fv-logo img{
	width: auto;
	height: 100%;
}
.fv-txt1{
	color: #737373;
	font-size: var(--pixel16);
	line-height: 1;
	letter-spacing: 0.25em;
	margin-top: var(--pixel23);
	padding-left: 0.6em;
}
.fv-name{
	width: 100%;
	margin-top: var(--pixel34);
}
.fv-lead {
	position: absolute;
	bottom: var(--pixel50);
	right: var(--pixel15);
	font-size: var(--pixel16);
	line-height: 1;
	letter-spacing: 0.2em;
	color: var(--sd-blue);
	transform: rotate(-7deg);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--pixel8);
}
.fv-lead span{
	background-color: #fff;
	padding: 0.2em 0.1em;
}

.teaser .fv-lead {
	line-height: 1.3;
}



.sec-entry {
	padding: var(--pixel56) 0;
	background: #fff
}
.entry-block + .entry-block {
	margin-top: var(--pixel36)
}
.part-head {
	margin: 0;
	text-align: center;
}
.part-head span {
	display: block;
	width: 100%;
	padding: 0.4em;
	box-sizing: border-box;
	background-color: var(--sd-blue);
	clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
	color: #fff;
	font-size: var(--pixel16);
	font-weight: 500;
	line-height: 1;
	margin-bottom: var(--pixel10);
}

.campaign-date > div *{
	line-height: 1;
	/* outline: 1px solid red; */
}
.campaign-date {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: var(--pixel6);
	color: #59aeff;
}

.campaign-date > div {
	display: flex;
	align-items: flex-end;
	position: relative;
	/* padding-right: var(--pixel36); */
}

.campaign-date > div > small:first-child {
	font-size: var(--pixel14);
	line-height: 1;
}
.campaign-date > div > strong {
	position: relative;
	top: 0.1em;
	font-size: var(--pixel32);
	font-weight: 400;
	line-height: 1;
}
.campaign-date .p2{
	font-size: var(--pixel14);
	text-align: left;
	margin-left: 0.3em;
}
.campaign-date > b {
	font-size: var(--pixel20);
	font-weight: 400;
	line-height: 1;
}

.entry-block a{
	text-decoration: underline;
}
.entry-block .notes {
	display: block;
	margin-top: var(--pixel15);
	color: var(--sd-blue);
}
.entry-block .card{
	width: var(--pixel145);
	margin: var(--pixel40) auto 0;
}














.sec-offer {
	padding: 0 var(--pixel40) var(--pixel56);
	background: url(../images/offer-bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.offer-card {
	position: relative;
	background: #fff;
	padding: var(--pixel34) var(--pixel20) var(--pixel40);
	text-align: center;
}
.offer-card + .offer-card {
	margin-top: var(--pixel56)
}
.ofnum{
	position: absolute;
	left: calc(var(--pixel40) * -1);
	top: calc(var(--pixel38)*-1);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.offer-no {
	display: block;
	font-size: var(--pixel80);
	line-height: 1;
	color: var(--sd-blue);
	width: var(--pixel100);
}
.offer-txt{
	display: block;
	width: var(--pixel74);
	padding: 0.2em;
	box-sizing: border-box;
	background-color: var(--sd-blue);
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
	color: #fff;
	font-size: var(--pixel12);
	font-weight: 500;
	line-height: 1;
	margin-bottom: var(--pixel10);
	margin-top: -1em;
}
.offer-pre {
	font-size: var(--pixel14);
	margin-bottom: var(--pixel6);
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-color: #5CB3FF;
	text-decoration-thickness: 2.5%;
	text-underline-offset: 50%;
	text-underline-position: from-font;
}
.offer-card h3 {
	font-size: var(--pixel18);
	font-weight: 500;
	line-height: 1.55
}

h3+.offer-tlead {
	margin-top: var(--pixel2);
}
.offer-tlead {
	/* font-size: var(--pixel28); */
	font-size: var(--pixel25);
	font-weight: 500;
	color: var(--sd-blue);
	line-height: 1.4;
	margin-top: var(--pixel12);
	/* outline: 20px solid red; */
}
.offer-tlead strong {
	font-weight: 500
}
.talk-img {
	width: var(--pixel160);
	margin: var(--pixel40) auto var(--pixel35);
}
.offer-card > .txt {
	font-size: var(--pixel14);
	font-weight: 300;
	text-align: justify;
	line-height: 1.4;
	margin-top: 1.6em;
}
.offer-card > .notes {
	margin-top: 1.2em;
}
.point-box {
	margin-top: var(--pixel28);
}
.point-box > b {
	display: block;
	color: var(--sd-blue);
	font-size: var(--pixel16);
	font-weight: 500;
	margin-bottom: var(--pixel10);
}
.point-box > b i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -0.25em;
	font-size: var(--pixel9);
	font-style: normal;
	background: var(--sd-blue);
	color: #fff;
	width: var(--pixel16);
	height: var(--pixel16);
	border-radius: 50%;
}
.point-box .box-in{
	background: #eaf7ff;
	padding: var(--pixel14) var(--pixel10) var(--pixel16);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.point-box h4 {
	color: var(--sd-blue);
	font-size: var(--pixel16);
	font-weight: 500;
	line-height: 1.4;
}
.point-box p {
	font-size: var(--pixel13);
	font-weight: 300;
	line-height: 1.2;
	text-align: justify;
	padding: 0 var(--pixel16);
	margin-top: var(--pixel8);
	letter-spacing: 0em;
}
.point-box + * {
	margin-top: var(--pixel14);
}
.offer-card.notes-list {
	margin-top: var(--pixel24)
}
.event-info {
	margin-top: var(--pixel36)
}
.event-info > div + div {
	margin-top: var(--pixel30)
}
.event-info dt {
	display: flex;
	align-items: center;
	gap: var(--pixel10);
	color: var(--sd-blue);
	font-size: var(--pixel14);
}
.event-info dt:before, .event-info dt:after {
	content: "";
	height: var(--pixel1);
	background: var(--sd-blue);
	flex: 1;
}
.event-info dd {
	font-size: var(--pixel14);
	margin-top: var(--pixel8)
}
.event-info dd .notes-list{
	margin-top: 1em;
}
.event-info small {
	display: block;
	font-size: var(--pixel10);
	font-weight: 300;
	text-align: left;
	margin-top: 1em;
}
.photo-offer {
	padding-top: var(--pixel70);
}
.member-pop {
	position: absolute;
	right: 0;
	top: calc(var(--pixel83) * -1);
	width: var(--pixel150);
}
.photo-cards {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: var(--pixel8);
	margin: var(--pixel18) auto var(--pixel16);
}
.photo-cards .part-img {
	width: 100%;
	grid-column: span 2;
	overflow: hidden;
	border-radius: var(--pixel5);
}
.photo-cards .part-img:nth-child(-n+4) {
	grid-column: span 2;
}
.photo-cards .part-img:first-child {
	grid-column: 2 / span 2;
}
.photo-lead {
	font-size: var(--pixel16);
	font-weight: 500;
	line-height: 1.4;
}
.photo-lead strong {
	font-size: var(--pixel16);
	font-weight: 500;
}
.photo-offer > .notes-list {
	margin-top: var(--pixel20);
}








.sec-digital {
	padding: var(--pixel55)0;
	background: #fff
}
.sec-digital > h2 {
	height: var(--pixel18);
	font-size: 0;
}
.sec-digital .part-img{
	margin: var(--pixel35) calc(var(--pixel40)*-1);
}
.sec-digital .sub-title {
	font-size: var(--pixel20);
}
.digital-points {
	margin-top: var(--pixel10);
	padding-bottom: var(--pixel20);
	width: 100%;
}
.digital-points li {
	display: flex;
	align-items: center;
	gap: var(--pixel14);
	font-size: var(--pixel14);
	color: #003F98
}
.digital-points li + li {
	margin-top: var(--pixel13)
}
.digital-points b {
	font-size: var(--pixel8);
	line-height: 1;
	color: #fff;
	background: #003F98;
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
	width: var(--pixel60);
	height: var(--pixel15);
	display: flex;
	align-items: center;
	justify-content: center;
}
.digital-points b .sizeL{
	font-size: var(--pixel12);
	margin-left: 0.3em;
}
.sec-digital > .notes-list {
	margin-top: var(--pixel25)
}





.sec-flow {
	padding-bottom: var(--pixel52);
}
.flow-list li {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	text-align: left;
	gap: var(--pixel25)
}
.flow-list li + li {
	margin-top: var(--pixel28);
}
.flow-list li > div {
	border-bottom: var(--pixel1)solid #697784;
	padding-bottom: var(--pixel12)
}
.flow-list b {
	display: inline-block;
	background: var(--sd-blue);
	color: #fff;
	font-size: var(--pixel12);
	line-height: 1;
	padding: 0.15em 1em;
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%)
}
.flow-list p {
	font-size: var(--pixel13);
	line-height: 1.2;
	margin-top: var(--pixel4);
	letter-spacing: 0.02em;
}
.flow-ico {
	display: block;
	width: var(--pixel100);
	height: var(--pixel100);
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	position: relative
}
.flow-ico:after {
	position: absolute;
	inset: var(--pixel18);
	display: grid;
	place-items: center;
	color: var(--sd-blue);
	font-size: var(--pixel30)
}










.sec-card {
	padding: 0 var(--pixel40) var(--pixel56);
	background: url(../images/card-bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.info-card{
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	border-radius: var(--pixel12);
	padding: var(--pixel20);
}
.info-card + .info-card {
	margin-top: var(--pixel24)
}
.info-card .part-icon{
	width: var(--pixel75);
}
.info-card h3 {
	font-size: var(--pixel18);
	font-weight: 600;
	line-height: 1;
	margin-top: 1em;
}
.info-card > strong {
	display: block;
	font-size: var(--pixel16);
	font-weight: 500;
	line-height: 1.4;
	margin-top: 1em
}
.info-card > .notes,
.info-card > .notes-list {
	margin-top: var(--pixel15)
}

.part-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--pixel9);
	margin-top: var(--pixel20);
	height: var(--pixel36);
}
.part-logos img{
	width: auto;
	height: 100%;
}
.brands-card .part-logos{
	gap: 0;
	height: var(--pixel57);
}





.sec-campaign {
	padding: 0 var(--pixel40)
	var(--pixel55);
	background: #fff
}
.sec-campaign .section-head{
	margin-bottom: var(--pixel20);
}
.sec-campaign .txt1 {
	font-size: var(--pixel14);
	font-weight: 300;
	line-height: 1.6;
}
.sec-campaign .txt1+*{
	margin-top: var(--pixel44);
}
.sec-campaign .box-fill{
	background: #ECF8FF;
	padding: var(--pixel24) var(--pixel20);
	font-size: var(--pixel14);
	line-height: 1.4;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sec-campaign .box-fill+.box-fill{
	margin-top: var(--pixel40);
}
.sec-campaign .box-fill dt+dd{
	margin-top: 0.2em;
}
.sec-campaign .box-fill dd+dt{
	margin-top: 2em;
}
.sec-campaign .box-fill *.notes-list{
	margin-top: 1em;
}
.sec-campaign .box-fill .h4-title+.notes-list{
	margin-top: 0.4em;
}
.sec-campaign .box-fill .notes-list+dl{
	margin-top: 2.2em;
}
.sec-campaign .box-fill .notes-list+.h4-title{
	margin-top: 1em;
}
.sec-campaign .box-fill dl+.h4-title{
	margin-top: 1em;
}
.sec-campaign .box-fill .notes-list{
	width: 100%;
}
.sec-campaign .box-fill .dot-list{
	font-size: var(--pixel14);
	font-weight: 400;
	line-height: 1.4;
}
.sec-campaign .box-fill .h4-title{
	font-size: var(--pixel10);
	font-weight: 300;
	width: 100%;
}
.sec-campaign .box-fill .h4-title:before{
	content: "";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	background-color: var(--sd-black);
	margin-right: 0.2em;
	position: relative;
	top: -0.1em;
}
.sec-campaign .box-fill dt{
	font-weight: 500;
	text-align: center;
}
.sec-campaign .box-fill dd{
	font-weight: 400;
	letter-spacing: -0.02em;
}
.sec-campaign .type-detail{
	text-align: justify;
}
.sec-campaign .type-detail.box-fill dt+dd{
	margin-top: 0.6em;
}
.sec-campaign .box-fill h3 {
	text-align: center;
	color: var(--sd-blue);
	font-size: var(--pixel18);
	font-weight: 600;
	border-bottom: var(--pixel1) solid var(--sd-blue);
	padding-bottom: 0.8em;
	margin-bottom: var(--pixel30);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sec-campaign .box-fill h3 .part-sub{
	font-size: var(--pixel14);
	font-weight: 400;
	color: var(--sd-black);
	margin-top: 0.6em;
}
.sec-campaign .caution h3 {
	color: var(--sd-black);
	border: none;
	margin: 0;
	padding-top: var(--pixel15);
	padding-bottom: var(--pixel16);
}
.sec-campaign .caution .dot-list {
	font-size: var(--pixel10);
	font-weight: 300;
	word-break :break-all;
	overflow-wrap : break-all;
}


.elem-cstep{
	display: flex;
	flex-direction: column;
	gap: var(--pixel20);
	padding-bottom: var(--pixel34);
}

.elem-cstep>li{
	position: relative;
	display: flex;
	gap: var(--pixel12);
}
.elem-cstep .part-step{
	position: relative;
	z-index: 1;
	background-color: var(--sd-blue);
	color: #fff;
	width: var(--pixel34);
	height: var(--pixel34);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: var(--pixel8);
	line-height: 1;

}
.elem-cstep .part-step>span{
	font-size: 175%;
}
.elem-cstep .part-txt{
	flex: 1;
}
.elem-cstep > li:not(:last-child)::before {
	content: "";
	position: absolute;
	top: calc(var(--pixel34) / 2);
	bottom: calc(var(--pixel54) / -2);
	left: calc(var(--pixel34) / 2);
	width: var(--pixel1);
	background-color: var(--sd-blue);
	transform: translateX(-50%);
}
.elem-cstep .txt2{
	color: var(--SD, #3C4043);
	font-size: var(--pixel10);
	font-weight: 300;
	line-height: 1.6;
}






.teaser .sec-question{
	background: url(../images/question-bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.sec-question {
	padding-bottom: var(--pixel56);
	background-color: #ECF8FF;
}
.faq-list details {
	background: #fff;
	border-radius: var(--pixel10);
	padding: var(--pixel20) var(--pixel20) var(--pixel24);
	text-align: left
}
.faq-list details + details {
	margin-top: var(--pixel10)
}
.faq-list details *+.notes-list{
	margin-top: 1em;
}
.faq-list summary {
	list-style: none;
	display: grid;
	grid-template-columns: var(--pixel36)1fr var(--pixel18);
	align-items: center;
	gap: var(--pixel14);
	cursor: pointer
}
/* .faq-list summary: -webkit-details-marker {
	display: none
} */
.faq-list summary:after {
	position: relative;
	content: "−";
	color: var(--sd-blue);
	font-size: var(--pixel20);
	left: 0.2em;
}
.faq-list details:not([open]) summary:after {
	content: "＋";
	left: 0;
}
.faq-list summary i {
	font-style: normal;
	background: #eaf7ff;
	color: var(--sd-blue);
	border-radius: 50%;
	width: var(--pixel36);
	height: var(--pixel36);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--pixel18);
	font-weight: 600;
}
.faq-list summary span {
	font-size: var(--pixel16);
	font-weight: 500;
	line-height: 1.3
}
.faq-list details > p {
	font-size: var(--pixel14);
	font-weight: 300;
	line-height: 1.4;
	margin-top: var(--pixel20)
}


@media (min-width: 901px) {
	.sec-spprof {
		display: none;
	}
}

.sec-spprof {
	background: url(../images/spprof-bg.jpg) no-repeat 50% 50%;
	background-size: cover; 
}


.sec-spprof .part-txt{
	display: flex;
	flex-direction: column;
	text-align: left;
	padding: var(--pixel56) var(--pixel40);

}
.sec-spprof .part-txt1{
	color: #737373;
	font-size: var(--pixel26);
	font-style: normal;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: 0.1em;
}
.sec-spprof  .part-txt2{
	color: #737373;
	font-size: var(--pixel15);
	font-weight: 400;
	line-height: 2.4;
	letter-spacing: 0.1em;
	margin-top: var(--pixel28);
}



.sec-contact {
	padding-top: var(--pixel26);
	padding-bottom: var(--pixel56);
}

.sec-contact .part-img{
	width: var(--pixel160);
}
.sec-contact > img {
	position: absolute;
	top: 0;
	left: var(--pixel110);
	width: var(--pixel158);
	height: var(--pixel150);
	object-fit: cover;
	object-position: center 30%
}
.contact-box {
	position: relative;
	border-radius: var(--pixel12);
	background: #FFF;
	box-shadow: var(--pixel5) var(--pixel5) var(--pixel4) 0 rgba(0, 0, 0, 0.08);
	padding: var(--pixel22) var(--pixel10);
}
.contact-box h2 {
	color: var(--sd-blue);
	font-size: var(--pixel15);
	font-weight: 500
}
.contact-box > p {
	font-size: var(--pixel14);
	line-height: 1.4;
	margin-top: 1.3em;
}
.contact-box > a {
	display: block;
	font-size: var(--pixel12);
	line-height: 1;
	text-decoration: underline;
	margin-top: 0.8em;
}
.contact-box > small {
	display: block;
	font-size: var(--pixel10);
	font-weight: 400;
	margin-top: 0.5em;
}
.contact-box .notes-list {
	margin-top: var(--pixel20)
}
.copyright {
	height: var(--pixel32);
	display: grid;
	place-items: center;
	font-size: var(--pixel10);
	color: #88a5c5
}

.elem-fix.hide{
	bottom: calc(var(--pixel76)*-1);
}
.elem-fix {
	position: fixed;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: var(--pixel76);
	background: rgba(255, 255, 255, .6);
	/* padding: var(--pixel10) 0; */
	display: flex;
	justify-content: center;
	align-items: center;
	transition: bottom 0.5s cubic-bezier(.5,0,0,1);
}
.btn-fix {
	width: var(--pixel210);
	height: var(--pixel46);
	background-color: var(--sd-blue);
	background-image: url(../images/fix-arrow.svg);
	background-repeat: no-repeat;
	background-position: right var(--pixel24) top 50%;
	background-size: var(--pixel20) var(--pixel20);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: var(--pixel4);
	padding-right: var(--pixel20);

	transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-fix .part-img{
	height: var(--pixel11);
}
.btn-fix .part-img img{
	width: auto;
	height: 100%;
}
.btn-fix .part-txt{
	font-size: var(--pixel12);
	font-weight: 400;
	letter-spacing: 0.08em;
}

*+.box-title{
	margin-top: var(--pixel15);
}
.box-title+h3{
	margin-top: var(--pixel18);
}
.box-title-in{
	position: relative;
	display: inline-block;
	/* display: flex;
	justify-content: center; */
}
.box-title-in>span{
	position: relative;
	z-index: 1;
	font-size: var(--pixel14);
	font-weight: 500;
	line-height: 1.4;
	color: var(--sd-blue);
	border: var(--pixel1) solid var(--sd-blue);
	background-color: #fff;
	padding: 0.2em 1em;

}
.box-title-in:after{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: var(--pixel4);
	left: var(--pixel4);
	/* top: 5px;
	left: 5px; */
	width: 100%;
	height: 100%;
	background-color: var(--sd-blue);
}







.pc2 .btn-fix {
	width: var(--pixel270);
	height: var(--pixel78);
	background-position: right var(--pixel24) top 50%;
	background-size: var(--pixel26) var(--pixel26);
	padding-right: var(--pixel35);
	box-shadow: 0 var(--pixel4) var(--pixel4) 0 rgba(92, 179, 255, 0.30);
	margin-top: var(--pixel190);
	width: min(18.8vw,270px);
	height: min(5.4vw,78px);
	background-position: right min(2.4vw,	35px	) top 50%;
	background-size: min(1.8vw,26px) min(1.8vw,26px);
	/* padding-right: min(1.4vw,20px); */
	box-shadow: 0 min(.3vw,4px) min(.3vw,4px) 0 rgba(92, 179, 255, 0.30);
	margin-top: min(13.2vw,190px);
}
.pc2 .btn-fix .part-img{
	height: var(--pixel14);
	height: min(1vw,14px);
}
.pc2 .btn-fix .part-txt{
	font-size: var(--pixel16);
	font-size: min(1.1vw,16px);
}
@media (min-width: 901px) {
	.elem-fix{
		display: none;
	}
}





.btn-pc{
	filter: drop-shadow(0 4px 4px rgba(92, 179, 255, 0.95));
	transition: filter 0.3s ease, transform 0.3s ease;
}
.btn-pc span{
	display: block;
	width: var(--pixel300);
	height: var(--pixel40);

	width: min(20.8vw,300px	);
	height: min(2.8vw,40px	);

	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	color: #5CB3FF;
	font-size: var(--pixel16);

	font-size: min(1.1vw,16px	);

	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	padding-bottom: 0.2em;
	clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);

	transition: background-color 0.3s ease, color 0.3s ease;
}

@media (hover: hover) {
	.btn-pc:hover {
		transform: translateY(-3px);
		filter: drop-shadow(0 7px 6px rgba(92, 179, 255, 0.5));
	}

	.btn-pc:hover span {
		background-color: #5CB3FF;
		color: #FFF;
	}

	.btn-fix:hover {
		background-color: #fff;
		background-image: url(../images/fix-arrow_b.svg);
		color: #737373;
	}
	.btn-fix:hover img[src="./images/logo-scd-w.svg"] {
		content: url("../images/logo-scd-bl.svg");
	}
}
/* .part-head span {
	
} */

@media (min-width: 901px) {
	/* .teaser .sec-fv {
		background-image:
			url("../images/fv-bg1-t_pc.jpg"),
			url("../images/fv-bg2.png");
	} */
	.sec-fv {
		/* background-image:
			url("../images/fv-bg1-h_pc.jpg"),
			url("../images/fv-bg2.png");
		background-size:
			100% auto,
			150% auto; */
		background-image:
			url("../images/fv-bg1-h.jpg");
		background-size:
			cover;
		background-position:
			/* left 50% top calc(var(--pixel50)*-1); */
			50% 100%;
		padding-top: var(--pixel50);
	}

	.sec-fv .fv-name{
		display: none;
	}
}




@media (min-width: 641px) {
	/* .teaser .sec-fv {
		background-image:
			url("../images/fv-bg1-t_pc.jpg"),
			url("../images/fv-bg2.png");
	}
	.sec-fv {
		background-image:
			url("../images/fv-bg1-h_pc.jpg"),
			url("../images/fv-bg2.png");
		background-size:
			100% auto,
			150% auto;
		
	
		padding-top: var(--pixel50);
	} */


	.wrap-in::-webkit-scrollbar {
		display: none;
	}
	.scroll-track {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: var(--pixel3);
		background: #fff;
		pointer-events: none;
		z-index: 10;
		pointer-events: auto;
	}
	
	.scroll-thumb {
		position: absolute;
		top: 0;
		left: calc(var(--pixel7)*-1);
		width: var(--pixel17);
		height: var(--pixel17);
		background: url(../images/sc-star.svg) center / contain no-repeat;
		cursor: grab;
		touch-action: none;
	}
	
	.scroll-thumb:active {
		cursor: grabbing;
	}








	
	html,body,main{
		height: 100%;
	}
	body{
		background: url(../images/pc-bg.jpg) no-repeat 50% 50% / cover;
		
	}
	main{
		position: relative;
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: max-content 515px max-content;
		grid-template-columns: max-content clamp(420px, 35.8vw, 500px) max-content;
		align-items: center;
		justify-content: center;
	}
	@media (max-width: 900px) {
		main{
			grid-template-columns: minmax(0, 500px);
			justify-content: center;
		}
	}
	.wrap-cont {
		position: relative;
	}
	.wrap-in {
		/* height: calc(100vh - var(--pixel100)); */
		max-height: calc(100vh - var(--pixel100));
		overflow-y: auto;
		scrollbar-width: none;
		border: var(--pixel2) solid #FFF;
		border-radius: var(--pixel24);
	}

	.pc1{
		display: flex;
		flex-direction: column;
		padding-right: min(2.1vw,30px);
	}
	.pc1 .part-name{
		height: var(--pixel70);

		height: min(4.9vw,70px);
	}
	.pc1 .part-name img{
		width: auto;
		height: 100%;
	}
	.pc1 .part-txt{
		padding-left: var(--pixel60);
		padding-left: min(4.2vw,60px);
	}
	.pc1 .part-txt1{
		color: #737373;
		font-size: var(--pixel26);
		font-size: min(1.8vw,26px);
		font-style: normal;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0.1em;
		margin-top: var(--pixel66);
	} 
	.pc1 .part-txt2{
		color: #737373;
		font-size: var(--pixel15);
		font-size: min(1vw,15px);
		font-weight: 400;
		line-height: 2.4;
		letter-spacing: 0.1em;
		margin-top: var(--pixel28);
	}

	.pc2{
		padding-left: min(6.6vw,95px);
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.pc2 .part-logo{
		height: var(--pixel115);

		height: min(8vw,115px);
	}
	.pc2 .part-logo img{
		width: auto;
		height: 100%;
	}

	.pc2 .part-btn{
		padding-top: var(--pixel75);
		display: flex;
		flex-direction: column;
		gap: var(--pixel40);
	}
}
@media screen and (max-width: 640px) {
	.pc1,.pc2,.scroll-track{
		display: none;
	}

}