@charset "utf-8";

#titleSCT {
padding-bottom: 13.5%;
}
#titleSCT .cont {
padding: 77px 0 0 0;
text-align: center;
}
#titleSCT.activeView h1,
#titleSCT.activeView .en {
animation: head 0.7s ease forwards;
}
#titleSCT .en {
color: var(--color-sub2);
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 48px;
letter-spacing: 0.1em;
line-height: 1.2;
opacity: 0;
}
#titleSCT h1 {
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 15px;
letter-spacing: 0.15em;
line-height: 1.2;
opacity: 0;
}
@media screen and (min-width: 768px) {
	#titleSCT {
	padding-bottom: 10%;
	}
	#titleSCT .cont {
	padding: 139px 0 0 0;
	text-align: center;
	}
	#titleSCT .en {
	font-size: 110px;
	}
	#titleSCT h1 {
	font-size: 18px;
	}
}

#introSCT {
position: relative;
background-color: var(--color-sub3);
opacity: 0;
}
#introSCT.activeView {
animation: sct_bottom_sp 0.7s ease forwards;
}
#introSCT .cont {
padding: 78px 0 81px 0;
}
#introSCT::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: calc(100% - 1px);
background: url("../../common/img/lin_wave.svg") no-repeat center center;
background-size: 100% auto;
width: 100%;
padding-top: 18.0433%;
}
#introSCT h2 {
position: relative;
margin-bottom: 9px;
font-weight: 700;
font-size: 16px;
line-height: 1.69;
text-align: center;
opacity: 0;
}
#introSCT h2.activeView {
animation: img_top 0.7s ease forwards;
}
#introSCT h2 span {
position: relative;
z-index: 1;
top: -10px;
}
#introSCT h2::before {
content: '';
transform: translate(-50%,-50%);
position: absolute;
left: 50%;
top: 50%;
background: url("../img/int_bln.svg") no-repeat center center;
background-size: contain;
width: 335px;
height: 175px;
z-index: 0;
}
#introSCT .image {
margin-bottom: 12px;
opacity: 0;
}
#introSCT .image.activeView {
animation: img_bottom 0.7s ease forwards;
}
#introSCT .image img {
display: block;
width: 100%;
height: auto;
}
#introSCT p {
font-weight: 500;
font-size: 14px;
line-height: 2.29;
text-align: center;
}
@media screen and (min-width: 768px) {
	#introSCT.activeView {
	animation: sct_bottom_pc 0.7s ease forwards;
	}
	#introSCT .cont {
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	padding: 98px 530px 81px 0;
	width: 1080px;
	}
	#introSCT h2 {
	margin-bottom: 78px;
	font-size: 24px;
	line-height: 1.67;
	}
	#introSCT h2 span {
	position: relative;
	z-index: 1;
	top: -15px;
	}
	#introSCT h2::before {
	width: 490px;
	height: 255px;
	}
	#introSCT .image {
	position: absolute;
	right: -100px;
	top: 70px;
	margin-bottom: 0;
	width: 600px;
	}
	#introSCT .image img {
	display: block;
	width: 100%;
	height: auto;
	}
	#introSCT p {
	font-size: 16px;
	line-height: 2.38;
	}
}

