@charset "UTF-8";


/**************************************************
　共通
***************************************************/

/* leadBlock */
.learning .line,
.howto .line {
	background: url( './../image/common/subtitle-line-bg.png' ) no-repeat center;
	background-size: cover;
	position: absolute;
	z-index: 1;
}
.learning .contents,
.howto .contents {
	z-index: 2;
}
.learning .leadBlock .head,
.howto .leadBlock .head {
	background: url( './../image/common/cloud-bg.png' ) no-repeat center;
	background-size: cover;
	font-weight: bold;
	position: relative;
}
.learning .leadBlock .head p,
.howto .leadBlock .head p {
	position: absolute;
}
.learning .leadBlock .head p strong,
.howto .leadBlock .head p strong {
	position: relative;
}
.learning .leadBlock .head p strong::before,
.learning .leadBlock .head p strong::after,
.howto .leadBlock .head p strong::before,
.howto .leadBlock .head p strong::after {
	content: '';
	display: block;
	position: absolute;
}
.learning .leadBlock .head p strong::before,
.howto .leadBlock .head p strong::before {
	background: url( './../image/common/blue-bird.png' ) no-repeat center;
	background-size: cover;
}
.learning .leadBlock .head p strong::after,
.howto .leadBlock .head p strong::after {
	background: url( './../image/common/subtitle-deco.png' ) center left;
}
.learning .leadBlock .head p strong::after {
	background-size: cover;
}
.howto .leadBlock .head p strong::after {
	background-repeat: repeat-x;
}
.learning .leadBlock .head p span,
.learning .typeBlock .eachBox .textBox h4 span,
.howto .leadBlock .head p span,
.howto .typeBlock .eachBox .textBox h4 span {
	color: #45B2C1;
	display: inline-block;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	position: absolute;
	transform: rotate( 10deg );
}
.learning .leadBlock .body .textBox p {
	opacity: 0;
}

/* eachBox */
.learning .typeBlock .eachBox,
.howto .flowBlock .eachBox,
.aboutus .rollBlock .contents {
	background: #fff;
	background: rgba( 255, 255, 255, .9 );
	box-sizing: border-box;
}
.learning .typeBlock .eachBox .textBox,
.howto .flowBlock .eachBox .textBox {
	box-sizing: border-box;
}
.learning .typeBlock .eachBox .textBox h4,
.howto .flowBlock .eachBox .textBox strong {
	font-weight: 700;
}
.learning .typeBlock .eachBox .imageBox,
.howto .flowBlock .eachBox .imageBox,
.aboutus .rollBlock .eachBox .imageBox {
	margin: 0 auto;
}

/* 各要素 */
/*
.learning .typeBlock,
.howto .flowBlock,
.aboutus .rollBlock {
	background: var(--base-bg-yellow);
}
*/
.howto .flowBlock .eachBox,
.aboutus .rollBlock .eachBox {
	position: relative;
}
.howto .flowBlock .eachBox::before,
.howto .flowBlock .eachBox:nth-of-type( 6 )::after,
.howto .flowBlock .eachBox .no span::before,
.howto .flowBlock .eachBox .no span::after,
.aboutus .rollBlock .eachBox::before,
.aboutus .rollBlock .eachBox .no span::before,
.aboutus .rollBlock .eachBox .no span::after {
	content: '';
	display: block;
	position: absolute;
}
.howto .flowBlock .eachBox .no,
.aboutus .rollBlock .eachBox .no {
	color: var(--base-orange);
	font-weight: 700;
}
.howto .flowBlock .eachBox .no::after,
.aboutus .rollBlock .eachBox .no::after {
	bottom: 0;
	color: var(--base-orange);
	display: block;
	font-weight: 500;
	font-size: 1.1rem;
	position: absolute;
	z-index: 3;
}
.howto .flowBlock .eachBox .no span,
.aboutus .rollBlock .eachBox .no span {
	position: relative;
}
.howto .flowBlock .eachBox .no span::before,
.aboutus .rollBlock .eachBox .no span::before {
	background: #fff;
	clip-path: polygon( 0 100%, 100% 0, 100% 100% );
	height: 60px;
	width: 60px;
	z-index: 1;
}
.howto .flowBlock .eachBox .no span::after,
.aboutus .rollBlock .eachBox .no span::after {
	background: var(--base-orange);
	height: 60px;
	transform: rotate( 45deg );
	width: 3px;
	z-index: 2;
}
.howto .flowBlock .eachBox strong,
.aboutus .rollBlock .eachBox strong {
	display: block;
}
.howto .flowBlock .eachBox strong span,
.howto .flowBlock .finish strong span,
.aboutus .rollBlock .eachBox strong span,
.aboutus .rollBlock .finish strong span {
	color: var(--base-orange);
}


/**************************************************
　里親について
***************************************************/

/* eyeCatch */
.learning .eyeCatch {
	background: url( './../image/learning/eyecatch.jpg' ) no-repeat center;
	background-size: cover;
}

