/*--------------------------------------
 新LP　集配クリーニング用　2024.06
----------------------------------------*/
.main{
	width:100%;
}
.mv{
	width:100%;
}
.about{
	margin:0 1rem;
}
.about ul{
	width:100%;
}
.about > img{
	width:100%;
}
.line-img img{
	width:100%;
}
.step-wrap{
	width:calc(100% - 2rem);
	margin:1rem;
}
.point-wrap{
	width:100%;
	flex-wrap:wrap;
	justify-content:center;
}
.point-wrap:nth-of-type(2){
	flex-wrap:wrap-reverse;
}

.point-txt p{
	font-size:3vw;
	margin-bottom:20px;
}

.price-table{
	width:calc(100% - 2rem);
	margin-top:30px;
}
.price-ttl::after{
	right:-140px;
}
.flex{
	display:block;
	width:100%;
}
.flex .price-table{
	width:calc(100% - 2rem);
}
.grid{
	display:block;
	width:calc(100% - 2rem);
}
.grid .price-table{
	width:100%;
}
.diff{
	width:100%;
	justify-content:center;
}
.diff div{
	margin-top:30px;
}
.otoku > img:first-of-type{
	width:100%;
}
.service h2::before{
	width:100%;
	background-size:contain;
	background-repeat:no-repeat;
}
.service{
	margin:0 1rem;
}
.other-service{
	width:100%;
	justify-content:center;

}
.service-wrap:last-of-type{
	justify-content:center;
}
.service-price-wrap{
	margin-top:30px;
}
/*----------------------------------------
全体
----------------------------------------*/

body {
	font-size: 1.8vw;
	line-height: 2.8vw;
}

.wrapper {
	width: 97.5%;
}

.list {
	margin-bottom: 2vw;
}

.list li {
	margin-left: 2vw !important;
}

_::-webkit-full-page-media, _:future, :root .list li {
	margin-left: 2.4vw !important;
}

.num-list {
	margin-bottom: 2vw;
}

.num-list li {
	margin-left: 2vw !important;
}

.num-list li:nth-child(n+10) {
	margin-left: 2.8vw !important;
}

.num-list-2 {
	margin-bottom: 2vw;
}

.num-list-2 li {
	padding-left: 3.3vw;
}

.check-list {
	margin-bottom: 2vw;
}

.check-list li {
	margin-bottom: 1vw;
	min-height: 2.5vw;
	padding-left: 3.75vw;
}

.check-list li::before {
    border: 0.4vw solid #000;
    height: 2.5vw;
    top: 0.3vw;
    width: 2.5vw;
}

.check-list li::after {
    border-right: 0.45vw solid #ff0000;
    border-bottom: 0.45vw solid #ff0000;
    left: 1.2vw;
    height: 2.2vw;
    top: -0.1vw;
    width: 1.4vw;
}

.text-base {
	padding-left: 1.8vw;
}

.text-base-2 {
	padding-left: 3.6vw;
}

.text-base-3 {
	padding-left: 5.4vw;
}

.text-base-4 {
	padding-left: 7.2vw;
}

.text-base-5 {
	padding-left: 9vw;
}

.pc {
	display: none;
}

.pc.tab {
	display: block;
}

.pc.tab.mobi {
	display: block;
}

.tab {
	display: block;
}

.tab.mobi {
	display: block;
}

.pc.mobi {
	display: none;
}

.mobi {
	display: none;
}

.m20 {
	margin: 2vw !important;
}

.mt20 {
	margin-top: 2vw !important;
}

.mb20 {
	margin-bottom: 2vw !important;
}

.no-mt20 {
	margin-top: -2vw !important;
}

.mt-20 {
	margin-top: 2vw !important;
}

.mb-20 {
	margin-bottom: 2vw !important;
}

.ml20 {
	margin-left: 2vw !important;
}

.mr20 {
	margin-right: 2vw !important;
}

.m40 {
	margin: 4vw !important;
}

.mt40 {
	margin-top: 4vw !important;
}

.mb40 {
	margin-bottom: 4vw !important;
}

.ml40 {
	margin-left: 4vw !important;
}

.mr40 {
	margin-right: 4vw !important;
}

.m60 {
	margin: 6vw !important;
}

.mt60 {
	margin-top: 6vw !important;
}

.mb60 {
	margin-bottom: 6vw !important;
}

.ml60 {
	margin-left: 6vw !important;
}

.mr60 {
	margin-right: 6vw !important;
}

.m80 {
	margin: 8vw !important;
}

.mt80 {
	margin-top: 8vw !important;
}

.mb80 {
	margin-bottom: 8vw !important;
}

.ml80 {
	margin-left: 8vw !important;
}

.mr80 {
	margin-right: 8vw !important;
}

.m100 {
	margin: 10vw !important;
}

.mt100 {
	margin-top: 10vw !important;
}

.mb100 {
	margin-bottom: 10vw !important;
}

.ml100 {
	margin-left: 10vw !important;
}

.mr100 {
	margin-right: 10vw !important;
}

.p20 {
	padding: 2vw !important;
}

.pt20 {
	padding-top: 2vw !important;
}

.pb20 {
	padding-bottom: 2vw !important;
}