#charmSCT {
position: relative;
background-color: var(--color-sub3);
margin-bottom: -100px;
padding-bottom: 100px;
}
#charmSCT .cont {
padding: 0 20px 59px 20px;
}
#charmSCT h2 {
margin-bottom: 16px;
color: var(--color-sub1);
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 26px;
letter-spacing: 0.15em;
line-height: 1.2;
text-align: center;
opacity: 0;
}
#charmSCT h2.activeView {
animation: head 0.7s ease forwards;
}
#charmSCT h2 span {
display: inline-block;
margin-bottom: 8px;
font-size: 18px;
}
#charmSCT .list {
counter-reset: number 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 53px;
}
#charmSCT .pack {
background-color: #fff;
border-radius: 15px;
margin-bottom: 20px;
padding: 15px 20px 20px 20px;
opacity: 0;
}
#charmSCT .block.activeView .pack {
animation: img_left 0.7s ease forwards;
}
#charmSCT .block:nth-of-type(3).activeView .pack {
animation: sct_bottom_sp 0.7s ease forwards;
}
#charmSCT .pack h3 {
display: flex;
align-items: center;
position: relative;
margin-bottom: 9px;
padding-left: 58px;
min-height: 46px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.56;
color: var(--color-sub1);
}
#charmSCT .pack h3::before {
counter-increment: number 1;
content: counter(number);
transform: translateY(-50%);
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
top: 50%;
border: solid 1px var(--color-sub1);
border-radius: 50%;
width: 46px;
height: 46px;
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 20px;
line-height: 44px;
text-align: center;
}
#charmSCT .image {
opacity: 0;
}
#charmSCT .block.activeView .image {
animation: img_right 0.7s ease forwards;
}
#charmSCT .image img {
display: block;
width: 100%;
height: auto;
}
#charmSCT .image p {
margin-top: 6px;
font-size: 12px;
line-height: 1.83;
}
#charmSCT .lst {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 5px 0 11px 0;
gap: 23px;
}
#charmSCT .lst .icn {
margin: 0 auto 7px auto;
width: 150px;
}
#charmSCT .lst .icn img {
display: block;
width: 100%;
height: auto;
}
#charmSCT .lst h4 {
display: flex;
justify-content: center;
align-items: center;
background-color: #fed6d6;
border-radius: 99999px;
margin: 0 auto 12px auto;
width: 220px;
height: 60px;
font-size: 16px;
line-height: 1.38;
text-align: center;
}
@media screen and (min-width: 768px) {
	#charmSCT .cont {
	margin: 0 auto;
	padding: 0 0 100px 0;
	width: 1080px;
	}
	#charmSCT h2 {
	margin-bottom: 75px;
	font-size: 42px;
	}
	#charmSCT h2 span {
	margin-bottom: 14px;
	font-size: 28px;
	}
	#charmSCT .list {
	gap: 100px;
	}
	#charmSCT .pack {
	border-radius: 30px;
	margin-bottom: 20px;
	padding: 50px 60px 50px 60px;
	}
	#charmSCT .block:nth-of-type(3).activeView .pack {
	animation: sct_bottom_pc 0.7s ease forwards;
	}
	#charmSCT .block:nth-of-type(2),
	#charmSCT .block:nth-of-type(1) {
	position: relative;
	}
	#charmSCT .block:nth-of-type(2) .pack,
	#charmSCT .block:nth-of-type(1) .pack {
	margin-right: 420px;
	padding: 50px 125px 50px 60px;
	}
	#charmSCT .block:nth-of-type(2) .image,
	#charmSCT .block:nth-of-type(1) .image {
	position: absolute;
	top: -40px;
	right: 0;
	width: 500px;
	}
	#charmSCT .pack h3 {
	margin-bottom: 30px;
	padding-left: 100px;
	min-height: 82px;
	font-size: 28px;
	line-height: 1.57;
	}
	#charmSCT .image p {
	font-size: 14px;
	line-height: 2.29;
	}
	#charmSCT .pack h3::before {
	width: 82px;
	height: 82px;
	font-size: 36px;
	line-height: 80px;
	}
	#charmSCT .image p {
	padding-left: 160px;
	}
	#charmSCT .lst {
	flex-direction: row;
	align-items: flex-start;
	padding: 5px 0 11px 0;
	gap: 40px 25px;
	}
	#charmSCT .lst .blk {
	width: 220px;
	}
	#charmSCT .lst p {
	font-size: 14px;
	}
}

