@charset "utf-8";
/* CSS Document */


/*////// 共通 ///////*/
@media (min-width:480px) {
	html {
		font-size: 16px;
	}
}

.bg-light-blue {
	background-color: #ebf7ff;
}

.f-0_8 {
	font-size: 0.8em;
}

.c-red {
	color: #d60010;
}


/*////// セクション1 ///////*/
.sec1 h2 {
	font-size: 1.6em !important;
}

.sec1 p {
	font-size: 1.1em;
	line-height: 1.7em;
}

@media (min-width: 992px) {
	.sec1 h2 {
		font-size: 1.7em !important;
	}
}


/*////// セクション3 ///////*/
.sec3 .title {
	width: 100%;
	padding-bottom: 130px !important;
	background:
	repeating-linear-gradient(
	  -45deg,
	  rgba(255,255,255,.3) 0 1px,
	  transparent 1px 15px
	),
	#007fbf;
}

.sec3 .title .text1 {
	font-family: 'Noto Serif JP', serif;
	color: #00719e;
	background-color: #fff;
	text-align: center;
	font-size: 1.4em;
	font-weight: 600;
	width: fit-content;
	margin: 0 auto;
}

.sec3 .title .title-img {
	width: 270px;
	margin: 0 auto;
}

@media (min-width: 480px) {
	.sec3 .title .title-img {
		width: 320px;
		margin: 0 auto;
	}
	
	.sec3 .note-wrap .note {
		font-size: 1em;
	}
}

@media (min-width: 576px) {
	.sec3 .title .title-img {
		width: 360px;
		margin: 0 auto;
	}
	
	.sec3 .title .text1 {
		font-size: 1.5em;
	}	
}	

@media (min-width: 768px) {
	.sec3 .title .title-img {
		width: 540px;
		margin: 0 auto;
	}	
}

@media (min-width: 992px) {
	.sec3 .title .title-img {
		width: 600px;
	}
	
	.sec3 .title .text1 {
		font-size: 1.5em;
	}	
}

@media (min-width: 1200px) {
	.sec3 .title .title-img {
		width: 660px;
	}
	
	.sec3 .title .text1 {
		font-size: 1.6em;
	}	
}


/*////// セクション3（タブ切替） ///////*/
.campaign-section {
	margin-top: -100px;
}

/* タブ */
.campaign-tab{
    position: relative;
    z-index: 2;
    justify-content: center;
}

.campaign-tab .nav-link{
    background:#fff;
    border:1px solid #ebf7ff;
	border-bottom: none;
    border-radius:8px 8px 0 0;
    color:#000;
	font-size: 1.15em;
    font-weight:700;
	line-height: 1.4em;
    width:150px;
    height:100px;
	margin: 0 10px;
}

/* ホバー */
.campaign-tab .nav-link:hover{
    background:#FFFFFF;
}

/* アクティブ */
.campaign-tab .nav-link.active{
    background:#ebf7ff;   /* ←好きな色 */
    border-color:#ebf7ff;
	color: #222;
}

.campaign-tab .price{
    font-size:2rem;
    color:#E70003;
    font-weight:bold;
    opacity:.25;   /* 赤を薄くする */
    transition:.3s;	
}

.campaign-tab .nav-link.active .price{
    opacity:1;
}


/* 100万円キャッシュバック（アクティブ時） */
#cash-tab.active{
    background:#ebf7ff;
}

/* エアコン（アクティブ時） */
#aircon-tab.active{
    background:#FFF9ED;
}

.campaign-tab .nav-link{
    border:1px solid #cfdbe8;
    border-bottom:none;
    border-radius:8px 8px 0 0;
	color: #ddd;
}

.tab-pane.fade{
    transition: opacity .15s ease-in-out;
}

/* コンテンツ部分 */
.campaign-content{
    background:#ebf7ff;
    padding:40px 25px;
	transition:background-color .3s ease;
	width: 100%;
}

.campaign-content.aircon{
    background:#FFF9ED;
}

/* スライダ― */
.slider {
	max-width: 1350px !important;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding: 0;
	line-height: 0;
}

.slick-arrow:before{
	content:""!important;
}

.slick-arrow:before{
	content:""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
}

.slick-next:before{
	background: url(../../assets/images/common/next.svg)!important;
	background-size: contain!important;
	background-repeat: no-repeat !important;
	opacity: 1;
}

.slick-prev:before{
	background: url(../../assets/images/common/prev.svg)!important;
	background-size: contain!important;
	background-repeat: no-repeat !important;
	opacity: 1;
}

.slick-prev {
	top: 50%;
	left: -25px;
}

.slick-next {
	top: 50%;
	right: -25px;
}

.slick-prev, .slick-next {
	width: 35px !important;
	height: 58px !important;
	padding: 0;
	z-index: 10 !important;	
}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 18px;
	line-height: 20px;
}

