@media screen and (min-width: 768px), print {
	/* PC表示のスタイルを記述 */

	/*# common
		-----------------------------------*/

	#about main {
		background-color: #e4e2db;
	}

	/*# sec1
		-----------------------------------*/

	.about-sec1 {
		padding-block: 84px 152px;
		background: url('../images/about/sec1_bg.svg') no-repeat right 49.5% bottom 119px/1015px auto;
	}

	.about-sec1__logo {
		margin-inline: auto;
		width: 155px;
	}

	.about-sec1__logo img {
		margin-left: 3px;
	}

	.about-sec1__title {
		font-size: 38px;
		font-weight: 500;
		letter-spacing: 1.9px;
		line-height: 1.58;
		margin-top: 28px;
		padding-left: 7px;
		text-align: center;
	}

	.about-sec1__border {
		background-color: #3c3c3c;
		display: block;
		height: 61px;
		margin: 28px auto 0;
		position: relative;
		right: -2px;
		width: 1px;
	}

	.about-sec1__text {
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 2.4px;
		line-height: 2.21;
		margin-top: 23px;
		padding-left: 7px;
		text-align: center;
	}

	.about-sec1__text-en {
		font-size: 12px;
		letter-spacing: 0.04em;
		line-height: 1.9;
		margin-top: 1px;
		padding-left: 6px;
		text-align: center;
	}

	/*# sec2
		-----------------------------------*/

	.about-sec2 {
		padding-block: 176px 132px;
		background-color: #fff;
		position: relative;
		z-index: 3;
	}

	.about-sec2::before {
		background-color: #efeeea;
		content: '';
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 562px;
		z-index: -1;
	}

	.about-sec2__title {
		padding-left: 39px;
	}

	.about-sec2__title img {
		height: 42.6px;
		padding-left: 4px;
		width: auto;
	}

	.about-sec2__subtitle {
		color: #a1876d;
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 2.4px;
		margin-top: 6px;
	}

	.about-sec2__media {
		margin-top: 10px;
		padding-bottom: 61px;
	}

	.about-sec2__media {
		background-repeat: no-repeat;
		background-size: 860px 552px;
	}

	.about-sec2 .about-sec2__media {
		background-image: url('../images/about/sec2_img1.png');
		background-position: left bottom;
	}

	.about-sec2__box {
		background-color: #fff;
		-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
		margin-left: auto;
		padding: 77px 88px 75px;
		width: 640px;
	}

	.about-sec2__box-text:nth-of-type(n + 2) {
		margin-top: 32px;
	}

	.about-sec2__btn-wrapper {
		margin-top: 59px;
	}

	.about-sec2__btn {
		gap: 23px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #3c3c3c;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto;
		margin-right: 5px;
		padding-bottom: 9px;
		padding-left: 10px;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
	}

	.about-sec2__btn img {
		width: 30px;
	}

	/*# sec3
		-----------------------------------*/

	.about-sec3 {
		padding-block: 121px 99px;
		background-color: #fff;
		position: relative;
		z-index: 3;
	}

	.about-sec3::before {
		background-color: #efeeea;
		bottom: 0;
		content: '';
		height: 562px;
		left: 0;
		position: absolute;
		width: 698px;
		z-index: -1;
	}

	.about-sec3__title img {
		height: 38px;
	}

	.about-sec3__subtitle {
		margin-top: 10px;
	}

	.about-sec3__media {
		margin-top: 7px;
		padding-bottom: 0px;
		padding-top: 39px;
	}

	.about-sec3__box {
		margin-left: 0;
		padding: 77px 88px 80px;
	}

	.about-sec3 .about-sec3__media {
		background-image: url('../images/about/sec3_img1.png');
		background-position: right top;
	}

	.about-sec3__btn-wrapper {
		margin-top: 63px;
	}

	.about-sec3__btn {
		gap: 13px;
		margin-right: 0px;
		padding-left: 0px;
	}

	/*# sec4
		-----------------------------------*/

	.about-sec4 {
		padding-block: 163px 157px;
		background-color: #fff;
		position: relative;
		z-index: 3;
	}

	.about-sec4::before {
		background-color: #efeeea;
		bottom: 0;
		content: '';
		height: 918px;
		position: absolute;
		right: 0;
		width: 856px;
		z-index: -1;
	}

	.about-sec4__title img {
		height: 39px;
	}

	.about-sec4__subtitle {
		margin-top: 12px;
	}

	.about-sec4__media {
		margin-top: 2px;
		padding-bottom: 116px;
	}

	.about-sec4 .about-sec4__media {
		background-image: url('../images/about/sec4_img1.png');
		background-position: left bottom;
	}

	.about-sec4__box {
		padding: 80px 88px 88px;
	}
}

