@charset "UTF-8";


/* about */
@media all {
	.main-header img {
		object-position: 60% 0%;
	}
	.section-wrapper {
		position: relative;
	}
	.section-content {
		line-height: 2;
	}
	p.notice {
		font-size: 85%;
		color: var(--fontgray);
	}
}

/* about - sp */
@media only screen and (max-width: 767px) {
	.section-wrapper {
		padding: 70rem 10rem 100rem 15rem;
	}
	.section-content {
		font-size: 14rem;
		margin-top: 20rem;
	}
	.toshima-img {
		margin: 60rem 0;
	}
	.toshima-img-item + .toshima-img-item {
		margin-top: 20rem;
	}
	.deco-1 {
		top: -90rem;
		right: 20rem;
		width: 27.2rem;
	}
	.deco-2 {
		bottom: 90rem;
		right: 30rem;
		width: 44.9rem;
	}
}
/* about - tab & pc */
@media print,
(min-width: 768px) {
	.section-wrapper {
		margin: 90rem auto 0;
		padding: 0 40rem 100rem;
		max-width: 1110rem;
	}
	.section-content {
		font-size: 16rem;
		margin-top: 30rem;
	}
	.deco-1 {
		top: -20rem;
		left: 450rem;
	}
	.deco-2 {
		bottom: 50rem;
		right: 50rem;
	}
}
/* about - tab */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.toshima-img {
		display: flex;
		justify-content: space-between;
		margin: 50rem 0;
	}
	.toshima-img-item {
		width: 32.5%;
	}

	.toshima-img-item:nth-child(2) {
		transition-delay: .1s;
	}
	.toshima-img-item:nth-child(3) {
		transition-delay: .2s;
	}
	.deco-2 {bottom: 30rem;}
}
/* about - pc */
@media print,
(min-width: 1025px) {
	.main-section {
		float: left;
		width: 47.573%;
		max-width: 490rem;
	}
	.toshima-img {
		float: right;
		width: 43.689%;
		max-width: 450rem;
	}
	.bask-section {
		margin-top: 100rem;
	}
	.toshima-img-item + .toshima-img-item {
		margin-top: 40rem;
	}
	.deco-1 {
		top: -40rem;
		width: 33.89rem;
	}
	.deco-2 {
		width: 56.13rem;
	}
}