/* タイトル */
#toy-donation .title {
	max-width: 420px;
}
/* 入学までの手続き */
.toy-text {
    text-align: center;
    max-width: 750px;
    margin: 50px auto;
}
.toy-text > div {
    transform: scale(1.0);
}
.toy-text > div:hover {
    transform: scale(1.1);
    transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
}
.toy-text > .flex {
    justify-content: flex-start;
    align-items: center;
    max-width: 420px;
    margin: 0 auto 50px auto;
    background-color: #D6EEEC;
    border-radius: 50px;
}
/* アイコン＆テキスト */
.toy-text > .flex > h2 {
    color: #Fcfcfc;
    background-color: #70C1BC;
    background-image: url(../img/moyou.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50px 0 0 50px;
    padding: 7px 7px 20px 13px;
    box-sizing: border-box;
    margin: 0;
}
.toy-text span {
    font-size: 10px;
    margin: 0;
}
.toy-text img {
    width: 2em;
    padding: 0 20px;
}

#toy-donation .process-right {
	width:400px;
    justify-content: center;
    align-items: center;
}
.process-link:hover {
    color: #F77888;
    transition: .3s;
}

/* 下矢印 */
.toy-arrow {
  position: relative;
}
.toy-arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 8px solid #D6EEEC;   /* 好みで色を変えてください */ 
    position: absolute;
    left: calc(50% - 8px);
    bottom: -16px;
    margin: auto;
}
/* 寄付についてテキスト */
.donation-box {
    max-width: 600px;
    margin: 0 auto;
}
.donation-text {
    text-align: center;
    border: 5px solid #ECD37C;
    background-color: #fcfcfc;
    padding: 50px;
    border-radius: 30px;

}
/* はじめに＆寄付してほしいおもちゃ */
.toy-first, .toy-second {
	margin-bottom: 150px;
}
/* 横並び */
.first-box > div, .second-box > div {
	display:flex;
	justify-content: center;
	align-items: flex-end;
	gap: 50px;
}
.second-box > div {
	align-items: flex-start;
}
/* テキスト横幅 */
.first-left {
	max-width: 600px;
}
/* テキストマージン */
.first-text {
	margin: 50px 0 0;
}
/* はじめに画像 */
.first-imgbox {
	max-width: 300px;
	border-radius: 10px;
	overflow: hidden;
}
.first-imgbox figure {
	margin-bottom: 0;
}
.first-imgbox img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
}
/* 寄付してほしいおもちゃ */
.toy-second {
	max-width: 900px;
	margin: 0 auto 150px;
}
/* 枠 */

/* .toy-second > div {
	border: 5px solid #70C1BC;
	background-color: #fcfcfc;
	padding: 20px 0 50px 0;
	border-radius: 30px;
} */
/* 余白 */
.second-box {
	margin: 50px 0 0;
	text-align: center;
}
.second-box p {
	text-align: left;
}
/* h3下線 */
.second-box h3, .info-flex h3 {
	position:relative;
	display: inline;
}
.second-box h3::after,
.info-flex h3::after {
	position:absolute;
	bottom:-2px;
	left: 0;
	content: "";
	width: 100%;
	height:5px;
	background-color:#70C1BC;
	border-radius: 99px;
}
.second-box > div > div {
	border: 5px solid #70C1BC;
	padding: 30px;
	border-radius:30px;
}
/* ３.受付できないもの */
.third-text {
	max-width:600px;
	margin: 50px auto;
}
.caution {
	margin-top:50px;
}
.caution.box27 {
	border:5px solid #F77888;
}
.caution.box27 .box-title {
	background: #F77888;
}
/* おもちゃ寄付問い合わせページ */
.info-flex {
	margin: 80px auto;
}
/*=====
レスポンシブ
=====  */
@media screen and ( max-width:1024px) {
/* フロー	 */
	.process-right {
		width: 300px;
	}
	.process-right p {
		line-height: normal;
	}
	/* タイトル	 */
	#toy-donation .title {
		max-width: 310px;
	}
	/* はじめに＆寄付してほしいおもちゃ */
	.first-box > div, .second-box > div {
		flex-direction: column;
	}
	/* 	gap0 */
	.first-box > div {
		gap: 0;
	}
	.first-imgbox {
		max-width:200px;
	}
	.second-box p {
		padding: 0 1em;
	}
	/* 受付できないもの	 */
	.third-text > div > p {
		padding: 0 10px;
	}
}