.slick-dots {
	position: absolute;
	bottom: -40px !important;
	left: -1px;
}

.slick-list,
.slick-track{
    height:auto !important;
}


@media (min-width: 480px) {
	.slider .slick-list {
		margin: 0 -8px;
		overflow: visible;
	}
	
	.slider .campaign-box {
		margin: 0 8px;
	}
	
	.slick-prev {
		left: -35px !important;
	}

	.slick-next {
		right: -35px !important;
	}

	.slick-prev, .slick-next {
		width: 40px;
		height: 67px;
	}
	
	.campaign-tab .nav-link {
			width:200px;
		}
	
	.campaign-content{
		padding:45px 35px;
	}	
}

@media (min-width: 576px) {
.campaign-tab .nav-link {
		font-size: 1.3em;
		width:220px;
		margin: 0 15px;
	}
	
	.campaign-content{
		padding:50px 40px;
	}
	
	.slick-prev {
		left: -40px !important;
	}

	.slick-next {
		right: -40px !important;
	}
	
	.slick-prev, .slick-next {
		width: 40px !important;
		height: 66px !important;
	}	
	
	.slider .campaign-box {
		margin: 0 12px !important;
	}	
}

@media (min-width: 768px) {
	.slick-prev {
		left: -50px !important;
	}

	.slick-next {
		right: -50px !important;
	}
	
	.slick-prev, .slick-next {
		width: 50px !important;
		height: 83px !important;
	}
	
	.slick-dots li button:before {
		font-size: 24px;
	}

	.slick-dots {
		bottom: -50px !important;
	}	
	
	.campaign-tab .nav-link {
		font-size: 1.3em;
		width:280px;
		height:90px;
		margin: 0 15px;
	}
	
	.campaign-section{
		margin-top: -90px;
	}
	
	.campaign-content{
		padding:50px;
	}
}

@media (min-width: 992px) {
	.campaign-section {
		margin-top: -120px;
	}
	
	.campaign-tab .nav-link {
		font-size: 1.35em;
		width:320px;
		height:120px;
		margin: 0 20px;
	}
	
	.campaign-content{
		padding:60px;
	}
	
	.slick-prev, .slick-next {
		width: 50px;
		height: 50px;
	}
	
	.slick-prev {
		left: -60px !important;
	}

	.slick-next {
		right: -60px !important;
	}
	
	.slider .campaign-box {
		margin: 0 15px !important;
	}	
}

@media (min-width: 1201px) {
	.slick-dots {
		display: none;
	}

	.campaign-content{
		padding-top: 70px !important;
		padding-bottom: 80px !important;
	}	
}

@media (min-width:1451px){
    .slider .slick-list{
        overflow: hidden;
        margin: 0;
    }

}


/* キャンペーン物件情報 */
.campaign-box {
    background:#fff;
    border-radius:10px;
	width: 100%;
    box-shadow:0 0 8px rgba(0,0,0,.05);
	padding: 30px 20px;
}

.campaign-box h2 {
	position: relative;
	background-color: #423939;
	padding: 10px 15px;
	color: #fff;
	font-size: 1.6em;
}

.campaign-box h3 {
	font-size: 1.5em;
}

.campaign-box .price span {
	font-size: 1.3em;
}
.campaign-box .price .kakaku {
	font-size: 1.5em;
}

.campaign-box .icon-wrap img {
	display: block;
	width: 60px;
	margin-right: 10px;
}

.campaign-box .cap {
	width: 200px;
}

.campaign-box .btn1 {
	width: 240px;
	margin: 0 auto !important;
}

.campaign-box .btn1 a {
	width: 100%;
	display: block;
	background-color: #00719e;
	padding: 25px 10px;
	padding-left: 2em !important;
	color: #fff;
	text-align: center;
}

.campaign-box .btn1 a:hover {
	color: #fff;
	opacity: 0.5;
}

.campaign-box .aboveimg-wrap1 {
	position: absolute;
	top: -5px;
	left: -10px;
	width: 80px;
}

.campaign-box .aboveimg-wrap2 {
	position: absolute;
	bottom: -40px;
	right: -10px;
	width: 100px;
}

.campaign-box .aboveimg-wrap3 {
	position: absolute;
	bottom: 13px;
	right: 15px;
	width: 70px;	
}

.campaign-box .aboveimg-wrap3 span {
	width: 100%;
	display: block;
	background-color: #d60010;
	color: #fff;
	text-align: center;
	padding: 13px 0;
}

