@media screen and (max-width: 600px) {
	/*************************** 00. 共通設定 *******************/
	.onlyPc {
		display: none !important;
	}

	.onlySp {
		display: block !important;
	}

	.inner {
		max-width: var(--sp-inner-sum) !important;
		padding-inline: var(--sp-sidePadding) !important;
	}

	.inner.-spNarrow {
		max-width: var(--sp-narrow-inner-sum) !important;
		padding-inline: var(--sp-sidePadding-narrow) !important;
	}

	/*************************** 00. 共通パーツ *******************/
	/*===============================
	ボタン
	================================*/
	.buttonArrow {
		min-height: 60px;
		padding: 8px 10px;
		border: 2px solid #e76c00;
	}
	.buttonArrow.-first{
		border-color: #fff;
	}

	@media (any-hover: hover) {
		.buttonArrow:hover::after {
			right: 20px;
		}
	}

	.buttonArrow::before,
	.buttonArrow::after {
		right: 20px;
	}

	.buttonArrow::after {
		right: 60px;
		opacity: 0;
	}

	.buttonArrow__sub {
		font-size: 12px;
	}

	.buttonArrow__main {
		font-size: 14px;
	}

	.buttonArrow__main span {
		font-size: 12px;
	}

	.buttonArrow.-spBig {
		height: 76px;
	}

	.buttonArrow.-spBig .buttonArrow__main {
		font-size: 18px;
	}

	/*===============================
	ドット
	================================*/
	.dot-pattern.-dotOnlyPc::before {
		display: none;
	}

	/*************************** 01. 固定ページのh1,h2見出し *******************/
	/*===============================
	heading-underline
	================================*/
	.heading-underline h2 > span,
	.heading-underline h2 {
		color: var(--text-color-02);
	}
	.heading-underline h2{
		font-size: 24px;
	}

	.heading-underline.-spSmall h2 > span {
		font-size: 17px;
	}

	.heading-underline.-spSmall h2 {
		white-space: nowrap;
	}
	.heading-underline.-pcBig h2{
		font-size:22px;
	}
	.heading h2 {
		color: var(--text-color-02);
	}

	/*************************** 02. toppage ***********************/
	/*===============================
	FV
	================================*/
	.top-fv {
		padding-block: 80px 183px;
		padding-top: 18px;
	}

	.top-fv__deco.-first {
		top: unset;
		bottom: 0px;
		left: calc(50% - -14px);
		width: 267px;
	}

	.top-fv__deco.-second {
		top: unset;
		bottom: -50px;
		left: calc(50% - 113px);
		width: 267px;
	}

	.top-fv__deco.-third {
		top: unset;
		bottom: -40px;
		left: calc(50% - 270px);
		rotate: 40deg;
		width: 267px;
	}

	.top-fv__deco.-fourth {
		width: 411px;
		top: 171px;
		left: calc(50% - 418px);
		rotate: -33deg;
	}

	.top-fv__deco.-fifth {
		width: 232px;
		top: -54px;
		left: unset;
		right: calc(50% - 265px);
		rotate: 130deg;
	}

	.top-fv__inner {
		padding-inline: 18px;
	}

	.top-fv__content {
		width: fit-content;
		margin-inline: auto;
	}

	.top-fv__content .top-fv__catch {
		font-size: 34px;
		font-weight: 600;
	}

	.top-fv__content p {
		font-size: 14px;
	}

	.top-fv__buttons {
		width: 100%;
		max-width: 400px;
	}

	/*===============================
	ABOUT
	================================*/
	.top-about::before {
		display: none;
	}

	.top-about {
		background: url(../../img/sp/top-about_bg-min.webp) no-repeat top center / cover;
	}

	.top-about__wrapper {
		padding-block: 50px;
		padding-top: 40px;
	}

	.top-about__wrapper figure {
		max-width: initial;
	}
	.top-about__textArea{
		margin-block-start: 16px;
	}
	.top-about__textArea p{
		font-size: 14px;
	}

	/*===============================
	PROBLEM
	================================*/
	.problem {
		margin-block-start: -1px;
		padding-block: 43px 73px;
	}

	.problem__content {
		position: relative;
		z-index: 2;
		margin-block-start: 19px;
	}

	.problem__content ul {
	}

	.problem__content ul li {
		border-radius: 8px;
		color: var(--text-color-02);
		font-size: 16px;
	}

	/*===============================
	STRENGTH
	================================*/
	.top-strength__heading {
		position: relative;
		z-index: 2;
	}

	.top-strength__deco.-first {
		left: calc(50% - 288px);
	}

	.top-strength__deco.-second {
		right: calc(50% - 282px);
	}

	.top-strength__deco.-third {
		right: calc(50% - 271px);
	}

	.top-strength__deco.-fourth {
		top: 1024px;
		bottom: unset;
		left: calc(50% - 237px);
		width: 120px;
	}

	.top-strength__deco.-fifth {
		bottom: 766px;
		right: calc(50% - 265px);
		width: 181px;
		rotate: -130deg;
	}

	.top-strength__content {
		margin-block-start: 35px;
	}

	/*===============================
	LIST
	================================*/
	.list__head {
		padding-inline-start: 0 !important;
		text-align: center;
	}

	.list__head > p {
		color: var(--text-color-02);
		font-size: 18px;
	}

	.list__textArea > p {
		margin-block-start: 18px;
		color: var(--text-color-02);
	}

	.list__item section figure {
		max-width: initial;
	}

	.list__item section figure .list__number {
		position: absolute;
		top: -17px;
		left: 0;
		font-size: 58px;
		filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 1));
	}

	/*===============================
	CTA
	================================*/
	.cta {
		background: url(../../img/sp/cta_bg-min.webp) no-repeat center center / cover;
	}

	.cta::before {
		top: -56px;
		right: calc(50% - 207px);
		bottom: unset;
		z-index: 1;
		width: 176px;
		height: 187px;
		background: url(../../img/sp/cta-min.webp) no-repeat center center / cover;
		content: '';
	}

	.cta__heading {
		padding-block: 24px 23px;
		padding-inline: 15px 12px;
	}

	.cta__heading > div {
		max-width: 400px !important;
	}

	.cta__content h3 {
		margin-inline: auto;
	}

	.cta__buttons {
		margin-block-start: 8px;
		margin-inline: auto;
	}

	.cta__buttons a {
		color: var(--text-color-03);
		min-height: 78px;
	}

	/*===============================
	SERVICE
	================================*/
	.top-service {
		background: url(../../img/sp/top-service_bg-min.webp) no-repeat center center / cover;
	}

	.top-service__heading p {
		font-size: 14px;
		text-align: left;
	}

	.top-service__content {
		margin-block-start: 33px;
	}

	.top-service__head ul {
		gap: 14px;
		justify-content: start;
	}

	.top-service__head ul li a {
		padding: 8px;
		width: calc((100% - 14px * 1) / 2);
	}

	.top-service__head ul li a section h3 {
		height: 32px;
		color: var(--text-color-02);
	}

	.top-service__foot section ul {
		max-width: 512px;
	}

	.top-service__foot section h3 {
		color: var(--text-color-02);
	}

	.top-service__foot section ul li section h4 {
		color: var(--text-color-02);
		font-size: 16px;
	}

	.top-service__foot section ul li section p {
		color: var(--text-color-02);
		margin-top:10px;
	}

	/*===============================
	CASE
	================================*/
	.top-case {
		background: url(../../img/sp/top-case_bg-min.webp) no-repeat top center / 100% auto;
		padding-bottom: 80px;
	}

	.top-case__swiper-slide {
		width: 321px;
	}

	/*===============================
	NEWS
	================================*/
	.top-news__content section a {
		flex-direction: column;
		align-items: flex-start;
		gap: 9px;
	}

	.top-news__content section a h3 {
		color: var(--text-color-03);
	}

	.top-news__heading a {
		color: var(--text-color-03);
	}

	.top-news__heading a span {
		background: var(--text-color-03);
	}

	/*===============================
	PROMISE
	================================*/
	.top-promise {
		background: url(../../img/sp/top-promise_bg-min.webp) no-repeat bottom center / cover;
	}
	.top-promise__foot h2{
		font-size: 22px;
	}

	.top-promise__deco.-first {
		right: calc(50% - 200px);
	}

	.top-promise__deco.-second {
		right: calc(50% - 151px);
	}

	.top-promise__deco.-third {
		right: calc(50% - 200px);
	}

	.top-promise__deco.-fourth {
		right: calc(50% - 134px);
	}

	.top-promise__content section ul li section h3 {
		color: var(--text-color-03);
		font-size: 18px;
	}

	.top-promise__content section ul li section p {
		color: var(--text-color-02);
	}

	/*===============================
	MESSAGE
	================================*/
	.top-message__content {
		max-width: initial;
	}

	.top-message__content figure img {
		width: 100%;
	}

	.top-message__content > div p {
		color: var(--text-color-02);
	}

	.top-message__name {
		color: var(--text-color-03);
	}

	/*===============================
	FAQ
	================================*/
	.faq {
		background: url(../../img/sp/faq_bg-min.webp) no-repeat center center / cover;
	}

	.p-qa-box__a-text {
		color: var(--text-color-03);
	}
	.p-qa-box__q-text{
		font-size: 16px;
	}

	/*************************** 03. form  ***********************/
    .inquiry-01 .CF7_table th{
        width:100%!important;/*横幅*/
        font-size:14px;
		max-width:initial;
    }
    .inquiry-01 .CF7_table tr, .inquiry-01 .CF7_table td, .inquiry-01 .CF7_table th{
    display: block;
    line-height:2.5em;
    }
    .inquiry-01 .CF7_table th{
    background-color:#ebedf5;
    }
    .inquiry-01 .CF7_table input, .inquiry-01 .CF7_table textarea{
        width:100%;
    }
    .inquiry-01 .CF7_table input[type="checkbox"]{
        width:initial;
    }
    .inquiry-01 button, .inquiry-01 input, .inquiry-01 select, .inquiry-01 textarea{
    	font-size: 16px;
    }
	/*===============================
   フォーム要素
	================================*/
	.form-select__input {
		padding: 4px 9px;
	}

	.form-text {
		padding: 4px 9px;
		font-size: 16px;
		height: 40px;
	}

	.form-textarea {
		height: 126px;
		padding: 8px 9px;
		border-radius: 4px;
	}

	/*===============================
   フォームレイアウト
	================================*/
	.form__table {
		gap: 18px;
	}

	.form__buttonWrapper {
		width: 100%;
		margin-block-start: 24px;
	}

	/*===============================
   フォームアイテム
	================================*/
	.form-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}

	.form-item__head {
		width: 100%;
	}

	.form-item.-start .form-item__head {
		margin-block-start: 0;
	}

	.form-head {
		gap: 8px;
	}

	/*************************** 04. 下層ページ  ***********************/
	/*===============================
   FV
	================================*/
	.page-fv {
		padding-block: 40px 50px;
	}

	.page-fv__deco.-first {
		top: -67px;
		right: calc(50% - 200px);
		left: unset;
		width: 181px;
	}

	.page-fv__deco.-second {
		left: calc(50% - 300px);
	}

	.page-fv__content h2 {
		font-size: 27px;
		line-height: 1.5;
	}

	.page-fv__content ul {
		flex-direction: column;
		margin-block-start: 23px;
		padding: 9px 20px;
		border-radius: 8px;
	}

	.page-fv__content ul::after {
		right: 0;
	}

	.page-fv__content ul li {
		width: 204px;
		padding: 6px 0;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		letter-spacing: 0.01em;
		text-align: left;
	}

	/*===============================
   SUPPORT
	================================*/
	.service-support{
		padding-bottom: 40px;
	}
	.service-support__content ul {
		display: flex;
		flex-direction: column;
	}

	.service-support__content ul > li {
		width: 100%;
	}

	.service-support__content ul li section div p {
		color: var(--text-color-02);
	}

	/*===============================
   ABOUT
	================================*/
	.service-about__deco.-first {
		top: -56px;
		right: calc(50% - 241px);
		width: 179px;
		rotate: -130deg;
	}

	.service-about__deco.-second {
		bottom: 0px;
		left: calc(50% - 242px);
		width: 196px;
		rotate: 33deg;
	}

	.service-about__box li {
		color: var(--text-color-02);
		padding-left:8px;
		padding-right:8px;
	}

	/*===============================
   REASON
	================================*/
	.reason__deco.-first {
		right: calc(50% - 300px);
	}

	.reason__deco.-second {
		top: 169px;
		right: calc(50% - 296px);
	}

	.reason__deco.-third {
		left: calc(50% - 232px);
		width: 120px;
	}

	.reason__deco.-fourth {
		bottom: 545px;
		left: calc(50% - -90px);
		width: 182px;
		rotate: 53deg;
	}

	/*===============================
   MERIT
	================================*/
	.service-merit__footList {
		margin-block-start: 31px;
	}
	.service-merit__headList li section h3{
		font-size: 20px;
	}

	/*===============================
   COMPARE
	================================*/
	.service-compare {
		padding-block: 60px;
		background: url(../../img/sp/service-compare_bg-min.webp) no-repeat top center / cover;
	}

	.service-compare__inner {
		padding-inline-end: 0;
	}

	.service-compare__content {
		margin-inline-end: calc(50% - 50vw);
	}

	.service-compare__wrapper {
		gap: 9px;
		width: 907px;
		padding-block: 32px;
		padding-inline-end: 30px;
	}

	.service-compare__wrapper > div ul li {
		color: var(--text-color-03);
	}

	.service-compare__wrapper > section > ul li p {
		color: var(--text-color-03);
	}

	/*===============================
   FLOW
	================================*/
	.service-flow__deco.-first {
		top: 101px;
		right: calc(50% - 200px);
		width: 107px;
	}

	.service-flow__deco.-second {
		top: 128px;
		right: calc(50% - 151px);
		width: 107px;
	}

	.service-flow__content ol li:nth-child(3) section > div > h3 > span {
		margin-left: 0;
	}
	.service-flow__content ol li section > div > h3 > span {
		margin-left: 6px;
	}

	.service-flow__content ol li section > div > h3 {
		color: var(--text-color-03);
	}

	.service-flow__content ol li section > p {
		color: var(--text-color-02);
		margin-top: 12px;
	}
	/*===============================
   DOWNLOAD
	================================*/
	.download-page{
		margin-top:20px;
	}
	.download-left{
        padding:30px 20px 40px;
    }  
    .download-left,
    .download-right {
        max-width: 100%;
    }
    ul.threeColumns.hp-box li{
    	width:100%;
    	margin-bottom: 30px;
    }
    .download-meta{
    	padding:10px 8px;
    }
    .download-meta h3{
    	font-size: 14px;
    	line-height: 1.4;
    }
    .download-cat{
    	line-height: 1.4;
    }
}
}