@charset "UTF-8";


	
	
/* pagetitle
--------------------- */
#header .logo a img {
	opacity: 1;
}


	
	
/* pagetitle_message
--------------------- */
#pagetitle_message {
	margin-top: 120px;
	background: url("../about/image/message/motif03.svg") no-repeat left top / 146px;
	position: relative;
}
#pagetitle_message:before {
	content: "";
	width: 162px;
	height: 100%;
	background: url("../about/image/message/motif01.svg") no-repeat center 20% / 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
	#pagetitle_message .text {
		width: 40%;
		padding: 70px 0 0 80px;
		position: relative;
		z-index: 2;
	}
	#pagetitle_message .text:before {
		content: "";
		width: 178px;
		height: 100%;
		background: url("../about/image/message/motif02.svg") no-repeat center 70% / 100%;
		position: absolute;
		top: 0;
		right: -105px;
	}
		#pagetitle_message .text .pagehead {
			margin-bottom: 80px;
			position: relative;
			z-index: 2;
		}
			#pagetitle_message .text .pagehead .en {
				font-size: 8.0rem;
				font-weight: 700;
				line-height: 1;
				white-space: nowrap;
				margin-bottom: 5px;
			}

			#pagetitle_message .text .pagehead h1 {
				font-size: 2.0rem;
				font-weight: 700;
				line-height: 1;
			}

		#pagetitle_message .text .profile {
			margin-bottom: 60px;
		}
			#pagetitle_message .text .profile .job {
				font-size: 1.4rem;
				line-height: 1.5em;
				margin-bottom: 15px;
			}

			#pagetitle_message .text .profile h2 {
				font-size: 3.4rem;
				line-height: 1;
				margin-bottom: 12px;
			}

			#pagetitle_message .text .profile .en {
				font-size: 1.4rem;
				font-weight: 500;
				line-height: 1;
				color: #C1C1C1;
				margin-bottom: 25px;
			}

			#pagetitle_message .text .profile .txt {
				line-height: 1.6em;
			}

		#pagetitle_message .text .breadcrumbs {
			font-size: 1.4rem;
		}
			#pagetitle_message .text .breadcrumbs a {
				font-weight: 500;
				text-decoration: underline;
			}
			#pagetitle_message .text .breadcrumbs a:hover {
				text-decoration: none;
			}

			#pagetitle_message .text .breadcrumbs span {
				font-weight: 500;
			}

	#pagetitle_message .pht {
		width: 60%;
		height: 650px;
		overflow: hidden;
	}
		#pagetitle_message .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: 50% 0;
		}
@media screen and (max-width: 1024px) {
	#pagetitle_message {
		margin-top: 12vw;
		background: url("../about/image/message/motif03.svg") no-repeat left top / 14.6vw;
	}
	#pagetitle_message:before {
		width: 16.2vw;
	}
		#pagetitle_message .text {
			padding: 7vw 0 0 8vw;
		}
		#pagetitle_message .text:before {
			width: 17.8vw;
			right: -10.5vw;
		}
			#pagetitle_message .text .pagehead {
				margin-bottom: 8vw;
			}
				#pagetitle_message .text .pagehead .en {
					font-size: 8.0vw;
					margin-bottom: 0.5vw;
				}

				#pagetitle_message .text .pagehead h1 {
					font-size: 2.0vw;
				}

			#pagetitle_message .text .profile {
				margin-bottom: 6vw;
			}
				#pagetitle_message .text .profile .job {
					font-size: 1.4vw;
					margin-bottom: 1.5vw;
				}

				#pagetitle_message .text .profile h2 {
					font-size: 3.4vw;
					margin-bottom: 1.2vw;
				}

				#pagetitle_message .text .profile .en {
					font-size: 1.4vw;
					margin-bottom: 2.5vw;
				}

			#pagetitle_message .text .breadcrumbs {
				font-size: 1.4vw;
			}

		#pagetitle_message .pht {
			height: 60vw;
		}
}
@media screen and (max-width: 767px) {
	#pagetitle_message {
		margin-top: 13vw;
		background: none;
	}
	#pagetitle_message:before {
		width: 20vw;
		background: url("../about/image/message/motif01.svg") no-repeat center 100% / 100%;
		right: auto;
		left: 0;
	}
		#pagetitle_message .inner_full {
			display: block;
		}
			#pagetitle_message .text {
				width: 100%;
				padding: 7vw 0 0 8vw;
			}
			#pagetitle_message .text:before {
				width: 17.8vw;
				background: url("../about/image/message/motif02.svg") no-repeat center 70% / 100%;
				right: 0;
			}
				#pagetitle_message .text .pagehead {
					margin-bottom: 8vw;
				}
					#pagetitle_message .text .pagehead .en {
						font-size: 10.0vw;
						margin-bottom: 0.5vw;
					}

					#pagetitle_message .text .pagehead h1 {
						font-size: 4.0vw;
					}

				#pagetitle_message .text .profile {
					margin-bottom: 7vw;
				}
					#pagetitle_message .text .profile .job {
						font-size: 3.2vw;
						margin-bottom: 3vw;
					}

					#pagetitle_message .text .profile h2 {
						font-size: 6.2vw;
						margin-bottom: 2.5vw;
					}

					#pagetitle_message .text .profile .en {
						font-size: 2.8vw;
						margin-bottom: 4vw;
					}

				#pagetitle_message .text .breadcrumbs {
					font-size: 3.2vw;
					margin-bottom: 4vw;
				}

			#pagetitle_message .pht {
				width: 100%;
				height: auto;
		}
}


	
	
/* message-area
--------------------- */
#message-area {
	padding: 110px 0;
}
	#message-area p {
		font-size: 1.8rem;
		line-height: 2em;
		margin-bottom: 30px;
	}
@media screen and (max-width: 1024px) {
	#message-area {
		padding: 10vw 0;
	}
		#message-area p {
			font-size: 1.8vw;
			line-height: 2em;
			margin-bottom: 3vw;
		}
}
@media screen and (max-width: 767px) {
	#message-area {
		padding: 12vw 0;
	}
		#message-area p {
			font-size: 3.8vw;
			line-height: 2em;
			margin-bottom: 6vw;
		}
}