/* leadBlock */
.learning .leadBlock .body .imageBox {
	animation: eat 6.0s steps( 4 ) infinite;
	background: url( './../image/learning/lead-illust.png' ) no-repeat top left;
	opacity: 1;
}
.learning .leadBlock::before {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.learning .leadBlock::after {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}

/* 里親の種類 */
.learning .typeBlock::before {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.learning .typeBlock::after {
	background: url('./../image/common/mimi-wh.png') no-repeat center;
	background-size: cover;
}
.learning .typeBlock .eachBox .textBox .label {
	color: #fff;
	display: inline-block;
	font-weight: 500;
	font-size: .85rem;
	letter-spacing: .1rem;
	margin: 0 10px 20px 0;
	padding: 5px 15px 7px;
}
.learning .typeBlock .eachBox .textBox .label.short {
	background: var(--base-orange);
}
.learning .typeBlock .eachBox .textBox .label.limit {
	background: var(--base-water-blue);
}
.learning .typeBlock .eachBox .textBox .upper .gray {
	font-size: 1.0rem;
	line-height: 1.8rem;
	margin-top: 50px;
}
.learning .typeBlock .eachBox .textBox .lower {
	border-top: 1px solid var(--base-gray-bg);
}
.learning .typeBlock .eachBox .textBox .lower dt {
	background: var(--base-black);
	border-radius: 40px;
	color: #fff;
	font-size: 1.0rem;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 140px;
}
.learning .typeBlock .eachBox .textBox .lower dd {
	font-size: 1.1rem;
	line-height: 2.0rem;
}
.learning .typeBlock .eachBox .textBox .lower .gray {
	font-size: 1.0rem;
	line-height: 1.8rem;
}
.learning .typeBlock .eachBox .imageBox .gray {
	color: var(--base-gray);
	font-size: 1.1rem;
	text-align: center;
}
.learning .typeBlock .eachBox:last-of-type .textBox h4 strong {
	position: relative;
}


/**************************************************
　里親になるには
***************************************************/

/* eyeCatch */
.howto .eyeCatch {
	background: url( './../image/howto/eyecatch.jpg' ) no-repeat center;
	background-size: cover;
}

/* leadBlock */
.howto .leadBlock::before {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.howto .leadBlock::after {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.howto .leadBlock .body .upper .flex .eachBox p {
	color: var(--base-black);
	font-weight: 600;
	text-align: center;
}
.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
	background: var(--base-bg-yellow);
	border-radius: 20px;
	font-weight: 500;
}
.howto .leadBlock .body .middle ul,
.howto .leadBlock .body .middle li {
	box-sizing: border-box;
}
.howto .leadBlock .body .middle .contents:nth-of-type( 1 ) {
	border: 4px solid var(--base-orange);
	border-radius: 20px;
	position: relative;
}
.howto .leadBlock .body .middle h4 {
	background: var(--base-orange);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #fff;
	height: 40px;
	left: 40px;
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 180px;
}
.howto .leadBlock .body .middle li {
	border-bottom: dotted 3px var(--base-gray-bg);
	margin-bottom: 20px;
	padding-bottom: 2px;
	padding: 0 0 7px 35px;
	position: relative;
}
.howto .leadBlock .body .middle li::before {
	border-left: 3px solid var(--base-orange);
	border-bottom: 3px solid var(--base-orange);
	content: '';
	display: block;
	height: 6px;
	left: 5px;
	position: absolute;
	top: 9px;
	transform: rotate( -45deg );
	width: 12px;
	z-index: 2;
}
.howto .leadBlock .body .middle li {
	font-weight: bold;
	font-weight: 600;
	width: 100%;
}

/* アニメーション */

.howto .leadBlock .body .lower strong span {
	background: linear-gradient( transparent 60%, #F9E391 60% );
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 40px;
	margin: 0 10px 0 5px;
}
.howto .leadBlock .body .lower.show strong span {
	animation: onMarker 2.0s ease-out forwards;
}

/* 里親になるまで */
.howto .flowBlock::before {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.howto .flowBlock::after {
	background: url('./../image/common/mimi-wh.png') no-repeat center;
	background-size: cover;
}
.howto .flowBlock .eachBox::before {
	aspect-ratio: 2;
	background: var(--base-black);
	clip-path: polygon( 50% 100%, 100% 0, 0 0 );
	--r: 8px;
	--_g: calc( var(--r) / tan( 22.5deg ) ) top var(--r),#000 98%,#0000 101%;
	-webkit-mask:
		conic-gradient( from 157.5deg at 50% calc(var(--r)/(3*sqrt(2) - 4) - 100%/tan(22.5deg)),#000 45deg,#0000 0 )
		0 0/100% calc( 100% - var(--r)/sqrt(2) ) no-repeat,
		radial-gradient( var(--r) at 50% calc(100% - var(--r)*sqrt(2)),#000 98%,#0000 101% ),
		radial-gradient( var(--r) at left  var(--_g) ),
		radial-gradient( var(--r) at right var(--_g) );
}
.howto .flowBlock .eachBox:nth-of-type( 6 )::after {
	background: var(--base-black);
	border-radius: 5px;
}
.howto .flowBlock .eachBox:nth-of-type( 1 ) strong span,
.howto .flowBlock .eachBox:nth-of-type( 2 ) strong span,
.howto .flowBlock .eachBox:nth-of-type( 3 ) strong span {
	margin-right: 5px;
}
.howto .flowBlock .eachBox:nth-of-type( 1 ) strong span:nth-of-type( 2 ) {
	margin-left: 5px;
}
.howto .flowBlock .eachBox .no {
	position: absolute;
}
.howto .flowBlock .eachBox .no::after {
	content: 'step';
}
.howto .flowBlock .eachBox p .smallText {
	font-size: 95%;
}
.howto .flowBlock .finish p {
	font-size: 1.1rem;
	line-height: 2.0rem;
}
.howto .flowBlock .finish strong {
	display: inline-block;
	font-weight: 700;
	position: relative;
	text-align: center;
}
.howto .flowBlock .finish strong::before {
	background: url( './../image/howto/finish-icon.png' ) no-repeat center;
	background-size: cover;
	content: '';
	position: absolute;
}


/**************************************************
　私たちのこと
***************************************************/

.aboutus .leadBlock,
.aboutus .accessBlock {
	background: var(--bg-texture-deep);
}

/* eyeCatch */
.aboutus .eyeCatch {
	background: url( './../image/aboutus/eyecatch.jpg' ) no-repeat center top;
	background-size: cover;
}

/* leadBlock */
.aboutus .leadBlock::before {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.aboutus .leadBlock::after {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.aboutus .leadBlock .body {
	position: relative;
}
.aboutus .leadBlock .body .illust-01a {
	background: url( './../image/aboutus/lead-bg-01a.png' ) no-repeat top left;
	bottom: -10px;
}
.aboutus .leadBlock .body .illust-01b {
	background: url( './../image/aboutus/lead-bg-01b.png' ) no-repeat top left;
}
.aboutus .leadBlock .body .illust-01c {
	background: url( './../image/aboutus/lead-bg-01c.png' ) no-repeat top left;
}
.aboutus .leadBlock .body .illust-02a {
	background: url( './../image/aboutus/lead-bg-02a.png' ) no-repeat top left;
}
.aboutus .leadBlock .body .illust-02b {
	background: url( './../image/aboutus/lead-bg-02b.png' ) no-repeat top left;
}
.aboutus .leadBlock .body .illust-01a,
.aboutus .leadBlock .body .illust {
	background-size: contain;
	position: absolute;
}
.aboutus .leadBlock .body .animation {
	opacity: 0;
}
.aboutus .leadBlock .body .illust-01b.show {
	animation: moveTo-01 .8s 1.5s ease-in-out forwards;
}
.aboutus .leadBlock .body .illust-01c.show {
	animation: run-01 1.5s .5s steps( 2 ) 2, moveTo-02 2.5s .5s ease-in-out forwards;
}
.aboutus .leadBlock .body .illust-02b.show {
	animation: walk-01 1.5s steps( 2 ) 2, moveTo-03 3.0s ease-in-out forwards;
}

.aboutus .leadBlock .textBox {
	position: relative;
	z-index: 2;
}
.aboutus .leadBlock .textBox p .text-03 {
	display: block;
	font-weight: 900;
	text-align: center;
}
.aboutus .leadBlock .textBox p .text-03 span {
	display: inline-block;
}
.aboutus .leadBlock .textBox p .text-03 span strong {
	display: block;
}

/* みらいの役割 */
.aboutus .rollBlock::before {
	background: url('./../image/common/mimi-yellow.png') no-repeat center;
	background-size: cover;
}
.aboutus .rollBlock::after {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.aboutus .rollBlock .eachBox {
	border-bottom: 1px solid var(--base-gray-bg);
}
.aboutus .rollBlock .eachBox:last-of-type {
	border-bottom: none;
	margin-bottom: 0 !important;
}
.aboutus .rollBlock .eachBox .no {
	margin-bottom: 25px;
	position: relative;
}
.aboutus .rollBlock .eachBox .no::after {
	content: 'Our works';
}
.aboutus .rollBlock .eachBox .textBox {
	box-sizing: border-box;
}

/* 施設アクセス */
.aboutus .accessBlock::before {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.aboutus .accessBlock::after {
	background: url('./../image/common/mimi-wh.png') no-repeat center;
	background-size: cover;
}
.aboutus .accessBlock .embedMap {
	background: var(--base-orange);
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%;
}
.aboutus .accessBlock .embedMap iframe {
	width: 100%;
}
.aboutus .accessBlock .mapBox p {
	font-size: 1.1rem;
}
.aboutus .accessBlock h4 {
	font-weight: 700;
	text-align: center;
}
.aboutus .accessBlock .byCar .textBox dt {
	background: var(--base-black);
	color: #fff;
}
.aboutus .accessBlock .byCar .textBox dd {
	margin-bottom: 40px;

	font-size: 1.1rem;
    line-height: 2.0rem;
}
.aboutus .accessBlock .byCar .imageBox img {
	display: block;
}
.aboutus .accessBlock .byCar .imageBox img:not(:last-of-type) {
	margin-bottom: 30px;
}


/**************************************************
　よくある質問
***************************************************/

.qa .eyeCatch .en,
.qa .qaBlock dt::before,
.qa .qaBlock dd::before {
	font-family: Arial, Helvetica, sans-serif;
}

/* eyeCatch */
.qa .eyeCatch {
	background: url( './../image/qa/eyecatch.jpg' ) no-repeat center;
	background-size: cover;
}

/* QA Block */
.qa .qaBlock::before {
	background: url('./../image/common/mimi-texture.png') no-repeat center;
	background-size: cover;
}
.qa .qaBlock::after {
	background: url('./../image/common/mimi-wh.png') no-repeat center;
	background-size: cover;
}
.qa .qaBlock dt {
	background: var(--base-bg-yellow);
	border-radius: 10px;
	cursor: pointer;
	font-weight: 700;
	margin-bottom: 25px;
	padding-left: 85px;
	position: relative;
}
.qa .qaBlock dt::before {
	background: var(--base-orange);
	border-radius: 40px;
	color: #fff;
	content: "Q";
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	position: absolute;
	text-align: center;
	width: 40px;
}
.qa .qaBlock dt::after {
	color: var(--base-orange);
	content: '＋';
	display: inline-block;
	font-size: 1.4em;
	position: absolute;
	right: 16px;
}
.qa .qaBlock dt.opening::after {
	content: '－';
}
.qa .qaBlock dd {
	display: none;
	padding-left: 60px;
	position: relative;
}
.qa .qaBlock dd::before {
	color: var(--base-orange);
	content: "A";
	font-size: 1.4em;
	display: inline-block;
	position: absolute;
	top: 0px;
}

/* category */
.qa .leadBlock .category li {
	border: 2px solid var(--base-gray-bg);
	border-radius: 50px;
	color: var(--base-gray);
	display: inline-block;
	height: 50px;
	line-height: 48px;
	transition: .25s;
}
.qa .leadBlock .category li a {
	box-sizing: border-box;
	color: var(--base-gray);
	display: block;
	padding: 0 40px;
	width: 100%;
}
.qa .leadBlock .category li:hover {
	border: 2px solid var(--base-orange);
}
.qa .leadBlock .category li:hover a {
	color: var(--base-orange);
}

/**************************************************
　プライバシーポリシー
***************************************************/

.policy .eachBlock .contents {
	margin: 0 auto;
}
.policy .eachBlock .contents p,
.policy dd {
	font-size: 1.1rem;
	line-height: 2.0rem;
}
.policy dt {
	color: var(--base-orange-deep);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.4rem;
}

/**************************************************
　404ページ
***************************************************/

.page-404 h2 {
	font-weight: 700;
}

/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	/* 共通 */
		/* leadBlock */
	.learning .leadBlock .head,
	.howto .leadBlock .head {
		margin-bottom: 25px;
	}
	.learning .leadBlock .head p,
	.howto .leadBlock .head p {
		left: 20px;
	}
	.learning .leadBlock .head p span,
	.howto .leadBlock .head p span {
		bottom: -35px;
	}
	.learning .leadBlock .body .textBox {
		margin-bottom: 50px;
	}
	.learning .leadBlock .body .imageBox {
		background-size: 320dvw calc( 80dvw * 0.83 );
		height: calc( 80dvw * 0.83 );
		width: 80dvw;
	}
	@keyframes eat {
		to {
			background-position: -320dvw 0;
		}
	}
		/* eachBox */
	.learning .typeBlock .eachBox,
	.howto .flowBlock .eachBox,
	.aboutus .rollBlock .contents,
	.aboutus .accessBlock .embedMap,
	.aboutus .accessBlock .byCar .imageBox img {
		border-top-left-radius: 60px;
		border-bottom-right-radius: 60px;
	}
	.learning .typeBlock .eachBox,
	.howto .flowBlock .eachBox,
	.aboutus .rollBlock .contents {
		padding: 40px 30px;
		width: 80dvw;
	}
	.learning .typeBlock .eachBox .textBox h4,
	.howto .flowBlock .eachBox .textBox strong,
	.aboutus .rollBlock .eachBox .textBox strong {
		margin-bottom: 30px;
	}
	.howto .flowBlock .eachBox .textBox strong,
	.aboutus .rollBlock .eachBox .textBox strong {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.howto .flowBlock .eachBox .no span,
	.aboutus .rollBlock .eachBox .no span {
		font-size: 3.0rem;
	}
	.howto .flowBlock .eachBox .no span::before,
	.aboutus .rollBlock .eachBox .no span::before {
		bottom: -30px;
		right: -6px;
	}
	.howto .flowBlock .eachBox .no span::after,
	.aboutus .rollBlock .eachBox .no span::after {
		bottom: -10px;
		right: 2px;
	}

	/* 【里親について】 */
		/* 里親の種類 */
	.learning .leadBlock .head p strong {
		margin: 5px 0 0 40px;
	}
	.learning .leadBlock .head p strong::after {
		left: 0;
	}
	.learning .typeBlock .eachBox:nth-of-type( 1 ) .textBox {
		margin-bottom: 40px;
	}
	.learning .typeBlock .eachBox:nth-of-type( 1 ) .textBox .upper,
	.learning .typeBlock .eachBox:nth-of-type( 4 ) .textBox .upper {
		padding-bottom: 40px;
	}
	.learning .typeBlock .eachBox:last-of-type .textBox .upper {
		padding-bottom: 40px;
	}
	.learning .typeBlock .eachBox .textBox h4 {
		font-size: 1.6rem;
	}
	.learning .typeBlock .eachBox .textBox .lower dl {
		margin: 45px 0 50px;
	}
	.learning .typeBlock .eachBox .textBox .lower dt {
		margin-bottom: 20px;
	}
	.learning .typeBlock .eachBox .textBox .lower dd:not(:last-of-type) {
		margin-bottom: 50px;
	}

	/* 【里親になるには】 */
		/* leadBlock */
	.howto .leadBlock .head p strong {
		margin: 5px 0 0 0;
	}
	.howto .leadBlock .head p strong::after {
		left: 5px;
	}
	.howto .leadBlock .body .upper img {
		max-width: 40dvw;
	}
	.howto .leadBlock .body .upper .positionCenter {
		font-size: 1.1rem;
		line-height: 2.0rem;
	}
	.howto .leadBlock .body .upper .flex .container {
		display: flex;
		flex-wrap: wrap;
		margin-top: 50px;
		width: 80dvw;
	}
	.howto .leadBlock .body .upper .flex .eachBox {
		width: 40dvw;
	}
	.howto .leadBlock .body .upper .flex .eachBox:nth-of-type( -n + 2 ) {
		margin-bottom: 50px;
	}
	.howto .leadBlock .body .upper .flex .eachBox p {
		font-size: 1.05rem;
		margin-top: 10px;
	}
		/* middle */
	.howto .leadBlock .body .middle .contents:nth-of-type( 1 ),
	.howto .leadBlock .body .middle ul {
		width: 80dvw;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		font-size: 1.1rem;
		line-height: 2.2rem;
		padding: 30px;
	}
	.howto .leadBlock .body .middle ul {
		margin: 70px auto 30px;
		padding: 0 20px;
	}
	.howto .leadBlock .body .middle li {
		font-size: 1.05rem;
		line-height: 1.8rem;
	}
		/* lower */
	.howto .leadBlock .body .lower {
		margin-top: 60px;
	}
	.howto .leadBlock .body .lower strong {
		text-align: center;
	}
	.howto .leadBlock .body .lower p {
		font-size: 1.05rem;
		line-height: 2.4rem;
	}
		/* 里親になるまで */
	.howto .flowBlock .eachBox {
		margin-bottom: 90px;
		padding: 60px 30px 40px;
	}
	.howto .flowBlock .eachBox::before {
		bottom: -74px;
		height: 50px;
		left: calc( 50% - 50px );
		transform: scale( 1.0, 0.55 );
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 ) {
		margin-bottom: 130px;
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 )::before {
		bottom: -105px;
		height: 60px;
		left: calc( 50% - 60px );
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 )::after {
		bottom: -65px;
		height: 25px;
		left: calc( 50% - 25px );
		width: 50px;
	}
	.howto .flowBlock .eachBox .textBox {
		margin-bottom: 40px;
	}
	.howto .flowBlock .eachBox .no {
		left: 15px;
		top: -35px;
	}
	.howto .flowBlock .eachBox .no::after {
		right: -50px;
	}
	.howto .flowBlock .finish p {
		line-height: 1.8rem;
		margin: 40px 0 30px;
	}
	.howto .flowBlock .finish .gray {
		font-size: .9rem;
		line-height: 1.6rem;
	}

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock {
		line-height: 2.2rem;
		padding: 60px 0 200px;
	}
	.aboutus .leadBlock .body .illust {
		bottom: -160px;
	}
	.aboutus .leadBlock .textBox p .text-03 {
		font-size: 1.4rem;
		line-height: 2.6rem;
		margin: 50px 0;
	}
		/* アニメーション */
	.aboutus .leadBlock .textBox p .text-03 strong {
		background: linear-gradient( transparent 60%, #F9E391 60% );
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 0 40px;
		margin: 0 10px 0 5px;
	}
	.aboutus .leadBlock .textBox p .text-03.show span strong {
		animation: onMarker 2.0s ease-out forwards;
	}
		/* みらいの役割 */
	.aboutus .rollBlock .contents {
		padding: 30px 30px 40px;
	}
	.aboutus .rollBlock .eachBox .textBox {
		margin-bottom: 20px;
	}
	.aboutus .rollBlock .eachBox .no::after {
		left: 80px;
	}
		/* 施設アクセス */
	.aboutus .accessBlock .byCar h4 {
		font-size: 1.4rem;
		margin-bottom: 40px;
	}
	.aboutus .accessBlock .mapBox p {
		line-height: 2.0rem;
		margin-top: 10px;
	}
	.aboutus .accessBlock .byCar .textBox {
		margin-bottom: 60px;
	}
	.aboutus .accessBlock .byCar .textBox dt {
		margin-bottom: 30px;
		padding: 10px 20px;
	}
	.aboutus .accessBlock .byCar .textBox dd {
		margin-bottom: 40px;
	}
	.aboutus .accessBlock .byCar .imageBox img {
		max-width: 80dvw;
	}

	/* 【よくある質問】 */
		/* leadBlock */
	.qa .leadBlock {
		padding: 60px 0 0;
	}
	.qa .leadBlock p {
		margin-bottom: 40px;
		line-height: 2.0rem;
	}
		/* category */
	.qa .leadBlock .category li {
		display: block;
		margin: 0 auto 15px;
		text-align: center;
		width: 240px;
	}
		/* QA Block */
	.qa .qaBlock h2 {
		margin-bottom: 40px;
	}
	.qa .qaBlock .eachBox {
		margin-bottom: 60px;
	}
	.qa .qaBlock .eachBox:last-of-type {
		margin-bottom: 0;
	}
	.qa .qaBlock dt {
		font-size: 1.1rem;
		line-height: 2.0rem;
		margin-bottom: 17px;
		padding: 20px 50px 21px 75px;
	}
	.qa .qaBlock dt::before {
		left: 20px;
		top: 30px;
	}
	.qa .qaBlock dt::after {
		right: 16px;
		top: 30px;
	}
	.qa .qaBlock dd {
		font-size: 1.1rem;
		line-height: 2.0rem;
		margin: 30px 0 40px;
	}
	.qa .qaBlock dd::before {
		left: 30px;
	}

	/* 【プライバシーポリシー】 */
	.policy .eachBlock {
		padding: 60px 0;
	}
	.policy .eachBlock .contents {
		width: 85vw;
	}
	.policy .eachBlock .contents p {
		margin-bottom: 60px;
	}
	.policy dd {
		margin: 20px 0 50px;
	}
	
	/* 【お問い合わせ】 */
	.contact .formBlock .contents {
		padding: 60px 0 0;
	}
		/* leadBlock */
	.contact .lead {
		line-height: 2.0rem;
		margin: 0 auto;
		width: 80dvw;
	}

	/*【404ページ】*/
	.page-404 .titleBox {
		margin: 20px auto 40px;
		width: 80dvw;
	}


}
@media (max-width: 320px) {

	/* 幅狭スマホ */

	/* 共通 */
		/* leadBlock */
	.learning .leadBlock,
	.howto .leadBlock {
		padding: 60px 0 80px;
	}
	.learning .leadBlock .head,
	.howto .leadBlock .head {
		height: 156px;
		width: 260px;
	}
	.learning .leadBlock .head p,
	.howto .leadBlock .head p {
		font-size: 1.1rem;
		top: 34px;
	}
	.learning .leadBlock .head p strong,
	.howto .leadBlock .head p strong b {
		font-size: 1.6rem;
	}
	.learning .leadBlock .head p strong::after,
	.howto .leadBlock .head p strong::after {
		bottom: -15px;
		height: 12px;
	}
	.learning .leadBlock .head p span,
	.howto .leadBlock .head p span {
		font-size: 3.2rem;
	}
		/* eachBox */
	.learning .typeBlock .eachBox .textBox .upper p,
	.howto .flowBlock .eachBox .textBox p,
	.aboutus .rollBlock .eachBox .textBox p {
		font-size: 1.0rem;
	    line-height: 1.8rem;
	}
	.learning .typeBlock .eachBox .imageBox,
	.howto .flowBlock .eachBox .imageBox,
	.aboutus .rollBlock .eachBox .imageBox {
		width: 200px;
	}
	.learning .typeBlock .eachBox .imageBox img,
	.howto .flowBlock .eachBox .imageBox img,
	.aboutus .rollBlock .eachBox .imageBox img {
		width: 200px;
	}

	/* 【里親について】 */
		/* 里親の種類 */
	.learning .leadBlock .head p strong::after {
		width: 130px;
	}
	.learning .leadBlock .head p span {
		right: -50px;
	}
	.learning .leadBlock .body .textBox {
		font-size: 1.0rem;
	    line-height: 2.0rem;
	}
	.learning .typeBlock .eachBox {
		margin-bottom: 50px;
	}
	.learning .typeBlock .eachBox .textBox .upper {
		padding-bottom: 40px;
	}
	.learning .typeBlock .eachBox:last-of-type .textBox h4 span {
		bottom: -35px;
		font-size: 3.6rem;
		right: -45px;
	}

	/* 【里親になるには】 */
		/* leadBlock */
	.howto .leadBlock .head p strong::after {
		left: 15px;
		width: 171px;
	}
	.howto .leadBlock .head p span {
		right: -40px;
	}
		/* middle */
	.howto .leadBlock .body .middle {
		margin: 70px auto 0;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		margin-top: 50px;
	}
		/* lower */
	.howto .leadBlock .body .lower strong {
		font-size: 1.3rem;
		line-height: 2.4rem;
		margin-bottom: 40px;
	}
		/* 里親になるまで */
	.howto .flowBlock .finish strong {
		font-size: 1.3rem;
		padding-left: 44px;
	}
	.howto .flowBlock .finish strong::before {
		bottom: -5px;
		height: 38px;
		left: -5px;
		width: 35px;
	}

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock .body .illust-01a {
		bottom: -98px;
		height: 60px;
		left: -20px;
		width: 40px;
	}
	.aboutus .leadBlock .body .illust-01b {
		height: 72px;
		left: -15px;
		width: 34px;
	}
	@keyframes moveTo-01 {
		0% {
			left: -15px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 15px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		background-size: 172px 46px;
		height: 46px;
		left: -50px;
		width: 86px;
	}
	@keyframes run-01 {
		to {
			background-position: -172px 0;
		}
	}
	@keyframes moveTo-02 {
		0% {
			left: -50px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 55px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		bottom: -100px;
		height: 52px;
		right: -20px;
		width: 42px;
	}
	.aboutus .leadBlock .body .illust-02b {
		background-size: 130px 70px;
		height: 70px;
		right: -60px;
		width: 65px;
	}
	@keyframes walk-01 {
		to {
			background-position: -130px 0;
		}
	}
	@keyframes moveTo-03 {
		0% {
			right: -60px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: 20px;
			opacity: 1;
		}
	}
		/* みらいの役割 */
	.aboutus .rollBlock .eachBox {
		margin-bottom: 30px;
	}
		/* 施設アクセス */
	.aboutus .accessBlock .mapBox {
		margin-bottom: 60px;
	}
	.aboutus .accessBlock .embedMap,
	.aboutus .accessBlock .embedMap iframe {
		height: 180px;
	}

	/*【404ページ】*/
	.page-404 h2 {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}

}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */

	/* 共通 */
		/* leadBlock */
	.learning .leadBlock,
	.howto .leadBlock {
		padding: 60px 0 100px;
	}
	.learning .leadBlock .head,
	.howto .leadBlock .head {
		height: 180px;
		width: 300px;
	}
	.learning .leadBlock .head p,
	.howto .leadBlock .head p {
		font-size: 1.2rem;
		top: 35px;
	}
	.learning .leadBlock .head p strong,
	.howto .leadBlock .head p strong b {
		font-size: 2.0rem;
	}
	.learning .leadBlock .head p strong::after,
	.howto .leadBlock .head p strong::after {
		bottom: -20px;
		height: 15px;
	}
	.learning .leadBlock .head p span,
	.howto .leadBlock .head p span {
		font-size: 3.6rem;
	}
		/* eachBox */
	.learning .typeBlock .eachBox .textBox .upper p,
	.howto .flowBlock .eachBox .textBox p,
	.aboutus .rollBlock .eachBox .textBox p {
		font-size: 1.1rem;
	    line-height: 2.2rem;
	}
	.learning .typeBlock .eachBox .imageBox,
	.howto .flowBlock .eachBox .imageBox,
	.aboutus .rollBlock .eachBox .imageBox {
		width: 240px;
	}
	.learning .typeBlock .eachBox .imageBox img,
	.howto .flowBlock .eachBox .imageBox img,
	.aboutus .rollBlock .eachBox .imageBox img {
		width: 240px;
	}

	/* 【里親について】 */
		/* leadBlock */
	.learning .leadBlock .head p strong::after {
		width: 160px;
	}
	.learning .leadBlock .head p span {
		right: -55px;
	}
	.learning .leadBlock .body .textBox {
		font-size: 1.1rem;
	    line-height: 2.4rem;
	}
		/* 里親の種類 */
	.learning .typeBlock .eachBox {
		margin-bottom: 60px;
	}
	.learning .typeBlock .eachBox:last-of-type .textBox h4 span {
		bottom: -28px;
		font-size: 3.2rem;
		right: -40px;
	}

	/* 【里親になるには】 */
		/* leadBlock */
	.howto .leadBlock .head p strong::after {
		width: 220px;
	}
	.howto .leadBlock .head p span {
		right: -45px;
	}
		/* middle */
	.howto .leadBlock .body .middle {
		margin: 80px auto 0;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		margin-top: 60px;
	}
		/* lower */
	.howto .leadBlock .body .lower strong {
		font-size: 1.4rem;
		line-height: 2.6rem;
		margin-bottom: 40px;
	}
		/* 里親になるまで */
	.howto .flowBlock .finish strong {
		font-size: 1.5rem;
		padding-left: 63px;
	}
	.howto .flowBlock .finish strong::before {
		bottom: -5px;
		height: 44px;
		left: -2px;
		width: 40px;
	}

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock .body .illust-01a {
		bottom: -95px;
		height: 64px;
		left: -20px;
		width: 43px;
	}
	.aboutus .leadBlock .body .illust-01b {
		height: 80px;
		left: -10px;
		width: 38px;
	}
	@keyframes moveTo-01 {
		0% {
			left: -10px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 20px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		background-size: 186px 50px;
		height: 50px;
		left: -60px;
		width: 93px;
	}
	@keyframes run-01 {
		to {
			background-position: -186px 0;
		}
	}
	@keyframes moveTo-02 {
		0% {
			left: -60px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 60px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		bottom: -90px;
		height: 60px;
		right: -20px;
		width: 48px;
	}
	.aboutus .leadBlock .body .illust-02b {

		background-size: 148px 80px;
		height: 80px;
		right: -80px;
		width: 74px;
	}
	@keyframes walk-01 {
		to {
			background-position: -148px 0;
		}
	}
	@keyframes moveTo-03 {
		0% {
			right: -80px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: 20px;
			opacity: 1;
		}
	}
		/* みらいの役割 */
	.aboutus .rollBlock .eachBox {
		margin-bottom: 40px;
	}
		/* 施設アクセス */
	.aboutus .accessBlock .mapBox {
		margin-bottom: 80px;
	}
	.aboutus .accessBlock .embedMap,
	.aboutus .accessBlock .embedMap iframe {
		height: 220px;
	}

	/*【404ページ】*/
	.page-404 h2 {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}

}
@media (min-width: 401px) and (max-width: 767px) {

	/* 幅広-Exスマホ */

	/* 【里親について】 */
		/* 里親の種類 */
	.learning .typeBlock .eachBox:last-of-type .textBox h4 span {
		right: -43px;
	}

	/* 【里親になるには】 */
		/* 里親になるまで */
	.howto .flowBlock .finish strong {
		padding-left: 65px;
	}
	.howto .flowBlock .finish strong::before {
		left: 5px;
	}
}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	/* 共通 */
		/* leadBlock */
	.learning .line,
	.howto .line {
		height: 22dvw;
		width: 100dvw;
	}
	.howto .leadBlock .head p strong::before {
		left: -70px;
	}
	.howto .leadBlock .head p span {
		right: -55px;
	}
	.learning .leadBlock .head p,
	.howto .leadBlock .head p {
		left: 40px;
	}
	.learning .leadBlock .body {
		display: flex;
	}	
		/* eachBox */
	.learning .typeBlock .eachBox .textBox,
	.howto .flowBlock .eachBox .textBox,
	.aboutus .rollBlock .eachBox:nth-of-type( odd ) .textBox,
	.aboutus .rollBlock .eachBox:nth-of-type( even ) .textBox,
	.aboutus .accessBlock .byCar .textBox {
		float: left;
	}
	.learning .typeBlock .eachBox .imageBox,
	.howto .flowBlock .eachBox .imageBox,
	.aboutus .rollBlock .eachBox:nth-of-type( odd ) .imageBox,
	.aboutus .rollBlock .eachBox:nth-of-type( even ) .textBox,
	.aboutus .accessBlock .byCar .imageBox {
		float: right;
	}
	.howto .flowBlock .eachBox .no span::before,
	.aboutus .rollBlock .eachBox .no span::before {
		bottom: -10px;
		right: -16px;
	}
	.howto .flowBlock .eachBox .no span::after,
	.aboutus .rollBlock .eachBox .no span::after {
		bottom: -10px;
		right: 12px;
	}

	/* 【里親について】 */
		/* 里親の種類 */
	.learning .typeBlock .eachBox:last-of-type .textBox,
	.learning .typeBlock .eachBox:last-of-type .imageBox {
		float: initial;
	}
	.learning .typeBlock .eachBox .textBox .lower dl {
		margin: 60px 0;
	}
	.learning .typeBlock .eachBox .textBox .lower dt {
		margin-bottom: 30px;
	}
	.learning .typeBlock .eachBox .textBox .lower dd:not(:last-of-type) {
		margin-bottom: 80px;
	}
	.learning .typeBlock .eachBox:last-of-type .textBox {
		width: 100% !important;
	}
	.learning .typeBlock .eachBox:last-of-type .textBox h4 span {
		bottom: -45px;
		font-size: 4.4rem;
		right: -62px;
	}
	.learning .typeBlock .eachBox:last-of-type .imageBox {
		width: 100%;
	}
	.learning .typeBlock .eachBox:last-of-type .imageBox img {
		display: block;
		margin: 0 auto;
	}

	/* 【里親になるには】 */
		/* leadBlock */
	.howto .leadBlock .body .upper .flex .eachBox:first-of-type {
		margin-left: 0 !important;
	}
		/* middle */
	.howto .leadBlock .body .middle ul {
		margin: 70px auto 30px;
		padding: 0 60px;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		padding: 30px 40px;
	}
		/* lower */
	.howto .leadBlock .body .lower {
		text-align: center;
	}
	.howto .leadBlock .body .lower strong {
		font-size: 1.2rem;
		margin-bottom: 60px;
	}
	.howto .leadBlock .body .lower strong span {
		font-size: 1.8rem;
	}
		/* 里親になるまで */
	.howto .flowBlock .eachBox .no {
		left: 20px;
	}
	.howto .flowBlock .eachBox .no::after {
		right: -45px;
	}
	.howto .flowBlock .finish {
		text-align: center;
	}
	.howto .flowBlock .finish strong {
		padding-left: 40px;
	}
	.howto .flowBlock .finish strong::before {
		bottom: -10px;
		height: 60px;
		left: -45px;
		width: 55px;
	}

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock {
		line-height: 2.2rem;
		text-align: center;
	}
	.aboutus .leadBlock .textBox p .text-01,
	.aboutus .leadBlock .textBox p .text-02 {
		display: block;
	}
	.aboutus .leadBlock .textBox p .text-02 {
		font-size: 1.6rem;
		font-weight: 700;
		margin-top: 15px;
	}
	.aboutus .leadBlock .textBox p .text-03 {
		font-size: 1.6rem;
	}
	.aboutus .leadBlock .textBox p .text-03 span strong {
		font-size: 2.2rem;
	}
		/* みらいの役割 */
	.aboutus .rollBlock .eachBox .no::after {
		left: 90px;
	}
		/* 施設アクセス */
	.aboutus .accessBlock h4 {
		font-size: 1.6rem;
	}
	.aboutus .accessBlock .byCar .textBox dt {
		height: 45px;
		line-height: 43px;
		margin-bottom: 30px;
		padding-left: 20px;
		width: 280px;
	}

	/* 【よくある質問】 */
	.qa .leadBlock .category {
		text-align: center;
	}
	.qa .qaBlock dt::before {
		left: 38px;
		top: 20px;
	}
	.qa .qaBlock dt::after {
		right: 35px;
		top: 0;
	}
	.qa .qaBlock dd {
		margin: 40px 40px 80px;
	}
	.qa .qaBlock dd::before {
		left: 10px;
	}
	
	/* 【お知らせ】 */

	/* 【プライバシーポリシー】 */
	.policy .eachBlock .contents p {
		margin-bottom: 80px;
	}
	.policy dd {
		margin: 20px 0 60px;
	}

	/*【お問い合わせ】*/
	.contact .lead {
		text-align: center;
	}

	/*【404ページ】*/
	.page-404 h2 {
		font-size: 1.6rem;
		margin: 60px 0 100px;
	}
	

}


/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1101px) and (min-width: 768px) {

	/* 共通 */
		/* leadBlock */
	.learning .leadBlock,
	.howto .leadBlock {
		padding: 80px 0 120px;
	}
	.learning .line,
	.howto .line {
		top: 60px;
	}
	.learning .leadBlock .head,
	.howto .leadBlock .head {
		height: 240px;
		margin-bottom: 60px;
		width: 400px;
	}
	.learning .leadBlock .head p,
	.howto .leadBlock .head p {
		font-size: 1.4rem;
		top: 55px;
	}
	.learning .leadBlock .head p strong,
	.howto .leadBlock .head p strong b {
		font-size: 2.2rem;
	}
	.howto .leadBlock .head p strong {
		margin: 12px 0 0 20px;
	}
	.learning .leadBlock .head p strong::before,
	.howto .leadBlock .head p strong::before {
		bottom: -25px;
		height: 75px;
		width: 75px;
	}
	.learning .leadBlock .head p strong::after,
	.howto .leadBlock .head p strong::after {
		bottom: -22px;
		height: 17px;
	}
	.howto .leadBlock .head p strong::after {
		left: 10px;
		width: 244px;
	}
	.learning .leadBlock .head p span,
	.howto .leadBlock .head p span {
		bottom: -45px;
		font-size: 4.4rem;
	}
	.learning .leadBlock .body,
	.howto .leadBlock .body {
		width: 700px;
	}
		/* eachBox */
	.learning .typeBlock .eachBox,
	.howto .flowBlock .eachBox,
	.aboutus .rollBlock .contents,
	.aboutus .accessBlock .embedMap,
	.aboutus .accessBlock .byCar .imageBox img {
		border-top-left-radius: 60px;
		border-bottom-right-radius: 60px;
	}
	.learning .typeBlock .eachBox,
	.howto .flowBlock .eachBox,
	.aboutus .rollBlock .contents {
		margin-bottom: 60px;
		width: 700px;
	}
	.learning .typeBlock .eachBox .textBox,
	.howto .flowBlock .eachBox .textBox,
	.aboutus .rollBlock .eachBox .textBox {
		width: 320px;
	}
	.learning .typeBlock .eachBox .textBox h4,
	.howto .flowBlock .eachBox .textBox strong,
	.aboutus .rollBlock .eachBox .textBox strong {
		margin-bottom: 40px;
	}
	.learning .typeBlock .eachBox .textBox .upper p,
	.howto .flowBlock .eachBox .textBox p,
	.aboutus .rollBlock .eachBox .textBox p {
		font-size: 1.1rem;
	    line-height: 2.2rem;
	}
	.learning .typeBlock .eachBox .imageBox,
	.howto .flowBlock .eachBox .imageBox,
	.aboutus .rollBlock .eachBox .imageBox {
		width: 240px;
	}
	.learning .typeBlock .eachBox .imageBox img,
	.howto .flowBlock .eachBox .imageBox img,
	.aboutus .rollBlock .eachBox .imageBox img {
		max-width: 240px;
	}
	.howto .flowBlock .eachBox .textBox strong,
	.aboutus .rollBlock .eachBox .textBox strong {
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	.howto .flowBlock .eachBox .no span,
	.aboutus .rollBlock .eachBox .no span {
		font-size: 3.8rem;
	}

	/* 【里親について】 */
		/* leadBlock */
	.learning .leadBlock .head p strong {
		margin: 12px 0 0 60px;
	}
	.learning .leadBlock .head p strong::before {
		left: -95px;
	}
	.learning .leadBlock .head p strong::after {
		left: -5px;
		width: 190px;
	}
	.learning .leadBlock .body .textBox {
		font-size: 1.2rem;
		line-height: 2.6rem;
		width: 360px;
	}
	.learning .leadBlock .body .imageBox {
		background-size: 1200px 250px;
		height: 250px;
		margin: 140px 0 0 40px;
		width: 300px;
	}
	@keyframes eat {
		to {
			background-position: -1200px 0;
		}
	}
		/* 里親の種類 */
	.learning .typeBlock {
		padding: 100px 0;
	}
	.learning .typeBlock .eachBox {
		padding: 60px 50px 40px;
	}
	.learning .typeBlock .eachBox:nth-of-type( 1 ),
	.learning .typeBlock .eachBox:last-of-type {
		padding: 60px 50px;
	}
	.learning .typeBlock .eachBox:nth-of-type( 1 ) .imageBox {
		margin-top: 140px;
	}
	.learning .typeBlock .eachBox:nth-of-type( 4 ) .imageBox {
		margin-top: 160px;
	}
	.learning .typeBlock .eachBox .textBox .upper {
		padding-bottom: 40px;
	}
	.learning .typeBlock .eachBox .textBox h4 {
		font-size: 1.8rem;
	}
	.learning .typeBlock .eachBox .imageBox {
		margin-top: 120px;
	}
	.learning .typeBlock .eachBox:last-of-type .imageBox {
		margin-top: 20px !important;
	}
	.learning .typeBlock .eachBox:last-of-type .imageBox img {
		max-width: 480px;
	}

	/* 【里親になるには】 */
		/* leadBlock */
	.howto .leadBlock .body .upper .flex {
		margin: 80px auto 100px;
	}
	.howto .leadBlock .body .upper .flex .eachBox {
		margin-left: 20px;
		width: 160px;
	}
	.howto .leadBlock .body .upper .flex .eachBox img {
		max-width: 160px;
	}
	.howto .leadBlock .body .upper .flex .eachBox p {
		font-size: 1.1rem;
		margin-top: 30px;
	}
		/* middle */
	.howto .leadBlock .body .middle {
		margin: 100px auto 90px;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 1 ),
	.howto .leadBlock .body .middle ul {
		width: 620px;
	}
	.howto .leadBlock .body .middle li {
		font-size: 1.1rem;
	}
	.howto .leadBlock .body .middle li::before {
		top: 7px;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		margin-top: 60px;
	}
	.howto .leadBlock .body .upper .positionCenter {
		font-size: 1.2rem;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		font-size: 1.1rem;
		line-height: 2.2rem;
	}
		/* lower */
	.howto .leadBlock .body .lower p {
		font-size: 1.1rem;
		line-height: 2.6rem;
	}
		/* 里親になるまで */
	.howto .flowBlock .eachBox {
		padding: 80px 50px 40px;
	}
	.howto .flowBlock .eachBox::before {
		bottom: -58px;
		height: 50px;
		left: calc( 50% - 50px );
		transform: scale( 1.0, 0.55 );
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 ) {
		margin-bottom: 160px;
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 )::before {
		bottom: -130px;
		height: 70px;
		left: calc( 50% - 70px );
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 )::after {
		bottom: -80px;
		height: 30px;
		left: calc( 50% - 30px );
		width: 60px;
	}
	.howto .flowBlock .eachBox .no {
		top: -40px;
	}
	.howto .flowBlock .finish strong {
		font-size: 1.8rem;
	}
	.howto .flowBlock .finish p {
		margin: 40px 0;
	}

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock {
		padding: 100px 0 260px;
	}
	.aboutus .leadBlock .body .illust {
		bottom: -220px;
	}
	.aboutus .leadBlock .body .illust-01a {
		bottom: -110px;
		height: 108px;
		left: -40px;
		width: 72px;
	}
	.aboutus .leadBlock .body .illust-01b {
		height: 135px;
		left: -25px;
		width: 64px;
	}
	@keyframes moveTo-01 {
		0% {
			left: -25px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 25px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		background-size: 298px 80px;
		height: 80px;
		left: -80px;
		width: 149px;
	}
	@keyframes run-01 {
		to {
			background-position: -298px 0;
		}
	}
	@keyframes moveTo-02 {
		0% {
			left: -80px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 100px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		bottom: -120px;
		height: 110px;
		right: -40px;
		width: 88px;
	}
	.aboutus .leadBlock .body .illust-02b {
		background-size: 232px 126px;
		height: 126px;
		right: -160px;
		width: 116px;
	}
	@keyframes walk-01 {
		to {
			background-position: -232px 0;
		}
	}
	@keyframes moveTo-03 {
		0% {
			right: -160px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: 30px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .textBox p .text-03 {
		margin: 60px 0 65px;
	}
	.aboutus .leadBlock .textBox p .text-03 span {
		line-height: 3.2rem;
	}
		/* アニメーション */
	.aboutus .leadBlock .textBox p .text-03 strong {
		background: linear-gradient( transparent 60%, #F9E391 60% );
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 0 40px;
		margin: 0 10px 0 5px;
	}
	.aboutus .leadBlock .textBox p .text-03.show span strong {
		animation: onMarker 2.0s ease-out forwards;
	}

		/* みらいの役割 */
	.aboutus .rollBlock .contents {
		padding: 80px 60px;
	}
	.aboutus .rollBlock .eachBox {
		margin-bottom: 60px;
		padding-bottom: 60px;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( 1 ) strong br {
		display: none;
	}
	.aboutus .rollBlock .eachBox .textBox {
		padding-left: 40px;
	}
	.aboutus .rollBlock .eachBox .no {
		margin-left: -40px;
	}
		/* 施設アクセス */
	.aboutus .accessBlock .mapBox {
		margin-bottom: 100px;
	}
	.aboutus .accessBlock .embedMap,
	.aboutus .accessBlock .embedMap iframe {
		height: 320px;
	}
	.aboutus .accessBlock .byCar h4 {
		margin-bottom: 80px;
	}
	.aboutus .accessBlock .byCar .textBox {
		width: 360px;
	}
	.aboutus .accessBlock .byCar .textBox dd {
		margin-bottom: 70px;
	}
	.aboutus .accessBlock .byCar .imageBox {
		width: 300px;
	}
	.aboutus .accessBlock .byCar .imageBox img {
		max-width: 300px;
	}

	/* 【よくある質問】 */
		/* leadBlock */
	.qa .leadBlock {
		padding: 100px 0 0;
	}
	.qa .leadBlock p {
		font-size: 1.1rem;
		margin-bottom: 50px;
		line-height: 2.6rem;
	}
		/* category */
	.qa .leadBlock .category li {
		margin-right: 10px;
	}
		/* QA Block */
	.qa .qaBlock h2 {
		margin-bottom: 60px;
	}
	.qa .qaBlock .eachBox {
		margin-bottom: 80px;
	}
	.qa .qaBlock .eachBox:last-of-type {
		margin-bottom: 0;
	}
	.qa .qaBlock dt {
		font-size: 1.1rem;
		line-height: 2.0rem;
		margin-bottom: 17px;
		padding: 20px 50px 21px 75px;
	}
	.qa .qaBlock dt::before {
		left: 20px;
		top: 18px;
	}
	.qa .qaBlock dt::after {
		right: 16px;
		top: 18px;
	}
	.qa .qaBlock dd {
		font-size: 1.1rem;
		line-height: 2.2rem;
	}

	/* 【プライバシーポリシー】 */
	.policy .eachBlock {
		padding: 80px 0;
	}

	/* 【お問い合わせ】 */
	.contact .formBlock .contents {
		padding: 80px 0 0;
	}
		/* leadBlock */
	.contact .lead {
		font-size: 1.1rem;
		line-height: 2.6rem;
	}

}


/* ■■ PC ■■ */
@media screen and (min-width: 1101px) {

	/* 共通 */
		/* leadBlock */
	.learning .line,
	.howto .line {
		top: 100px;
	}
	.learning .fly,
	.howto .fly {
		background: url( './../image/common/blue-bird-fly.png' ) no-repeat top left;
		background-size: 200px 100px;
		bottom: -80px;
		height: 100px;
		left: -100px;
		opacity: 1;
		position: absolute;
		width: 100px;
		z-index: 4;
	}
	.learning .leadBlock.show .fly,
	.howto .leadBlock.show .fly {
		animation: fly 2.5s steps( 2 ) infinite, moveTo 4.0s ease-in-out;
	}
	@keyframes fly {
		to {
			background-position: -200px 0;
		}
	}
	@keyframes moveTo {
		0% {
			left: -100px;
			top: 140px;
		}
		30% {
			top: 180px;
		}
		60% {
			top: 140px;
		}
		80% {
			opacity: 1;
		}
		100% {
			left: 100px;
			opacity: 0;
			top: 190px;
		}
	}
	.learning .leadBlock .head,
	.howto .leadBlock .head {
		height: 276px;
		margin-bottom: 80px;
		width: 460px;
	}
	.learning .leadBlock .head p,
	.howto .leadBlock .head p {
		font-size: 1.8rem;
		top: 60px;
	}
	.learning .leadBlock .head p strong,
	.howto .leadBlock .head p strong b {
		font-size: 2.6rem;
	}
	.learning .leadBlock .head p strong::before,
	.howto .leadBlock .head p strong::before {
		bottom: -20px;
		height: 80px;
		opacity: 0;
		width: 80px;
	}
	.learning .leadBlock.show .head p strong::before,
	.howto .leadBlock.show .head p strong::before {
		animation: fadeInAnime .8s 4.0s ease-in forwards;
	}
	.learning .leadBlock .head p strong::after,
	.howto .leadBlock .head p strong::after {
		bottom: -25px;
		height: 20px;
		left: -5px;
	}
	.learning .leadBlock .head p span,
	.howto .leadBlock .head p span {
		bottom: -45px;
		font-size: 4.4rem;
	}
		/* eachBox */
	.learning .typeBlock .contents,
	.learning .typeBlock .eachBox,
	.howto .flowBlock .contents,
	.howto .flowBlock .eachBox,
	.aboutus .rollBlock .contents {
		width: 1020px;
	}
	.learning .typeBlock .eachBox,
	.howto .flowBlock .eachBox,
	.aboutus .rollBlock .contents,
	.aboutus .accessBlock .embedMap,
	.aboutus .accessBlock .byCar .imageBox img {
		border-top-left-radius: 80px;
		border-bottom-right-radius: 80px;
	}
	.learning .typeBlock .eachBox,
	.howto .flowBlock .eachBox,
	.aboutus .rollBlock .contents {
		margin-bottom: 80px;
		padding: 80px;
	}
	.learning .typeBlock .eachBox .textBox h4,
	.howto .flowBlock .eachBox .textBox strong,
	.aboutus .rollBlock .eachBox .textBox strong {
		margin-bottom: 40px;
	}
	.howto .flowBlock .eachBox .textBox strong,
	.aboutus .rollBlock .eachBox .textBox strong {
		font-size: 1.8rem;
		line-height: 3.0rem;
	}
	.howto .flowBlock .eachBox .no span,
	.aboutus .rollBlock .eachBox .no span {
		font-size: 4.2rem;
	}
	.howto .flowBlock .eachBox .textBox,
	.aboutus .rollBlock .eachBox .textBox {
		width: 500px;
	}
	.howto .flowBlock .eachBox .textBox p,
	.aboutus .rollBlock .eachBox .textBox p {
		font-size: 1.1rem;
	    line-height: 2.2rem;
	}
	.howto .flowBlock .eachBox .imageBox img,
	.aboutus .rollBlock .eachBox .imageBox img {
		max-width: 310px;
	}

	/* 【里親について】 */
		/* leadBlock */
	.learning .leadBlock {
		padding: 120px 0 100px;
	}
	.learning .leadBlock .head p strong {
		margin: 15px 0 0 70px;
	}
	.learning .leadBlock .head p strong::before {
		left: -105px;
	}
	.learning .leadBlock .head p strong::after {
		width: 220px;
	}
	.learning .leadBlock .body {
		width: 1040px;
	}
	.learning .leadBlock .body .textBox {
		font-size: 1.3rem;
		line-height: 3.0rem;
		margin-left: 20px;
		width: 580px;
	}
	.learning .leadBlock .body .imageBox {
		background-size: 1520px 317px;
		height: 317px;
		margin: 160px 0 0 60px;
		width: 380px;
	}
	@keyframes eat {
		to {
			background-position: -1520px 0;
		}
	}
		/* 里親の種類 */
	.learning .typeBlock {
		padding: 140px 0;
	}
	.learning .typeBlock .eachBox:last-of-type {
		margin: 120px auto 0;
	}
	.learning .typeBlock .eachBox .textBox .upper {
		padding-bottom: 50px;
	}
	.learning .typeBlock .eachBox .textBox .upper p {
		font-size: 1.2rem;
	    line-height: 2.4rem;
	}
	.learning .typeBlock .eachBox .textBox .label {
		margin: 0 10px 25px 0;
	}
	.learning .typeBlock .eachBox .textBox h4 {
		font-size: 2.0rem;
	}
	.learning .typeBlock .eachBox .textBox .lower dd {
		padding: 0 10px;
	}
	.learning .typeBlock .eachBox:nth-of-type( 1 ) .imageBox {
		margin-top: 120px;
	}
	.learning .typeBlock .eachBox:nth-of-type( 2 ) .imageBox,
	.learning .typeBlock .eachBox:nth-of-type( 3 ) .imageBox {
		margin-right: 10px;
	}
	.learning .typeBlock .eachBox:nth-of-type( 4 ) .imageBox {
		margin-right: 5px;
	}
	.learning .typeBlock .eachBox .textBox {
		width: 450px;
	}
	.learning .typeBlock .eachBox .imageBox {
		margin-top: 80px;
		width: 360px;
	}
	.learning .typeBlock .eachBox .imageBox img {
		max-width: 360px;
	}
	.learning .typeBlock .eachBox:last-of-type .imageBox {
		margin-top: 40px !important;
	}
	.learning .typeBlock .eachBox:last-of-type .imageBox img {
		max-width: 540px;
	}

	/* 【里親になるには】 */
		/* leadBlock */
	.howto .leadBlock {
		padding: 120px 0 160px;
	}
	.howto .leadBlock .head p strong {
		margin: 15px 0 0 15px;
	}
	.howto .leadBlock .head p strong::after {
		left: 13px;
		width: 293px;
	}
	.howto .leadBlock .body .upper .positionCenter {
		font-size: 1.3rem;
	}
	.howto .leadBlock .body .upper .flex {
		margin: 100px auto;
	}
	.howto .leadBlock .body .upper .flex .eachBox {
		width: 250px;
	}
	.howto .leadBlock .body .upper .flex .eachBox img {
		max-width: 250px;
	}
		/* middle */
	.howto .leadBlock .body .middle {
		margin: 120px auto;
	}
	.howto .leadBlock .body .upper .flex .eachBox p {
		font-size: 1.2rem;
		margin-top: 40px;
	}
	.howto .leadBlock .body .upper .flex .eachBox p br {
		display: none;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 1 ),
	.howto .leadBlock .body .middle ul {
		width: 660px;
	}
	.howto .leadBlock .body .middle li {
		font-size: 1.2rem;
		padding-left: 37px;
	}
	.howto .leadBlock .body .middle li::before {
		height: 7px;
		width: 14px;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		margin-top: 100px;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		font-size: 1.2rem;
		line-height: 2.4rem;
	}
		/* lower */
	.howto .leadBlock .body .lower p {
		font-size: 1.2rem;
		line-height: 3.0rem;
	}
		/* 里親になるまで */
	.howto .flowBlock .eachBox {
		padding: 90px 80px;
	}
	.howto .flowBlock .eachBox:nth-of-type( n + 4 ) {
		padding-bottom: 70px;
	}
	.howto .flowBlock .eachBox .imageBox {
		margin-top: 20px;
	}
	.howto .flowBlock .eachBox::before {
		bottom: -70px;
		height: 56px;
		left: calc( 50% - 56px );
		transform: scale( 1.0, 0.6 );
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 ) {
		margin-bottom: 200px;
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 )::before {
		bottom: -150px;
		height: 80px;
		left: calc( 50% - 80px );
	}
	.howto .flowBlock .eachBox:nth-of-type( 6 )::after {
		bottom: -100px;
		height: 40px;
		left: calc( 50% - 30px );
		width: 60px;
	}
	.howto .flowBlock .eachBox .no {
		left: 40px;
		top: -50px;
	}
	.howto .flowBlock .finish strong {
		font-size: 2.0rem;
	}
	.howto .flowBlock .finish p {
		margin: 50px 0;
	}

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock {
		padding: 120px 0 260px;
	}
	.aboutus .leadBlock .body .illust {
		bottom: -200px;
	}
	.aboutus .leadBlock .body .illust-01a {
		bottom: -40px;
		height: 158px;
		left: -30px;
		width: 106px;
	}
	.aboutus .leadBlock .body .illust-01b {
		height: 194px;
		left: 5px;
		width: 92px;
	}
	@keyframes moveTo-01 {
		0% {
			left: 5px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 65px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		background-size: 460px 124px;
		height: 124px;
		left: -160px;
		width: 230px;
	}
	@keyframes run-01 {
		to {
			background-position: -460px 0;
		}
	}
	@keyframes moveTo-02 {
		0% {
			left: -160px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 170px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		bottom: -30px;
		height: 160px;
		right: -20px;
		width: 128px;
	}
	.aboutus .leadBlock .body .illust-02b {
		background-size: 370px 200px;
		height: 200px;
		right: -200px;
		width: 185px;
	}
	@keyframes walk-01 {
		to {
			background-position: -370px 0;
		}
	}
	@keyframes moveTo-03 {
		0% {
			right: -200px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: 90px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .textBox p {
		font-size: 1.2rem;
		line-height: 3rem;
	}
	.aboutus .leadBlock .textBox p .text-03 {
		margin: 75px 0 80px;
	}
	.aboutus .leadBlock .textBox p .text-03 span strong {
		display: inline-block;
	}
		/* アニメーション */
	.aboutus .leadBlock .textBox p .text-03 span {
		background: linear-gradient( transparent 60%, #F9E391 60% );
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 0 40px;
		margin: 0 10px 0 5px;
		padding: 0 10px;
	}
	.aboutus .leadBlock .textBox p .text-03.show span {
		animation: onMarker 2.0s ease-out forwards;
	}
	
		/* みらいの役割 */
	.aboutus .rollBlock .eachBox {
		margin-bottom: 60px;
		padding-top: 20px;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( 1 ) {
		padding-bottom: 70px;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( 2 ),
	.aboutus .rollBlock .eachBox:nth-of-type( 5 ) {
		padding-bottom: 50px;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( 3 ),
	.aboutus .rollBlock .eachBox:nth-of-type( 4 ) {
		padding-bottom: 80px;
	}
	.aboutus .rollBlock .eachBox .textBox {
		padding-left: 80px;
	}
	.aboutus .rollBlock .eachBox .no {
		margin-bottom: 30px;
	}
	.aboutus .rollBlock .eachBox .imageBox {
		margin-top: 40px;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( 5 ) strong span {
		display: block;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( odd ) .imageBox {
		padding-right: 40px;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( even ) .imageBox {
		padding-left: 40px;
	}
		/* 施設アクセス */
	.aboutus .accessBlock {
		padding-bottom: 80px;
	}
	.aboutus .accessBlock .mapBox {
		margin-bottom: 120px;
	}
	.aboutus .accessBlock .embedMap,
	.aboutus .accessBlock .embedMap iframe {
		height: 420px;
	}
	.aboutus .accessBlock .byCar {
		margin: 0 auto;
		width: 980px;
	}
	.aboutus .accessBlock .byCar h4 {
		margin-bottom: 100px;
	}
	.aboutus .accessBlock .byCar .textBox {
		width: 520px;
	}
	.aboutus .accessBlock .byCar .textBox dd {
		margin-bottom: 90px;
	}
	.aboutus .accessBlock .byCar .imageBox {
		width: 360px;
	}
	.aboutus .accessBlock .byCar .imageBox img {
		max-width: 360px;
	}

	/* 【よくある質問】 */
		/* leadBlock */
	.qa .leadBlock {
		padding: 120px 0 0;
		text-align: center;
	}
	.qa .leadBlock p {
		font-size: 1.2rem;
		margin-bottom: 60px;
		line-height: 3.0rem;
	}
		/* category */
	.qa .leadBlock .category li {
		font-size: 1.1rem;
		margin-right: 15px;
	}
		/* QA Block */
	.qa .qaBlock .eachBox {
		margin-bottom: 120px;
	}
	.qa .qaBlock .eachBox:last-of-type {
		margin-bottom: 0;
	}
	.qa .qaBlock h2 {
		font-size: 2.0rem;
		margin-bottom: 80px;
	}
	.qa .qaBlock dt {
		font-size: 1.2rem;
		height: 80px;
		line-height: 80px;
		padding-left: 100px;
	}
	.qa .qaBlock dd {
		font-size: 1.2rem;
		line-height: 2.4rem;
	}

	/* 【プライバシーポリシー】 */
	.policy .eachBlock {
		padding: 100px 0;
	}
	
	/* 【お問い合わせ】 */
	.contact .formBlock .contents {
		padding: 100px 0 0;
	}
		/* leadBlock */
	.contact .lead {
		font-size: 1.2rem;
		line-height: 3.0rem;
	}

}
@media screen and (min-width: 1300px) {

	/* ワイドブラウザ */

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock .body .illust-01a {
		left: -100px;
	}
	.aboutus .leadBlock .body .illust-01b {
		left: -65px;
	}
	@keyframes moveTo-01 {
		0% {
			left: -65px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: -5px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		left: -160px;
	}
	@keyframes moveTo-02 {
		0% {
			left: -160px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 100px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		right: -90px;
	}
	.aboutus .leadBlock .body .illust-02b {
		right: -200px;
	}
	@keyframes moveTo-03 {
		0% {
			right: -200px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: 20px;
			opacity: 1;
		}
	}

}
@media screen and (min-width: 1400px) {

	/* ワイドブラウザ */

	/* 共通 */
		/* leadBlock */
	.learning .line,
	.howto .line {
		top: 60px;
	}
	.learning .leadBlock .head,
	.howto .leadBlock .head {
		margin-left: -80px;
	}
	@keyframes moveTo {
		0% {
			left: -100px;
			top: 140px;
		}
		30% {
			top: 180px;
		}
		60% {
			top: 140px;
		}
		80% {
			opacity: 1;
		}
		100% {
			left: calc( calc( 50dvw - 500px ) - 100px );
			opacity: 0;
			top: 190px;
		}
	}

		/* eachBox */
	.learning .typeBlock .contents,
	.learning .typeBlock .eachBox,
	.howto .flowBlock .contents,
	.howto .flowBlock .eachBox,
	.aboutus .rollBlock .contents {
		width: 1140px;
	}
	.learning .typeBlock .eachBox,
	.howto .flowBlock .eachBox {
		margin-bottom: 100px;
	}

	/* 【里親について】 */
		/* 里親の種類 */
	.learning .typeBlock {
		padding-bottom: 160px;
	}
	.learning .typeBlock .eachBox {
		padding: 90px 100px 60px;
	}
	.learning .typeBlock .eachBox:nth-of-type( 1 ) {
		padding: 90px 100px;
	}
	.learning .typeBlock .eachBox:last-of-type {
		padding: 90px 100px 110px;
		width: 1040px;
	}
	.learning .typeBlock .eachBox .textBox {
		width: 490px;
	}

	/* 【里親になるには】 */
		/* leadBlock */
	.howto .leadBlock .contents:first-of-type,
	.howto .leadBlock .contents:first-of-type .body {
		width: 100dvw;
	}
	.howto .leadBlock .contents:first-of-type .body .upper {
		margin: 0 auto;
		width: 1280px;
	}
	.howto .leadBlock .head {
		margin-left: calc( calc( 50dvw - 690px ) + 110px );
	}
	.howto .leadBlock .contents:first-of-type .body .middle,
	.howto .leadBlock .contents:first-of-type .body .lower,
	.howto .leadBlock .contents:first-of-type .body .lower .contents {
		margin: 0 auto;
		width: 1100px;
	}
	.howto .leadBlock .body .upper .flex {
		margin-bottom: 140px;
	}
	.howto .leadBlock .body .upper .flex .eachBox {
		width: 320px;
	}
	.howto .leadBlock .body .upper .flex .eachBox img {
		max-width: 320px;
	}
	.howto .leadBlock .body .upper .flex .eachBox p {
		font-size: 1.3rem;
		margin-top: 50px;
	}
	.howto .leadBlock .contents:first-of-type .body .middle {
		margin-bottom: 140px;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 1 ),
	.howto .leadBlock .body .middle .contents:nth-of-type( 1 ) ul {
		width: 720px;
	}
	.howto .leadBlock .contents:first-of-type .body .middle .contents:nth-of-type( 2 ) {
		width: 1020px;
	}
	.howto .leadBlock .body .middle h4 {
		font-size: 1.1rem;
		width: 200px;
	}
	.howto .leadBlock .body .middle ul {
		margin: 80px auto 40px;
		padding: 0 70px;
	}
	.howto .leadBlock .body .middle li {
		font-size: 1.3rem;
		margin-bottom: 25px;
	}
	.howto .leadBlock .body .middle .contents:nth-of-type( 2 ) p {
		font-size: 1.3rem;
		line-height: 2.8rem;
	}
	.howto .leadBlock .body .lower strong {
		font-size: 1.6rem;
		margin-bottom: 80px;
	}
	.howto .leadBlock .body .lower strong span {
		font-size: 2.2rem;
	}
	.howto .leadBlock .body .lower p {
		font-size: 1.3rem;
		line-height: 3.6rem;
	}
		/* 里親になるまで */
	.howto .flowBlock .eachBox {
		padding: 90px 100px 80px;
	}
	.howto .flowBlock .eachBox .textBox {
		width: 560px;
	}
	.howto .flowBlock .eachBox .no {
		left: 60px;
	}
	.howto .flowBlock .eachBox:first-of-type .textBox {
		width: 570px;
	}
	.howto .flowBlock .eachBox::before {
		bottom: -88px;
		height: 66px;
		left: calc( 50% - 66px );
		transform: scale( 1.0, 0.55 );
	}

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock .body .illust-01a {
		bottom: -10px;
		height: 180px;
		left: -140px;
		width: 121px;
	}
	.aboutus .leadBlock .body .illust-01b {
		height: 228px;
		left: -100px;
		width: 108px;
	}
	@keyframes moveTo-01 {
		0% {
			left: -100px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: -40px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		background-size: 528px 142px;
		height: 142px;
		left: -200px;
		width: 264px;
	}
	@keyframes run-01 {
		to {
			background-position: -528px 0;
		}
	}
	@keyframes moveTo-02 {
		0% {
			left: -200px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 80px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		bottom: 0px;
		height: 184px;
		right: -140px;
		width: 147px;
	}
	.aboutus .leadBlock .body .illust-02b {
		background-size: 444px 240px;
		height: 240px;
		right: -300px;
		width: 222px;
	}
	@keyframes walk-01 {
		to {
			background-position: -444px 0;
		}
	}
	@keyframes moveTo-03 {
		0% {
			right: -300px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: -20px;
			opacity: 1;
		}
	}
		/* みらいの役割 */
	.aboutus .rollBlock {
		padding-bottom: 120px;
	}
	.aboutus .rollBlock .contents {
		padding: 80px 100px;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( odd ) .imageBox {
		padding-right: 60px;
	}
	.aboutus .rollBlock .eachBox:nth-of-type( even ) .imageBox {
		padding-left: 80px;
	}
		/* 施設アクセス */
	.aboutus .accessBlock .contents {
		width: 1140px;
	}
	.aboutus .accessBlock .mapBox {
		margin-bottom: 140px;
	}
	.aboutus .accessBlock .embedMap,
	.aboutus .accessBlock .embedMap iframe {
		height: 500px;
	}
	.aboutus .accessBlock .byCar h4 {
		font-size: 1.8rem;
		margin-bottom: 120px;
	}
	.aboutus .accessBlock .byCar .textBox dt {
		font-size: 1.1rem;
		height: 50px;
		line-height: 48px;
		padding-left: 30px;
	}


}
@media screen and (min-width: 1500px) {

	/* ワイドブラウザ */

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock .body .illust-01a {
		left: -190px;
	}
	.aboutus .leadBlock .body .illust-01b {
		left: -150px;
	}
	@keyframes moveTo-01 {
		0% {
			left: -150px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: -90px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		left: -240px;
	}
	@keyframes moveTo-02 {
		0% {
			left: -240px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: 40px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		right: -190px;
	}
	.aboutus .leadBlock .body .illust-02b {
		right: -400px;
	}
	@keyframes moveTo-03 {
		0% {
			right: -400px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: -70px;
			opacity: 1;
		}
	}

}
@media screen and (min-width: 1600px) {

	/* ワイドブラウザ */

	/* 共通 */
		/* leadBlock */
	.learning .line,
	.howto .line {
		top: 20px;
	}
	.learning .leadBlock .body,
	.howto .leadBlock .body {
		width: 1060px;
	}
	.learning .leadBlock .body .textBo {
		margin-left: 20px;
	}
	.learning .leadBlock .body .imageBox {
		margin: 240px 0 0 80px;
	}
		/* 投稿ページ */
	.postAll {
		padding: 140px 0;
	}
	.postAll .eachBox {
		margin: 0 0 100px 70px;
	}

	/* 【里親について】 */
		/* 里親の種類 */
	.learning .typeBlock {
		padding-bottom: 180px;
	}

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock .body .illust-01a {
		left: -250px;
	}
	.aboutus .leadBlock .body .illust-01b {
		left: -210px;
	}
	@keyframes moveTo-01 {
		0% {
			left: -210px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: -150px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		left: -280px;
	}
	@keyframes moveTo-02 {
		0% {
			left: -280px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: -20px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		right: -250px;
	}
	.aboutus .leadBlock .body .illust-02b {
		right: -400px;
	}
	@keyframes moveTo-03 {
		0% {
			right: -400px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: -120px;
			opacity: 1;
		}
	}

}
@media screen and (min-width: 1800px) {

	/* ワイドブラウザ */

	/* 【私たちのこと】 */
		/* leadBlock */
	.aboutus .leadBlock .body .illust-01a {
		left: -335px;
	}
	.aboutus .leadBlock .body .illust-01b {
		left: -290px;
	}
	@keyframes moveTo-01 {
		0% {
			left: -290px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: -235px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-01c {
		left: -420px;
	}
	@keyframes moveTo-02 {
		0% {
			left: -420px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			left: -105px;
			opacity: 1;
		}
	}
	.aboutus .leadBlock .body .illust-02a {
		right: -330px;
	}
	.aboutus .leadBlock .body .illust-02b {
		right: -505px;
	}
	@keyframes moveTo-03 {
		0% {
			right: -505px;
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		100% {
			right: -210px;
			opacity: 1;
		}
	}

}