@charset "utf-8";
  .lead-block{
margin-bottom: 110px;
}
.main-image-block{
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/warranty/img-main.jpg) no-repeat left top;
min-height: 400px;
padding: 30px 0 0;
}
.main-image-block .main-image{
font-size: 0;
}
.main-image-block .main-lead-text{
max-width: 545px;
width: 100%;
background: rgba(255,255,255,0.9);
font-size: 3rem;
letter-spacing: 0.2em;
padding: 10px 50px;
line-height: 2;
margin: 0 0 0 auto;
animation-delay: .5s;
}
.main-image-block .main-lead-text span{
font-size: 4.8rem;
color: #1f7648;
}
.main-bottom-lead{
margin-top: 40px;
text-align: center;
font-size: 2.4rem;
letter-spacing: 0.2em;
}
.main-bottom-lead-large{
font-size: 3.6rem;
}
@media screen and (min-width: 768px) and (max-width: 960px){
.main-image-block{
background-position: left -150px top;
}
.main-image-block .main-lead-text {
max-width: 430px;
padding: 10px 20px;
}
}
@media screen and (max-width: 960px){
.main-bottom-lead{
font-size: 2.1rem;
line-height: 2;
}
.main-bottom-lead-large {
font-size: 2.6rem;
}
}
@media screen and (max-width: 767px){
.lead-block {
margin-bottom: 80px;
}
.main-image-block{
min-height: 340px;
background-size: contain;
padding: 40% 0 0;
}
.main-image-block .main-lead-text{
line-height: 1.5;
max-width: none;
width: 98%;
padding: 10px 30px;
margin: 0 auto;
}
.main-image-block .main-lead-text span{
font-size: 4.6rem;	
}
}
@media screen and (max-width: 480px){
.lead-block {
margin-bottom: 60px;
}
.main-image-block .main-lead-text {
padding: 10px 15px;
font-size: 7vw;
}
.main-image-block .main-lead-text span {
font-size: 10vw;
}
.main-bottom-lead {
font-size: 1.8rem;
}
.main-bottom-lead-large {
font-size: 2.2rem;
}
}
@media screen and (max-width: 370px){
.main-bottom-lead {
letter-spacing: 0.1em;
}
} .sec-warranty .contetns-ttl{
text-align: center;
font-size: 2.4rem;
margin-bottom: 60px;
}
.sec-warranty .contents-icon{
margin:0 auto 20px;
}
@media screen and (max-width: 480px){
.sec-warranty .contetns-ttl{
font-size: 2.2rem;
margin-bottom: 40px;
}
} .contents-warranty{
padding: 0 0 80px;
}
.contents-warranty .contents-icon{
width: 50px;
}
.contents-warranty-item-ttl{
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 20px;
}
.contents-warranty-item-text{
line-height: 2;
}
@media screen and (min-width: 768px){
.contents-warranty-list{
display: flex;
justify-content: space-between;
}
.contents-warranty-item{
width: 48%;
}
.contents-warranty-list .contents-warranty-item:last-child{
animation-delay: .5s;
}
}
@media screen and (max-width: 767px){
.contents-warranty-list .contents-warranty-item:last-child{
margin-top: 40px;
}
}
@media screen and (max-width: 480px){
.contents-warranty-item-ttl{
font-size: 1.6rem;
margin-bottom: 10px;
}
} .contents-insurance{
background: rgba(0,0,0,0.04);
padding: 80px 0 90px;
}
.contents-insurance .contents-icon{
width: 66px;
}
.contents-insurance-lead{
line-height: 2;
letter-spacing: 0.1em;
margin-bottom: 80px;
}
.contents-insurance-detail-ttl{
font-size: 1.8rem;
letter-spacing: 0.1em;
font-weight: bold;
}
.contents-insurance-detail-ttl::before{
content: "\f058";
font-family: FontAwesome;
color: #1f7648;
margin-right: 0.5em;
}
.contents-insurance-detail-text{
line-height: 2;
}
.contents-insurance-detail-child{
margin: 30px auto 0;
}
.contents-insurance-detail-child-ttl{
font-weight: bold;
}
.contents-insurance-detail-image{
font-size: 0;
}
@media screen and (min-width: 768px){
.contents-insurance-lead{
text-align: center;
}
.contents-insurance-detail{
display: flex;
justify-content: space-between;
}
.contents-insurance-detail-text{
width: 58%;
}
.contents-insurance-detail-image{
width: 37%;
}
}
@media screen and (max-width: 767px){
.contents-insurance-lead br{
display: none;
}
.contents-insurance-detail-image{
margin-top: 25px;
}
}
@media screen and (max-width: 480px){
.contents-insurance-lead {
margin-bottom: 40px;
}
.contents-insurance-detail-ttl{
font-size: 1.6rem;
}
} .contents-after {
padding: 80px 0 0;
}
.contents-after .contents-icon{
width: 50px;
}
.contents-after-number{
background: #51af7c;
height: 90px;
width: 180px;
font-family: 'Poiret One', cursive;
color: #fff;
font-size: 2.4rem;
text-align: center;
border-radius: 90px 90px 0 0;
font-weight: bold;
letter-spacing: 0.1em;
padding: 15px 0 0;
margin: 0 auto -15px;
}
.contents-after-number span{
font-size: 3.6rem;
}
.contents-after-item-image{
font-size: 0;
text-align: center;
}
.contents-after-item-text{
line-height: 2;
}
.contents-after-item-ttl{
font-size: 1.8rem;
font-weight: bold;
margin: 10px 0;
line-height: 1.5;
}
.contents-after-item-ttl span{
font-size: 1.4rem;
margin-right: 0.5em;
}
@media screen and (min-width: 768px){
.contents-after-list{
display: flex;
justify-content: space-between;
}
.contents-after-item{
width: 30%;
}
.contents-after-list .contents-after-item:first-child{
animation-delay: .3s;
}
.contents-after-list .contents-after-item:nth-of-type(2){
animation-delay: .8s;
}
.contents-after-list .contents-after-item:last-child{
animation-delay: 1.3s;
}
}
@media screen and (max-width: 767px){
.contents-after-item{
max-width: 330px;
width: 100%;
margin: 0 auto 40px;
}
.contents-after-list .contents-after-item:last-child{
margin-bottom: 0;
}
}
@media screen and (max-width: 480px){
.contents-after-item-ttl{
margin: 15px 0 5px;
}
}
@media screen and (max-width: 370px){
.contents-after-item-ttl{
font-size: 1.6rem;
}
} .warranty-bottom-bnr-link-list{
max-width: 950px;
width: 100%;
margin: 100px auto 0;
}
@media screen and (min-width: 768px){
.warranty-bottom-bnr-link-list{
display: flex;
justify-content: space-between;
}
.warranty-bottom-bnr-link-list a{
width: 48%;
}
}
@media screen and (max-width: 767px){
.warranty-bottom-bnr-link-list{
max-width: 450px;
}
.warranty-bottom-bnr-link-list a:first-child{
margin-bottom: 15px;
}
}
@media screen and (max-width: 480px){
.warranty-bottom-bnr-link-list{
margin: 60px auto 0;
}
}