@charset "UTF-8";
/* CSS Document */
#main {
    background: #F2F3F5;
	overflow: hidden;
	
	
}
.main-inner{
	width: 85%;
	margin: 0px auto;
	padding-bottom: 80px;
	position: relative;
}
.main-inner h1{
	margin: 100px 0px 70px;
}
.main-inner img.hosho_icon{
	position: absolute;
	top: -100px;
    right: 5%;
    width:280px!important;
}
.main-inner h2{
	font-size: 25px;
}
.main-inner span.fs{
	font-size: 12px!important;
	font-weight: normal!important;
}
.main-inner .main-text{
	background: #fff;
	padding: 50px 50px 40px;
	border: solid 1px #340505;
	border-radius: 30px;
	margin-bottom: 30px;
}
.main-inner .border-bg{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
	position: relative;
}
.main-inner .border-bg:after{
	background: #000;
    height: 1px;
    content: "　";
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
	z-index: 0;
}
.main-inner .border-bg span{
	background: #fff;
	display: inline-block;
	position: relative;
	z-index: 10;
    padding: 0px 20px;
}
.main-inner .main-text p{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	margin-top: 10px;
}
.main-inner .col3 div{
	background: #fff;
	padding: 30px;
	border: solid 1px #340505;
	border-radius: 30px;
	text-align: center;
}
.main-inner .col3 div h3{
	font-size: 20px!important;
	margin-bottom:0!important;
	line-height: 1.6;
}

.main-inner .col2 > * {
   width: calc(29% - 20px);
    margin-right: 40px;
	margin-top: 30px;
}
.main-inner .col2 > *:nth-child(2n) {
    margin-right: 0 !important;
    margin-bottom: 0;
	width: 67%;
}
.main-inner .col2 div:first-child{
	border-right: solid 1px #000;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 5px;
}
.main-inner .col4 > * {
    width: calc(25% - 14px);
    margin-right: 18px;
    margin-bottom: 12px;
}
.speed {
   margin: 80px auto!important;
}
.speed h2 {
    margin-bottom: 30px;
    color: #340505;
    font-size: 3.2rem;
    background: url(../../../image/features/2027/guarantee/hosho_3days.svg) no-repeat left center;
    background-size: auto 60px;
    padding: 10px 0px 10px 240px;
}
.speed .col2 > * {
   width: calc(41% - 25px)!important;
    margin-right: 40px!important;
	margin-top: 30px;
}
.speed .col2{
	align-items: end; 
}
.speed .col2 > *:nth-child(2) {
    margin-right: 0 !important;
    margin-bottom: 0;
	width: 55%!important;
}
.speed .border-block{
	padding: 20px 20px 30px;
    border: solid 1px #340505;
	border-radius: 20px;
	line-height: 1.8;
    font-weight: bold;
    text-align: center;
	font-size: 2rem;
}

.kikan {
    background: #F2F3F5;
}
#l-features-inner .kikan-inner {
    width: 85%;
    margin: 80px auto;
    padding: 100px 0px;
}
#l-features-inner .kikan-inner h2 {
    margin-bottom: 40px;
    font-size: 3.2rem;
    text-align: center;
}
#l-features-inner .speed .fs {
    font-size: 1.4rem;
}
#l-features-inner .speed .fp {
    color: #EE87B4;
    border-bottom: dotted 2px #EE87B4;
    line-height: 1.6;
    display: inline-block;
}
.bl .col2 > * {
    width: calc(57% - 30px);
    margin-right: 60px;
}
.bl .col2 > *:nth-child(2n) {
    margin-right: 0 !important;
    margin-bottom: 0;
	width: 37%;
}
#l-features .policy-navi section .inner .policy-navi-text{width: 100%;}
.checkbox{margin-bottom: 60px;}
.sptext2 {
	display: none;}
@media (min-width: 1080px) {
	.main-inner img.hosho_icon{right: 13%;width:330px!important;top: -130px;}
    #l-features-inner .main-inner, #l-features-inner .speed, #l-features-inner .kikan-inner, #l-features-inner .bl {
        width: 950px;
    }
	.col3 > *{
    width: calc( 33.33333% - 20px ) ;
    margin-right: 30px;
}
}


