.warranty-fv p,
.warranty-content p,
.warranty-content li{
	color:#333333;
}
.warranty-fv{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:2rem;
}

.warranty-section1{
	margin:3rem auto;
	padding:3rem 0;
	width:100%;
	background-color:#E2D848;
}

.warranty-section2,
.warranty-section4,
.warranty-section6{
	max-width:1000px;
}

.warranty-section3{
	width:100%;
	background-color:#fffbba;
	padding:1rem 0;
}


.warranty-section5{
	width:100%;
	background-color:#00a6b5;
	padding:1rem 0;
}

.warranty-section5 p,
.warranty-section5 h2{
	color:#fff!important;
}

.section1-content{
	display:flex;
	width:fit-content;
	max-width:1000px;
	margin:0 auto;
	align-items:center;
}

.section1-content p{
	text-align:left!important;
}

.warranty-section3-content,
.warranty-section5-content{
	max-width:1000px;
	margin:0 auto;
}

.w-warranty{
	font-size:30px;
	text-align:center;
	font-weight:900;
	margin-bottom:1rem;
	display:block;
}

.warranty-fv-content{
	width:70%;
	text-align:center;
}

.warranty-fv-content h1{
	font-size:36px;
	margin:2rem 0;
	font-weight:900;
	color:#333333;
}

.warranty-fv img{
	width:80%;
}

.warranty-emblems{
	display:flex;
	width:40%;
	min-width:450px;
	max-width:450px;
	margin:0 auto;
	justify-content:space-between;
	align-items:center;
	font-weight:900;
}

.warranty-ten-yrs{
	font-size:45px;
}

.warranty-and{
	font-size:62px;
	color:#333333;
}

.warranty-emblems{
	margin-bottom:1.5rem;
}

.warranty-emblems span{
	display:block;
	text-align:center;
}

.product-warranty-note{
	font-size:11px;
	color:#D74646;
}


.warranty-emblem1,
.warranty-emblem2{
	position:relative;
	color:#333333;
}

.warranty-emblem1::before,
.warranty-emblem1::after,
.warranty-emblem2::before,
.warranty-emblem2::after{
	content:"";
	display:block;
	position:absolute;
	width:70px;
	height:120px;
	background-size:cover;
	background-repeat:no-repeat;
	top:0;
	bottom:0;
	margin:auto;
}

