@charset "UTF-8";

/* Mobile Phone */
@media screen and (max-width: 820px) {

	.pc {
		display: none;
	}

	.header_sp {
		display: inline-block;
	}

	.sp {
		display: block;
	}

	.sp02 {
		display: none;
	}

	/* ボタン */
	.btn a {
		display: inline-block;
		background: rgb(240, 98, 98);
		background: linear-gradient(90deg, rgba(240, 98, 98, 1) 0%, rgba(117, 17, 17, 1) 50%, rgba(250, 169, 0, 1) 100%);
		background-position: 1% 50%;
		background-size: 200% auto;
		color: #fff;
		text-decoration: none;
		font-size: 0.9rem;
		padding: 0.6rem 1rem;
		border-radius: 2rem;
		transition: all 0.3s ease-out;
	}

	.btn a:hover {
		background-position: 99% 50%;
	}

	/* 詳しくはこちらのリンク */
	.detail {
		padding: 1rem 0.5rem 0;
		font-size: 0.96rem;
	}

	.detail a {
		text-decoration: none;
	}

	/* メインイメージ、コピー */

	.main_image01 {
		width: 80%;
	}

	.main_image02 {
		padding: 80px 0 40px;
		width: 92%;
	}

	.main_image02 .btn {
		padding-top: 30px;
	}

	.main_image02 .btn a {
		font-size: 1rem;
		font-weight: bold;
		padding: 0.6rem 2rem;
		width: 90%;
		max-width: 400px;
	}

	/* エネファームについて */
	.about {
		display: block;
		padding: 20px 0 40px;
	}

	.about .about_img {
		width: 100%;
		padding-top: 48%;
		border-radius: 32px 32px 0 0;
	}

	.about.reverse .about_img {
		width: 100%;
		padding-top: 60%;
		border-radius: 24px 24px 0 0;
	}

	.about .about_img {
		background-size: cover;
		background-position: center 50%;
		background-repeat: no-repeat;
	}

	.about .about_text {
		width: 94%;
		padding: 20px 0;
		margin: -18% auto auto;
		background: rgba(255, 255, 255, .9);
	}

	.about .about_text h2 {
		font-size: 1.6rem;
		padding: 0 0 0.4rem 3%;
		margin-bottom: 20px;
	}

	.about .about_text h2 span {
		display: inline-block;
	}

	.about .about_text h3 {
		font-size: 1.4rem;
	}

	.about .about_text h3 span {
		display: inline-block;
	}

	.about .about_text p {
		padding-bottom: 0.6rem;
	}

	.about .about_text p.small {
		font-size: 0.9rem;
	}


	.about_inner {
		padding: 0 4%;
	}

	.about01 {
		background-image: url(../img/cont01_image_sp.jpg);
	}

	.about02 {
		background-image: url(../img/cont02_image_sp.jpg);
	}

	.about03 {
		background-image: url(../img/cont03_image_sp.jpg);
	}

	.about04 {
		background-image: url(../img/cont04_image_sp.jpg);
	}

	.about05 {
		background-image: url(../img/cont05_image_sp.jpg);
	}


	.cont01_01 {
		display: block;
		padding-bottom: 40px;
	}

	.cont01_01 .img {
		width: 90%;
		margin: 0 auto;
	}

	.cont01_01 .text {
		width: 100%;
		padding-top: 20px;
		font-size: 0.96rem;
	}

	.cont01_02 {
		padding-top: 1rem;
		font-size: 0.96rem;
	}

	.cont01_02 .img {
		width: 100%;
	}

	.cont02 .img {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0 0;
	}

	.cont03 {
		font-size: 0.96rem;
	}

	.cont03 .img {
		padding: 20px 0 0;
		display: block;
	}

	.cont03 .col {
		padding-bottom: 20px;
	}

	.cont04 {
		font-size: 0.96rem;
	}

	.cont05 {
		font-size: 0.96rem;
	}

	.cont05 .img {
		padding: 20px 0 0;
		display: block;
	}

	.cont05 .col {
		padding-bottom: 30px;
	}

	/* お客様の声 */
	.voice {
		padding: 40px 0;
	}

	.voice h2 {
		font-size: 1.6rem;
	}

	.slick-slider {
		padding-top: 2rem;
	}

	.slick-slider li {
		padding: 0 16px;
	}

	.slick-slider li p {
		font-size: 0.96rem;
	}

	.slick-slider li p span {
		display: inline-block;
	}

	/* キャンペーン */
	.campaign_img {
		width: 100%;
	}

	.campaign_text {
		padding-top: 40px;
		display: block;
	}

	.campaign_text h3 {
		flex-direction: row;
		width: 100%;
		padding: 0.5rem 0;
		font-size: 1rem;
	}

	.campaign_text ul {
		padding-top: 1rem;
		font-size: 0.96rem;
	}

	/* 資料請求 */

	.contact {
		padding: 80px 0;
	}

	.contact h2 {
		font-size: 1.6rem;
	}

	.contact h2 span {
		display: inline-block;
	}

	.contact_inner {
		padding: 3rem 2rem;
		text-align: center;
	}

	.contact_inner ul {
		text-align: left;
		line-height: 1.4;
	}

	/* フッター */
	footer {
		padding: 60px 0;
	}

	.footer {
		display: block;
	}

	.footer_logo {
		width: 48%;
		margin: 0 auto;
	}

	.footer_nav {
		display: flex;
		font-size: 0.9rem;
		justify-content: center;
		padding-top: 2rem;
	}

	.copy {
		text-align: center;
		color: #fff;
		padding-top: 40px;
		font-size: 0.7rem;
	}

	/* お問い合わせ完了 */
	.btn.thanks {
		text-align: center;
		padding-top: 30px;
	}

	.btn.thanks a {
		width: 90%;
		max-width: 360px;
	}

	/* お年玉キャンペーンでの修正 */

	.campaign {
		padding: 40px 0 80px;
	}

	.campaign02 {
		margin-top: -80px;
	}

	.campaign03 {
		padding: 1rem;
	}

	/* Refaキャンペーン */
	.refa_main .btn {
		text-align: center;
		margin-top: -10px;
	}

	.refa_main .btn a {
		font-size: 1rem;
		font-weight: bold;
		padding: 0.5rem 2rem;
		width: 48%;
		max-width: 400px;
	}

	.campaign.refa {
		padding: 0 0 20px;
	}

	/* 無金利ローンキャンペーン */
	.withoutint_top .an-fadeup,
	.withoutint_top .withoutint_fadein {
		transition: none;
		transform: none;
		opacity: 1;
	}

	#withoutLogo {
		transition: none;
		top: 15%;
		transform: translate(-2%, 0%) scale(1);
	}

	#withoutLogo.withoutlogo-scrolled {
		transform: translate(-2%,0%) scale(0.8);
		top: 15%;
	}

	.withoutint_grid3 > .btn {
		width: 60%;
	}
}