@media (min-width: 480px) {
	.campaign-box {
		padding: 35px 20px;
	}
	
	.campaign-box h2 {
		font-size: 1.4em;
	}
	
	.campaign-box h3 {
		font-size: 1.4em;
	}
	.campaign-box .price .kakaku {
		font-size: 1.4em;
	}

	.campaign-box .btn1 a {
		padding: 30px 10px;
	}

	.campaign-box .btn1 a:hover {
		color: #fff;
		opacity: 0.5;
	}

	.campaign-box .aboveimg-wrap1 {
		top: -15px;
		left: -15px;
		width: 100px;
	}

	.campaign-box .aboveimg-wrap2 {
		bottom: -55px;
		width: 130px;
	}

	.campaign-box .aboveimg-wrap3 {
		bottom: 13px;
		right: 15px;
		width: 70px;	
	}

	.campaign-box .aboveimg-wrap3 span {
		padding: 15px 0;
	}	
}

@media (min-width: 576px) {
	.campaign-box {
		padding: 35px 25px;
	}
	
	.campaign-box h2 {
		font-size: 1.6em;
	}
	
	.campaign-box h3 {
		font-size: 1.45em;
	}

	.campaign-box .aboveimg-wrap1 {
		top: -15px;
		left: -15px;
		width: 110px;
	}

	.campaign-box .aboveimg-wrap2 {
		bottom: -55px;
		width: 140px;
	}
	
	.sec3 .note-wrap {
		width: fit-content;
		margin: 0 auto;
	}
}

@media (min-width: 768px) {
	.campaign-box {
		padding: 30px 20px;
	}
	
	.campaign-box h2 {
		font-size: 1.5em;
	}
	
	.campaign-box h3 {
		font-size: 1.3em;
	}

	.campaign-box .aboveimg-wrap1 {
		width: 85px;
	}

	.campaign-box .aboveimg-wrap2 {
		bottom: -40px;
		width: 110px;
	}
	
	.sec3 .note-wrap {
		width: fit-content;
		margin: 0 auto;
	}
}

@media (min-width: 992px) {
	.campaign-box {
		padding: 30px 25px;
	}
	
	.campaign-box h2 {
		font-size: 1.55em;
	}
	
	.campaign-box h3 {
		font-size: 1.4em;
	}

	.campaign-box .aboveimg-wrap1 {
		width: 100px;
	}

	.campaign-box .aboveimg-wrap2 {
		bottom: -60px;
		width: 135px;
	}
	
	.sec3 .note-wrap {
		width: fit-content;
		margin: 0 auto;
	}
}



/*////// セクション4 ///////*/
.sec4 {
	background-image: url("../images/cp-cashback/svg_img03.svg");
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: top right;
}

.sec4 h2 span {
	color: #d60010;
}

.sec4 .num {
	width: 50px;
	position: absolute;
	top: -15px;
	left: -25px;
}

.sec4 h3 {
	font-size: 1.45em;
}

.sec4 h3 span {
	font-size: 0.8em !important;
}

.sec4 hr {
	display: block;
	margin-top: 30px;
	margin-bottom: 40px;
}

.sec4 strong {
	display: inline-block;
	background-color: #d60010;
	color: #fff;
	padding: 5px 10px;
	margin-top: 15px;
}

@media (min-width: 480px) {
	.sec4 {
		background-size: 65%;
	}

	.sec4 .num {
		width: 60px;
		left: -35px;
	}

	.sec4 hr {
		margin-top: 40px;
		margin-bottom: 50px;
	}

	.sec4 strong {
		padding: 7px 12px 5px;
	}
}

@media (min-width: 576px) {
	.sec4 .row {
		width: 86%;
		margin-left: auto;
		margin-right: auto;
	}

	.sec4 h3 {
		font-size: 1.55em;
	}
	
	.sec4 strong {
		padding: 7px 12px 5px;
		font-size: 1.1em;
		margin-top: 20px;
	}
}