#numberSCT {
transform: translateY(50px);
position: relative;
background-color: var(--color-main);
}
#numberSCT.activeView {
animation: sct_bottom_sp2 0.7s ease forwards;
}
#numberSCT .cont {
padding: 52px 0 100px 0;
}
#numberSCT::before {
content: '';
transform: translateY(50%);
display: block;
position: absolute;
left: 0;
bottom: 100%;
background: url("../../common/img/lin_wave2.svg") repeat-x center center;
background-size: auto 18px;
width: 100%;
height: 18px;
}
#numberSCT h2 {
margin-bottom: 30px;
color: var(--color-sub1);
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 26px;
letter-spacing: 0.15em;
line-height: 1.2;
text-align: center;
opacity: 0;
}
#numberSCT h2.activeView {
animation: head 0.7s ease forwards;
}
#numberSCT h2 span {
display: inline-block;
margin-bottom: 8px;
font-size: 18px;
}
#numberSCT .list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 45px;
}
#numberSCT .block {
margin: 0 auto;
}
#numberSCT .block:nth-of-type(1) {
width: 258px;
}
#numberSCT .block:nth-of-type(2) {
width: 198px;
}
#numberSCT .block:nth-of-type(3) {
width: 246px;
}
#numberSCT .block svg,
#numberSCT .block img {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
	#numberSCT {
	transform: translateY(100px);
	}
	#numberSCT.activeView {
	animation: sct_bottom_pc2 0.7s ease forwards;
	}
	#numberSCT .cont {
	margin: 0 auto;
	padding: 100px 0 100px 0;
	width: 1080px;
	}
	#numberSCT::before {
	background-size: auto 36px;
	height: 36px;
	}
	#numberSCT h2 {
	margin-bottom: 75px;
	font-size: 42px;
	}
	#numberSCT h2 span {
	margin-bottom: 14px;
	font-size: 28px;
	}
	#numberSCT .list {
	flex-direction: row;
	gap: 75px;
	}
	#numberSCT .block {
	margin: 0 auto;
	}
	#numberSCT .block:nth-of-type(1) {
	width: 320px;
	}
	#numberSCT .block:nth-of-type(2) {
	width: 240px;
	}
	#numberSCT .block:nth-of-type(3) {
	width: 304px;
	}
}

#careerSCT {
transform: translateY(50px);
position: relative;
background-color: var(--color-sub3);
margin-bottom: -100px;
padding-bottom: 100px;
}
#careerSCT.activeView {
animation: sct_bottom_sp2 0.7s ease forwards;
}
#careerSCT .cont {
padding: 52px 0 50px 0;
}
#careerSCT::before {
content: '';
transform: translateY(50%);
display: block;
position: absolute;
left: 0;
bottom: 100%;
background: url("../../common/img/lin_wave3.svg") repeat-x center center;
background-size: auto 18px;
width: 100%;
height: 18px;
}
#careerSCT h2 {
margin-bottom: 36px;
color: var(--color-sub1);
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 26px;
letter-spacing: 0.15em;
line-height: 1.2;
text-align: center;
opacity: 0;
}
#careerSCT h2.activeView {
animation: head 0.7s ease forwards;
}
#careerSCT h2 span {
display: inline-block;
margin-bottom: 8px;
font-size: 18px;
}
#careerSCT h3 {
margin-bottom: 17px;
font-size: 16px;
text-align: center;
}
#careerSCT .list {
overflow-x: auto;
width: 100%;
}
#careerSCT .list .block img {
margin: 0 20px;
width: auto;
height: 380px;
}
@media screen and (min-width: 768px) {
	#careerSCT {
	transform: translateY(100px);
	}
	#careerSCT.activeView {
	animation: sct_bottom_pc2 0.7s ease forwards;
	}
	#careerSCT .cont {
	padding: 100px 0 100px 0;
	}
	#careerSCT::before {
	background-size: auto 36px;
	height: 36px;
	}
	#careerSCT h2 {
	margin-bottom: 45px;
	font-size: 42px;
	}
	#careerSCT h2 span {
	margin-bottom: 14px;
	font-size: 28px;
	}
	#careerSCT h3 {
	margin-bottom: 17px;
	font-size: 16px;
	text-align: center;
	}
	#careerSCT .list {
	overflow-x:visible;
	width: 100%;
	}
	#careerSCT .list .block img {
	display: block;
	margin: 0 auto;
	width: 960px;
	height: auto;
	}
}