/* atfirst01
--------------------- */
#pagetitle.atfirst01 {
    background: url(../about/image/atfirst01/pagetitle_pht.jpg) no-repeat center / cover;
}
#atfirst01{
	margin-top: 100px;
}
	#atfirst01 .theme .flex{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
		/* #atfirst01 .theme .flex	.txt p:first-child{
			font-weight: 700;
			font-size: 1.4rem;
			color: #E6002D;
		}
			#atfirst01 .theme .flex	.txt p:first-child span{
			} */
		#atfirst01 .theme .flex	.txt p:last-child{
			font-size: 2.8rem;
			font-weight: 700;
			line-height: 1.8;
		}
			#atfirst01 .theme .flex	.txt p:last-child span{
				color: #E6002D;
				font-size: 4.0rem;
				position: relative;
			}
				#atfirst01 .theme .flex	.txt p:last-child span::before{
					content: "";
					position: absolute;
					bottom: -10px;
					height: 20px;
					width: 100%;
					background: url("../about/image/atfirst01/border.svg") no-repeat center 70% / 100%;
				}
		#atfirst01 .theme .flex	.pht{
			width: 33%;
		}
	#atfirst01 .theme .cntnr{
		position: relative;
		margin-top: 60px;
	}
		#atfirst01 .theme .cntnr h2{
			position: absolute;
			color: #fff;
			font-size: 3.0rem;
			font-weight: 700;
			background: linear-gradient(#F18D00, #E6002D);
			width: 200px;
			aspect-ratio: 1 / 1;
			border-radius: 50vh;
			align-content: center;
			text-align: center;
			top: -10px;
		}
		#atfirst01 .theme .cntnr .cntnt{
			background: #FFFBF0;
			box-shadow: 5px 5px 0px 0px #F7EFD7;
			padding: 0px 30px 0px 135px;
			height: 180px;
			align-content: center;
			margin: 0 0 0 100px;
			border-radius: 15px;
		}
			#atfirst01 .theme .cntnr .cntnt .box{
				display: flex;
			}
				#atfirst01 .theme .cntnr .cntnt .box:first-child{
					margin-bottom: 20px;
				}
				#atfirst01 .theme .cntnr .cntnt .box p.en{
					background: linear-gradient(#F18D00, #E6002D);
					width: 36px;
					height: 36px;
					color: #fff;
					border-radius: 50vh;
					align-content: center;
					text-align: center;
					font-size: 1.6rem;
					line-height: 1.0;
				}
				#atfirst01 .theme .cntnr .cntnt .box p:last-child{
					font-size: 1.8rem;
					font-weight: 600;
					margin-left: 10px;
					width: calc(100% - 40px);
				}
	#atfirst01 .bg{
		background: url("../about/image/atfirst01/bg.png") no-repeat center / cover;
		width: 100%;
		height: 100%;
		padding: 0 0 140px;
	}
	#atfirst01 .business{
		margin-top: 140px;
	}
		#atfirst01 .business .ttl{
			text-align: center;
			background: url("../about/image/atfirst01/ttl-bg.png") no-repeat center / cover;
			width: 100%;
			height: 230px;
			align-content: center;
		}
			#atfirst01 .business .ttl p{
				color: #fff;
				font-weight: 600;
				font-size: 1.4rem;
			}
			#atfirst01 .business .ttl h2{
				font-size: 3.0rem;
				font-weight: 600;
				line-height: 1.6;
				color: #fff;
			}
		#atfirst01 .business .cntnt{
			max-width: 800px;
			margin: 60px auto 0;
			position: relative;
		}
			#atfirst01 .business .cntnt .year{
				display: flex;
				align-items: baseline;
				gap: 20px;
			}
				#atfirst01 .business .cntnt .year img{
					width: 45%;
				}
			#atfirst01 .business .cntnt .box{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: center;
			}
				#atfirst01 .business .cntnt .box.line{
					position: relative;
					padding-bottom: 40px;
				}
					#atfirst01 .business .cntnt .box.line::before{
						content: "";
						position: absolute;
						bottom: -40%;
						left: 20px;
						background: url("../about/image/atfirst01/arw.svg") no-repeat center / contain;
						width: 20px;
						height: 100%;
					}
				#atfirst01 .business .cntnt .box .l-box{
					width: 40%;
				}
				#atfirst01 .business .cntnt .box h3{
					font-size: 3.2rem;
					font-weight: 700;
					margin-bottom: 10px;
					line-height: 1;
					position: relative;
				}
				#atfirst01 .business .cntnt .box p{
					font-size: 2.0rem;
					font-weight: 500;
					line-height: 1.6;
				}
					#atfirst01 .business .cntnt .box p span{
						font-weight: 700;
						color: #E6002D;
					}
				#atfirst01 .business .cntnt .box .pht{
					width: 100%;
					margin-top: 20px;
				}
			#atfirst01 .business .cntnt .seven{
				width: 30%;
				/* position: absolute;
				top: 10px; */
				margin-right: 11%;
			}
			#atfirst01 .business .cntnt .round{
				width: 52%;
				/* position: absolute;
				bottom: -50px;
				right: 0; */
			}
		#atfirst01 .business .rank{
			margin-top: 100px;
			display: flex;
			justify-content: space-between;
		}
			#atfirst01 .business .rank >div{
				width: calc((100% - 20px) / 2);
			}
			#atfirst01 .business .rank .r-box{
				display: flex;
				flex-wrap: wrap;
				gap: 20px;
			}
			#atfirst01 .business .rank .r-box .box{
				width: 100%;
			}
			#atfirst01 .business .rank .box{
				padding: 40px;
				position: relative;
				background: #fff;
				border: 2px solid #F18D00;
				border-radius: 15px;
			}
				#atfirst01 .business .rank .box .abs{
					position: absolute;
					right: 40px;
					bottom: 10px;
					font-size: 1.2rem;
				}
				#atfirst01 .business .rank .box .kome{
					position: absolute;
					right: 40px;
					bottom: 10px;
					font-size: 1.2rem;
				}
					#atfirst01 .business .rank .box .kome span{
						position: relative;
					}
						#atfirst01 .business .rank .box .kome span::before{
							content: "※";
							position: absolute;
							left: -17px;
						}
				#atfirst01 .business .rank .box h3{
					font-size: 2.4rem;
					font-weight: 700;
					line-height: 1.4;
				}
			#atfirst01 .business .rank .box.rank01{
				display: flex;
				justify-content: space-between;
			}
				#atfirst01 .business .rank .box.rank01 .txt{
					display: flex;
					flex-wrap: wrap;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num{
					margin: auto 0 0 0;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(1){
					color:#E6002D;
					font-weight: 700;
					font-size: 2.6rem;
					margin-bottom: 10px;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(2){
					color: #E6002D;
					font-size: 8.5rem;
					font-weight: 700;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(2) span{
					font-size: 15rem;
					line-height: .6;
				}
				#atfirst01 .business .rank .box.rank01 .pht{
					width: 65%;
					margin: auto 0 0 0;
				}
			#atfirst01 .business .rank .box.rank03,
			#atfirst01 .business .rank .box.rank02{
				display: flex;
				/* justify-content: space-between; */
				align-items: center;
				padding: 30px 40px;
			}
				#atfirst01 .business .rank .box.rank03 .pht,
				#atfirst01 .business .rank .box.rank02 .pht{
					width: 15%;
					margin-left: 20px;
				}
				#atfirst01 .business .rank .box.rank03 p.num,
				#atfirst01 .business .rank .box.rank02 p.num{
					font-size: 3.4rem;
					font-weight: 700;
					color: #E6002D;
					line-height: 1.0;
					margin: 0 0 0 auto;
				}
					#atfirst01 .business .rank .box.rank03 p.num span,
					#atfirst01 .business .rank .box.rank02 p.num span{
						font-size: 8.0rem;
						margin-right: 5px;
					}
	#atfirst01 .question{
		margin-top: 140px;
	}
		#atfirst01 .question .ttl{
			text-align: center;
			text-align: center;
			background: url("../about/image/atfirst01/ttl-bg.png") no-repeat center / cover;
			width: 100%;
			height: 230px;
			align-content: center;
		}
			#atfirst01 .question .ttl p{
				color: #fff;
				font-weight: 600;
				font-size: 1.4rem;
			}
			#atfirst01 .question .ttl h2{
				color: #fff;
				font-size: 3.0rem;
				font-weight: 600;
				line-height: 1.6;
			}
		#atfirst01 .question .cntnr{
			margin-top: 60px;
		}
			#atfirst01 .question .cntnr .cntnt:nth-child(1){
				display: flex;
				justify-content: space-between;
				max-width: 640px;
				margin: auto;
			}
				#atfirst01 .question .cntnr .cntnt:nth-child(1) .pht{
					width: 150px;
				}
				#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt{
					background: #FFFBF0;
					width: calc(100% - 200px);
					position: relative;
					padding: 30px 40px;
					border: 3px solid #F1BD00;
					border-radius: 20px;
					margin: 0 0 auto;
					box-shadow: 5px 5px 0px 0px #F7EFD7;
				}
					#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt p{
						font-size: 2.2rem;
						font-weight: 700;
					}
					#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt .tri-left{
						--size: 20px; --border: 3px; --fill:#FFFBF0; --stroke:#F1BD00;
						position: absolute;
						width:0;
						height:0;
						border-top: calc(var(--size)/2 + var(--border)) solid transparent;
						border-bottom: calc(var(--size)/2 + var(--border)) solid transparent;
						border-right: calc(var(--size) + var(--border)) solid var(--stroke);
						top: 50%;
						transform: translateY(-50%);
						left: -26px;
					}
					#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt .tri-left::after{
						content:""; position:absolute; top: calc(-1 * var(--size) / 2);
						left: calc(-1 * var(--size) - var(--border));
						left: 6px;
						width:0; height:0;
						border-top: calc(var(--size)/2) solid transparent;
						border-bottom: calc(var(--size)/2) solid transparent;
						border-right: var(--size) solid var(--fill);
					}
					#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt .icon{
						content: "";
						position: absolute;
						width: 100px;
						right: -50px;
						top: 50%;
						transform: translate(0, -50%);
					}
			#atfirst01 .question .cntnr .cntnt:nth-child(2){
				max-width: 750px;
				margin: 20px auto 0;
				display: flex;
				background: #FEF6F7;
				border-radius: 20px;
				border: 3px solid #E6002D;
				box-shadow: 5px 5px 0px 0px #FCDFE2;
				padding: 30px 80px;
				gap: 30px;
				position: relative;
			}
				#atfirst01 .question .cntnr .cntnt:nth-child(2)::after{
					content: "";
					position: absolute;
					width: 30px;
					height: 25px;
					bottom: -40px;
					left: 50%;
					transform: translate(-50%, 0);
					background: url(../about/image/atfirst01/arw02.svg) no-repeat center / contain;

				}
				#atfirst01 .question .cntnr .cntnt:nth-child(2) img{
					width: 37%;
				}
				#atfirst01 .question .cntnr .cntnt:nth-child(2) p{
					font-size: 2.2rem;
					font-weight: 700;
				}
					#atfirst01 .question .cntnr .cntnt:nth-child(2) p span{
						color: #E6002D;
					}
			#atfirst01 .question .cntnr .cntnt:nth-child(3){
				margin: 50px auto 0;
				background: #FEF6F7;
				border-radius: 20px;
				border: 3px solid #E6002D;
				box-shadow: 5px 5px 0px 0px #FCDFE2;
				padding: 50px 40px 60px;
			}
				#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) h3{
					font-size: 3.0rem;
					text-align: center;
					font-weight: 700;
					margin-bottom: 25px;
				}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) h3 span{
						font-size: 4.4rem;
						color: #E6002D;
					}
				#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex{
					justify-content: space-between;
				}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item{
						width: calc((100% - 66px) / 7);
						text-align: center;
					}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item:nth-child(n+8){
						margin-top: 20px;
					}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item img{
							width: 70%;
						}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item p{
							font-size: 1.3rem;
							font-weight: 500;
							line-height: 1.4;
							margin-top: 5px;
						}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item:last-child{
						align-content: center;
					}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item:last-child p{
							text-align: left;
							font-size: 1.1rem;
							font-weight: 400;
						}
				#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex{
					justify-content: space-between;
					align-items: center;
					max-width: 750px;
					margin: auto;
				}
					#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .pht{
						width: 40%;
					}
					#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt{
						width: 53%;
					}
						/* #atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p:nth-child(2){
							background: #E6002D;
							border-radius: 50vh;
							display: inline-block;
							color: #fff;
							font-size: 1.6rem;
							font-weight: 700;
							padding: 0 10px;
							margin-top: 10px;
						} */
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p.kome{
							font-size: 1.2rem;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p:nth-child(2){
							font-size: 2.2rem;
							font-weight: 700;
							margin-top: 20px;
						}
							#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p:nth-child(2) span{
								color: #E6002D;
							}
	#atfirst01 .goods{
		margin-top: 140px;
	}
		#atfirst01 .goods .ttl{
			text-align: center;
			text-align: center;
			background: url("../about/image/atfirst01/ttl-bg.png") no-repeat center / cover;
			width: 100%;
			height: 230px;
			align-content: center;
		}
			#atfirst01 .goods .ttl p{
				color: #fff;
				font-weight: 700;
				font-size: 1.4rem;
			}
			#atfirst01 .goods .ttl h2{
				color: #fff;
				font-size: 3.0rem;
				font-weight: 700;
				line-height: 1.6;
			}
		#atfirst01 .goods .inner{
			text-align: center;
		}
			#atfirst01 .goods .inner p:nth-child(1){
				font-size: 2.2rem;
				font-weight: 700;
				margin-top: 60px;
			}
			#atfirst01 .goods .inner > img{
				width: 63%;
			}
			#atfirst01 .goods .inner p:nth-child(3){
				margin-top: 20px;
				font-size: 2.2rem;
				font-weight: 700;
				line-height: 1.4;
			}
				#atfirst01 .goods .inner p:nth-child(3) span{
					font-size: 1.8rem;
				}
			#atfirst01 .goods .inner p:nth-child(4){
				font-size: 5rem;
				font-weight: 700;
				line-height: 1.0;
				margin-top: 40px;
				position: relative;
				display: inline-block;
			}
				#atfirst01 .goods .inner p:nth-child(4)::before{
					content: "";
					position: absolute;
					width: 30px;
					height: 25px;
					bottom: -50px;
					left: 50%;
					transform: translate(-50%, 0);
					background: url(../about/image/atfirst01/arw03.svg) no-repeat center / contain;
				}
				#atfirst01 .goods .inner p:nth-child(4)::after{
					content: "";
					position: absolute;
					bottom: -10px;
					height: 30px;
					width: 100%;
					background: url(../about/image/atfirst01/border.svg) no-repeat center / contain;
					left: 0;
				}
			#atfirst01 .goods .inner .cntnr{
				margin-top: 170px;
				background: #FFFBF0;
				border-radius: 15px;
				box-shadow: 5px 5px 0px 0px #F7EFD7;
				padding: 0 0 60px;
			}
				#atfirst01 .goods .inner .cntnr .flex{
					justify-content: space-between;
					margin: 0px 50px 0;
					transform: translateY(-100px);
				}
					#atfirst01 .goods .inner .cntnr .flex .item{
						width: calc((100% - 60px) / 3);
					}
					#atfirst01 .goods .inner .cntnr .flex .item p{
						text-align: center;
						color: #fff;
						background: linear-gradient(#F18D00, #E6002D);
						display: inline-block;
						border-radius: 50vh;
						padding: 0 40px;
						height: 35px;
						align-content: center;
						transform: translateY(-15px);
						font-size: 1.8rem;
						font-weight: 600;
						position: relative;
					}
						#atfirst01 .goods .inner .cntnr .flex .item p::before{
							content: "";
							position: absolute;
							width: 20px;
							height: 10px;
							clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
							background: #F18D00;
							top: -9px;
							left: 50%;
							transform: translate(-50%, 0);
						}
				#atfirst01 .goods .inner .cntnr p{
					font-size: 2.2rem;
					font-weight: 700;
					margin-top: -70px;
				}
					#atfirst01 .goods .inner .cntnr p span{
						color: #F18D00;
						font-size: 3.2rem;
					}
			#atfirst01 .goods .inner p:nth-child(6){
				font-size: 2.0rem;
				font-weight: 700;
				margin-top: 70px;
			}
			#atfirst01 .goods .inner p:nth-child(7){
				font-size: 2.0rem;
				font-weight: 700;
				margin-top: 20px;
			}
				#atfirst01 .goods .inner p:nth-child(7) span{
					color: #E6002D;
				}
			#atfirst01 .goods .inner .btn{
				background: #fff;
				border: 2px solid #E6002D;
				text-align: center;
				height: 140px;
				align-content: center;
				width: 63%;
				margin: 40px auto 0;
				position: relative;
				box-shadow: 7px 7px 0px 0px #E6002D;
				cursor: pointer;
			}
				#atfirst01 .goods .inner .btn a{
					justify-content: center;
				}
				#atfirst01 .goods .inner .btn::before{
					position: absolute;
					content: "";
					background: url("../image/common/icon_arrow_red01.svg") no-repeat center / cover;
					width: 36px;
					height: 20px;
					right: 40px;
					top: 50%;
					transform: translate(0, -50%);
					transition: all .4s;
				}
				#atfirst01 .goods .inner .btn h3{
					font-size: 3.0rem;
					font-weight: 700;
				}
				#atfirst01 .goods .inner .btn:hover::before{
					right: 35px;
				}