@media screen and (max-width: 767px) {
	/* SP表示のスタイルを記述 */

	/*# common
		-----------------------------------*/

	#about main {
		background-color: #e4e2db;
	}

	/*# sec1
		-----------------------------------*/

	.about-sec1 {
		padding-block: 2.657vw 15.459vw;
		background: url('../images/about/sec1_bg-sp.svg') no-repeat right 46% bottom 36.473vw/84.541vw auto;
	}

	.about-sec1 .layout-inner {
		padding-left: 9.662vw;
		padding-right: 9.662vw;
	}

	.about-sec1__logo {
		margin-inline: auto;
		width: 27.295vw;
	}

	.about-sec1__title {
		font-size: 7.246vw;
		letter-spacing: 0.362vw;
		margin-top: 5.797vw;
		text-align: center;
	}

	.about-sec1__border {
		display: none;
	}

	.about-sec1__text {
		font-size: 5.072vw;
		font-weight: 500;
		letter-spacing: 0.254vw;
		line-height: 2.14;
		margin-top: 25.362vw;
		padding-left: 0.966vw;
	}

	.about-sec1__text-en {
		font-size: 2.415vw;
		letter-spacing: 0.105em;
		line-height: 2.07;
		margin-top: 0.483vw;
		padding-left: 0.966vw;
	}

	/*# sec2
		-----------------------------------*/

	.about-sec2 {
		padding-block: 25.362vw 25.362vw;
		background-color: #fff;
		position: relative;
		z-index: 3;
	}

	.about-sec2::before {
		background-color: #efeeea;
		content: '';
		height: 72.947vw;
		position: absolute;
		right: 0;
		top: 0;
		width: 33.816vw;
		z-index: -1;
	}

	.about-sec2__title {
		padding-left: 7.246vw;
	}

	.about-sec2__title img {
		height: 13.285vw;
		padding-left: 0.725vw;
		width: auto;
	}

	.about-sec2__subtitle {
		color: #a1876d;
		font-size: 4.106vw;
		font-weight: 500;
		letter-spacing: 0.205vw;
		line-height: 1.47;
		margin-top: 3.382vw;
	}

	.about-sec2__media {
		margin-inline: calc(50% - 50vw);
		margin-top: 6.039vw;
		padding-top: 45.169vw;
	}

	.about-sec2__media {
		background-repeat: no-repeat;
		background-size: 100vw 50.725vw;
	}

	.about-sec2 .about-sec2__media {
		background-image: url('../images/about/sec2_img1-sp.png');
		background-position: center top;
	}

	.about-sec2__box {
		margin-inline: 4.106vw;
		background-color: #fff;
		-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
		padding: 9.903vw 7.246vw 11.111vw;
		width: 91.787vw;
	}

	.about-sec2__box-text:nth-of-type(n + 2) {
		margin-top: 5.314vw;
	}

	.about-sec2__btn-wrapper {
		margin-top: 10.87vw;
	}

	.about-sec2__btn {
		gap: 3.623vw;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #3c3c3c;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto;
		margin-right: 1.449vw;
		padding-bottom: 1.691vw;
		padding-left: 1.691vw;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
	}

	.about-sec2__btn span {
		letter-spacing: -0.03em;
	}

	.about-sec2__btn img {
		width: 5.556vw;
	}

	/*# sec3
		-----------------------------------*/

	.about-sec3 {
		padding-block: 0px 8.937vw;
		background-color: #fff;
		position: relative;
		z-index: 3;
	}

	.about-sec3::before {
		background-color: #efeeea;
		bottom: 0;
		content: '';
		height: 105.314vw;
		position: absolute;
		right: 0;
		width: 33.575vw;
		z-index: -1;
	}

	.about-sec3__title img {
		height: 13.043vw;
		padding-left: 0.242vw;
	}

	.about-sec3__media {
		margin-top: 6.28vw;
		padding-top: 45.169vw;
	}

	.about-sec3 .about-sec3__media {
		background-image: url('../images/about/sec3_img1-sp.png');
		background-position: center top;
	}

	.about-sec3__btn-wrapper {
		margin-top: 13.043vw;
	}

	.about-sec3__btn {
		gap: 1.449vw;
		padding-left: 0;
	}

	/*# sec4
		-----------------------------------*/

	.about-sec4 {
		padding-block: 16.425vw 24.396vw;
		background-color: #fff;
		position: relative;
		z-index: 3;
	}

	.about-sec4::before {
		background-color: #efeeea;
		bottom: 0;
		content: '';
		height: 121.256vw;
		left: 0;
		position: absolute;
		width: 35.99vw;
		z-index: -1;
	}

	.about-sec4__media {
		margin-top: 5.556vw;
		padding-top: 46.618vw;
	}

	.about-sec4 .about-sec4__media {
		background-image: url('../images/about/sec4_img1-sp.png');
		background-position: center top;
	}

	.about-sec4__box {
		padding-bottom: 11.111vw;
	}
}