#voiceSCT {
transform: translateY(50px);
position: relative;
background-color: var(--color-main);
}
#voiceSCT.activeView {
animation: sct_bottom_sp2 0.7s ease forwards;
}
#voiceSCT .cont {
padding: 52px 0 100px 0;
}
#voiceSCT::before {
content: '';
transform: translateY(50%);
display: block;
position: absolute;
left: 0;
bottom: 100%;
background: url("../../common/img/lin_wave2.svg") repeat-x center center;
background-size: auto 18px;
width: 100%;
height: 18px;
}
#voiceSCT h2 {
margin-bottom: 30px;
color: var(--color-sub1);
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 26px;
letter-spacing: 0.15em;
line-height: 1.2;
text-align: center;
opacity: 0;
}
#voiceSCT h2.activeView {
animation: head 0.7s ease forwards;
}
#voiceSCT h2 span {
display: inline-block;
margin-bottom: 8px;
font-size: 18px;
}
#voiceSCT .view {
position: relative;
}
#voiceSCT .block {
box-sizing: border-box;
padding: 0 10px;
width: 340px;
}
#voiceSCT .block .voice {
position: relative;
background-color: #fff;
border-radius: 15px;
margin-bottom: 40px;
padding: 15px 20px;
font-weight: 500;
opacity: 0;
}
#voiceSCT .block .voice.activeView {
animation: img_top 0.7s ease forwards;
}
#voiceSCT .block:nth-of-type(2) .voice.activeView {
animation-delay: 0.3s;
}
#voiceSCT .block:nth-of-type(3) .voice.activeView {
animation-delay: 0.6s;
}
#voiceSCT .block .voice::after {
content: '';
transform: translateX(-50%);
position: absolute;
left: 50%;
bottom: -20px;
border-right: 10px solid transparent;
border-top: 20px solid #fff;
border-left: 10px solid transparent; 
}
#voiceSCT .block .icon {
margin: 0 auto;
width: 160px;
}
#voiceSCT .block .icon img {
display: block;
width: 100%;
height: auto;
}
#voiceSCT .block .credit p {
margin-top: 16px;
font-weight: 700;
line-height: 1.57;
text-align: center;
}
#voiceSCT .swiper-button-next {
display: block;
position: absolute;
right: 20px;
top: inherit;
bottom: 120px;
width: 40px;
height: 40px;
}
.swiper-wrapper {
display: flex;
align-items: flex-end;
}
.swiper-button-next::before,
.swiper-button-next::after {
transform: translate(-50%,-50%) rotate(45deg);
content: '';
position: absolute;
left: 50%;
top: 50%;
display: block;
border-top: solid 1px #f1696b;
border-right: solid 1px #f1696b;
width: 26px;
height: 26px;
}
.swiper-button-next::before {
margin-left: -8px;
}
#voiceSCT .swiper-button-prev {
display: block;
position: absolute;
left: 20px;
top: inherit;
bottom: 120px;
width: 40px;
height: 40px;
}
.swiper-button-prev::before,
.swiper-button-prev::after {
transform: translate(-50%,-50%) rotate(-45deg);
content: '';
position: absolute;
left: 50%;
top: 50%;
display: block;
border-top: solid 1px #f1696b;
border-left: solid 1px #f1696b;
width: 26px;
height: 26px;
}
.swiper-button-prev::before {
margin-left: 8px;
}
.swiper-button-disabled {
opacity: 0 !important;
}
@media screen and (min-width: 768px) {
	#voiceSCT {
	transform: translateY(100px);
	}
	#voiceSCT.activeView {
	animation: sct_bottom_pc2 0.7s ease forwards;
	}
	#voiceSCT .cont {
	padding: 100px 0 100px 0;
	}
	#voiceSCT::before {
	background-size: auto 36px;
	height: 36px;
	}
	#voiceSCT h2 {
	margin-bottom: 45px;
	font-size: 42px;
	}
	#voiceSCT h2 span {
	margin-bottom: 14px;
	font-size: 28px;
	}
	#voiceSCT .view {
	position: relative;
	margin: 0 auto;
	width: 1020px;
	}
	#voiceSCT .block {
	box-sizing: border-box;
	padding: 0 20px;
	width: 340px;
	}
	#voiceSCT .block {
	box-sizing: border-box;
	padding: 0 20px;
	width: 340px;
	}
	#voiceSCT .block p {
	font-size: 14px;
	}
	#voiceSCT .block .credit p {
	margin-top: 16px;
	font-size: 14px;
	}
}

.button {
padding-top: 12px;
}
.button li {
position: relative;
box-sizing: border-box;
margin: 35px auto 0 auto;
background-color: #fff;
border-radius: 9999px;
width: 285px;
height: 70px;
overflow: hidden;
}
.button li a {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
height: 70px;
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 15px;
line-height: 1;
letter-spacing: 0.05em;
color: var(--color-base);
cursor: pointer;
text-decoration: none;
}
.button li a::after {
transform: translateY(-50%);
content: '';
display: block;
background: url("../../common/img/arw_fish.svg") no-repeat center center;
background-size: 25px auto;
position: absolute;
right: 25px;
top: 50%;
width: 25px;
height: 25px;
}
.button li a:hover::after {
animation: fish 0.7s linear infinite;
}
@media (min-width: 768px) {
	.button {
	padding-top: 55px;
	}
	.button li {
	margin: 40px auto 0 auto;
	width: 320px;
	height: 80px;
	}
	.button li a {
	transition: all 0.5s ease;
	background-color: rgba(255,255,255,1);
	font-size: 18px;
	height: 80px;
	}
	.button li a::after {
	background-size: 29px auto;
	right: 30px;
	width: 29px;
	height: 29px;
	}
	.button li a:hover {
	background-color: rgba(255,255,255,0);
	}
}