@media (min-width: 768px) {
	.sec4 {
		background-size: 50%;
	}
	
	.sec4 .row {
		width: 100%;
	}
	
	.sec4 .num {
		left: -15px;
	}	

	.sec4 h3 {
		font-size: 1.45em;
	}
	
	.sec4 strong {
		padding: 7px 12px 5px;
		font-size: 1.1em;
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.sec4 {
		background-size: 40%;
	}
	
	.sec4 .num {
		width: 70px;
		left: -15px;
	}	

	.sec4 h3 {
		font-size: 1.6em;
	}
	
	.sec4 hr {
		margin-top: 60px;
		margin-bottom: 60px;
	}	
}


/*////// セクション5 ///////*/
.sec5 .container, .sec6 .container {
	max-width: 1000px;
}

.sec5 h2 {
	width: 100%;
	background-color: #007fbf;
	color: #fff;
	padding: 15px 0;
}

.sec5 .text-wrap1 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.sec5 h3 {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.6em;
}

.sec5 .balloon-box {
    position: relative;
    background: #fffbc8;
    border: 1px solid #7a6242;
    width: 100%;
    padding: 30px;
}

/* 上部の三角 */
.balloon-box::before {
    content: "";
    position: absolute;
    top: -29px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 29px solid #7a6242;
}

/* 三角の内側 */
.balloon-box::after {
    content: "";
    position: absolute;
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 27px solid #fffbc8;
}


.sec5 .balloon-box h3 {
	color: #5f4b35;
}

@media (min-width: 480px) {
	.sec5 .img06 {
		width: 360px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.sec5 .svg_img04 {
		width: 330px;
		display: block;
		margin-left: auto;
		margin-right: auto;		
	}	
}

@media (min-width: 576px) {
	.sec5 .img06 {
		width: 400px;
	}

	.sec5 .svg_img04 {
		width: 100%;		
	}	
}

@media (min-width: 768px) {
	.sec5 h2 {
		padding: 20px 0;
	}
	
	.sec5 .img06 {
		width: 480px;
	}

	.sec5 .svg_img04 {
		width: 100%;		
	}
	
	.sec5 h3 {
		font-size: 1.7em;
		line-height: 1.4em;
	}
	
	.sec5 .note {
		font-size: 1em;
	}
}

@media (min-width: 992px) {
	.sec5 h2 {
		padding: 25px 0;
	}
	
	.sec5 .img06 {
		width: 560px;
	}

	.sec5 .svg_img04 {
		width: 100%;		
	}
	
	.sec5 h3 {
		font-size: 1.7em;
		line-height: 1.4em;
	}
}


/*////// セクション6 ///////*/
.sec6 {
	background-color: #f4f4f4;
}

.sec6 .svg_img06 {
	position: absolute;
	width: 120px;
	top: -20px;
	left: -10px;
}

.sec6 h2.property {
	border-bottom: 1px solid #999;
	font-size: 1.8em;
	padding-top: 15px;
	padding-bottom: 10px;
}

.sec6 h3 {
	font-size: 1.6em;
}

.sec6 .price {
	font-size: 1.8em;
	font-weight: bold;
	color: #d60010;
}

.sec6 .price span {
	font-size: 0.7em;
}

.sec6 h4 {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.6em;
	color: #00719e;
}

.sec6 h5 {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.3em;
}

@media (min-width: 576px) {
	.sec6 .row {
		width: 86%;
		margin-left: auto;
		margin-right: auto;
	}
	.sec6 .svg_img06 {
		width: 140px;
		top: -30px;
		left: -15px;
	}

	.sec6 h4 {
		font-size: 1.8em;
	}

	.sec6 h5 {
		font-size: 1.5em;
	}
	
	.sec6 .note {
		font-size: 1em;
	}
}

@media (min-width: 768px) {
	.sec6 .row {
		width: 100%;
	}
	.sec6 .svg_img06 {
		width: 130px;
		top: -40px;
		left: -15px;
	}
	
	.sec6 h2.property {
		font-size: 1.7em;
		padding-top: 0;
		padding-bottom: 12px;
	}
	
	.sec6 h3 {
		font-size: 1.35em;
	}
}

@media (min-width: 992px) {
	.sec6 .svg_img06 {
		width: 150px;
		top: -55px;
		left: -15px;
	}
	
	.sec6 h2.property {
		font-size: 1.8em;
	}
	
	.sec6 h3 {
		font-size: 1.5em;
	}
	
	.sec6 h4 {
		font-size: 1.9em;
	}

	.sec6 h5 {
		font-size: 1.7em;
	}	
}




/*////// セクション7 ///////*/
.sec7 .container {
	max-width: 680px;
}

.sec7 .title img {
	width: 60px;
	display: block;
	margin: 0 auto;
}

.sec7 h3 {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.6em;	
}

.sec7 .btn2 {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
}

.sec7 .btn2 a {
	width: 100%;
	display: block;
	background-image: url("../images/cp-cashback/img_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	padding: 15px 0;
}

.sec7 .btn2 a:hover {
	color: #fff !important;
	opacity: 0.5;
}

@media (min-width: 576px) {
	.sec7 h3 {
		font-size: 1.45em;	
	}
	
	.sec7 .btn2 {
		margin-left: 0;
	}
	
	.sec7 .btn2 a {
		padding-left: 1em;
	}
}

@media (min-width: 768px) {
	.sec7 h2 {
		font-size: 2em;
	}
	
	.sec7 h3 {
		font-size: 1.5em;	
	}
	
	.sec7 .btn2 {
		margin-left: 0;
	}
	
	.sec7 .btn2 a {
		padding-left: 1em;
	}
}


/*////// タブ切り替え追加 ///////*/
.tab-content-item{
    display:none;
}

.tab-content-item.active{
    display:block;
}

/* キャッシュバックがアクティブ */
.tab-btn.cash.active{
    background:#ebf7ff;
}

/* エアコンがアクティブ */
.tab-btn.aircon.active{
    background:#FFF9ED;
}