@charset "UTF-8";

.sp { display: none; }
.tb { display: none; }
.pc { display: block; }

/* pc */
@media screen and (max-width: 1400px) {
	.mv {
		margin: 0 auto;
		height: 698px;
    	background: url(../img/bg-mv.jpg) no-repeat center center / cover;
	}
}

/* tablet */
@media screen and (max-width: 1100px) {

	.tb { display: block; }
	.pc { display: none; }

	img {
		width: 100%;
	}

	.mv {
		margin: 0 auto;
		height: 698px;
    	background: url(../img/bg-mv-tb.jpg) no-repeat center center / cover;
	}

	.wrap-list p {
		margin: 0 15px;
	}

	section {
		padding: 40px 15px;
	}

	h2 {
		font-size: 3rem;
		line-height: 1.5;
		margin-bottom: 30px;
	} 

	.sub-copy {
		margin: 0px auto;
	}

	.wrap-cta {
		padding: 30px 30px 40px;
	}

	.wrap-cta-btn {
		gap: 20px;
		margin-top: 10px;
	}

	.wrap-cta-footer {
		padding: 30px 30px 40px;
	}

	.wrap-text-baton {
		max-width: 600px;
	}


	.arrow-onayami {
		max-width: 400px;
	}

	.wrap-onayami .inner {
		border-radius: 5px;
	}

	.wrap-text-reason {
		padding: 0px 30px;
	}

	.wrap-reason .txt-features {
		max-width: 320px;
	}

	.wrap-reason .fb {
		gap: 60px;
	}

	.wrap-reason .wrap-txt {
		height: 247px;
	}

	.wrap-reason .fb.second {
		margin-top: 40px;
	}

	.wrap-text-step {
		max-width: 180px;
	}

	.wrap-card-step {
		gap: 30px;
		justify-content: center;
	}

	.wrap-name-profile h3 {
		width: 100%;
	}


	.wrap-img-profile .copy {
		font-size: 2.2rem;
	}

	.wrap-baton {
		gap: 40px;
		flex-wrap: wrap;
	}



}


/* mini tablet */
@media all and (max-width: 767px) {
	.mv {
		margin:  0 auto;
	}

}

/* smart phone */
@media screen and (max-width: 599px) {

	.sp { display: block; }
    .pc { display: none; }
	
	.fb {
		flex-wrap: wrap;
	}

	img {
		width: 100%;
	}

	h2 {
		font-size: 3rem;
		line-height: 1.5;
		margin-bottom: 30px;
	} 

	.wrap-header {
		min-height: 60px;
		margin: 0px;
		flex-wrap: wrap; 
		justify-content: center;
	}

	.wrap-header a {
		margin: 0px;
	}

	.hd-logo {
		margin: 10px auto;
	}

	.mv {
		height: 498px;
    	background: url(../img/bg-mv-sp.jpg) no-repeat center center / cover;
	}

	.main-copy {
		font-size: 2.5rem;
		padding: 10px 20px;
		width: 380px;
	}

	.sub-copy {
		width: 100%;
		font-size: 1.8rem;
		margin: 0px auto; 
		letter-spacing: 0.06em;
		text-align: left;
	}

	.wrap-text-mv {
		top: 62%;
	}

	.wrap-cta {
		padding: 30px 10px 40px;
	}

	.wrap-cta p {
		font-size: 1.8rem;
    	letter-spacing: 0em;
	}

	.wrap-cta span {
		font-size: 2.4rem;
	}

	.wrap-cta-btn {
		gap: 15px;
		flex-wrap: wrap;
	}


	.wrap-onayami .inner {
		background: url(../img/bg-onayami-sp.png) no-repeat center center / cover;
		height: 766px;
		border-radius: 5px;
	}

	.wrap-text-onayami {
		text-align: left;
		padding: 40px 30px;
	}

	.arrow-onayami {
		max-width: 266px;
	}

	.wrap-onayami .jitsugen span {
		font-size: 2.4rem;
	}

	.wrap-reason .txt-features {
		max-width: 100%;
		padding: 0px 30px;
		margin: auto;
	}

	.wrap-reason .num {
		top: -30px;
		left: 16px;
	}

	.wrap-reason .wrap-txt {
		height: 100%;
	}

	.wrap-reason .fb {
		gap: 60px;
	}

	.wrap-text-reason {
		gap: 0px;
	}

	.wrap-list h2 {
		margin-bottom: 10px;
	}

	.wrap-list-img {
		overflow-x: scroll;
	}

	.wrap-list-img img {
		width: 590px;
	}

	.wrap-list p {
		margin: 20px auto 0px auto;
	}

	.wrap-text-voice {
		padding: 30px;
	}

	.wrap-faq-question,.wrap-faq-answer {
		padding: 20px;
	}

	.wrap-step h3 {
		font-size: 2.2rem;
	}

	.wrap-card-step {
		flex-wrap: wrap;
		gap: 80px;
	}

	.icon-step::after{
		display: none;
	}

	.wrap-text-step .text.arrow {
		position: relative;
	}

	.wrap-text-step .text.arrow::after{
		content: "";
		position: absolute;
		background: url(../img/arrow-step-sp.svg);
		width: 16px;
		height: 14px;
		top: 131%;
		right: 47%;
		display: inline-block;
	}

	.wrap-text-step .ttl {
		height: 100%;
	}

	.wrap-text-step {
		max-width: 80%;
		margin: auto;
	}

	.wrap-text-step img {
		max-width: 120px;
	}

	.wrap-img-profile {
		flex-wrap: wrap;
		gap: 20px;
	}

	.wrap-img-profile img {
		max-width: 240px;
		margin: auto;
	}

	.wrap-img-profile .copy {
		font-size: 2.2rem;
	}

	.wrap-img-profile .ttl{
		font-size: 1.4rem;
		text-align: right;
	}
	
	.wrap-img-profile .name{
		font-size: 3rem;
		text-align: right;
	}

	.wrap-career-licence {
		flex-wrap: wrap;
	}

	.wrap-img-profile .img-book {
		margin: auto;
		display: block;
	}

	.wrap-name-profile {
		max-width: 600px;
		margin: auto;
	}

	.wrap-career,.wrap-license {
		width: 100%;
	}

	.wrap-footer {
		padding: 20px 0px 60px 0px;
	}

	.wrap-cta-footer {
		padding: 30px 10px 40px;
	}
	
	.wrap-cta-footer p {
		font-size: 1.8rem;
    	letter-spacing: 0em;
	}

	.wrap-cta-footer span {
		font-size: 2.4rem;
	}

	footer .copyright {
		font-size: 1.3rem;
	}
	

}