@media screen and (max-width: 1024px) {

#atfirst01{
	margin-top: 80px;
}
		#atfirst01 .theme .flex	.txt p:last-child{
			font-size: 2.8vw;
		}
			#atfirst01 .theme .flex	.txt p:last-child span{
				font-size: 3.0vw;
			}
	#atfirst01 .theme .cntnr{
		margin-top: 50px;
	}
		#atfirst01 .theme .cntnr h2{
			font-size: 3.0vw;
			width: 180px;
			top: -10px;
		}
		#atfirst01 .theme .cntnr .cntnt{
			padding: 0px 30px 0px 115px;
			height: 160px;
			margin: 0 0 0 80px;
			border-radius: 15px;
		}
				#atfirst01 .theme .cntnr .cntnt .box:first-child{
					margin-bottom: 15px;
				}
				#atfirst01 .theme .cntnr .cntnt .box p.en{
					width: 32px;
					height: 32px;
					font-size: 1.6vw;
				}
				#atfirst01 .theme .cntnr .cntnt .box p:last-child{
					font-size: 1.8vw;
					margin-left: 10px;
					width: calc(100% - 40px);
				}
	#atfirst01 .bg{
		padding: 0 0 100px;
	}
	#atfirst01 .business{
		margin-top: 100px;
	}
		#atfirst01 .business .ttl{
			height: 200px;
		}
			#atfirst01 .business .ttl p{
				font-size: 1.4vw;
			}
			#atfirst01 .business .ttl h2{
				font-size: 3.0vw;
			}
		#atfirst01 .business .cntnt{
			margin: 50px auto 0;
		}
			#atfirst01 .business .cntnt .year{
				gap: 20px;
			}
				#atfirst01 .business .cntnt .year img{
					width: 45%;
				}
				#atfirst01 .business .cntnt .box.line{
					padding-bottom: 40px;
				}
				#atfirst01 .business .cntnt .box .l-box{
					width: 40%;
				}
				#atfirst01 .business .cntnt .box h3{
					font-size: 3.2vw;
				}
				#atfirst01 .business .cntnt .box p{
					font-size: 2.0vw;
				}
				#atfirst01 .business .cntnt .box .pht{
					margin-top: 20px;
				}
			#atfirst01 .business .cntnt .seven{
				width: 30%;
				margin-right: 11%;
			}
			#atfirst01 .business .cntnt .round{
				width: 52%;
			}
		#atfirst01 .business .rank{
			margin-top: 80px;
		}
			#atfirst01 .business .rank >div{
				width: calc((100% - 20px) / 2);
			}
			#atfirst01 .business .rank .r-box{
				gap: 20px;
			}
			#atfirst01 .business .rank .r-box .box{
				width: 100%;
			}
			#atfirst01 .business .rank .box{
				padding: 30px;
			}
				#atfirst01 .business .rank .box .abs{
					right: 20px;
					bottom: 5px;
					font-size: 1.2vw;
				}
				#atfirst01 .business .rank .box .kome{
					right: 20px;
					bottom: 5px;
					font-size: 1.2vw;
				}
					#atfirst01 .business .rank .box .kome span{
						position: relative;
					}
						#atfirst01 .business .rank .box .kome span::before{
							content: "※";
							position: absolute;
							left: -17px;
						}
				#atfirst01 .business .rank .box h3{
					font-size: 2.4vw;
				}
			#atfirst01 .business .rank .box.rank01{
				display: flex;
				justify-content: space-between;
			}
				#atfirst01 .business .rank .box.rank01 .txt{
					display: flex;
					flex-wrap: wrap;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num{
					margin: auto 0 0 0;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(1){
					font-size: 2.6vw;
					margin-bottom: 0;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(2){
					font-size: 5.5vw;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(2) span{
					font-size: 13vw;
				}
				#atfirst01 .business .rank .box.rank01 .pht{
					width: 55%;
					margin: auto 0 0 0;
				}
				#atfirst01 .business .rank .box.rank03 .pht,
				#atfirst01 .business .rank .box.rank02 .pht{
					width: 13%;
				}
				#atfirst01 .business .rank .box.rank03 p.num,
				#atfirst01 .business .rank .box.rank02 p.num{
					font-size: 3.0vw;
				}
					#atfirst01 .business .rank .box.rank03 p.num span,
					#atfirst01 .business .rank .box.rank02 p.num span{
						font-size: 6.0vw;
					}
	#atfirst01 .question{
		margin-top: 100px;
	}
		#atfirst01 .question .ttl{
			height: 200px;
		}
			#atfirst01 .question .ttl p{
				font-size: 1.4vw;
			}
			#atfirst01 .question .ttl h2{
				font-size: 3.0vw;
			}
		#atfirst01 .question .cntnr{
			margin-top: 40px;
		}
			#atfirst01 .question .cntnr .cntnt:nth-child(1){
				max-width: 550px;
			}
				#atfirst01 .question .cntnr .cntnt:nth-child(1) .pht{
					width: 120px;
				}
				#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt{
					width: calc(100% - 160px);
					padding: 30px 40px;
					border-radius: 15px;
				}
					#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt p{
						font-size: 2.2vw;
					}
			#atfirst01 .question .cntnr .cntnt:nth-child(2){
				border-radius: 15px;
				padding: 30px 60px;
				gap: 50px;
				max-width: 650px;
			}
				#atfirst01 .question .cntnr .cntnt:nth-child(2)::after{
					width: 25px;
					height: 20px;
					bottom: -40px;
				}
				#atfirst01 .question .cntnr .cntnt:nth-child(2) img{
					width: 30%;
				}
				#atfirst01 .question .cntnr .cntnt:nth-child(2) p{
					font-size: 2.2vw;
				}
			#atfirst01 .question .cntnr .cntnt:nth-child(3){
				border-radius: 15px;
				padding: 40px 30px 50px;
			}
				#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) h3{
					font-size: 3.0vw;
					margin-bottom: 25px;
					line-height: 1.0;
				}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) h3 span{
						font-size: 4.4vw;
					}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item{
						width: calc((100% - 30px) / 7);
						text-align: center;
					}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item:nth-child(n+8){
						margin-top: 20px;
					}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item img{
							width: 70%;
						}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item p{
							font-size: 1.3vw;
							margin-top: 5px;
						}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item:last-child p{
							font-size: 1.1vw;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p:nth-child(2){
							font-size: 1.6vw;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p.kome{
							font-size: 1.2vw;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p:nth-child(3){
							font-size: 2.2vw;
							margin-top: 15px;
						}
	#atfirst01 .goods{
		margin-top: 100px;
	}
		#atfirst01 .goods .ttl{
			height: 200px;
		}
			#atfirst01 .goods .ttl p{
				font-size: 1.4vw;
			}
			#atfirst01 .goods .ttl h2{
				font-size: 3.0vw;
			}
			#atfirst01 .goods .inner p:nth-child(1){
				font-size: 2.2vw;
			}
			#atfirst01 .goods .inner p:nth-child(3){
				font-size: 2.2vw;
			}
				#atfirst01 .goods .inner p:nth-child(3) span{
					font-size: 1.8vw;
				}
			#atfirst01 .goods .inner p:nth-child(4){
				font-size: 4.5vw;
				margin-top: 30px;
			}
				#atfirst01 .goods .inner p:nth-child(4)::before{
					width: 25px;
					height: 20px;
				}
			#atfirst01 .goods .inner .cntnr{
				border-radius: 15px;
				padding: 0 0 50px;
			}
				#atfirst01 .goods .inner .cntnr .flex{
					margin: 0px 50px 0;
					transform: translateY(-100px);
				}
					#atfirst01 .goods .inner .cntnr .flex .item{
						width: calc((100% - 50px) / 3);
					}
					#atfirst01 .goods .inner .cntnr .flex .item p{
						padding: 0 20px;
						height: 35px;
						transform: translateY(-15px);
						font-size: 1.8vw;
					}
						#atfirst01 .goods .inner .cntnr .flex .item p::before{
							width: 20px;
							height: 10px;
							top: -8px;
						}
				#atfirst01 .goods .inner .cntnr p{
					font-size: 2.2vw;
					margin-top: -90px;
				}
					#atfirst01 .goods .inner .cntnr p span{
						font-size: 3.2vw;
					}
			#atfirst01 .goods .inner p:nth-child(6){
				font-size: 2.0vw;
				margin-top: 60px;
			}
			#atfirst01 .goods .inner p:nth-child(7){
				font-size: 2.0vw;
				margin-top: 15px;
			}
			#atfirst01 .goods .inner .btn{
				height: 100px;
				width: 80%;
				min-width: 400px;
				margin: 60px auto 0;
			}
				#atfirst01 .goods .inner .btn::before{
					width: 30px;
					height: 17px;
					right: 20px;
				}
				#atfirst01 .goods .inner .btn h3{
					font-size: 3.0vw;
				}
				#atfirst01 .goods .inner .btn:hover::before{
					right: 15px;
				}

}