.pl20 {
	padding-left: 2vw !important;
}

.pr20 {
	padding-right: 2vw !important;
}

.p40 {
	padding: 4vw !important;
}

.pt40 {
	padding-top: 4vw !important;
}

.pb40 {
	padding-bottom: 4vw !important;
}

.pl40 {
	padding-left: 4vw !important;
}

.pr40 {
	padding-right: 4vw !important;
}

.p60 {
	padding: 6vw !important;
}

.pt60 {
	padding-top: 6vw !important;
}

.pb60 {
	padding-bottom: 6vw !important;
}

.pl60 {
	padding-left: 6vw !important;
}

.pr60 {
	padding-right: 6vw !important;
}

.p80 {
	padding: 8vw !important;
}

.pt80 {
	padding-top: 8vw !important;
}

.pb80 {
	padding-bottom: 8vw !important;
}

.pl80 {
	padding-left: 8vw !important;
}

.pr80 {
	padding-right: 8vw !important;
}

.p100 {
	padding: 10vw !important;
}

.pt100 {
	padding-top: 10vw !important;
}

.pb100 {
	padding-bottom: 10vw !important;
}

.pl100 {
	padding-left: 10vw !important;
}

.pr100 {
	padding-right: 10vw !important;
}

/*----------------------------------------
文字スタイル
----------------------------------------*/

.fs15 {
	font-size: 1.5vw !important;
	line-height: 2.5vw !important;
}

.fs23 {
	font-size: 2.3vw !important;
	line-height: 3.3vw !important;
}

.fs30 {
	font-size: 3vw !important;
	line-height: 4vw !important;
}

.fs40 {
	font-size: 4vw !important;
	line-height: 5vw !important;
}

.fs50 {
	font-size: 5vw !important;
	line-height: 6vw !important;
}

/*----------------------------------------
画像関連
----------------------------------------*/

/*----------------------------------------
header
----------------------------------------*/

header {
	border-bottom: 1px solid #ccc;
	height: 7vw;
}

.head-logo {
    float: left;
    margin: 1vw 0 0 2vw;
    width: 30vw;
}


.head-in-logo-main{
	 width: 145px;
}

.head-logo .img-banner {
    background: url(images/logo-new.png) no-repeat;
    padding-bottom: 18.6153%;
}

.head-in-logo-img {
    width: 75px;
}

.head-info-tel {
    float: left;
    font-size: 3.2vw;
    line-height: 4.2vw;
    letter-spacing: -0.05vw;
    margin-top: 1.6vw;
    padding-left: 4.5vw;
}

.head-info-tel::before {
    height: 3.1vw;
    top: 0.2vw;
    width: 3.7vw;
}

.head-info-btn-list {
    float: left;
    margin: 0.9vw 2vw 0 2.6vw;
}

.head-info-btn-list li {
    float: left;
    margin-right: 2.3vw;
    width: 15.7vw;
}

.head-info-btn-list li a:hover {
	opacity: 0.6;
}

/*----------------------------------------
名鉄クリーニングが選ばれる5つの理由
----------------------------------------*/

.reason-content .wrapper {
    padding: 4.6vw 0 7vw;
}

.reason-content-title {
    font-size: 3.6vw;
    line-height: 6.5vw;
}

.reason-content-title strong {
	font-size: 4.8vw;
	line-height: 5.8vw;
}

.reason-content-in {
    margin-top: 3.1vw;
}

.reason-content-in section {
    margin-bottom: 4.7vw;
    padding-top: 1.3vw;
}

.reason-content-in section:last-child {
	margin-bottom: 0;
}

.reason-content-in-num {
    background: url(../futon-lp/images/reason-ribon-img-new.png) no-repeat;
    background-size: 100%;
    font-size: 2vw;
    line-height: 3vw;
    left: 2.3vw;
    height: 5.6vw;
    padding: 0.6vw 0 0 1.2vw;
    width: 15.1vw;
}

.reason-content-in-num strong {
	font-size: 3.6vw;
	line-height: 4.6vw;
}

.reason-content-in-box {
    padding: 1vw 0.6vw;
}

.reason-content-in-box-in {
    border: 0.3vw dotted #ff8600;
    min-height: 38vw;
    padding: 5.6vw 2vw;
    padding-right: 37vw;
}

.reason-content-in-box-in-title {
    border-bottom: 0.3vw dotted #ff8600;
    font-size: 2.8vw;
    line-height: 3.8vw;
    letter-spacing: 0.01vw;
    padding-bottom: 1.2vw;
}

.reason-content-in-box-in-img {
    position: absolute;
    right: 1.7vw;
    top: 4.4vw;
    width: 33.8vw;
}

.reason-content-in-box-in-text {
    font-size: 1.6vw;
    line-height: 2.6vw;
    margin-top: 1.3vw;
}

.reason-content-in-box-in-text p {
	margin-bottom: 2vw;
}

.reason-content .contact-banner {
	margin-top: 6.7vw;
}

.reason-content-in-box-in {
    border: 3px dotted #ccc;
}

/*----------------------------------------
TOP画像
----------------------------------------*/



/*----------------------------------------
共通
----------------------------------------*/