@media (max-width: 800px) {
#l-features h1 {
    font-size: 2.8rem!important;
}
.main-inner img.hosho_icon {
    top: -80px;
	right: 0;
	width: 37%!important;
}
.main-inner .main-text h2 {
    font-size: 2.5rem!important;
}
.main-inner .main-text h2 span.fs{display: block;}
.main-inner .main-text p {
    font-size: 14px;
}
.main-inner .main-text {
	padding: 30px;
	}
.main-inner .col3 div {
    padding: 20px;
	}
.main-inner .col3 div h3 {
    font-size: 17px !important;
	}
}
@media (max-width: 640px) {
	 #l-features h2 {
        margin-bottom: 15px;
    }
	#l-features h1{
	margin: 50px 0px 30px;
    font-size: 2.5rem !important;
	}
    .main-inner .col3 div h3 {
        font-size: 15px !important;
    }
	.main-inner .col3 div h3 br{display: none;}
	.main-inner .col2 div:first-child{
    width: 100%;
    border-right: none;
    padding: 0;
}
	.main-inner img.hosho_icon {
        width: 31%;
        top: -60px;
    }
	.main-inner .col2 > *:nth-child(2n) {
    width: 100%;
    margin-top: 10px;
}
	.speed .col2 > * {
    width: 100%!important;
    margin-right: 0px !important;
	}
	.speed .col2 > *:nth-child(2) {
    width: 100% !important;
}
	.bl .col2 > *{
		margin-right: 0;
		width: 100%;
	}
	.bl .col2 > *:nth-child(2n) {
    width: 80%;
	margin: 40px auto 0px!important;
}
	.speed {margin: 60px auto !important;}
	#l-features-inner .kikan-inner {padding: 60px 0px;}
}
@media (max-width: 480px) {
	#l-features h2 {
        text-align: center;
    }
	.main-inner{padding: 220px 0 40px;}
        .main-inner img.hosho_icon {
        width: 88%!important;
        top: -20px;
        left: 50%;
        transform: translate(-50%, 0%);
    }
	#l-features .main-inner h1 {
        font-size: 2.2rem !important;
    }
	.main-inner h2 {
        margin-bottom: 25px!important;
        font-size: 2rem !important;
        text-align: center;
    }
	.main-inner .main-text h2 span.fs {font-size: 11px !important;}
	.main-inner .col4 > * {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
		position: relative;
}
	.main-inner .col4 div img{
		width: 40%!important;
	}
	 .main-inner .col4 p {
                width: 50%;
        text-align: left;
        font-size: 1.8rem;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0%, -50%);
        margin: 0;
    }
	    .main-inner .col3 div {
        padding: 25px 15px;
        width: 100%;
        margin-right: 0;
        border-radius: 15px;
		margin-bottom: 18px;
    }
	.main-inner .col3 div h3{font-size: 20px !important;}
	
	.main-inner .main-text {margin-bottom: 18px;}
	    .main-inner .col3 div h3 br {
        display: block;
    }
	.main-inner .col2 div:first-child {
        margin: 20px 0px 0px 0px;
    }
	.speed{
		width: 85%;
	}
	.speed h2 {
    background: url(../../../image/features/2027/guarantee/hosho_3days.svg) no-repeat top center;
    background-size: auto 60px;
    padding: 70px 15px 0px;
    text-align: center;
}
	.speed p{margin: 0px 25px;}
	.speed .col2 div:first-child{
    width: 85%;
    margin: 0px auto;
}
	.speed .col2 > *{margin-top: 20px!important;}
	.speed {margin: 40px auto 0px !important;}
	.speed img{aspect-ratio: auto!important;}
	#l-features-inner .kikan-inner {
        padding: 40px 0px;
        margin: 50px auto 50px;
    }
	.kikan img{width: 100%;aspect-ratio: 29 / 15!important;}
	#l-features .policy-navi section.performance {
    background: url(../../../image/features/2027/performance_sp.webp) no-repeat center top!important;
    background-size: 100% auto!important;
	min-height: 460px!important;
}
	.checkbox {
    margin-bottom: 20px;
}
	    .sptext2 {
        display: block;
			text-align: center;
			margin-top: 10px;
    }
}