@media screen and (max-width: 767px) {

#atfirst01{
	margin-top: 60px;
}
	#atfirst01 .theme .flex	.txt{
		width: 100%;
	}
	#atfirst01 .theme .flex	.pht{
		width: 70%;
		margin: 10px auto 0;
	}
		#atfirst01 .theme .flex	.txt p:last-child{
			font-size: 1.6rem;
		}
			#atfirst01 .theme .flex	.txt p:last-child span{
				font-size: 2.0rem;
			}
	#atfirst01 .theme .cntnr{
		margin-top: 40px;
		text-align: center;
	}
		#atfirst01 .theme .cntnr h2{
			font-size: 1.8rem;
			width: 120px;
			top: 16px;
			aspect-ratio: auto;
			margin-left: 0px;
			display: inline-block;
			position: relative;
			z-index: 3;
		}
		#atfirst01 .theme .cntnr .cntnt{
			padding: 35px 20px 25px;
			height: auto;
			margin: 0;
			border-radius: 15px;
			text-align: left;
		}
				#atfirst01 .theme .cntnr .cntnt .box:first-child{
					margin-bottom: 15px;
				}
				#atfirst01 .theme .cntnr .cntnt .box p.en{
					width: 32px;
					height: 32px;
					font-size: 1.4rem;
				}
				#atfirst01 .theme .cntnr .cntnt .box p:last-child{
					font-size: 1.4rem;
					margin-left: 10px;
					width: calc(100% - 40px);
				}
	#atfirst01 .bg{
		padding: 0 0 80px;
	}
	#atfirst01 .business{
		margin-top: 80px;
	}
		#atfirst01 .business .ttl{
			height: 180px;
		}
			#atfirst01 .business .ttl p{
				font-size: 1.4rem;
			}
			#atfirst01 .business .ttl h2{
				font-size: 2.0rem;
			}
		#atfirst01 .business .cntnt{
			margin: 50px auto 0;
		}
				#atfirst01 .business .cntnt .box.line{
					padding-bottom: 25px;
				}
					#atfirst01 .business .cntnt .box.line::before{
						bottom: -15%;
						left: 10px;
					}
				#atfirst01 .business .cntnt .box .l-box{
					width: 100%;
					position: relative;
				}
				#atfirst01 .business .cntnt .box .year img{
					max-width: 200px;
				}
				#atfirst01 .business .cntnt .box h3{
					font-size: 2.0rem;
				}
				#atfirst01 .business .cntnt .box p{
					font-size: 1.4rem;
				}
				#atfirst01 .business .cntnt .box .pht{
					margin-top: 10px;
					position: absolute;
					top: 0;
					right: 0;
					width: 45%;
					max-width: 230px;
				}
			#atfirst01 .business .cntnt .seven{
				width: 45%;
				margin: 20px 2.5% 0 auto;
				max-width: 200px;
			}
			#atfirst01 .business .cntnt .round{
				width: 100%;
				margin: 20px auto 0;
				max-width: 350px;
			}
		#atfirst01 .business .rank{
			margin-top: 30px;
			flex-wrap: wrap;
		}
			#atfirst01 .business .rank >div{
				width: 100%;
			}
			#atfirst01 .business .rank .r-box{
				gap: 15px;
				margin-top: 15px;
			}
			#atfirst01 .business .rank .r-box .box{
				width: 100%;
				padding: 20px 20px;
			}
			#atfirst01 .business .rank .box.rank01{
				padding: 20px 20px 30px;
			}
			#atfirst01 .business .rank .box{
				padding: 20px 20px 20px;
				border-radius: 10px;
			}
				#atfirst01 .business .rank .box .abs{
					right: 20px;
					bottom: 5px;
					font-size: 1.1rem;
				}
				#atfirst01 .business .rank .box .kome{
					right: 20px;
					bottom: 5px;
					font-size: 1.1rem;
				}
						#atfirst01 .business .rank .box .kome span::before{
							left: -17px;
						}
				#atfirst01 .business .rank .box h3{
					font-size: 1.8rem;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num{
					margin: auto auto 0 0;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(1){
					font-size: 2.0rem;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(2){
					font-size: 3.2rem;
				}
				#atfirst01 .business .rank .box.rank01 .txt .num p:nth-child(2) span{
					font-size: 5rem;
				}
				#atfirst01 .business .rank .box.rank01 .pht{
					width: 75%;
					margin: auto 0 0 0;
					max-width: 200px;
				}
				#atfirst01 .business .rank .box.rank03 .pht,
				#atfirst01 .business .rank .box.rank02 .pht{
					width: 16%;
				}
				#atfirst01 .business .rank .box.rank03 p.num,
				#atfirst01 .business .rank .box.rank02 p.num{
					font-size: 2.0rem;
				}
					#atfirst01 .business .rank .box.rank03 p.num span,
					#atfirst01 .business .rank .box.rank02 p.num span{
						font-size: 3.0rem;
					}
	#atfirst01 .question{
		margin-top: 80px;
	}
		#atfirst01 .question .ttl{
			height: 180px;
		}
			#atfirst01 .question .ttl p{
				font-size: 1.4rem;
			}
			#atfirst01 .question .ttl h2{
				font-size: 2.0rem;
			}
		#atfirst01 .question .cntnr{
			margin-top: 40px;
		}
			#atfirst01 .question .cntnr .cntnt:nth-child(1){
				align-items: center;
			}
				#atfirst01 .question .cntnr .cntnt:nth-child(1) .pht{
					width: 60px;
				}
				#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt{
					width: calc(100% - 80px);
					padding: 15px 15px;
					border-radius: 10px;
				}
					#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt .icon{
						width: 60px;
						right: -20px;
					}
					#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt p{
						font-size: 1.4rem;
						line-height: 1.6;
					}
					#atfirst01 .question .cntnr .cntnt:nth-child(1) .txt .tri-left{
						--size: 15px;
						left: -21px;
					}
			#atfirst01 .question .cntnr .cntnt:nth-child(2){
				border-radius: 10px;
				padding: 15px 20px;
				gap: 20px;
				margin: 15px auto 0;
			}
				#atfirst01 .question .cntnr .cntnt:nth-child(2)::after{
					width: 22px;
					height: 17px;
					bottom: -39px;
				}
				#atfirst01 .question .cntnr .cntnt:nth-child(2) img{
					width: 20%;
				}
				#atfirst01 .question .cntnr .cntnt:nth-child(2) p{
					font-size: 1.4rem;
					line-height: 1.6;
				}
			#atfirst01 .question .cntnr .cntnt:nth-child(3){
				border-radius: 15px;
				padding: 20px 15px 30px;
			}
				#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) h3{
					font-size: 1.8rem;
					margin-bottom: 15px;
					line-height: 1.3;
				}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) h3 span{
						font-size: 2.4rem;
					}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item{
						width: calc((100% - 20px) / 3);
						text-align: center;
					}
					#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item:nth-child(n+4){
						margin-top: 20px;
					}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item img{
							width: 70%;
						}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item p{
							font-size: 1.3rem;
							margin-top: 5px;
							line-height: 1.4;
							white-space: nowrap;
						}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item:last-child{
							width: calc((100% - 20px) * 2 / 3);
						}
						#atfirst01 .question .cntnr:nth-child(1) .cntnt:nth-child(3) .flex .item:last-child p{
							font-size: 1.1rem;
							white-space: wrap;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .pht{
							width: 60%;
							margin: auto;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt .center{
							width: 80%;
							margin: 0 auto;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt{
							width: 100%;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p:nth-child(2){
							font-size: 1.2rem;
							line-height: 1.8;
							padding: 2px 8px;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p.kome{
							font-size: 1.1rem;
							line-height: 1.0;
							margin-top: 5px;
						}
						#atfirst01 .question .cntnr:nth-child(2) .cntnt:nth-child(3) .flex .txt p:nth-child(3){
							font-size: 1.4rem;
							line-height: 1.6;
							margin-top: 6px;
						}
	#atfirst01 .goods{
		margin-top: 80px;
	}
		#atfirst01 .goods .ttl{
			height: 180px;
		}
			#atfirst01 .goods .ttl p{
				font-size: 1.4rem;
			}
			#atfirst01 .goods .ttl h2{
				font-size: 2.0rem;
			}
			#atfirst01 .goods .inner p:nth-child(1){
				font-size: 1.4rem;
				margin-top: 30px;
			}
			#atfirst01 .goods .inner img{
				width: 100%;
				margin-top: 10px;
			}
			#atfirst01 .goods .inner p:nth-child(3){
				font-size: 1.4rem;
			}
				#atfirst01 .goods .inner p:nth-child(3) span{
					font-size: 1.3rem;
				}
			#atfirst01 .goods .inner p:nth-child(4){
				font-size: 2.6rem;
				margin-top: 20px;
			}
				#atfirst01 .goods .inner p:nth-child(4)::after{
					bottom: -15px;
				}
				#atfirst01 .goods .inner p:nth-child(4)::before{
					width: 22px;
					height: 17px;
					bottom: -40px;
				}
			#atfirst01 .goods .inner .cntnr{
				border-radius: 10px;
				padding: 0 0 30px;
				margin-top: 150px;
			}
				#atfirst01 .goods .inner .cntnr .flex{
					margin: 0px;
					transform: translateY(-100px);
				}
					#atfirst01 .goods .inner .cntnr .flex .item{
						width: 85%;
						margin: auto;
					}
					#atfirst01 .goods .inner .cntnr .flex .item img{
						height: 150px;
						object-fit: cover;
					}
					#atfirst01 .goods .inner .cntnr .flex .item p{
						padding: 0 20px;
						height: 35px;
						transform: translateY(-15px);
						font-size: 1.4rem;
					}
						#atfirst01 .goods .inner .cntnr .flex .item p::before{
							width: 20px;
							height: 10px;
							top: -8px;
						}
				#atfirst01 .goods .inner .cntnr p{
					font-size: 1.4rem;
					margin-top: -100px;
				}
					#atfirst01 .goods .inner .cntnr p span{
						font-size: 1.9rem;
					}
			#atfirst01 .goods .inner p:nth-child(6){
				font-size: 1.4rem;
				margin-top: 40px;
			}
			#atfirst01 .goods .inner p:nth-child(7){
				font-size: 1.4rem;
				margin-top: 10px;
			}
			#atfirst01 .goods .inner .btn{
				height: 80px;
				width: 100%;
				min-width: 200px;
				margin: 40px auto 0;
			}
				#atfirst01 .goods .inner .btn::before{
					width: 30px;
					height: 17px;
					right: 15px;
				}
				#atfirst01 .goods .inner .btn h3{
					font-size: 1.4rem;
					line-height: 1.4;
				}
				#atfirst01 .goods .inner .btn:hover::before{
					right: 10px;
				}
}



