@charset "UTF-8";


/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	.main_image{
		position:relative;
		overflow:hidden;
		height:700px;
	}
	.main_image img{
		position:absolute;
		top:47%;
		left:50%;
		width:2560px;
		height:770px;
		transform:translate(-50%, -50%);
	}
	
	/* これまでにたくさんの方が「お部屋片付け日本一」を利用されています */
	.use > p{
		margin-top:-90px;
		text-align:center;
		font-size:120%;
	}
		.use > p::before,
		.use > p::after{
			content:"｜";
			display:inline-block;
			font-weight:bold;
		}
		.use > p::before{
			margin-right:15px;
			-webkit-transform:rotate(-45deg);
			transform:rotate(-45deg);
		}
		.use > p::after{
			margin-left:15px;
			-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
		}
/*
	.use .slide_use{
		width:1290px;
		margin-left:auto;
		margin-right:auto;
	}
	.use .slide_use li{
		width:240px;
		height:180px;
		margin:0 10px;
		border-radius:17px;
		box-shadow:0 0 8px gray;
	}
*/
	.slide_title {
		text-align:center;
		margin:30px auto 0;
		font-size:18px;
		font-family:TBUDGothic E;
		font-weight:700;
		color:#0057b8;
		letter-spacing:.1em;
	}
	.slide_title span {
		font-size:26px;
	}
	
	.slide_sub_title {
		text-align:center;
		margin:10px auto 0;
		font-size:16px;
		font-family:TBUDGothic E;
		font-weight:700;
		letter-spacing:.1em;
	}
	
	.simply-scroll-container {
		position:relative;
	}
	.simply-scroll-clip {
		position: relative;
		overflow: hidden;
	}
	.simply-scroll-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
		/*height:; /* 崩れる場合にはこちらも設定 */
	}
	.simply-scroll-list li {
		list-style:none !important;
		float: left;
		width:200px;
		height:200px;
		margin: 0 5px;
		padding: 0;
	}
	.simply-scroll-list li img {
		display: block;
		width:200px;
		height:200px;
		object-fit:cover;
		border-radius:10px;
	}
	
	/* コロナウイルス */
	.covid{
		padding:30px 0;
		background-color:#fff;
		border:#0057b8 2px solid;
		border-radius:15px;
	}
	.covid > p{
		font-size:18px;
	}
	.covid > p span{
		background: linear-gradient(transparent 60%, #ffe44f 60%);
	}
	.covid > ul{
		margin:30px auto 0;
	}
	.covid > ul li{
		margin:0 30px;
		padding-top:160px;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:16px;
	}
	.covid > ul li:nth-child(1){ background:url(../imgs/other/pc/icon-covid_1.png) no-repeat center top; background-size:140px; }
	.covid > ul li:nth-child(2){ background:url(../imgs/other/pc/icon-covid_2.png) no-repeat center top; background-size:140px; }
	.covid > ul li:nth-child(3){ background:url(../imgs/other/pc/icon-covid_3.png) no-repeat center top; background-size:140px; }
	
	
	/*2011/11追加変更*/
		.hidden_box {
		    margin: 2em auto;/*前後の余白*/
		    padding: 0;
		}

		/*ボタン装飾*/
		.hidden_box label {
		    padding: 15px;
		    cursor :pointer;
		   
		}


		/*チェックは見えなくする*/
		.hidden_box input {
		    display: none;
		}

		/*中身を非表示にしておく*/
		.hidden_box .hidden_show {
		    height: 0;
		    padding: 0;
		    overflow: hidden;
		    opacity: 0;
		    transition: 0.8s;
		}

		/*クリックで中身表示*/
		.hidden_box input:checked ~ .hidden_show {
		    padding: 10px 0;
		    height: auto;
		    opacity: 1;
		}
		
		label .tubd_bold{
			font-size:18px;
		}
		label .tubd_bold span{
			background: linear-gradient(transparent 60%, #ffe44f 60%);
		}
		
		.hidden_box ul{
			margin:30px auto 0;
		}
		.hidden_box ul li{
			margin:0 30px;
			padding-top:160px;
			text-align:center;
			font-family:TBUDGothic E;
			font-size:16px;
		}
		.hidden_box ul li:nth-child(1){ background:url(../imgs/other/pc/icon-covid_1.png) no-repeat center top; background-size:140px; }
		.hidden_box ul li:nth-child(2){ background:url(../imgs/other/pc/icon-covid_2.png) no-repeat center top; background-size:140px; }
		.hidden_box ul li:nth-child(3){ background:url(../imgs/other/pc/icon-covid_3.png) no-repeat center top; background-size:140px; }

		
		
	/* キャンペーンバナー */
	.promotion_bnr{
		width:1200px;
		margin:auto;
	}
	
	.promotion_bnr li:not(:last-child){
		margin-bottom:30px;
	}
	
	.promotion_bnr li .text{
		margin-top:15px;
		font-size:16px;
	}
	
	.promotion_bnr li .text > span{
		margin-right:10px;
		padding:2px 15px;
		background-color:#0057b8;
		color:#fff;
	}
	
	/* お客様の笑顔が見たいから */
	.movie{
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
	}
	.movie .youtube iframe {
		border-radius:10px;
		box-shadow:0 0 8px gray;
	}
	.movie div:not(.youtube){
		padding-left:40px;
		max-width:560px;
	}
	.youtube{
		top: 0;
		left: 0;
		width: auto;
		min-width: 570px;
		height: auto;
		min-height: 320px;
		z-index: -1;
	}
	.movie h2{
		font-size:40px;
	}
	.movie p{
		margin-top:20px;
		font-size:16px;
	}
	
	/* 「お部屋片づけ日本一」が出来ること */
	.service h2{
		font-size:40px;
	}
	.service > div{
		position:relative;
		width:100%;
		padding:40px 0 50px;
		background-color:#76aee1;
		border-radius:15px;
	}
	.service > div > p{
		line-height:1.8;
		margin-bottom:60px;
		font-family:TBUDGothic E;
		font-size:20px;
		font-weight:700;
	}
	.service > div > p span{
		font-size:28px;
	}
	.service .highlight_link,
	.service .item_link{
		background-color:#0057b8;
	}
	.service .highlight_link{
		position:relative;
		left:-50px;
		display:inline-block;
		width:630px;
		margin-top:10px;
		padding:25px 0;
		border-radius:15px;
	}
	.service .highlight h3{
		margin-left:35px;
		font-size:30px;
	}
	.service .highlight p{
		margin:5px 55px 0 35px;
		padding-bottom:15px;
		border-bottom:#fff 1px solid;
		font-size:15px;
		color:#fff;
	}
	.service .highlight .pic{
		position:relative;
		right:-35px;
		width:560px;
		margin-top:20px;
	}
	
	.service .highlight .pic img{
			border-radius: 10px;
	}
	
	.service .item_box{
		position:absolute;
		top:137px;
		right:-50px;
	}
	.service .item_link{
		display:table;
		width:630px;
		margin:20px auto 0;
		padding:15px;
		background-color:#0057b8;
		border-radius:15px;
	}
	.service .item .pic,
	.service .item .txt{
		display:table-cell;
		vertical-align:middle;
	}
	.service .item .pic{
		width:120px;
		height:120px;
		border-radius: 10px;
		overflow: hidden;
	}
	.service .item .txt{
		padding:0 0px 0 20px;
	}
	.service .item h3{
		width:100%;
		font-family:TBUDGothic E;
		font-size:26px;
		font-weight:700;
		color:#fff;
	}
	.service .item p{
		width:100%;
		line-height:1.8;
		margin-top:5px;
		font-size:15px;
		color:#fff;
	}
	.service .character{
		position:absolute;
		bottom:-95px;
		left:400px;
		z-index:999;
		width:40%;
	}
	.service .link_button_1{
		margin-left:70px;
	}

	/* 料金プラン */
	.price{
		position:relative;
		z-index:1;
		width:100%;
		padding:60px 0;
		background-color:#ffe44f;
	}
	.price h2{
		font-size:40px;
	}
	.price .desc{
		line-height:1.8;
		font-size:24px;
	}
	.price .list_box{
		position:relative;
		z-index:2;
		width:1200px;
		margin:0 auto;
		padding:40px 0 30px;
		background-color:#fef0a2;
		border-radius:15px;
	}
	.price .list_box .spot{
		width:370px;
		margin-right:0;
	}
	.price .list_box .spot h3{
		font-size:30px;
	}
	.price .list_box .spot p{
		position:relative;
		margin-top:-20px;
		font-size:40px;
	}
		.price .list_box .spot p::after{
			content:"+";
			position:absolute;
			top:0px;
			right:-75px;
			font-size:150px;
			font-weight:400;
		}
	.price .list_box .spot p span{
		font-size:150px;
	}
	.price .list_box .item{
		width:634px;
		margin-left:100px;
	}
	.price .list_box .item section{
		width:300px;
		margin-top:10px;
	}
		.price .list_box .item section:nth-child(1),
		.price .list_box .item section:nth-child(2){
			margin-top:0;
		}
	.price .list_box .item section h3{
		padding:15px 0;
		background-color:#fff;
		border-radius:35px;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:18px;
		font-weight:700;
	}
	.price .list_box .item section > p{
		margin-top:5px;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:20px;
		font-weight:700;
	}
	.price .list_box .item section > p span{
		font-family:TBUDGothic E;
		font-size:36px;
		font-weight:700;
	}
	.price .list_box .link_button_1{
		z-index:3;
		display:block;
		width:294px;
		margin:auto;
		padding:8px 0;
		background-color:#fff;
		border-radius:30px;
		font-size:14px;
	}
	.price .list_box + .desc{
		font-size:22px;
	}
	.price .payment li{
		width:140px;
		margin:0 40px;
		padding-top:140px;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:16px;
		font-weight:700;
	}
	.price .payment li:nth-child(1){background:url(../imgs/other/pc/icon-payment_1.png) no-repeat center top; background-size:120px;}
	.price .payment li:nth-child(2){background:url(../imgs/other/pc/icon-payment_3.png) no-repeat center top; background-size:120px;}
	.price .payment li:nth-child(3){background:url(../imgs/other/pc/icon-payment_4.png) no-repeat center top; background-size:120px;}
	.price .catch{
		font-family:TBUDGothic E;
		font-size:30px;
		font-weight:700;
	}
	.price .desc:last-child{
		font-size:16px;
	}
	
	/* お見積りから作業までの流れ */
	.flow h2{
		font-size:40px;
	}
	.flow .desc{
		text-align:center;
		font-size:16px;
	}
	.flow ol{
		list-style-type:none;
	}
	.flow ol li{
		position:relative;
		width:160px;
		height:150px;
		margin:0 30px;
		padding-top:150px;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:16px;
		font-weight:700;
	}
	.flow ol li:nth-child(1){background:url(../imgs/other/pc/icon-flow_1.png) no-repeat center center; background-size:120px;}
	.flow ol li:nth-child(2){background:url(../imgs/other/pc/icon-flow_2.png) no-repeat center center; background-size:120px;}
	.flow ol li:nth-child(3){background:url(../imgs/other/pc/icon-flow_3.png) no-repeat center center; background-size:120px;}
	.flow ol li:nth-child(4){background:url(../imgs/other/pc/icon-flow_4.png) no-repeat center center; background-size:120px;}
	.flow ol li:not(:last-child)::after{
		content:"";
		position:absolute;
		top:60px;
		left:175px;
		display:block;
		width:32px;
		height:26px;
		background:url(../imgs/other/pc/icon-arrow_2.png) no-repeat right center;
		background-size:32px;
	}
	.flow .link_button_1{
		display:block;
		width:300px;
		padding:8px 0;
		margin-left:auto;
		margin-right:auto;
	}
	
	/* .bnr_1 */
	.bnr_1{
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	.bnr_1 li:nth-child(-n+3){
			margin-bottom: 20px;
	}
	
	/* お知らせ ブログ */
	.post .news{
		width:700px;
		margin-right:auto;
	}
	.post .blog{
		width:450px;
		margin-left:auto;
	}
	.post h2 a{
		display:block;
		width:100%;
		padding:10px 0;
		background:url(../imgs/other/pc/icon-arrow_1.png) no-repeat 98% center;
		background-size:22px;
		font-family:TBUDGothic E;
		font-size:23px;
		color:#0057b8;
	}
	.post h2 a:hover{
		text-decoration:none;
		background-position:100% center;
	}
	.post ul{
		margin-top:10px;
	}
	.post li a{
		position:relative;
		display:table;
		width:100%;
		transition:.5s;
	}
		.post li a::before{
			content:'';
			position:absolute;
			top:0;
			right:0;
			bottom:0;
			left:0;
			z-index:-1;
			background:#0057b8;
			transform-origin:right top;
			transform:scale(0, 1);
			transition:transform .5s;
		}
		.post li a:hover{
			text-decoration:none;
		}
			.post li a:hover::before{
				transform-origin:left top;
				transform: scale(1, 1);
			}
	.post li a:hover span{
		color:#fff !important;
	}
	.post .news li a{
		padding:30px 10px;
		border-top:#0057b8 1px solid;
	}
		.post .news li:last-child{
			border-bottom:#0057b8 1px solid;
		}
	.post .blog li a{
		padding:9px 10px;
		border-top:#0057b8 2px dashed;
	}
		.post .blog li:last-child{
			border-bottom:#0057b8 2px dashed;
		}
	.post .news .date,
	.post .news .title{
		display:table-cell;
		vertical-align:top;
	}
	.post .blog .thumb,
	.post .blog .info{
		display:table-cell;
		vertical-align:middle;
	}
	.post .news .date{
		width:130px;
		font-size:12px;
		color:#333;
	}
	.post .news .title{
		font-size:15px;
		color:#333;
	}
	.post .blog .thumb{
		width:65px;
	}
	.post .blog .thumb img{
		object-fit:contain;
	}
	.post .blog .info{
		width:340px;
		padding-left:5%;
		font-size:15px;
		color:#333;
	}
	.post .blog .info .date{
		font-size:12px;
	}

	/* .slide_sub_2 */
	.slide_sub_2{
		position:relative;
		width:850px;
		margin-left:auto;
		margin-right:auto;
	}
	.slide_sub_2 .slide-arrow{
		z-index:999;
	}
		.slide_sub_2 .slide-arrow:hover{
			cursor:pointer;
		}
	.slide_sub_2 .prev-arrow{
		position:absolute;
		top:50%;
		left:0;
	}
	.slide_sub_2 .next-arrow{
		position:absolute;
		top:50%;
		right:0;
	}
	.slide_sub_2 .slick-slide img{
		width:600px;
		margin:0 auto;
	}

	.slide_sub_2_thumb{
		width:450px;
		margin-left:auto;
		margin-right:auto;
	}
	.slide_sub_2_thumb li{
		width:130px;
		margin:0 10px;
	}
		.slide_sub_2_thumb li:hover{
			cursor:pointer;
		}


	/* Twitter Instagram */
	.sns{
		width:360px;
		margin-left:auto;
		margin-right:auto;
	}
	.sns dl{
		display:block;
		width:360px;
		padding-top:25px;
		background-color:#ececec;
		border-radius:10px;
	}
	.sns dl dt{
		margin-left:auto;
		margin-right:auto;
		padding-left:40px;
		font-size:20px;
		font-weight:bold;
		color:#0057b8;
	}
	.sns dl.tw dt{
		width: 210px;
		background:url(../imgs/other/pc/icon-x_2.png) no-repeat left center;
		background-size:30px;
	}
	.sns dl.ig dt{
		width:160px;
		background:url(../imgs/other/pc/icon-ig_1.png) no-repeat left center;
		background-size:30px;
	}
	.sns dl dd{
		width:337px;
		margin:25px auto 0;
	}
	
	.sns dl dd .instagram{
		width:100%;
	}
	
	.sns dl dd .instagram ul {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.sns dl dd .instagram ul li {
		width:31.5%;
		margin-bottom:10px;
		list-style:none;
	}
	
	.sns dl dd .instagram ul li:nth-child(1) img{
		border-radius:5px 0 0 0;
	}
	
	.sns dl dd .instagram ul li:nth-child(3) img{
		border-radius:0 5px 0 0;
	}
	
	.sns dl dd .instagram ul li:nth-child(7) img{
		border-radius:0 0 0 5px;
	}
	
	.sns dl dd .instagram ul li:nth-child(9) img{
		border-radius:0 0 5px 0;
	}
	.sns dl dd .instagram ul li img{
		object-fit: cover;
		width:106px;
		height:107px;
	}
	


	/* お客様の声のフォントスタイル追加*/
	.voice h2 .big,
	.voice h2 .small{
		display:block;
		font-family: "mamelon";
	}

	/* 1207thefocusコンテンツ追加*/
	.media{
		max-width:1200px;
		width:100%;
		margin:0 auto;
	}
	.media img{
		margin:0 auto;	
	}
}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	.slide_title {
		text-align:center;
		margin:30px auto 0;
		font-size:3.5vw;
		font-family:TBUDGothic E;
		font-weight:700;
		color:#0057b8;
		letter-spacing:.1em;
	}
	.slide_title span {
		font-size:6vw;
	}
	
	.slide_sub_title {
		width:90%;
		text-align:center;
		margin:10px auto 0;
		font-size:3.2vw;
		font-family:TBUDGothic E;
		font-weight:700;
		letter-spacing:.1em;
	}
	
	.simply-scroll-container {
		position:relative;
	}
	.simply-scroll-clip {
		position: relative;
		overflow: hidden;
	}
	.simply-scroll-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
		/*height:; /* 崩れる場合にはこちらも設定 */
	}
	.simply-scroll-list li {
		list-style:none !important;
		float: left;
		width:150px;
		height:150px;
		margin: 0 5px;
		padding: 0;
	}
	.simply-scroll-list li img {
		display: block;
		width:150px;
		height:150px;
		object-fit:cover;
		border-radius:10px;
	}
	
	/* コロナウイルス */
	.covid{
		padding:15px 0;
		background-color:#fff;
		border:#0057b8 2px solid;
		border-radius:15px;
	}
	.covid > p{
		font-size:14px;
	}
	.covid > ul{
		width:95%;
		margin:10px auto 0;
	}
	.covid > ul li{
		width:33%;
		padding-top:18vw;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:12px;
	}
	.covid > ul li:nth-child(1){ background:url(../imgs/other/sp/icon-covid_1.png) no-repeat center top; background-size:60%; }
	.covid > ul li:nth-child(2){ background:url(../imgs/other/sp/icon-covid_2.png) no-repeat center top; background-size:60%; }
	.covid > ul li:nth-child(3){ background:url(../imgs/other/sp/icon-covid_3.png) no-repeat center top; background-size:60%; }
	
	
	/*2011/11追加変更*/
		/*ボタン装飾*/
		/*.hidden_box label {
		    padding: 15px;
		    cursor :pointer;
		}*/


		/*チェックは見えなくする*/
		.hidden_box input {
		    display: none;
		}

		/*中身を非表示にしておく*/
		.hidden_box .hidden_show {
		    height: 0;
		    padding: 0;
		    overflow: hidden;
		    opacity: 0;
		    transition: 0.8s;
		}

		/*クリックで中身表示*/
		.hidden_box input:checked ~ .hidden_show {
		    padding: 10px 0;
		    height: auto;
		    opacity: 1;
		}
		
		label .tubd_bold{
			font-size:18px;
		}
		label .tubd_bold span{
			background: linear-gradient(transparent 60%, #ffe44f 60%);
		}
		
	    .hidden_box{
			background-color:#fff;
			border:#0057b8 2px solid;
			border-radius:15px;
		}
		.hidden_box p{
			font-size:14px;
		}
		.hidden_box ul{
			width:95%;
			margin:10px auto 0;
		}
		.hidden_box ul li{
			width:33%;
			padding-top:18vw;
			text-align:center;
			font-family:TBUDGothic E;
			font-size:12px;
		}
		.hidden_box ul li:nth-child(1){ background:url(../imgs/other/sp/icon-covid_1.png) no-repeat center top; background-size:60%; }
		.hidden_box ul li:nth-child(2){ background:url(../imgs/other/sp/icon-covid_2.png) no-repeat center top; background-size:60%; }
		.hidden_box  ul li:nth-child(3){ background:url(../imgs/other/sp/icon-covid_3.png) no-repeat center top; background-size:60%; }

	
	/* キャンペーンバナー */
	.promotion_bnr{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.promotion_bnr li{
		display:-webkit-flex; display:flex;
		-webkit-flex-direction:row; flex-direction:row;
		-webkit-justify-content:space-between; justify-content:space-between;
	}
	
	.promotion_bnr li:not(:last-child){
		margin-bottom:30px;
	}
	
	.promotion_bnr li .image{
		width:47%;
	}
	.promotion_bnr li .text{
		width:50%;
		font-family:TBUDGothic E;
		font-size:16px;
		font-weight:700;
	}
	.promotion_bnr li .text > span{
		display:inline-block;
		margin-bottom:5px;
		padding:2px 15px;
		background-color:#0057b8;
		font-size:14px;
		color:#fff;
	}
	
	.promotion_title{
		font-weight:900;
		display:block;
		text-align:center;
		font-size:1em;
		padding-bottom:10px;
	}

	.sp_promotion{
		font-size:0.8em;
	}
	
	/* お客様の笑顔が見たいから */
	/*.movie .youtube {
		position:relative;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		padding-top:56.25%;
	}
	.movie .youtube iframe {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		border-radius:10px;
		box-shadow:0 0 8px gray;
	}*/

	.movie_container {
		position:relative;
		height:0;
		padding-top:56.25%;
		margin:30px 0;
	}
	.movie_container iframe {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		border-radius:10px;
		box-shadow:0 0 8px gray;
	}
	.movie h2{
		margin-top:13px;
		text-align:center;
		font-size:23px;
	}
	.movie p{
		margin-top:5px;
		text-align:center;
		font-size:14px;
	}
	
	/* 「お部屋片づけ日本一」が出来ること */
	.service h2{
		font-size:23px;
	}
	.service > div{
		position:relative;
		width:100%;
		padding:25px 0 20px;
		background-color:#76aee1;
		border-radius:15px;
	}
	.service > div > p{
		line-height:1.8;
		font-size:14px;
	}
	.service .highlight_link,
	.service .item_link{
		background-color:#0057b8;
	}
	.service .highlight_link{
		position:relative;
		left:-5vw;
		display:block;
		margin-top:20px;
		padding:25px 0 15px;
		border-radius:0 15px 15px 0;
	}
	.service .highlight h3{
		margin-left:6vw;
		font-size:19px;
	}
	.service .highlight p{
		line-height:1.8;
		margin:5px 5vw 0 6vw;
		padding-bottom:15px;
		border-bottom:#fff 1px solid;
		font-size:14px;
		color:#fff;
	}
	.service .highlight .pic{
		position:relative;
		right:-5vw;
		margin-top:20px;
		border-radius: 10px 0 0 10px;
		overflow: hidden;
	}
	.service .item_link{
		display:block;
		width:90%;
		margin:30px auto 0;
		padding:15px 15px 10px;
		background-color:#0057b8;
		border-radius:15px;
	}
	.service .item .pic{
		display:table-cell;
		height:80px;

	}
	.service .item .pic img{
		width:auto;
		height:80px;
		border-radius: 10px;
		overflow: hidden;

	}
	.service .item .txt{
		display:table-cell;
		vertical-align:middle;
		width:100%;
		padding-left:20px;
		font-family:TBUDGothic E;
		font-size:19px;
		color:#fff;
	}
	.service .item p{
		width:100%;
		line-height:1.8;
		margin-top:5px;
		font-size:14px;
		color:#fff;
	}
	.service .character{
		position:absolute;
		top:370px;
		right:-3vw;
		width:40%;
	}
	.service .link_button_1{
		width:90%;
	}
	/* 詳しくはこちらの導線 */
	.service_info_btn_left{
		position:relative;
		text-align:center;
		font-weight:bold !important;
		border-radius:10px;
		margin-top:30px;
	}
	.service_info_btn_left .btn_text{
		position:relative;
		text-align:center;
		background-color:#fff;
		padding:15px;
		border-radius:10px;
		width:65%;
	}
	.service_info_btn{
		text-align:center;
		background-color:#fff;
		font-weight:bold !important;
		padding:15px;
		margin-top:15px;
		border-radius:10px;

	}
	
	/* 料金プラン */
	.price{
		width:100%;
		padding:30px 2%;
		background-color:#ffe44f;
	}
	.price h2{
		font-size:23px;
	}
	.price .desc{
		line-height:1.8;
		font-size:3.5vw;
	}
	.price .list_box{
		width:96%;
		margin:0 auto;
		padding:20px 15px;
		background-color:#fef0a2;
		border-radius:15px;
	}
	.price .list_box .spot h3{
		font-size:15px;
	}
	.price .list_box .spot p{
		position:relative;
		font-size:20px;
	}
		.price .list_box .spot p::after{
			content:"+";
			position:absolute;
			top:4.5vw;
			right:17vw;
			font-size:15vw;
			font-weight:400;
		}
	.price .list_box .spot p span{
		font-size:75px;
	}
	.price .list_box .item section{
		width:48%;
		margin-top:10px;
	}
		.price .list_box .item section:nth-child(1),
		.price .list_box .item section:nth-child(2){
			margin-top:0;
		}
	.price .list_box .item section h3{
		padding:2px 0;
		background-color:#fff;
		border-radius:15px;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:13px;
	}
	.price .list_box .item section > p{
		margin-top:5px;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:3vw;
		font-weight:700;
	}
	.price .list_box .item section > p span{
		font-family:TBUDGothic E;
		font-size:5vw;
		font-weight:700;
	}
	.price .list_box > .link_button_1{
		padding:10px 0;
		background-color:#fff;
		border-radius:30px;
	}
	.price .payment li{
		width:23%;
		margin:0 1%;
		padding-top:22%;
		text-align:center;
		font-family:TBUDGothic E;
		font-size:12px;
		font-weight:700;
	}
	.price .payment li:nth-child(3n-2){margin-left:0;}
	.price .payment li:nth-child(3n){margin-right:0;}
	.price .payment li:nth-child(1){background:url(../imgs/other/sp/icon-payment_1.png) no-repeat center top; background-size:90%;}
	.price .payment li:nth-child(2){background:url(../imgs/other/sp/icon-payment_3.png) no-repeat center top; background-size:90%;}
	.price .payment li:nth-child(3){background:url(../imgs/other/sp/icon-payment_4.png) no-repeat center top; background-size:90%;}
	.price .catch{
		font-family:TBUDGothic E;
		font-size:21px;
	}

	/* お見積りから作業までの流れ */
	.flow h2{
		font-size:23px;
	}
	.flow .desc{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		font-size:3.5vw;
	}
	.flow ol{
		list-style-type:none;
		width:73vw;
		margin-left:auto;
		margin-right:auto;
	}
	.flow ol li{
		position:relative;
		height:85px;
		line-height:1.4;
		margin-bottom:15px;
		padding:30px 0 30px 28vw;
		font-family:TBUDGothic E;
		font-size:4.5vw;
	}
		.flow ol li:nth-child(1){
			padding:5px 0 17px 28vw;
		}
		.flow ol li:last-child{
			margin-bottom:0;
		}
		.flow ol li:nth-child(1){background:url(../imgs/other/sp/icon-flow_1.png) no-repeat left center; background-size:contain;}
		.flow ol li:nth-child(2){background:url(../imgs/other/sp/icon-flow_2.png) no-repeat left center; background-size:contain;}
		.flow ol li:nth-child(3){background:url(../imgs/other/sp/icon-flow_3.png) no-repeat left center; background-size:contain;}
		.flow ol li:nth-child(4){background:url(../imgs/other/sp/icon-flow_4.png) no-repeat left center; background-size:contain;}
		.flow ol li:not(:last-child)::after{
			content:"";
			position:absolute;
			bottom:-15px;
			display:block;
			width:30px;
			height:30px;
			background:url(../imgs/other/sp/icon-arrow_2.png) no-repeat center bottom;
			background-size:50%;
		}
	.flow .link_button_1{
		width:90%;
	}

	/* .bnr_1 */
	.bnr_1 .slick-slide{
		margin:0 7px;
	}

	/* お知らせ ブログ */
	.post .blog{
		margin-top:40px;
	}
	.post h2 a{
		display:block;
		width:100%;
		background:url(../imgs/other/sp/icon-arrow_1.png) no-repeat right center;
		background-size:7%;
		font-family:TBUDGothic E;
		font-size:23px;
		color:#0057b8;
	}
	.post ul{
		margin-top:10px;
	}
	.post li{
		display:table;
		width:100%;
		padding:10px 1vw;
	}
	.post .news li{
		border-top:#0057b8 1px solid;
	}
		.post .news li:last-child{
			border-bottom:#0057b8 1px solid;
		}
	.post .blog li{
		border-top:#0057b8 1px dashed;
	}
		.post .blog li:last-child{
			border-bottom:#0057b8 1px dashed;
		}
	.post li a{
		display:block;
		width:100%;
	}
	.post .news .date,
	.post .news .title{
		display:table-cell;
		vertical-align:top;
	}
	.post .blog .thumb,
	.post .blog .info{
		display:table-cell;
		vertical-align:middle;
	}
	.post .news .date{
		width:105px;
		font-size:12px;
		color:#333;
	}
	.post .news .title{
		font-size:13px;
		color:#333;
	}
	.post .blog .thumb{
		width:65px;
	}
	.post .blog .info{
		width:85%;
		padding-left:5%;
		font-size:12px;
		color:#333;
	}

	/* .slide_sub_2 */
	.slide_sub_2 .slick-slide{
		margin:0 7px;
	}
	/* お客様の声のフォントスタイル追加*/
	.voice h2 .big,
	.voice h2 .small{
		display:block;
		font-family: "mamelon";
	}
	/* 1207thefocusコンテンツ追加*/
	.media{
		width:100%;
		text-align:center;
	}
	.media a{
		display:block;
	}
	.media img{
		width:90%;
		margin:0 auto;
	}
	
	/* Twitter Instagram */
	.sns{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.sns dl{
		display:block;
		width:100%;
		padding-top:20px;
		background-color:#ececec;
		border-radius:10px;
	}
	.sns dl dt{
		margin-left:auto;
		margin-right:auto;
		padding-left:40px;
		font-size:20px;
		font-weight:bold;
		color:#0057b8;
	}
	.sns dl.ig dt{
		width:160px;
		background:url(../imgs/other/pc/icon-ig_1.png) no-repeat left center;
		background-size:30px;
	}
	.sns dl dd{
		width:95%;
		margin:10px auto 0;
	}
	
	
}/* End SP */