.warranty-emblem1::before,
.warranty-emblem2::before{
	background-image:url(https://cools-kyutoki.com/wp-content/uploads/2025/12/Emblem-left.svg);
	left:-4.5rem;
}

.warranty-emblem1::after,
.warranty-emblem2::after{
	background-image:url(https://cools-kyutoki.com/wp-content/uploads/2025/12/Emblem-right.svg);
	right:-4.5rem;
}

.warranty-ten-yrs,
.warranty-ten{
	display:inline!important;
}

.crown-title{
	font-size:18px;
}

.warranty-ten-yrs{
	line-height:3.5rem;
	font-size:32px;
}

.warranty-ten{
	font-family: "Oswald", sans-serif;
	font-weight:900;
	font-style:normal;
	font-size:62px;
}

.warranty-subtitle{
	font-size:23px;
	margin:2rem 0;
	display:block;
	color:#333333;
}

.warranty-content{
	margin:0 auto;
	text-align:center;
	padding:2rem 0;
}

.warranty-red{
	color:#D74646;
}

.warranty-blue{
	color:#00a6b5;
}

.warranty-small{
	font-size:15px!important;
}

.warranty-marker{
	background: linear-gradient(transparent 60%, #fad2d2 60%);
}

.warranty-yellow{
	color:#e2d848;
}

.warranty-center{
	text-align:center!important;
}

.warranty-big{
	font-size:25px;
}

.warranty-letter-spacing{
	letter-spacing:-0.7rem;
}

.warranty-bold{
	font-weight:900;
}

.h2-one,
.h2-two,
.h2-three,
.h2-four{
	font-size:25px;
	font-weight:900;
	margin:1rem 0;
	color:#333333;
}

.h2-one{
	font-size:36px;
	margin:1rem 0;
}

.h2-two{
	background-color:#00a6b5;
	border-radius:9999px;
	color:#fff;
	font-weight:900;
	width:fit-content;
	margin:1rem auto;
	padding:0.5rem 2rem;
}

.section-2-strong{
	font-size:25px;
	font-weight:900;
}

.h2-two i{
	margin-right:0.5rem;
}

.warranty-grapchic{
	margin:4rem 0;
}


.warranty-content p{
	line-height:2.5rem;
	text-align:center;
}

.h3-ribbon{
	font-weight:900;
	font-size:22px;
	margin:2rem auto;
	width:fit-content;
	position:relative;
}

.h3-ribbon::before,
.h3-ribbon::after{
	position: absolute;
  	z-index: 0;
  	bottom: -10px;
  	display: block;
  	content: '';
  	border: 1em solid #d90606;
}

.h3-ribbon::before{
	left: -30px;
  	border-left-width: 15px;
  	border-left-color: transparent;
}

.h3-ribbon::after {
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}

.h3-ribbon span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1rem 2rem;
  color: #fff;
  background: #fa4141;
}

.h3-ribbon span::before,
.h3-ribbon span::after{
  position: absolute;
  bottom: -10px;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-style: solid;
  border-color: #b70505 transparent transparent transparent;
}

.h3-ribbon span::before {
  left: -2px;
  border-width: 10px 0 0 10px;
}

.warranty-icons{
	display:flex;
	max-width:1000px;
	margin:2rem auto;
	justify-content:space-between;
	align-items:flex-start;
}

.warranty-icons img{
	width:200px;
	margin-bottom:0.5rem;
}

.h3-ribbon span::after {
  right: -2px;
  border-width: 10px 10px 0 0;
}

.warranty-icon{
	width:30%;
}

.warranty-icon span{
	display:block;
	font-size:18px;
	font-weight:900;
}

.warranty-box{
	border:2px solid #C2C2C2;
	width:70%;
	margin: 1rem auto;
	text-align:left;
}

.warranty-box h4{
	width:100%;
	background-color:#00a6b5;
	padding:0.5rem 0;
	font-weight:900;
	font-size:16px;
	color:#fff;
	text-align:center;
} 

.warranty-box ul{
	padding:1rem;
}

.warranty-box li{
	display:flex;
	flex-direction:column;
	margin-bottom:1rem;
}

.strength-list{
	font-size:13px;
	padding-left:30px;
	display:block;
}

.strength-title{
	margin-bottom:0.5rem;
	display:block;
	font-weight:900;
}

.strength-title::before{
	display:inline-block;
	width:25px;
	height:25px;
	margin-right:0.5rem;
	font-size:14px;
	font-weight:900;
	color:#fff;
	border-radius:50%;
	line-height:25px;
	text-align:center;
	background: linear-gradient(180deg,rgba(0, 166, 181, 1) 0%, rgba(0, 127, 181, 1) 100%);

}

.strength-title1::before{
	content:"1";
}

.strength-title2::before{
	content:"2";
}

.strength-title3::before{
	content:"3";
}

.comparison-table{
	margin:2rem auto;
	border-collapse: collapse;
	max-width:900px;
	width:1000px;
}
/* --- ベースのテーブル設定 --- */
.comparison-table th,
.comparison-table td {
    text-align: center;
    vertical-align: middle;
    padding: 0.5rem 2rem;
    /* border-collapseはtableタグに指定するものなのでここでは削除しても良いですが、念のため残すなら影響はありません */
}

.comparison-table th {
    background-color: #a9a9a9;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 900;
}

.comparison-table td {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    color: #333333;
}

/* --- ベースの共通設定（拡大とリセット） --- */
.cools-th,
.cools-td {
    transform: scale(1.2);
    position: relative;
    z-index: 10;
    /* 元々のボーダーを透明にして消す */
    border-color: transparent !important;
	padding: 2rem !important;
}

/* ----------------------------------
   1. 一番上のセル (見出し)
   上・左・右 に線を引く
---------------------------------- */
.cools-th {
    background-color: #c8e6fa !important;
    color: #333333 !important;
    
    /* inset (内側) で線を引く設定 */
    box-shadow: 
        inset 0 6px 0 #D74646,  /* 上の線 */
        inset 6px 0 0 #D74646,  /* 左の線 */
        inset -6px 0 0 #D74646; /* 右の線 */
}

/* ----------------------------------
   2. 途中のセル
   左・右 だけに線を引く（上下の横線を消す）
---------------------------------- */
.cools-td {
    background-color: #e1f0fa !important;
    font-weight: 900;
    color: #333333 !important;
    
    box-shadow: 
        inset 6px 0 0 #D74646,  /* 左の線 */
        inset -6px 0 0 #D74646; /* 右の線 */
}

/* ----------------------------------
   3. 一番下のセル
   左・右・下 に線を引く
---------------------------------- */
/* 「最後の行(tr)」の中にある .cools-td を狙い撃ちします */
tbody tr:last-child .cools-td {
    box-shadow: 
        inset 6px 0 0 #D74646,   /* 左の線 */
        inset -6px 0 0 #D74646,  /* 右の線 */
        inset 0 -6px 0 #D74646,  /* 下の線 */
        0 10px 20px rgba(0,0,0,0.2); /* 浮いている影（一番下につける） */
}

.cools-td::before{
	content:"◎";
	color:#32cd32;
	font-size:40px;
	z-index:-1;
	opacity:0.5;
	top:0;
	display:block;
}
.cools-td-last{
	border-bottom:6px solid #D74646!important;
}
.cools-th img{
	width:100px;
}
.comparison-table caption{
	caption-side: bottom;
	color:#fff;
}

.bottom-cta-btns{
	display:flex;
	flex-direction:column;
	margin:0 auto;
	margin-top:2rem;
	width:40%;
}


.bottom-cta-btns a{
	width:100%;
	text-align:center;
	display: inline-block;
    padding: 1rem 0;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    border-radius: 999px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.2s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	margin-bottom:1rem;
}


.bottom-cta-form{
	background-color:#ffa500;
}

.bottom-cta-tel{
	background-color:#4169e1;
}


.bottom-cta-line{
	background-color:#01B902;
}

.bottom-cta{
	width:90%;
	max-width:1000px;
	border:2px solid #02A6B5;
	margin: 2rem auto;
	
}


/*文末CTA*/

.bottom-cta{
	width:90%;
	max-width:1000px;
	border:2px solid #02A6B5;
	margin: 2rem auto;
	
}

.bottom-cta h2{
	display:block;
	width:100%;
	background-color:#00a6b5;
	text-align:center;
	font-size:25px;
	padding:0.5rem 0;
	color:#fff;
	font-weight:900;
}

.bottom-cta-content{
	width:90%;
	margin: 0 auto;
	text-align:center;
	display:flex;
	flex-direction:column;
	padding:2rem;
}

.tel-opening-hours{
	font-size:18px;
	font-weight:900;
	color:#333333;
}

.phone-numnber{
	font-size:40px;
	font-weight:900;
	color:#333333;
}

.phone-numnber::before{
	content:"";
	display:inline-block;
	background-image:url(https://cools-kyutoki.com/wp-content/uploads/2025/12/toll-free.webp);
	background-size:contain;
	width:75px;
	height:50px;
	background-repeat:no-repeat;
	vertical-align: middle;
	margin-bottom:0.5rem;
	margin-right:0.5rem;
}

.bottom-bottom-cta{
	display:flex;
	width:100%;
	justify-content:space-around;
	text-align:center;
	margin-top:1rem;
}

.bottom-bottom-cta a{
	display:block;
	width:45%;
	font-size:25px;
	font-weight:900;
	color:#fff;
	border-radius:5px;
	
}

.bottom-cta-form-bottom,
.bottom-cta-line-bottom{
	padding:0.5rem 0 0.5rem 1.5rem;
	position:relative;
	
}

.bottom-cta-line-bottom::before,
.bottom-cta-form-bottom::before{
	content:"";
	display:block;
	background-size:contain;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;
}

.bottom-cta-line-bottom::before{
	background-image:url(https://cools-kyutoki.com/wp-content/themes/cools/svg/icon-line.svg);
	left:0.75rem;
	width:35px;
	height:35px;
}

.bottom-cta-form-bottom::before{
	background-image:url(https://cools-kyutoki.com/wp-content/themes/cools/svg/icon-file_white.svg);
	width:25px;
	height:25px;
	left:3.25rem;
}

.warranty-section6 img{
	margin:2rem 0;
}

@media (max-width: 850px) {
	
	.section1-content{
		flex-direction:column;
	}
	.section1-paragraph{
		order:1;
	}
	
	.section1-content img{
		order:0;
		width:60%;
	}
	
	.sp-big{
		font-size:20px;
	}
	.bottom-cta h2{
		font-size:18px;
	}
	
	.phone-numnber{
		font-size:30px;
	}
	.bottom-cta-content{
		width:95%;
		padding:0.5rem;
		padding-bottom:1rem;
	}
	
	.bottom-bottom-cta{
		flex-direction:column;
	}
	.bottom-bottom-cta a{
		width:100%;
		font-size:23px;
	}
	
	.bottom-cta-form-bottom::before{
		left:1rem;
	}
	.bottom-cta-form-bottom{
		margin-bottom:0.5rem;
	}
	.tel-opening-hours{
		margin:0.5rem 0;
		font-size:18px;
	}
	.phone-numnber::before{
		width:50px;
		height:30px;
		}

	.warranty-emblems{
		max-width:70%;
		min-width:70%;
	}
	
	.warranty-fv{
		align-items:flex-start;
		height:auto;
	}
	
	.warranty-fv-content{
		width:90%;
	}
	
	.warranty-content{
		max-width:100%;
		padding:1rem;
	}

	.warranty-content p{
		line-height:1.5rem;
	}
	
	.warranty-fv img{
		width:100%;
	}
	
	.warranty-fv-content h1{
		font-size:18px;
		margin:1rem auto;
	}
	
	.warranty-subtitle{
		font-size:18px;
		margin:1rem auto;
	}
	
	.warranty-grapchic{
		margin:2rem 0;
	}
	
	.w-warranty{
		font-size:20px;
	}
	
	.crown-title{
		font-size:14px;
	}
	
	.warranty-ten{
		font-size:40px;
	}
	
	.warranty-ten-yrs{
		font-size:20px;
		line-height:2.5rem;
	}
	.crown-title{
		font-size:12px;
	}
	.warranty-emblem1::before,
	.warranty-emblem1::after,
	.warranty-emblem2::before,
	.warranty-emblem2::after{
		width:45px;
		height:80px;
	}
	
	.warranty-emblem1::before,
	.warranty-emblem2::before{
		left:-3rem;
	}
	
	.warranty-emblem1::after,
	.warranty-emblem2::after{
		right:-3rem;
	}
	.warranty-and{
		font-size:34px;
	}
	
	.h2-one{
		font-size:20px;
	}
	
	.h2-three,
	.h2-four{
		font-size:18px;
	}
	
	.h2-two{
		font-size:16px;
	}
	
	.section-2-strong{
	font-size:20px;
}

	
	.h2-three{
		margin:1rem auto;
	}
	
	.h3-ribbon{
		font-size:15px;
		margin:0 auto;
		margin-bottom:2rem;
	}
	
	.ribbon2{
		font-size:13px;
	}
	
	.h3-ribbon::before, .h3-ribbon::after{
		bottom:-7px;
	}
	.h3-ribbon::after{
		right:-25px;
	}
	
	.h3-ribbon::before{
		left:-25px;
	}
	
	.h3-ribbon span{
		padding:0.5rem;
	}
	
	.warranty-icons img{
		width:100px;
	}
	
	.warranty-icons{
		width:100%;
	}
	
	.warranty-icon{
		width:30%;
	}
	
	.warranty-icon span{
		font-size:13px;
	}
	
	.warranty-box{
		width:100%;
	}
	
	.warranty-section5 p{
		margin-bottom:1rem;
	}
	
	.comparison-table{
		width:95%!important;
		max-width:95%!important;
		margin:0 auto;
	}
	
	.cools-th{
		box-shadow: 
        inset 0 3px 0 #D74646,  /* 上の線 */
        inset 3px 0 0 #D74646,  /* 左の線 */
        inset -3px 0 0 #D74646; /* 右の線 */
	}
	.cools-td{
		box-shadow: 
        inset 3px 0 0 #D74646,  /* 左の線 */
        inset -3px 0 0 #D74646; /* 右の線 */
	}
	
	tbody tr:last-child .cools-td {
    box-shadow: 
        inset 3px 0 0 #D74646,   /* 左の線 */
        inset -3px 0 0 #D74646,  /* 右の線 */
        inset 0 -3px 0 #D74646,  /* 下の線 */
        0 10px 20px rgba(0,0,0,0.2); /* 浮いている影（一番下につける） */
}
	.cools-th,
	.cools-td{
		transform:scale(1.1);
		padding:1rem!important;
	}
	
	.comparison-table th, .comparison-table td{
		font-size:11px;
		padding:0.5rem;
	}
	
	.comparison-table caption{
		margin-top:1rem;
		font-size:12px;
	}
	
	.warranty-content p{
		font-size:15px;
	}
	
	.warranty-box{
		margin:0 auto;
		margin-top:1rem;
	}
	
	.warranty-center{
		text-align:center;
	}
	
	.warranty-big{
		font-size:18px;	
	}
	
	.warranty-section6 img{
		margin:1rem 0;	
	}
	
	.sp-space{
		margin-bottom:1rem;
	}
	
	.warranty-small{
		font-size:10px!important;
	}
}