/* atfirst02
--------------------- */

#atfirst02{
}
	#atfirst02.bg{
		background: url("../about/image/atfirst01/bg.png") no-repeat center / cover;
		width: 100%;
		height: 100%;
		padding: 0 0 140px;
	}
	#atfirst02 .chapter01{
	}
		#atfirst02 .chapter01 >.ttl{
			text-align: center;
			background: url("../about/image/atfirst01/ttl-bg.png") no-repeat center / cover;
			width: 100%;
			height: 230px;
			align-content: center;
		}
			#atfirst02 .chapter01 >.ttl p{
				color: #fff;
				font-weight: 600;
				font-size: 1.4rem;
				margin-bottom: 10px;
			}
			#atfirst02 .chapter01 >.ttl h2{
				font-size: 3.0rem;
				font-weight: 600;
				line-height: 1.6;
				color: #fff;
			}
				#atfirst02 .chapter01 >.ttl h2 span{
					font-size: 3.8rem;
					margin: 0 5px;
				}
		#atfirst02 .chapter01 .inner{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		#atfirst02 .chapter01 .inner .cntnt .w-box{
			border: 3px solid #EE680B;
			border-radius: 20px;
			margin-top: -40px;
			padding: 50px 0 60px;
			width: 100%;
			background: #fff;
		}
			#atfirst02 .chapter01 .inner .cntnt .ttl{
				position: relative;
				background: linear-gradient(90deg, #F18D00, #E6002D);
				color: #fff;
				/* display: inline-block; */
				height: 80px;
				margin: 100px auto 0;
				align-content: center;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 45%;
				min-width: 400px;
			}
				#atfirst02 .chapter01 .inner .cntnt .ttl > p{
					font-size: 1.4rem;
					text-align: center;
					line-height: 1.0;
					margin-right: 25px;
					font-weight: 700;
					margin-top: 5px;
				}
					#atfirst02 .chapter01 .inner .cntnt .ttl p > span{
						font-size: 3.8rem;
						line-height: 1.2;
					}
				#atfirst02 .chapter01 .inner .cntnt .ttl h2{
					line-height: 1.2;
					font-size: 3.0rem;
				}
				#atfirst02 .chapter01 .inner .cntnt .ttl h2.lh-1{
					line-height: 1.0;
					text-align: center;
				}
				#atfirst02 .chapter01 .inner .cntnt .ttl h2 span{
					font-size: 1.6rem;
					line-height: 1.0;
				}
				#atfirst02 .chapter01 .inner .cntnt .ttl .r-ttl p{
					text-align: center;
					font-size: 1.6rem;
					line-height: 1.0;
					margin-top: 7px;
					font-weight: 700;
				}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(1){
				/* padding: ; */
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map{
				width: 78%;
				margin: auto;
				position: relative;
				margin-top: 10px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt{
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					text-align: center;
				}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p span{
						background: #fff;
						display: inline-block;
						padding: 2px 10px;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(1){
						font-size: 2.0rem;
						font-weight: 700;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt h3{
						font-size: 5.0rem;
						font-weight: 700;
						color: #E6002D;
						background: #fff;
						line-height: 1.2;
						margin: 10px 0;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(3){
						font-size: 2.0rem;
						font-weight: 700;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(4){
						font-size: 1.2rem;
						font-weight: 500;
					}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .country{
					position: absolute;
					bottom: 0;
					left: 30%;
					display: flex;
				}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .country img{
						width: 44px;
						height: 28px;
						margin-right: 7px;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .country p{
						font-size: 1.4rem;
						font-weight: 500;
					}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box{
				background: #FEF6F7;
				box-shadow: 5px 5px 0px 0px #FCDFE2;
				width: 43%;
				border-radius: 15px;
				margin: 15px auto 0;
				display: flex;
				justify-content: space-between;
				padding: 25px 30px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box img{
					width: 38%;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt{
					width: 55%;
				}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt p:nth-child(1){
						font-size: 1.4rem;
						font-weight: 700;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt p:nth-child(2){
						font-size: 2.0rem;
						font-weight: 700;
					}
						#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt p:nth-child(2) span{
							color: #E6002D;
							line-height: 1.4;
						}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .ttl{
			margin-top: 40px;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box{
			padding: 60px 70px 60px;
		}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(1){
				text-align: center;
				font-size: 1.6rem;
				font-weight: 400;
				margin-top: 30px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .pht{
				margin-top: 30px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3){
				text-align: center;
				font-size: 2.6rem;
				font-weight: 700;
				margin-top: 60px;
				position: relative;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3)::before{
					content: "";
					position: absolute;
					width: 30px;
					height: 25px;
					top: -40px;
					left: 50%;
					transform: translate(-50%, 0);
					background: url(../about/image/atfirst01/arw02.svg) no-repeat center / contain;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3) span{
					font-size: 3.2rem;
					color: #E6002D;
					line-height: 1.4;
				}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .flex{
				justify-content: space-between;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .flex p{
					border: 2px solid #E6002D;
					text-align: center;
					color: #E6002D;
					font-size: 2.2rem;
					font-weight: 700;
					width: calc((100% - 30px) / 3);
					margin-top: 25px;
					line-height: 1.0;
					padding: 20px 0;
				}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ,
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4) {
			width: calc((100% - 30px) / 2);
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .ttl,
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .ttl{
			margin: 40px auto 0;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .ttl{
			width: 80%;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .ttl{
			width: 60%;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .w-box,
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .w-box{
			padding: 90px 70px 60px;
			margin: -50px auto 0;
		}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .ttl,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .ttl{
				height: 100px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .pht,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .pht{
				border-radius: 20px;
				overflow: hidden;
				height: 280px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .pht img{
				object-fit: cover;
				height: 100%;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .pht{
				background: rgba(241, 141, 1, .15);
				text-align: center;
				align-content: center;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .pht img{
				width: 80%;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul{
				margin-top: 25px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul li,
				#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul li{
					font-size: 2.0rem;
					font-weight: 700;
					padding-left: 20px;
					line-height: 1.4;
					position: relative;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul li:nth-child(n+2),
				#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul li:nth-child(n+2){
					margin-top: 10px;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul li::before,
				#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul li::before{
					content: "・";
					position: absolute;
					left: 0;
					top: 0;
				}
	#atfirst02 .chapter02{
		margin-top: 140px;
	}
		#atfirst02 .chapter02 >.ttl{
			text-align: center;
			background: url("../about/image/atfirst01/ttl-bg.png") no-repeat center / cover;
			width: 100%;
			height: 230px;
			align-content: center;
		}
			#atfirst02 .chapter02 > .ttl p{
				color: #fff;
				font-weight: 600;
				font-size: 1.4rem;
				margin-bottom: 10px;
			}
			#atfirst02 .chapter02 > .ttl h2{
				font-size: 3.0rem;
				font-weight: 600;
				line-height: 1.6;
				color: #fff;
			}
		#atfirst02 .chapter02 .cntnt:not(:last-child){
			padding-bottom: 70px;
		}
		#atfirst02 .chapter02 .cntnt:nth-child(1) .box{
			background: #FFFBF0;
			border-radius: 20px;
			border: 3px solid #F18D00;
			max-width: 830px;
			margin: 60px auto 0;
			padding: 50px 90px 60px;
			box-shadow: 5px 5px 0px 0px #F7EFD7;
			position: relative;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box::after{
				content: "";
				position: absolute;
				width: 30px;
				height: 25px;
				bottom: -50px;
				left: 50%;
				transform: translate(-50%, 0);
				background: url(../about/image/atfirst01/arw02.svg) no-repeat center / contain;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box > p{
				text-align: center;
				font-size: 2.6rem;
				font-weight: 700;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box .pht{
				width: 69%;
				margin: 15px auto 0;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item img{
					width: 75px;
				}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt{
					width: calc(100% - 90px);
					margin: auto 0 0 0;
				}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt p{
						font-size: 2.0rem;
						font-weight: 700;
					}
						#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt p span{
							font-size: 3.0rem;
							color: #E6002D;
						}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt ul{
						margin-top: 10px;
					}
						#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt ul li{
							padding-left: 25px;
							position: relative;
							font-size: 1.6rem;
							font-weight: 500;
						}
							#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt ul li::before{
								position: absolute;
								content: "・";
								left: 0;
								top: 0;
							}
		#atfirst02 .chapter02 .cntnt:nth-child(1) .flex{
			justify-content: space-between;
			align-items: center;
			max-width: 600px;
			margin: 75px auto 0;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .pht{
				border-radius: 15px;
				overflow: hidden;
				width: 50%;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt{
				width: calc(50% - 40px);
			}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p{
					font-size: 2.0rem;
					font-weight: 700;
				}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p.kome{
					font-size: 1.2rem;
					margin-top: 10px;
					font-weight: 500;
				}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p:nth-child(2){
						margin-top: 10px;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p span{
						font-size: 4.0rem;
						color: #E6002D;
						position: relative;
						margin-right: 5px;
					}
						#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p span::before{
							content: "";
							position: absolute;
							bottom: -10px;
							height: 30px;
							width: 100%;
							background: url(../about/image/atfirst01/border.svg) no-repeat center / contain;
							left: 0;
						}
		#atfirst02 .chapter02 .cntnt:nth-child(2){
			padding: 70px 0;
			background: #fff;
			border-radius: 40px;
			text-align: center;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(2) p{
				font-size: 2.0rem;
				font-weight: 700;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(2) .pht{
				width: 64%;
				margin: 30px auto 0;
			}
		#atfirst02 .chapter02 .cntnt:nth-child(3){
			padding: 70px 0 0;
			text-align: center;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(1){
				font-size: 1.6rem;
				font-weight: 500;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(3) .flex{
				justify-content: space-between;
				max-width: 700px;
				margin: 50px auto 0;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .arw{
					position: relative;
				}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .arw::before{
						content: "";
						position: absolute;
						width: 30px;
						height: 25px;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%) rotate(-90deg);
						background: url(../about/image/atfirst01/arw02.svg) no-repeat center / contain;
					}
				#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item{
					width: calc((100% - 70px) / 2);
				}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(1) p{
						background: #E6002D;
						color: #fff;
						font-size: 1.5rem;
						font-weight: 700;
						width: 40%;
						margin: auto;
						height: 30px;
						align-content: center;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(1) h3{
						width: 100%;
						aspect-ratio: 1 / 1;
						align-content: center;
						border-radius: 50vh;
						border: 2px solid #E6002D;
						font-size: 2.5rem;
						font-weight: 700;
						color: #E6002D;
						margin-top: -15px;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(3) p{
						color: #E6002D;
						border: 2px solid #E6002D;
						background: #fff;
						font-size: 1.5rem;
						font-weight: 700;
						width: 40%;
						margin: auto;
						height: 30px;
						align-content: center;
						position: relative;
						z-index: 2;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(3) h3{
						width: 100%;
						aspect-ratio: 1 / 1;
						align-content: center;
						border-radius: 50vh;
						font-size: 2.5rem;
						background: linear-gradient(#F18D00, #E6002D);
						font-weight: 700;
						color: #fff;
						margin-top: -15px;
					}
			#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(3){
				font-size: 2.8rem;
				font-weight: 700;
				margin-top: 40px;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(3) span{
					color: #fff;
					background: linear-gradient(90deg, #F18D00, #E6002D);
					padding: 0 10px;
				}
			#atfirst02 .chapter02 .inner .btn{
				background: #fff;
				border: 2px solid #E6002D;
				text-align: center;
				height: 140px;
				align-content: center;
				width: 63%;
				margin: 80px auto 0;
				position: relative;
				box-shadow: 7px 7px 0px 0px #E6002D;
				min-width: 700px;
				cursor: pointer;
			}
				#atfirst02 .chapter02 .inner .btn a{
					justify-content: center;
				}
				#atfirst02 .chapter02 .inner .btn::before{
					position: absolute;
					content: "";
					background: url("../image/common/icon_arrow_red01.svg") no-repeat center / cover;
					width: 36px;
					height: 20px;
					right: 40px;
					top: 50%;
					transform: translate(0, -50%);
					transition: all .4s;
				}
				#atfirst02 .chapter02 .inner .btn h3{
					font-size: 3.0rem;
					font-weight: 600;
				}
				#atfirst02 .chapter02 .inner .btn:hover::before{
					right: 35px;
				}


@media screen and (max-width: 1024px) {

#atfirst02{
}
	#atfirst02.bg{
		padding: 0 0 100px;
	}
		#atfirst02 .chapter01 >.ttl{
			height: 200px;
		}
			#atfirst02 .chapter01 .ttl p{
				font-size: 1.4vw;
			}
			#atfirst02 .chapter01 .ttl h2{
				font-size: 2.8vw;
			}
				#atfirst02 .chapter01 .ttl h2 span{
					font-size: 3.5vw;
				}
		#atfirst02 .chapter01 .inner .cntnt .w-box{
			border-radius: 15px;
		}
			#atfirst02 .chapter01 .inner .cntnt .ttl{
				width: 60%;
				min-width: 400px;
			}
				#atfirst02 .chapter01 .inner .cntnt .ttl > p{
					font-size: 1.4vw;
					margin-right: 20px;
				}
					#atfirst02 .chapter01 .inner .cntnt .ttl > p span{
						font-size: 3.8vw;
					}
				#atfirst02 .chapter01 .inner .cntnt .ttl h2{
					font-size: 2.8vw;
				}
				#atfirst02 .chapter01 .inner .cntnt .ttl h2 span{
					font-size: 1.6vw;
				}
				#atfirst02 .chapter01 .inner .cntnt .ttl .r-ttl p{
					font-size: 1.6vw;
				}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map{
				width: 80%;
			}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p span{
						padding: 2px 10px;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(1){
						font-size: 1.8vw;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt h3{
						font-size: 4vw;
						white-space: nowrap;
						margin: 5px 0;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(3){
						font-size: 2vw;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(4){
						font-size: 1.2vw;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .country img{
						width: 38px;
						height: 22px;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .country p{
						font-size: 1.4vw;
					}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box{
				width: 60%;
				border-radius: 15px;
				margin: 15px auto 0;
				padding: 20px 25px;
			}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt p:nth-child(1){
						font-size: 1.4vw;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt p:nth-child(2){
						font-size: 2.0vw;
					}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .ttl{
			margin-top: 30px;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box{
			padding: 50px 60px;
		}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(1){
				font-size: 1.6vw;
				margin-top: 20px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .pht{
				margin-top: 25px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3){
				font-size: 2.6vw;
				margin-top: 50px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3)::before{
					width: 25px;
					height: 20px;
					top: -30px;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3) span{
					font-size: 3.2vw;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .flex p{
					font-size: 2.2vw;
					margin-top: 20px;
					padding: 15px 0;
				}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .ttl,
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .ttl{
			margin: 30px auto 0;
			min-width: 0;
			width: 90%;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .w-box,
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .w-box{
			padding: 70px 20px 60px;
			margin: -40px auto 0;
		}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .ttl,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .ttl{
				height: 80px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .pht,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .pht{
				border-radius: 15px;
				height: 240px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul{
				margin-top: 20px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul li,
				#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul li{
					font-size: 2.0vw;
				}
	#atfirst02 .chapter02{
		margin-top: 100px;
	}
		#atfirst02 .chapter02 >.ttl{
			height: 200px;
		}
			#atfirst02 .chapter02 .ttl p{
				font-size: 1.4vw;
			}
			#atfirst02 .chapter02 .ttl h2{
				font-size: 3.0vw;
			}
		#atfirst02 .chapter02 .cntnt:not(:last-child){
			padding-bottom: 50px;
		}
		#atfirst02 .chapter02 .cntnt:nth-child(1) .box{
			border-radius: 15px;
			margin: 50px auto 0;
			padding: 40px 60px 50px;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box::after{
				width: 25px;
				height: 20px;
				bottom: -40px;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box > p{
				font-size: 2.6vw;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box .pht{
				margin: 15px auto 0;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item img{
					width: 75px;
				}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt{
					width: calc(100% - 100px);
				}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt p{
						font-size: 2.0vw;
					}
						#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt p span{
							font-size: 3.0vw;
						}
						#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt ul li{
							padding-left: 20px;
							font-size: 1.6vw;
						}
		#atfirst02 .chapter02 .cntnt:nth-child(1) .flex{
			margin: 60px auto 0;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt{
				width: calc(50% - 40px);
			}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p{
					font-size: 2.0vw;
				}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p.kome{
					font-size: 1.2vw;
				}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p:nth-child(2){
						margin-top: 10px;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p span{
						font-size: 4.0vw;
					}
		#atfirst02 .chapter02 .cntnt:nth-child(2){
			padding: 50px 0;
			border-radius: 30px;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(2) p{
				font-size: 2.0vw;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(2) .pht{
				width: 60%;
				margin: 20px auto 0;
			}
		#atfirst02 .chapter02 .cntnt:nth-child(3){
			padding: 50px 0 0;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(1){
				font-size: 1.6vw;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(3) .flex{
				margin: 50px auto 0;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item{
					width: calc((100% - 50px) / 2);
				}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(1) p{
						font-size: 1.5vw;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(1) h3{
						font-size: 2.5vw;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(3) p{
						font-size: 1.5vw;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(3) h3{
						font-size: 2.5vw;
					}
			#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(3){
				font-size: 2.8vw;
				margin-top:30px;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(3) span{
					padding: 0 10px;
				}
			#atfirst02 .chapter02 .inner .btn{
				height: 100px;
				width: 80%;
				min-width: 400px;
				margin: 60px auto 0;
			}
				#atfirst02 .chapter02 .inner .btn::before{
					width: 30px;
					height: 17px;
					right: 20px;
				}
				#atfirst02 .chapter02 .inner .btn h3{
					font-size: 3.0vw;
				}
				#atfirst02 .chapter02 .inner .btn:hover::before{
					right: 15px;
				}

}


@media screen and (max-width: 767px) {

#atfirst02{
}
	#atfirst02.bg{
		padding: 0 0 60px;
	}
		#atfirst02 .chapter01 >.ttl{
			height: 180px;
		}
			#atfirst02 .chapter01 > .ttl p{
				font-size: 1.2rem;
				margin-bottom: 5px;
			}
			#atfirst02 .chapter01 > .ttl h2{
				font-size: 2.0rem;
				line-height: 1.4;
			}
				#atfirst02 .chapter01 > .ttl h2 span{
					font-size: 2.5rem;
				}
		#atfirst02 .chapter01 .inner .cntnt .w-box{
			border-radius: 10px;
			padding: 50px 0 30px;
		}
			#atfirst02 .chapter01 .inner .cntnt .ttl{
				width: 85%;
				min-width: 200px;
				margin: 40px auto 0;
				height: 74px;
			}
				#atfirst02 .chapter01 .inner .cntnt .ttl > p{
					font-size: 1.2rem;
					margin-right: 10px;
				}
					#atfirst02 .chapter01 .inner .cntnt .ttl > p span{
						font-size: 2.4rem;
						margin-top: 3px;
					}
				#atfirst02 .chapter01 .inner .cntnt .ttl h2{
					font-size: 1.8rem;
				}
				#atfirst02 .chapter01 .inner .cntnt .ttl h2 span{
					font-size: 1.4rem;
				}
				#atfirst02 .chapter01 .inner .cntnt .ttl .r-ttl p{
					font-size: 1.4rem;
					margin-top: 5px;
				}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map{
				width: 90%;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt{
					position: relative;
					top: auto;
					left: auto;
					transform: translate(0, 0);
				}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p{
						line-height: 1.4;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p span{
						padding: 2px 10px;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(1){
						font-size: 1.4rem;
						white-space: nowrap;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt h3{
						font-size: 2.5rem;
						white-space: nowrap;
						margin: 5px 0;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(3){
						font-size: 1.6rem;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .txt p:nth-child(4){
						font-size: 1.2rem;
					}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .country{
					bottom: -10px;
					left: 20%;
				}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .country img{
						width: 33px;
						height: 17px;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .map .country p{
						font-size: 1.2rem;
						line-height: 1.2;
					}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box{
				width: 90%;
				border-radius: 10px;
				margin: 25px auto 0;
				padding: 20px 15px;
				flex-wrap: wrap;
				max-width: 300px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt{
					width: 100%;
					text-align: center;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt p{
					line-height: 1.6;
				}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt p:nth-child(1){
						font-size: 1.2rem;
						margin-bottom: 5px;
					}
					#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box .txt p:nth-child(2){
						font-size: 1.8rem;
						line-height: 1.4;
					}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(1) .box img{
					width: 100%;
					margin-top: 10px;
				}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .ttl{
			margin-top: 20px;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box{
			padding: 40px 15px 30px;
		}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(1){
				font-size: 1.4rem;
				margin-top: 20px;
				text-align: left;
				line-height: 1.8;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .pht{
				margin-top: 25px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2){
					max-width: 100%;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .pht img{
					min-width: 500px;
				}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3){
				font-size: 1.6rem;
				margin-top: 50px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3)::before{
					width: 20px;
					height: 15px;
					top: -30px;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .w-box >p:nth-child(3) span{
					font-size: 2.2rem;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(2) .flex p{
					font-size: 1.4rem;
					width: calc((100% - 20px) / 3);
					margin-top: 15px;
					padding: 12px 0;
				}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3),
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4){
			width: 100%;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .ttl,
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .ttl{
			margin: 20px auto 0;
			min-width: 0;
			width: 85%;
		}
		#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .w-box,
		#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .w-box{
			padding: 50px 15px 30px;
			margin: -35px auto 0;
		}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .ttl,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .ttl{
				height: 70px;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) .pht,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) .pht{
				border-radius: 10px;
				height: 180px;
				max-width: 300px;
				margin: auto;
			}
			#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul,
			#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul{
				margin-top: 20px;
			}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul li,
				#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul li{
					font-size: 1.4rem;
					padding-left: 12px;
				}
				#atfirst02 .chapter01 .inner .cntnt:nth-child(3) ul li:nth-child(n+2),
				#atfirst02 .chapter01 .inner .cntnt:nth-child(4) ul li:nth-child(n+2){
					margin-top: 5px;
				}
	#atfirst02 .chapter02{
		margin-top: 80px;
	}
		#atfirst02 .chapter02 >.ttl{
			height: 180px;
		}
			#atfirst02 .chapter02 .ttl p{
				font-size: 1.2rem;
				margin-bottom: 5px;
			}
			#atfirst02 .chapter02 .ttl h2{
				font-size: 2.0rem;
				line-height: 1.4;
			}
		#atfirst02 .chapter02 .cntnt:not(:last-child){
			padding-bottom: 40px;
		}
		#atfirst02 .chapter02 .cntnt:nth-child(1) .box{
			border-radius: 15px;
			margin: 30px auto 0;
			padding: 20px 15px 30px;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box::after{
				width: 25px;
				height: 20px;
				bottom: -40px;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box > p{
				font-size: 1.6rem;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .box .pht{
				margin: 5px auto 0;
				width: 90%;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item{
					margin-top: 15px;
				}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item img{
					width: 75px;
					margin: auto 0 0;
				}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt{
					width: calc(100% - 90px);
				}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt p{
						font-size: 1.4rem;
						line-height: 1.4;
					}
						#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt p span{
							font-size: 2.0rem;
						}
						#atfirst02 .chapter02 .cntnt:nth-child(1) .box .item .txt ul li{
							padding-left: 15px;
							font-size: 1.4rem;
							line-height: 1.6;
						}
		#atfirst02 .chapter02 .cntnt:nth-child(1) .flex{
			margin: 50px auto 0;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .pht{
				width: 100%;
				height: 180px;
				order: 2;
				margin-top: 15px;
				border-radius: 10px;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt{
				/* width: calc(50% - 20px); */
				text-align: center;
				width: 100%;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p{
					font-size: 1.4rem;
					line-height: 1.4;
				}
				#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p.kome{
					font-size: 1.1rem;
					margin-top: 5px;
				}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p:nth-child(2){
						margin-top: 7px;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(1) .flex .txt p span{
						font-size: 2.0rem;
					}
		#atfirst02 .chapter02 .cntnt:nth-child(2){
			padding: 20px 0;
			border-radius: 10px;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(2) p{
				font-size: 1.4rem;
				line-height: 1.8;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(2) .pht{
				width: 80%;
				margin: 20px auto 0;
			}
		#atfirst02 .chapter02 .cntnt:nth-child(3){
			padding: 50px 0 0;
		}
			#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(1){
				font-size: 1.4rem;
				line-height: 1.8;
			}
			#atfirst02 .chapter02 .cntnt:nth-child(3) .flex{
				margin: 40px auto 0;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item{
					width: calc((100% - 30px) / 2);
				}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(1) p{
						font-size: 1.2rem;
						width: 60%;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(1) h3{
						font-size: 1.4rem;
						white-space: nowrap;
						line-height: 1.4;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(3) p{
						font-size: 1.2rem;
						width: 60%;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .item:nth-child(3) h3{
						font-size: 1.4rem;
						white-space: nowrap;
						line-height: 1.4;
					}
					#atfirst02 .chapter02 .cntnt:nth-child(3) .flex .arw::before {
						width: 20px;
						height: 15px;
						top: 55%;
					}
			#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(3){
				font-size: 1.5rem;
				white-space: nowrap;
				margin-top:30px;
			}
				#atfirst02 .chapter02 .cntnt:nth-child(3) p:nth-child(3) span{
					padding: 0 10px;
				}
			#atfirst02 .chapter02 .inner .btn{
				height: 80px;
				width: 100%;
				min-width: 200px;
				margin: 40px auto 0;
			}
				#atfirst02 .chapter02 .inner .btn::before{
					width: 30px;
					height: 17px;
					right: 15px;
				}
				#atfirst02 .chapter02 .inner .btn h3{
					font-size: 1.4rem;
					line-height: 1.4;
				}
				#atfirst02 .chapter02 .inner .btn:hover::before{
					right: 10px;
				}
}