#descriptionSCT {
position: relative;
background-color: var(--color-sub3);
opacity: 0;
}
#descriptionSCT.activeView {
animation: sct_bottom_sp 0.7s ease forwards;
}
#descriptionSCT .cont {
padding: 30px 20px 40px 20px;
}
#descriptionSCT::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: calc(100% - 1px);
background: url("../../common/img/lin_wave.svg") no-repeat center center;
background-size: 100% auto;
width: 100%;
padding-top: 18.0433%;
}
#descriptionSCT h2 {
margin-bottom: 20px;
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 18px;
letter-spacing: 0.15em;
line-height: 1.2;
color: var(--color-sub1);
text-align: center;
}
#descriptionSCT .box {
background-color: #fff;
border-radius: 15px;
padding: 20px 20px 22px 20px;
}
#descriptionSCT .box dl {
font-weight: 500;
font-size: 13px;
line-height: 1.85;
}
#descriptionSCT .box dd {}
#descriptionSCT .box dt {
float: left;
border-top: solid 1px var(--color-main);
padding: 15px 0;
width: 5em;
font-weight: 700;
text-align: left;
}
#descriptionSCT .box dt:nth-of-type(1) {
border-top: none;
}
#descriptionSCT .box dd {
margin-left: 5em;
border-top: solid 1px var(--color-main);
padding: 15px 0;
}
#descriptionSCT .box dd:nth-of-type(1) {
border-top: none;
}
@media (min-width: 768px) {
	#descriptionSCT.activeView {
	animation: sct_bottom_pc 0.7s ease forwards;
	}
	#descriptionSCT .cont {
	margin: 0 auto;
	padding: 30px 0 40px 0;
	width: 960px;
	}
	#descriptionSCT h2 {
	margin-bottom: 40px;
	font-size: 28px;
	}
	#descriptionSCT .box {
	border-radius: 30px;
	padding: 60px 80px 50px 80px;
	}
	#descriptionSCT .box dl {
	font-size: 16px;
	line-height: 1.87;
	}
	#descriptionSCT .box dd {}
	#descriptionSCT .box dt {
	border-top: solid 2px var(--color-main);
	padding: 22px 0;
	width: 260px;
	}
	#descriptionSCT .box dd {
	margin-left: 260px;
	border-top: solid 2px var(--color-main);
	padding: 22px 0;
	}
}

#methodSCT {
position: relative;
background-color: var(--color-sub3);
}
#methodSCT .cont {
padding: 30px 20px 40px 20px;
}
#methodSCT h2 {
margin-bottom: 12px;
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 18px;
letter-spacing: 0.15em;
line-height: 1.2;
color: var(--color-sub1);
text-align: center;
}
#methodSCT p {
margin-bottom: 15px;
text-align: center;
}
@media (max-width: 767px) {
	#methodSCT ul {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 220px;
	gap: 7px;
	font-weight: 700;
	}
	#methodSCT li:not(:last-child) {
	position: relative;
	padding: 55px 0 9px 0;
	background-color: #fff;
	text-align: center;
	}
	#methodSCT li:first-child {
	padding: 26px 0 9px 0;
	}
	#methodSCT li:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-sub1);
	border-radius: 50%;
	margin: 10px auto 0 auto;
	width: 105px;
	height: 105px;
	color: #fff;
	z-index: 1;
	}
	#methodSCT li::before {
	content: '';
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: -30px;
	border-right: 110px solid transparent;
	border-top: 30px solid #fff;
	border-left: 110px solid transparent;
	z-index: 2;
	}
	#methodSCT li:last-child::before {
	display: none;
	}
	#methodSCT li::after {
	content: '';
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: -37px;
	border-right: 110px solid transparent;
	border-top: 30px solid var(--color-sub3);
	border-left: 110px solid transparent;
	z-index: 1;
	}
	#methodSCT li:last-child::after {
	display: none;
	}
}
@media (min-width: 768px) {
	#methodSCT .cont {
	margin: 0 auto;
	padding: 30px 0 75px 0;
	width: 960px;
	}
	#methodSCT h2 {
	margin-bottom: 35px;
	font-size: 28px;
	}
	#methodSCT p {
	margin-bottom: 25px;
	font-size: 16px;
	}
	#methodSCT ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	width: auto;
	gap: 10px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.88;
	}
	#methodSCT li:not(:last-child) {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: #fff;
	padding: 0 40px 0 75px;
	height: 120px;
	text-align: center;
	}
	#methodSCT li:first-child {
	padding: 0 50px;
	}
	#methodSCT li:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-sub1);
	border-radius: 50%;
	margin: 0 0 0 10px;
	width: 120px;
	height: 120px;
	color: #fff;
	z-index: 1;
	}
	#methodSCT li::before {
	content: '';
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: -38px;
	border-top: 60px solid transparent;
	border-left: 38px solid #fff;
	border-bottom: 60px solid transparent;
	z-index: 2;
	}
	#methodSCT li:last-child::before {
	display: none;
	}
	#methodSCT li::after {
	content: '';
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: -48px;
	border-top: 60px solid transparent;
	border-left: 38px solid var(--color-sub3);
	border-bottom: 60px solid transparent;
	z-index: 1;
	}
	#methodSCT li:last-child::after {
	display: none;
	}
}

