@charset "utf-8";
/* CSS Document */
.pc-only {
	display: none !important;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.4rem;
	font-family: YakuHanJP, 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
	color: #333;
	line-height: 1.8;
	font-weight: 500;
}
p {
	line-height: 1.8;
	font-feature-settings: "palt";
}
main{
	padding-bottom: 5rem;
}
.footer {
	margin-bottom: 10rem;
}
.inner {
	width: 100%;
	padding: 0 2rem;
}
.inner-mv{
	width: 100%;
}
img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.case{
	padding: 4rem 0 0;
}
.case-list{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 0;
	padding-bottom: 2rem;
	align-items: center;
}

.case-list:last-of-type{
	padding-bottom: 0;
}
.case-list li{
	width: 50%;
	height: 70px;
	border-right: solid #b1b1b1 1px ;
}
.case-list li:nth-of-type(2n){
	border-right: none;
}
.case-list li img{
	height: 3.2rem;
	margin: 0.8rem auto 0.6rem;
}
.case-list li p{
	text-align: center;
	line-height: 1;
	font-size: 1.2rem;
}
.case-list li.text-only{
	padding-top: 0;
}
.case-list li.text-only p{
	font-size: 1.5rem;
	line-height: 2.2;
}
.problem {
	padding: 5rem 0 0;
}
.title {
	padding: 0 0 2.5rem;
}
.problem .img02 {
	padding: 1rem 0 0;
}
.problem .about {
	padding: 1rem 0 0;
}
.problem .about a {
	text-decoration: underline;
	color: #3296CD;
}
.merit {
	padding: 5rem 0 0;
}
.merit ul li {
	padding: 1.5rem 0 0;
}
.merit ul {
	padding: 0 0 3rem;
}
.merit p, .price p {
	padding: 1rem 0 0;
}
.price {
	padding: 5rem 0 0;
}
.cta {
	padding: 5rem 0;
}
.cta a.mail {
	margin: 0 0 2rem;
	display: block;
}
.cta-fix{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 0 auto;
	box-shadow: 0 -0.1rem 0.4rem 0 rgba(136,136,136,.3);
}
.cta-fix ul{
	height: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------タブレット／ブレイクポイント-------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
	@media screen and (min-width:768px) {
		.sp-only {
			display: none !important;
		}
		.pc-only {
			display: block !important;
		}
		a[href^="tel:"] {
			pointer-events: none;
		}
		.inner {
			padding: 0 5rem;
		}
		

	}
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------PC／ブレイクポイント-------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
		@media screen and (min-width:900px) {
			body {
				font-size: 1.6rem;
			}
			main{
				padding-bottom: 10rem;
			}
			.inner {
				width: 90rem;
				margin: 0 auto;
			}
			.inner-mv{
				width: 120rem;
				margin: 0 auto;
			}
			.case{
				padding: 8rem 0 0;
			}
			.case-list{
				flex-wrap: nowrap;
				gap: 2rem 0;
				padding-bottom: 2rem;
				align-items: center;
			}
			.case-list:last-of-type{
				padding-bottom: 0;
			}
			.case-list li{
				height: 80px;
				border-right: solid #b1b1b1 1px ;
			}
			.case-list li:nth-of-type(2n){
				border-right: solid #b1b1b1 1px ;
			}
			.case-list li:nth-of-type(4n){
				border-right: none;
			}
			.case-list li img{
				height: 4rem;
				margin: 1rem auto 0.6rem;
			}
			.case-list li p{
				text-align: center;
				line-height: 1;
				font-size: 1.2rem;
			}
			.case-list li.text-only{
				padding-top: 0.2rem;
			}
			.case-list li.text-only p{
				font-size: 1.8rem;
				line-height: 2;
			}
			.problem {
				padding: 10rem 0 0;
			}
			.title {
				padding: 0 0 5rem;
			}
			.about {
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}
			.about p:first-of-type {
				width: 14rem;
			}
			.about p:nth-of-type(2) {
				flex: 1;
			}
			.merit {
				padding: 10rem 0 0;
			}
			.merit ul {
				padding: 2.5rem 0 5rem;
			}
			.merit p {
				text-align: center;
				padding: 3rem 0 0;
				font-size: 1.8rem;
			}
			.price {
				padding: 10rem 0 0;
			}
			.cta {
				padding: 10rem 0;
			}
			.cta a.mail {
				margin: 0 0 4rem;
			}
			.cta-fix ul{
				height: 10rem;
				justify-content: center;
				align-items: center;
			}
			.cta-fix ul li{
				margin-right: 6rem;
			}
			.cta-fix ul li:first-of-type{
				padding-top: 1rem;
			}
			.cta-fix ul li:last-of-type{
				margin-right: 0;
			}
		}