#contactSCT {
position: relative;
background-color: var(--color-sub3);
}
#contactSCT .cont {
padding: 30px 20px 100px 20px;
}
#contactSCT h2 {
margin-bottom: 20px;
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 18px;
letter-spacing: 0.15em;
line-height: 1.2;
color: var(--color-sub1);
text-align: center;
}
#contactSCT .list {
display: flex;
flex-wrap: wrap;
flex-flow: column;
gap: 20px;
}
#contactSCT .block {
background-color: #fff;
border-radius: 15px;
padding: 17px 20px 20px 20px;
}
#contactSCT .block h3 {
border-bottom: solid 1px var(--color-main);
margin-bottom: 20px;
padding-bottom: 17px;
font-weight: 700;
font-size: 14px;
text-align: center;
}
#contactSCT .block p {
text-align: center;
}
#contactSCT .block p.note {
font-size: 12px;
}
#contactSCT .block .link {
position: relative;
box-sizing: border-box;
margin: 0 auto 0 auto;
background-color: var(--color-sub2);
border-radius: 9999px;
width: 285px;
height: 70px;
overflow: hidden;
}
#contactSCT .block .link a {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
height: 70px;
font-weight: 700;
font-family: 'BIZ UDMincho', serif;
font-size: 15px;
line-height: 1;
letter-spacing: 0.05em;
color: var(--color-base);
cursor: pointer;
text-decoration: none;
}
#contactSCT .block .link a::after {
transform: translateY(-50%);
content: '';
display: block;
background: url("../../common/img/arw_fish.svg") no-repeat center center;
background-size: 25px auto;
position: absolute;
right: 25px;
top: 50%;
width: 25px;
height: 25px;
}
#contactSCT .block .link a:hover::after {
animation: fish 0.7s linear infinite;
}
@media (min-width: 768px) {
	#contactSCT .cont {
	margin: 0 auto;
	padding: 30px 0 100px 0;
	width: 960px;
	}
	#contactSCT h2 {
	margin-bottom: 35px;
	font-size: 28px;
	}
	#contactSCT .list {
	flex-flow: row;
	gap: 40px;
	}
	#contactSCT .block {
	box-sizing: border-box;
	border-radius: 30px;
	padding: 15px 50px 30px 50px;
	width: 4460px;
	}
	#contactSCT .block h3 {
	border-bottom: solid 2px var(--color-main);
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	}
	#contactSCT .block p {
	font-size: 16px;
	line-height: 1.75;
	text-align: center;
	}
	#contactSCT .block p.note {
	font-size: 12px;
	}
	#contactSCT .block .link {
	margin: 30px auto 0 auto;
	width: 320px;
	height: 80px;
	}
	#contactSCT .block .link a {
	height: 80px;
	font-size: 18px;
	}
	#contactSCT .block .link a::after {
	background-size: 30px auto;
	top: 50%;
	width: 30px;
	height: 30px;
	}
}