@charset "UTF-8";

/*--------------------------------------------
COLORS
---------------------------------------------*/

:root{
	--body : #333;
	--link : #333;
	--primary : #725f92;
	--secondary : #e8e6eb;
	--green : #1ead4c;
	--yellow : #f2c203;
}

/*--------------------------------------------
SPACE SP
---------------------------------------------*/

:root{
	--sp-pagetitle-pb : 42;
	--sp-title01-lh : 4.2;
	--sp-title02-lh : 4.2;
	--sp-title03-lh : 9;
	--sp-title04-lh : 4.2;
	--sp-title05-lh : 9;
	--sp-title06-lh : 3.2;
	--sp-title07-lh : 3.2;
	--sp-title08-lh : 9;
	--sp-text01-lh : 13;
	--sp-text02-lh : 13;
	--sp-text03-lh : 6;
}

/*--------------------------------------------
SPACE pc
---------------------------------------------*/

:root{
	--pc-title01-lh : 4px;
	--pc-title03-lh : 1px;
	--pc-title04-lh : 1px;
	--pc-title05-lh : 3.4px;
	--pc-title06-lh : 3px;
	--pc-title07-lh : 3.4px;
	--pc-title08-lh : 3.4px;
	--pc-text01-lh : 8px;
	--pc-text02-lh : 4px;
	--pc-text03-lh : 4px;
	--pc-sublink-pt : 38px;
	--pc-breadcrumbs-pb : 16px;
	--pc-contacts-pt : 39px;
}

/*--------------------------------------------
ABOUT KAKEIZU
-- TOP
---------------------------------------------*/

@media screen and (max-width: 750px){
	#aboutkakeizu01{
		padding-top : calc( ( 61 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 61 - var(--sp-title05-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#aboutkakeizu01{
		padding-top : calc( 59px - 3.4px );
		padding-top : calc( 59px - var(--pc-title05-lh) );
		padding-bottom : calc( 39px - 8px );
		padding-bottom : calc( 39px - var(--pc-text01-lh) );
	}
}

#aboutkakeizu02{
	position : relative;
	overflow : hidden;
}

#aboutkakeizu02:before{
	position : absolute;
	content : "";
	display : block;
	background : url( "../images/ui/icon/tree.svg" ) 0 0 / contain no-repeat;
}

@media screen and (max-width: 750px){
	#aboutkakeizu02{
		padding-top : calc( ( 130 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 130 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( ( 89 - 13 ) * 100vw / 750 );
		padding-bottom : calc( ( 89 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#aboutkakeizu02:before{
		left : calc( ( 524 + 6 ) * 100% / 750 );
		top : calc( ( 7 + 6 ) * 100vw / 750 );
		width : calc( 240 * 100% / 750 );
		height : calc( 246 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#aboutkakeizu02{
		padding-top : calc( 131px - 3.4px );
		padding-top : calc( 131px - var(--pc-title05-lh) );
		padding-bottom : calc( 169px - 8px );
		padding-bottom : calc( 169px - var(--pc-text01-lh) );
	}
	#aboutkakeizu02:before{
		left : calc( 50% -608px + 11px );
		top : calc( 87px + 9px );
		width : 436px;
		height : 449px;
	}
	#aboutkakeizu02 .title05 , #aboutkakeizu02 .text01{
		margin-left : 451px;
	}
}

@media screen and (max-width: 750px){
	#aboutkakeizu03{
		padding-top : calc( ( 86 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 86 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 24 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#aboutkakeizu03{
		padding-top : calc( 82px - 3.4px );
		padding-top : calc( 82px - var(--pc-title05-lh) );
		padding-bottom : calc( 60px - 8px );
		padding-bottom : calc( 60px - var(--pc-text01-lh) );
	}
}

/*--------------------------------------------
ABOUT KAKEIZU
-- HOW TO
---------------------------------------------*/

@media screen and (max-width: 750px){
	#howto01{
		padding-top : calc( ( 65 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 65 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 60 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#howto01{
		padding-top : calc( 82px - 3.4px );
		padding-top : calc( 82px - var(--pc-title05-lh) );
		padding-bottom : 81px;
	}
}

@media screen and (max-width: 750px){
	#howto02{
		padding-top : calc( ( 81 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 81 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 79 * 100vw / 750 );
	}
	#howto02 picture{
		width : calc( 709 * 100% / 710 );
		text-align : center;
	}
}

@media print,screen and (min-width: 751px){
	#howto02{
		padding-top : calc( 72px - 3.4px );
		padding-top : calc( 72px - var(--pc-title05-lh) );
		padding-bottom : 53px;
	}
}

@media screen and (max-width: 750px){
	#howto03{
		padding-top : calc( ( 60 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 60 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 82 * 100vw / 750 );
	}
	#howto03 picture{
		width : calc( 709 * 100% / 710 );
		text-align : center;
	}
}

@media print,screen and (min-width: 751px){
	#howto03{
		padding-top : calc( 79px - 3.4px );
		padding-top : calc( 79px - var(--pc-title05-lh) );
		padding-bottom : calc( 110px - 8px );
		padding-bottom : calc( 110px - var(--pc-text01-lh) );
	}
}

@media screen and (max-width: 750px){
	#howto04{
		padding-top : calc( 61 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#howto04{
		padding-top : 38px;
		padding-bottom : calc( 96px - 38px );
		padding-bottom : calc( 96px - var(--pc-sublink-pt) );
	}
}

/*--------------------------------------------
ABOUT KAKEIZU
-- WHEN
---------------------------------------------*/

@media screen and (max-width: 750px){
	#when01{
		padding-top : calc( ( 88 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 88 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 120 * 100vw / 750 );
	}
	#when01 picture{
		margin-top : calc( ( 56 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 56 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#when01{
		padding-top : calc( 59px - 3.4px );
		padding-top : calc( 59px - var(--pc-title05-lh) );
		padding-bottom : calc( 39px - 8px );
		padding-bottom : calc( 39px - var(--pc-text01-lh) );
	}
}

@media screen and (max-width: 750px){
	#when02{
		padding-top : calc( ( 80 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 80 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 66 * 100vw / 750 );
	}
	#when02 li + li{
		margin-top : calc( ( 114 - 3.2 ) * 100vw / 750 );
		margin-top : calc( ( 114 - var(--sp-title06-lh) ) * 100vw / 750 );
	}
	#when02 .list01{
		margin-top : calc( ( 69 - 3.2 ) * 100vw / 750 );
		margin-top : calc( ( 69 - var(--sp-title06-lh) ) * 100vw / 750 );
	}
	#when02 .text01{
		margin-top : calc( ( 31 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 31 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#when02 picture{
		margin-top : calc( ( 61 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 61 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#when02{
		padding-top : calc( 78px - 3.4px );
		padding-top : calc( 78px - var(--pc-title05-lh) );
		padding-bottom : 87px;
	}
}

/*--------------------------------------------
FEATURE
-- TOP
---------------------------------------------*/

#feature01 , #feature02 , #feature03{
	--sp-title05-lh : 3.8;
}

@media screen and (max-width: 750px){
	#feature01 .title05 , #feature02 .title05 , #feature03 .title05{
		font-size : 3.8rem;
		line-height : 1.2;
	}
}

@media screen and (max-width: 750px){
	#feature01{
		padding-top : calc( ( 83 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 83 - var(--sp-title05-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#feature01{
		padding-top : calc( 72px - 16px );
		padding-top : calc( 72px - var(--pc-breadcrumbs-pb) );
		padding-bottom : 54px;
	}
}

@media screen and (max-width: 750px){
	#feature02{
		padding-top : calc( ( 67 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 67 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 54 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#feature02{
		padding-top : 25px;
		padding-bottom : 36px;
	}
}

@media screen and (max-width: 750px){
	#feature03{
		padding-top : calc( ( 72 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 72 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 69 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#feature03{
		padding-top : 60px;
		padding-bottom : 87px;
	}
	#feature03 li + li{
		margin-top : 73px;
	}
}

@media screen and (max-width: 750px){
	#feature04{
		padding-top : calc( ( 62 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 62 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 60 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#feature04{
		padding-top : calc( 57px - 3.4px );
		padding-top : calc( 57px - var(--pc-title05-lh) );
		padding-bottom : 56px;
	}
}

/*--------------------------------------------
FEATURE
-- MY MEMORIES
---------------------------------------------*/

@media screen and (max-width: 750px){
	#mymemories01{
		padding-top : calc( ( 56 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 56 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 65 * 100vw / 750 );
	}
}

@media screen and (max-width: 750px){
	#mymemories02{
		padding-top : calc( ( 83 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 83 - var(--sp-title05-lh) ) * 100vw / 750 );
	}
	#mymemories02 .layout06{
		margin-top : calc( ( 40 - 9 ) * 100vw / 750 );
		margin-top : calc( ( 40 - var(--sp-title05-lh) ) * 100vw / 750 );
	}
	#mymemories02 .layout06 + .title05{
		margin-top : calc( ( 80 - 9 ) * 100vw / 750 );
		margin-top : calc( ( 80 - var(--sp-title05-lh) ) * 100vw / 750 );
	}
	#mymemories02 > picture{
		text-align : center;
		margin-top : calc( ( 31 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 31 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#mymemories02 > picture img{
		width : 100%;
		height : auto;
	}
}

@media print,screen and (min-width: 751px){
	#mymemories02{
		padding-top : calc( 100px - 3.4px );
		padding-top : calc( 100px - var(--pc-title05-lh) );
		padding-bottom : calc( 62px - 38px );
		padding-bottom : calc( 62px - var(--pc-sublink-pt : 38px) );
	}
	#mymemories02 .layout06{
		margin-top : 42px;
	}
	#mymemories02 .layout06 + .title05{
		margin-top : calc( 65px - 3.4px );
		margin-top : calc( 65px - var(--pc-title05-lh) );
	}
	#mymemories02 > picture{
		text-align : center;
		margin-top : calc( 48px - 8px );
		margin-top : calc( 48px - var(--pc-text01-lh) );
	}
	#mymemories02 > picture img{
		width : 1036px;
	}
}

/*--------------------------------------------
FEATURE
-- MY ROOTS
---------------------------------------------*/

@media screen and (max-width: 750px){
	#myroots01{
		padding-top : calc( ( 80 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 80 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 80 * 100vw / 750 );
	}
	#myroots01 picture{
		margin-top : calc( ( 37 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 37 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 1120px){
	#myroots01{
		padding-bottom : 50px;
	}
}

@media screen and (max-width: 750px){
	#myroots02{
		padding-top : calc( ( 59 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 59 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 80 * 100vw / 750 );
	}
	#myroots02 picture{
		margin-top : calc( ( 34 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 34 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 1120px){
	#myroots02{
		padding-top : calc( 81px - 3.4px );
		padding-top : calc( 81px - var(--pc-title05-lh) );
		padding-bottom : calc( 76px - 8px );
		padding-bottom : calc( 76px - var(--pc-text01-lh) );
	}
}

@media screen and (max-width: 750px){
	#myroots03{
		padding-top : calc( ( 80 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 80 - var(--sp-title05-lh) ) * 100vw / 750 );
	}
	#myroots03 picture{
		margin-top : calc( ( 26 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 26 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 1120px){
	#myroots03{
		padding-top : calc( 62px - 3.4px );
		padding-top : calc( 62px - var(--pc-title05-lh) );
		padding-bottom : calc( 104px - 8px - 38px );
		padding-bottom : calc( 104px - var(--pc-text01-lh) - var(--pc-sublink-pt : 38px) );
	}
}

/*--------------------------------------------
SERVICE
-- TOP
---------------------------------------------*/

@media screen and (max-width: 750px){
	#service01{
		padding-top : calc( ( 93 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 93 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( ( 123 - 13 ) * 100vw / 750 );
		padding-bottom : calc( ( 123 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#service01{
		padding-top : calc( 27px - 16px - 3.4px );
		padding-top : calc( 27px - var(--pc-breadcrumbs-pb) - var(--pc-title05-lh) );
		padding-bottom : calc( 44px - 8px );
		padding-bottom : calc( 44px - var(--pc-text01-lh) );
	}
}

#service02 > li{
	position : relative;
	overflow : hidden;
}

#service02 > li > a{
	display : block;
}

#service02 > li > a > picture img{
	width : 100%;
	height : auto;
}

#service02 .box{
	position : relative;
	background-repeat : no-repeat;
	background-position-x : right;
	background-color : #fff;
}

#service02 .box picture{
	position : absolute;
}

#service02 .box02{
	display : flex;
	align-items : flex-end;
}

#service02 .box02 ul{
	display : flex;
	flex-wrap : wrap;
}

#service02 .box02 li{
	display : flex;
	align-items : center;
	justify-content : center;
	background-color : #b7d32f;
}

#service02 .box02 .pink{
	background-color : #f29c9f;
}

#service02 .box02 .gold{
	background-color : #ae9027;
	color : #fff;
}

#service02 .link01{
	flex-shrink : 0;
}

#service02 > li:nth-child(1) .box{
	background-image : url("../images/ui/kamon/04.svg");
}

#service02 > li:nth-child(2) .box{
	background-image : url("../images/ui/kamon/07.svg");
}

#service02 > li:nth-child(3) .box{
	background-image : url("../images/ui/kamon/08.svg");
}

#service02 > li:nth-child(4) .box{
	background-image : url("../images/ui/kamon/09.svg");
	background-color : #f3f4ec;
}

#service02 > li:nth-child(4) .box:before{
	content : "";
	display : block;
	position : absolute;
	width : 100%;
	height : 100%;
	background-repeat : no-repeat;
	background-size : cover;
	background-position : 0 0;
	top : 0;
	left : 0;
}

#service02 > li:nth-child(4) .title07:before{
	background-color : #ae9027;
}

@media screen and (max-width: 750px){
	#service02{
		--sp-text01-lh : 6;
	}
	#service02 .box{
		width : calc( 710 * 100% / 750 );
		padding-left : calc( 20 * 100% / 710 );
		padding-right : calc( 20 * 100% / 710 );
		margin-left : auto;
		margin-right : auto;
	}
	#service02 .box > picture{
		z-index : 2;
	}
	#service02 .text01{
		margin-top : calc( ( 30 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 30 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#service02 .text01{
		font-size : 2.4rem;
		line-height : 1.5;
	}
	#service02 .link01{
		margin-left : 1em;
	}
	#service02 .box02{
		margin-top : calc( ( 24 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 24 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#service02 .box02 ul{
		margin-left : calc( -10 * 100vw / 750 );
		margin-top : calc( -10 * 100vw / 750 );
	}
	#service02 .box02 li{
		width : calc( 140 * 100vw / 750 );
		margin-left : calc( 10 * 100vw / 750 );
		margin-top : calc( 10 * 100vw / 750 );
		height : calc( 40 * 100vw / 750 );
		font-size : 2rem;
	}
	#service02 > li:nth-child(1){
		background-color : #f5f4e4;
		padding-bottom : calc( 67 * 100vw / 750 );
	}
	#service02 > li:nth-child(1) .box{
		margin-top : calc( -131 * 100vw / 750 );
		padding-top : calc( 46 * 100vw / 750 );
		padding-bottom : calc( 31 * 100vw / 750 );
		background-position-y : calc( 100% - ( 159 * 100vw / 750 ) );
	}
	#service02 > li:nth-child(1) .box picture{
		top : calc( -74 * 100vw / 750 );
		left : calc( -33 * 100% / 710 );
	}
	#service02 > li:nth-child(1) .box picture img{
		height : calc( 184 * 100vw / 750 );
	}
	#service02 > li:nth-child(1) .link01{
		margin-top : calc( 8 * 100vw / 750 );
	}
	#service02 > li:nth-child(2){
		background-color : #f1f6d5;
		padding-bottom : calc( 66 * 100vw / 750 );
	}
	#service02 > li:nth-child(2) .box{
		margin-top : calc( -60 * 100vw / 750 );
		padding-top : calc( 37 * 100vw / 750 );
		padding-bottom : calc( 36 * 100vw / 750 );
		background-position-y : calc( 100% - ( 85 * 100vw / 750 ) );
	}
	#service02 > li:nth-child(2) .box picture{
		top : calc( -117 * 100vw / 750 );
		left : calc( -58 * 100% / 710 );
	}
	#service02 > li:nth-child(2) .box picture img{
		height : calc( 224 * 100vw / 750 );
	}
	#service02 > li:nth-child(2) .link01{
		margin-top : calc( -2 * 100vw / 750 );
	}
	#service02 > li:nth-child(3){
		background-color : #f3f4ec;
		padding-bottom : calc( 64 * 100vw / 750 );
	}
	#service02 > li:nth-child(3) .box{
		margin-top : calc( -59 * 100vw / 750 );
		padding-top : calc( 36 * 100vw / 750 );
		padding-bottom : calc( 26 * 100vw / 750 );
		background-position-y : calc( 100% - ( 109 * 100vw / 750 ) );
	}
	#service02 > li:nth-child(3) .box .link01{
		margin-bottom : calc( 2 * 100vw / 750 );
	}
	#service02 > li:nth-child(4) .box{
		margin-top : calc( -60 * 100vw / 750 );
		padding-top : calc( 42 * 100vw / 750 );
		padding-bottom : calc( 43 * 100vw / 750 );
		padding-left : calc( 32 * 100% / 710 );
		padding-right : calc( 32 * 100% / 710 );
		background-position-y : calc( 100% - ( 163 * 100vw / 750 ) );
		height : calc( 400 * 100vw / 750 );
	}
	#service02 > li:nth-child(4) .box:before{
		background-image : url("../images/service/top/frame_sp.png");
	}
	#service02 > li:nth-child(4) .title07:before{
		width : calc( 200 * 100% / 646 );
	}
	#service02 > li:nth-child(4) .link01{
		margin-bottom : calc( 18 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#service02{
		padding-bottom : calc( 67px - 38px );
		padding-bottom : calc( 67px - var(--pc-sublink-pt : 38px) );
	}
	#service02 .box{
		background-size : auto 302px;
		padding-left : 30px;
		padding-right : 30px;
		padding-top : calc( 40px - 3.4px );
		padding-top : calc( 40px - var(--pc-title07-lh) );
	}
	#service02 li > a > picture{
		position : relative;
		z-index : -2;
	}
	#service02 .box picture{
		position : absolute;
		z-index : -1;
	}
	#service02 .text01{
		margin-top : calc( 19px - 8px );
		margin-top : calc( 19px - var(--pc-text01-lh) );
	}
	#service02 .box02{
		margin-top : calc( 25px - 8px );
		margin-top : calc( 25px - var(--pc-text01-lh) );
	}
	#service02 .box02 ul{
		margin-left : -2px;
		margin-top : -2px;
	}
	#service02 .box02 li{
		width : 100px;
		height : 30px;
		font-size : 1.4rem;
		margin-left : 2px;
		margin-top : 2px;
	}
	#service02 > li:nth-child(1):before{
		content : "";
		display : block;
		position : absolute;
		height : 509px;
		top : 50px;
		width : 100%;
		left : 0;
		background-color : #f5f4e4;
		z-index : -2;
	}
	#service02 > li:nth-child(1) > a > picture{
		width : 100%;
	}
	#service02 > li:nth-child(1) .box{
		margin-top : -89px;
		width : 705px;
		background-position-y : calc( 100% - 55px );
		margin-left : auto;
		margin-right : 15px;
		padding-bottom : 14px;
	}
	#service02 > li:nth-child(1) .box picture{
		left : -331px;
		top : -13px;
	}
	#service02 > li:nth-child(1) .box picture img{
		height : 237px;
	}
	#service02 > li:nth-child(1) .link01{
		margin-bottom : 2px;
	}
	#service02 > li:nth-child(2){
		margin-top : 37px;
	}
	#service02 > li:nth-child(2):before{
		content : "";
		display : block;
		position : absolute;
		height : 345px;
		top : 48px;
		width : calc( 50% + 400px );
		right : 0;
		background-color : rgba(183,211,47,.2);
		z-index : -2;
	}
	#service02 > li:nth-child(2) a{
		display : flex;
		align-items : flex-end;
		padding-top : 28px;
	}
	#service02 > li:nth-child(2) a > picture{
		width : 520px;
		flex-shrink : 0;
	}
	#service02 > li:nth-child(2) .box{
		width : 510px;
		flex-shrink : 0;
		margin-left : -40px;
		margin-bottom : 8px;
		background-position-y : calc( 100% - 66px );
		padding-bottom : 24px;
	}
	#service02 > li:nth-child(2) .box picture{
		top : -164px;
		left : 33px;
	}
	#service02 > li:nth-child(2) .box picture img{
		height : 304px;
	}
	#service02 > li:nth-child(2) .link01{
		margin-top : -2px;
	}
	#service02 > li:nth-child(3){
		margin-top : 85px;
	}
	#service02 > li:nth-child(3):before{
		content : "";
		display : block;
		position : absolute;
		height : 509px;
		top : 42px;
		width : calc( 50% + 372px );
		left : calc( 50% - 748px );
		background-color : #f3f4ec;
		z-index : -2;
	}
	#service02 > li:nth-child(3) a{
		display : flex;
		align-items : flex-end;
		flex-direction : row-reverse;
		justify-content : flex-start;
		padding-bottom : 2px;
	}
	#service02 > li:nth-child(3) a > picture{
		width : 520px;
		flex-shrink : 0;
	}
	#service02 > li:nth-child(3) .box{
		width : 510px;
		flex-shrink : 0;
		margin-right : -37px;
		margin-bottom : 43px;
		background-position-y : calc( 100% - 74px );
		padding-bottom : 23px;
	}
	#service02 > li:nth-child(3) .link01{
		margin-top : -2px;
	}
	#service02 > li:nth-child(4){
		margin-top : 57px;
	}
	#service02 > li:nth-child(4) > a{
		padding-top : 196px;
	}
	#service02 > li:nth-child(4) > a > picture{
		overflow : hidden;
	}
	#service02 > li:nth-child(4) > a > picture > img{
		width : 100%;
		height : 100%;
		object-fit : cover;
	}
	#service02 > li:nth-child(4) > a > picture{
		width : 100%;
		height : 450px;
		left : 0;
		top : 0;
		position : absolute;
	}
	#service02 > li:nth-child(4) .box{
		width : 705px;
		height : 275px;
	}
	#service02 > li:nth-child(4) .box:before{
		background-image : url("../images/service/top/frame_pc.png");
	}
	#service02 > li:nth-child(4) .box{
		padding-bottom : 30px;
		background-position-y : calc( 100% - 74px );
	}
	#service02 > li:nth-child(4) .link01{
		margin-bottom : 6px;
	}
}

/*--------------------------------------------
SERVICE
-- TOWAKAKEIZU
---------------------------------------------*/

@media screen and (max-width: 750px){
	body.towakakeizu #title-service{
		padding-bottom : calc( ( 112 - 9 ) * 100vw / 750 );
		padding-bottom : calc( ( 112 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	body.towakakeizu #title-service{
		padding-bottom : calc( 60px - 3.4px );
		padding-bottom : calc( 60px - var(--pc-title08-lh) );
	}
}

@media screen and (max-width: 750px){
	#towakakeizu01{
		padding-bottom : calc( 82 * 100vw / 750 );
	}
	#towakakeizu01 .bgc01{
		margin-top : calc( 39 * 100vw / 750 );
		padding-top : calc( ( 60 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 60 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 61 * 100vw / 750 );
	}
	#towakakeizu01 .layout06 + .layout06{
		margin-top : calc( ( 82 - 9 ) * 100vw / 750 );
		margin-top : calc( ( 82 - var(--sp-title05-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#towakakeizu01{
		padding-bottom : 59px;
	}
	#towakakeizu01 .bgc01{
		margin-top : 41px;
	}
	#towakakeizu01 .layout06 + .layout06{
		margin-top : calc( 56px - 3.4px );
		margin-top : calc( 56px - var(--pc-title05-lh) );
	}
}

@media screen and (max-width: 750px){
	#towakakeizu02{
		padding-top : calc( ( 60 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 60 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#towakakeizu02{
		padding-top : calc( 61px - 3.4px );
		padding-top : calc( 61px - var(--pc-title08-lh) );
	}
}

@media screen and (max-width: 750px){
	#towakakeizu04{
		padding-top : calc( ( 79 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 79 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#towakakeizu04{
		padding-top : calc( 60px - 3.4px );
		padding-top : calc( 60px - var(--pc-title08-lh) );
		padding-bottom : calc( 74px - 38px );
		padding-bottom : calc( 74px - var(--pc-sublink-pt : 38px) );
	}
}

/*--------------------------------------------
SERVICE
-- INSTANTKAKEIZU
---------------------------------------------*/

@media screen and (max-width: 750px){
	body.instantkakeizu #title-service{
		padding-bottom : calc( ( 83 - 9 ) * 100vw / 750 );
		padding-bottom : calc( ( 83 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
	body.instantkakeizu #title-service .text01{
		text-align : left;
	}
	body.instantkakeizu #title-service dl{
		margin-top : calc( ( 84 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 84 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	body.instantkakeizu #title-service{
		padding-bottom : calc( 86px - 3.4px );
		padding-bottom : calc( 86px - var(--pc-title08-lh) );
	}
	body.instantkakeizu #title-service dl{
		margin-top : calc( 86px - 8px );
		margin-top : calc( 86px - var(--pc-text01-lh) );
	}
}

#instantkakeizu01 h5{
	text-align : center;
}

#instantkakeizu01 picture img{
	width : 100%;
	height : auto;
}

@media screen and (max-width: 750px){
	#instantkakeizu01{
		padding-bottom : calc( 82 * 100vw / 750 );
	}
	#instantkakeizu01 .bgc02{
		margin-top : calc( 40 * 100vw / 750 );
		padding-top : calc( ( 60 - 3.2 ) * 100vw / 750 );
		padding-top : calc( ( 60 - var(--sp-title06-lh) ) * 100vw / 750 );
		padding-bottom : calc( 37 * 100vw / 750 );
	}
	#instantkakeizu01 .bgc02 div{
		background-color : #fff;
		padding-top : calc( 47 * 100vw / 750 );
		padding-bottom : calc( 60 * 100vw / 750 );
		margin-top : calc( ( 87 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 87 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu01 .bgc02 picture{
		width : calc( 563 * 100% / 710 );
		margin-top : calc( 30 * 100vw / 750 );
		margin-left : auto;
		margin-right : auto;
	}
	#instantkakeizu01 .layout06{
		padding-top : calc( ( 80 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 80 - var(--sp-title05-lh) ) * 100vw / 750 );
		padding-bottom : calc( 80 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#instantkakeizu01 .bgc02{
		margin-top : 45px;
		display : -ms-grid;
		display :     grid;
		-ms-grid-columns : 1fr 563px;
		grid-template-columns : 1fr 563px;
		grid-row : auto calc( 20px - 8px ) 1fr;
		grid-row : auto calc( 20px - var(--pc-text01-lh) ) 1fr;
		padding-top : calc( 50px - 3px );
		padding-top : calc( 50px - var(--pc-title06-lh) );
		padding-bottom : 60px;
	}
	#instantkakeizu01 .bgc02 .title05{
		-ms-grid-column : 1;
		    grid-column : 1;
		-ms-grid-row : 1;
		-ms-grid-row-span : 3;
		    grid-row : 1/4;
	}
	#instantkakeizu01 .bgc02 .text01{
		-ms-grid-column : 1;
		    grid-column : 1;
		-ms-grid-row : 3;
		    grid-row : 3;
	}
	#instantkakeizu01 .bgc02 div{
		-ms-grid-column : 2;
		    grid-column : 2;
		-ms-grid-row : 1;
		-ms-grid-row-span : 3;
		    grid-row : 1/4;
	}
	#instantkakeizu01 .bgc02 h5{
		font-size : 1.6rem;
	}
	#instantkakeizu01 .bgc02 picture{
		margin-top : 19px;
	}
	#instantkakeizu01 .layout06{
		padding-top : 40px;
		padding-bottom : 80px;
	}
}

#instantkakeizu03 dt{
	display : flex;
	align-items : center;
	justify-content : center;
	background-color : #b7d32f;
	color : #fff;
}

#instantkakeizu03 dd{
	display : flex;
	justify-content : center;
	align-items : baseline;
	background-color : #fff;
}

#instantkakeizu03 em{
	color : #d01414;
	font-weight : 700;
}

#instantkakeizu03 em , #instantkakeizu03 dd > span{
	margin-left : 1em;
}

@media screen and (max-width: 750px){
	#instantkakeizu03{
		padding-top : calc( ( 62 - 3.4px ) * 100vw / 750 );
		padding-top : calc( ( 62 - var(--pc-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( 60 * 100vw / 750 );
	}
	#instantkakeizu03 dl{
		margin-top : calc( 41 * 100vw / 750 );
	}
	#instantkakeizu03 dt{
		font-size : 2.4rem;
		height : calc( 102 * 100vw / 750 );
	}
	#instantkakeizu03 dd{
		padding-top : calc( 36 * 100vw / 750 );
		padding-bottom : calc( 39 * 100vw / 750 );
	}
	#instantkakeizu03 strike{
		font-size : 2.4rem;
	}
	#instantkakeizu03 strike span{
		font-size : 1.6rem;
	}
	#instantkakeizu03 em{
		font-size : 2.4rem;
	}
	#instantkakeizu03 dd > span{
		font-size : 1.6rem;
	}
}

@media print,screen and (min-width: 751px){
	#instantkakeizu03{
		padding-top : calc( 38px - 3.4px );
		padding-top : calc( 38px - var(--pc-title08-lh) );
		padding-bottom : 77px;
	}
	#instantkakeizu03 dl{
		margin-top : 51px;
		width : 900px;
		margin-left : auto;
		margin-right : auto;
	}
	#instantkakeizu03 dt{
		font-size : 2.4rem;
		height : 102px;
	}
	#instantkakeizu03 dd{
		padding-top : 17px;
		padding-bottom : 23px;
	}
	#instantkakeizu03 strike{
		font-size : 2.4rem;
	}
	#instantkakeizu03 strike span{
		font-size : 1.6rem;
	}
	#instantkakeizu03 em{
		font-size : 2.4rem;
	}
	#instantkakeizu03 dd > span{
		font-size : 1.6rem;
	}
}

#instantkakeizu04{
	overflow : hidden;
}

#instantkakeizu04 ol > li{
	position : relative;
}

#instantkakeizu04 ol > li + li:before{
	content : "";
	display : block;
	position : absolute;
	background : url("../images/service/instantkakeizu/next.png") 0 0 / contain no-repeat;
}

#instantkakeizu04 ol > li:after{
	content : "";
	display : block;
	position : absolute;
	left : 0;
	border-style : solid;
	z-index : 1;
}

#instantkakeizu04 .customer{
	background-color : #f7f8fa;
}

#instantkakeizu04 .company{
	background-color : #f1faea;
}

#instantkakeizu04 ol > li > p:nth-of-type(1){
	position : absolute;
	color : #fff;
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
	left : 0;
	z-index : 2;
	display : flex;
	align-items : center;
	justify-content : center;
}

#instantkakeizu04 h4{
	font-weight : 500;
}

#instantkakeizu04 h4:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-size : contain;
	background-position : 0 0;
	font-size : 0;
}

#instantkakeizu04 li:nth-child(1) h4:after{
	background-image : url("../images/service/instantkakeizu/icon01.svg");
}

#instantkakeizu04 li:nth-child(2) h4:after{
	background-image : url("../images/service/instantkakeizu/icon02.svg");
}

#instantkakeizu04 li:nth-child(3) h4:after{
	background-image : url("../images/service/instantkakeizu/icon03.svg");
}

#instantkakeizu04 li:nth-child(4) h4:after{
	background-image : url("../images/service/instantkakeizu/icon04.svg");
}

#instantkakeizu04 .contacts{
	display : flex;
	align-items : center;
	justify-content : center;
}

#instantkakeizu04 .contacts a{
	font-weight : 700;
}

#instantkakeizu04 .contacts a:nth-of-type(1){
	font-family : "Roboto", sans-serif;
}

#instantkakeizu04 .contacts a:nth-of-type(n+2){
	display : flex;
	align-items : center;
	justify-content : center;
	color : #fff;
}

#instantkakeizu04 .contacts a:nth-of-type(2){
	background : linear-gradient(8.4269690214807deg, #d1a31a 0%, #d1a31a 50%, #c90 50%, #c90 100%);
}

#instantkakeizu04 .contacts a:nth-of-type(3){
	background : linear-gradient(23.962488974578deg, #419d41 0%, #419d41 50%, #2b922b 50%, #2b922b 100%);
	font-family : "Roboto", sans-serif;
}

@media screen and (max-width: 750px){
	#instantkakeizu04{
		padding-top : calc( 80 * 100vw / 750 );
		padding-bottom : calc( 80 * 100vw / 750 );
	}
	#instantkakeizu04 ol{
		margin-top : calc( 44 * 100vw / 750 );
	}
	#instantkakeizu04 ol > li:after{
		top : 0;
	}
	#instantkakeizu04 ol > li.customer:after{
		border-width : calc( 101 * 100vw / 750 ) calc( 101 * 100vw / 750 ) 0 0;
		border-color : #84cbc5 transparent transparent transparent;
	}
	#instantkakeizu04 ol > li.company:after{
		border-width : calc( 101 * 100vw / 750 ) calc( 101 * 100vw / 750 ) 0 0;
		border-color : #88c22c transparent transparent transparent;
	}
	#instantkakeizu04 ol > li + li{
		margin-top : calc( 48 * 100vw / 750 );
	}
	#instantkakeizu04 ol > li + li:before{
		width : calc( 39 * 100% / 710 );
		height : calc( 70 * 100vw / 750 );
		top : calc( -46 * 100vw / 750 );
		left : calc( 336 * 100% / 710 );
	}
	#instantkakeizu04 ol > li > p:nth-of-type(1){
		font-size : 2.2rem;
		transform : rotate(-45deg);
		white-space : nowrap;
		top : 0;
		width : calc( ( 101 * 100 / 141 ) * 100vw / 750 );
		height : calc( ( 101 * 100 / 141 ) * 100vw / 750 );
	}
	#instantkakeizu04 .text01{
		padding-left : calc( 20 * 100% / 710 );
		padding-right : calc( 20 * 100% / 710 );
	}
	#instantkakeizu04 h4{
		display : flex;
		align-items : center;
		justify-content : space-between;
		font-size : 2.2rem;
		padding-top : calc( 7 * 100vw / 750 );
		text-align : right;
		padding-left : calc( 91 * 100% / 710 );
		padding-right : calc( 72 * 100% / 710 );
	}
	#instantkakeizu04 li:nth-child(1){
		padding-bottom : calc( 28 * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(1) h4:after{
		width : calc( 179 * 100% / 547 );
		height : calc( 179 * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(1) .text01{
		margin-top : calc( ( 6 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 6 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(2){
		padding-bottom : calc( ( 68 - 13 ) * 100vw / 750 );
		padding-bottom : calc( ( 68 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(2) h4:after{
		width : calc( 180 * 100% / 547 );
		height : calc( 180 * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(2) .text01{
		margin-top : calc( ( 3 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 3 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(3){
		padding-bottom : calc( ( 68 - 13 ) * 100vw / 750 );
		padding-bottom : calc( ( 68 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(3) h4:after{
		width : calc( 180 * 100% / 547 );
		height : calc( 180 * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(3) .text01{
		margin-top : calc( ( 5 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 5 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(4){
		padding-bottom : calc( ( 41 - 13 ) * 100vw / 750 );
		padding-bottom : calc( ( 41 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(4) h4:after{
		width : calc( 180 * 100% / 547 );
		height : calc( 180 * 100vw / 750 );
	}
	#instantkakeizu04 li:nth-child(4) .text01{
		margin-top : calc( ( 3 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 3 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu04 .contacts{
		margin-top : calc( ( 21 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 21 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizu04 .contacts a:nth-of-type(1){
		font-size : 4rem;
        padding-right: calc( 10 * 100vw / 750 ) ;
	}
	#instantkakeizu04 .contacts a:nth-of-type(n+2){
		font-size : 1.8rem;
		height : calc( 60 * 100vw / 750 );
        padding: 0 calc( 20 * 100vw / 750 ) ;
	}
	#instantkakeizu04 .contacts a:nth-of-type(2){
		background : linear-gradient(8.4269690214807deg, #d1a31a 0%, #d1a31a 50%, #c90 50%, #c90 100%);
	}
	#instantkakeizu04 .contacts a:nth-of-type(3){
		background : linear-gradient(23.962488974578deg, #419d41 0%, #419d41 50%, #2b922b 50%, #2b922b 100%);
		font-family : "Roboto", sans-serif;
	}
}

@media print,screen and (min-width: 751px){
	#instantkakeizu04{
		padding-top : calc( 86px - 3.4px );
		padding-top : calc( 86px - var(--pc-title08-lh) );
		padding-bottom : 68px;
	}
	#instantkakeizu04 ol{
		margin-top : 38px;
	}
	#instantkakeizu04 ol > li{
		display : flex;
		align-items : flex-start;
		padding-top : calc( 28px - 8px );
		padding-top : calc( 28px - var(--pc-text01-lh) );
	}
	#instantkakeizu04 ol > li:after{
		bottom : 0;
	}
	#instantkakeizu04 ol > li.customer:after{
		border-width : 71px 0 0 71px;
		border-color : transparent transparent transparent #84cbc5;
	}
	#instantkakeizu04 ol > li.company:after{
		border-width : 71px 0 0 71px;
		border-color : transparent transparent transparent #88c22c;
	}
	#instantkakeizu04 ol > li + li{
		margin-top : 59px;
	}
	#instantkakeizu04 ol > li + li:before{
		width : 19px;
		height : 39px;
		top : -48px;
		left : 147px;
	}
	#instantkakeizu04 ol > li > p:nth-of-type(1){
		font-size : 1.4rem;
		transform : rotate(45deg);
		bottom : 0;
		width : calc( 71px * 100 / 141 );
		height : calc( 71px * 100 / 141 );
	}
	#instantkakeizu04 h4{
		font-size : 2.2rem;
		padding-top : 7px;
		width : 305px;
		text-align : right;
	}
	#instantkakeizu04 li:nth-child(1){
		padding-bottom : 29px;
	}
	#instantkakeizu04 li:nth-child(1) h4{
		padding-right : 130px;
	}
	#instantkakeizu04 li:nth-child(1) h4:after{
		width : 125px;
		height : 125px;
		margin-left : 93px;
		margin-top : 2px;
	}
	#instantkakeizu04 li:nth-child(2){
		padding-bottom : 31px;
	}
	#instantkakeizu04 li:nth-child(2) h4{
		padding-right : 82px;
	}
	#instantkakeizu04 li:nth-child(2) h4:after{
		width : 125px;
		height : 125px;
		margin-left : 92px;
		margin-top : 6px;
	}
	#instantkakeizu04 li:nth-child(3){
		padding-bottom : 27px;
	}
	#instantkakeizu04 li:nth-child(3) h4{
		padding-right : 94px;
	}
	#instantkakeizu04 li:nth-child(3) h4:after{
		width : 98px;
		height : 98px;
		margin-left : 106px;
		margin-top : 13px;
	}
	#instantkakeizu04 li:nth-child(4){
		padding-bottom : calc( 34px - 8px );
		padding-bottom : calc( 34px - var(--pc-text01-lh) );
	}
	#instantkakeizu04 li:nth-child(4) h4{
		padding-right : 65px;
	}
	#instantkakeizu04 li:nth-child(4) h4:after{
		width : 105px;
		height : 105px;
		margin-left : 102px;
		margin-top : 19px;
	}
	#instantkakeizu04 .contacts{
		margin-top : calc( 12px - 8px );
		margin-top : calc( 12px - var(--pc-text01-lh) );
	}
	#instantkakeizu04 .contacts a:nth-of-type(1){
		font-size : 3.6rem;
	}
	#instantkakeizu04 .contacts a:nth-of-type(n+2){
		font-size : 1.8rem;
		height : 40px;
	}
	#instantkakeizu04 .contacts a:nth-of-type(2){
		width : 270px;
		margin-left : 11px;
	}
	#instantkakeizu04 .contacts a:nth-of-type(3){
		width : 90px;
	}
}

#instantkakeizuform{
	background-color : #e4f6d5;
}

#instantkakeizuform dl > div{
	border-top : solid 1px #ccc;
}

#instantkakeizuform label{
	display : flex;
	align-items : flex-start;
	flex-direction : row-reverse;
	width : 100%;
}

#instantkakeizuform input[type="text"] , #instantkakeizuform input[type="email"] , #instantkakeizuform textarea{
	border : solid 1px #ccc;
}

#instantkakeizuform input[type="submit"]{
	display : flex;
	align-items : center;
	justify-content : center;
	border-radius : 9999px;
	background-color : #1ead4c;
	background-color : var(--green);
	color : #fff;
}

#instantkakeizuform button{
	display : flex;
	align-items : center;
	justify-content : center;
	border-radius : 9999px;
	border : 1px solid  #ccc;
	background-color : transparent;
	background-color : #fff;
}

#instantkakeizuform .error{
	padding-top : .25em;
	display : block;
}

@media screen and (max-width: 750px){
	#instantkakeizuform{
		padding-top : calc( ( 62 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 62 - var(--sp-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( 62 * 100vw / 750 );
	}
	#instantkakeizuform form{
		margin-top : calc( ( 56 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 56 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#instantkakeizuform dt{
		padding-top : calc( 10 * 100vw / 750 );
		padding-bottom : calc( 10 * 100vw / 750 );
	}
	#instantkakeizuform label{
		font-size : 2.4rem;
		justify-content : flex-end;
	}
	#instantkakeizuform label.required:after{
		font-size : 2.4rem;
		padding : calc( 7 * 100vw / 750 );
		margin-left : calc( 5 * 100% / 710 );
		margin-right : 1em;
	}
	#instantkakeizuform dd{
		padding-top : calc( 10 * 100vw / 750 );
		padding-bottom : calc( 10 * 100vw / 750 );
		padding-left : calc( 30 * 100% / 710 );
		padding-right : calc( 30 * 100% / 710 );
	}
	#instantkakeizuform input[type="text"] , #instantkakeizuform input[type="email"] , #instantkakeizuform textarea{
		margin : calc( 4 * 100vw / 750 );
		height : calc( 80 * 100vw / 750 );
	}
	#instantkakeizuform #instantkakeizu_name{
		width : calc( 524 * 100% / 650 );
	}
	#instantkakeizuform #instantkakeizu_jname{
		width : 100%;
	}
	#instantkakeizuform #instantkakeizu_email , #instantkakeizuform #instantkakeizu_email_confirm{
		width : 100%;
	}
	#instantkakeizuform #instantkakeizu_tel{
		width : calc( 404 * 100% / 650 );
	}
	#instantkakeizuform #instantkakeizu_content{
		width : 100%;
		height : calc( 188 * 100vw / 750 );
	}
	#instantkakeizuform input[type="submit"] , #instantkakeizuform button{
		margin-top : calc( 30 * 100vw / 750 );
		width : calc( 500 * 100% / 710 );
		height : calc( 120 * 100vw / 750 );
		font-size : 2.8rem;
	}
}

@media print,screen and (min-width: 751px){
	#instantkakeizuform{
		padding-top : calc( 89px - 3.4px );
		padding-top : calc( 89px - var(--pc-title08-lh) );
		padding-bottom : 96px;
	}
	#instantkakeizuform form{
		margin-top : calc( 52px - 8px );
		margin-top : calc( 52px - var(--pc-text01-lh) );
		width : 772px;
		margin-left : auto;
		margin-right : auto;
	}
	#instantkakeizuform dl > div{
		display : flex;
		align-items : flex-start;
	}
	#instantkakeizuform dt{
		width : 260px;
		flex-shrink : 0;
	}
	#instantkakeizuform label{
		font-size : 1.6rem;
		justify-content : space-between;
	}
	#instantkakeizuform input[type="text"] , #instantkakeizuform input[type="email"] , #instantkakeizuform textarea{
		margin : 2px;
		height : 40px;
	}
	#instantkakeizuform input[type="submit"] , #instantkakeizuform button{
		margin-top : 30px;
		width : 250px;
		height : 60px;
		font-size : 1.8rem;
	}
	#instantkakeizuform button{
		margin-right : 24px;
	}
}

@media screen and (max-width: 750px){
	#instantkakeizuform .mw_wp_form_input input[type="submit"] , #instantkakeizuform .mw_wp_form_input button , #instantkakeizuform .mw_wp_form_confirm input[type="submit"] , #instantkakeizuform .mw_wp_form_confirm button{
		margin-left : auto;
		margin-right : auto;
	}
}

@media print,screen and (min-width: 751px){
	#instantkakeizuform .mw_wp_form_input .submits , #instantkakeizuform .mw_wp_form_confirm .submits{
		display : flex;
		justify-content : center;
	}
}

#instantkakeizuform .mw_wp_form_input dt label.required:after{
	content : "必須";
	display : flex;
	align-items : center;
	justify-content : center;
	color : #fff;
	background-color : #c00;
}

@media print,screen and (min-width: 751px){
	#instantkakeizuform .mw_wp_form_input dt{
		padding-top : 20px;
		padding-bottom : 20px;
		padding-right : 10px;
	}
	#instantkakeizuform .mw_wp_form_input label.required:after{
		font-size : 1.2rem;
		padding : 7px;
		margin-left : 5px;
	}
	#instantkakeizuform .mw_wp_form_input #instantkakeizu_name{
		width : 262px;
	}
	#instantkakeizuform .mw_wp_form_input #instantkakeizu_jname{
		width : 382px;
	}
	#instantkakeizuform .mw_wp_form_input #instantkakeizu_email , #instantkakeizuform .mw_wp_form_input #instantkakeizu_email_confirm{
		width : 502px;
	}
	#instantkakeizuform .mw_wp_form_input #instantkakeizu_tel{
		width : 202px;
	}
	#instantkakeizuform .mw_wp_form_input #instantkakeizu_content{
		width : 502px;
		height : 94px;
	}
	#instantkakeizuform .mw_wp_form_input dd{
		padding-top : 10px;
		padding-bottom : 10px;
	}
}

@media screen and (max-width: 750px){
	#instantkakeizuform .mw_wp_form_confirm dt , #instantkakeizuform .mw_wp_form_confirm dd{
		padding-top : calc( 12 * 100vw / 750 );
		font-size : 2.2rem;
	}
	#instantkakeizuform .mw_wp_form_confirm dd{
		margin-top : calc( 12 * 100vw / 750 );
		padding-bottom : calc( 12 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#instantkakeizuform .mw_wp_form_confirm dt , #instantkakeizuform .mw_wp_form_confirm dd{
		padding-top : 20px;
		padding-bottom : 20px;
	}
	#instantkakeizuform .mw_wp_form_confirm dt{
		padding-right : 30px;
	}
}

/*--------------------------------------------
SERVICE
-- INSTANTKAKEIZU
---------------------------------------------*/

@media screen and (max-width: 750px){
	body.kosekichosa #title-service{
		padding-bottom : calc( 96 * 100vw / 750 );
	}
	body.kosekichosa #title-service dl{
		margin-top : calc( ( 84 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 84 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	body.kosekichosa #title-service{
		padding-bottom : 72px;
	}
	body.kosekichosa #title-service dl{
		margin-top : calc( 56px - 8px );
		margin-top : calc( 56px - var(--pc-text01-lh) );
	}
}

@media screen and (max-width: 750px){
	#kosekichosa01{
		padding-top : calc( ( 60 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 60 - var(--sp-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( 74 * 100vw / 750 );
	}
	#kosekichosa01 .layout06{
		margin-top : calc( ( 61 - 9 ) * 100vw / 750 );
		margin-top : calc( ( 61 - var(--sp-title05-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#kosekichosa01{
		padding-top : calc( 85px - 3.4px );
		padding-top : calc( 85px - var(--pc-title08-lh) );
		padding-bottom : 74px;
	}
	#kosekichosa01 .layout06{
		margin-top : 56px;
	}
}

@media screen and (max-width: 750px){
	#kosekichosa02{
		padding-top : calc( ( 82 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 82 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#kosekichosa02{
		padding-top : calc( 87px - 3.4px );
		padding-top : calc( 87px - var(--pc-title08-lh) );
	}
}

@media screen and (max-width: 750px){
	#kosekichosa03{
		padding-top : calc( ( 82 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 82 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#kosekichosa03{
		padding-top : calc( 79px - 3.4px );
		padding-top : calc( 79px - var(--pc-title08-lh) );
		padding-bottom : calc( 88px - 39px );
		padding-bottom : calc( 88px - var(--pc-contacts-pt) );
	}
}

/*--------------------------------------------
SERVICE
-- INSTANTKAKEIZU
---------------------------------------------*/

@media screen and (max-width: 750px){
	body.honkakugenchichosa #title-service{
		padding-bottom : calc( 70 * 100vw / 750 );
	}
	body.honkakugenchichosa #title-service dl{
		margin-top : calc( ( 66 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 66 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	body.honkakugenchichosa #title-service{
		padding-bottom : 79px;
	}
	body.honkakugenchichosa #title-service dl{
		margin-top : calc( 67px - 8px );
		margin-top : calc( 67px - var(--pc-text01-lh) );
	}
}

#honkakugenchichosa01 picture img{
	width : 100%;
	height : auto;
}

@media screen and (max-width: 750px){
	#honkakugenchichosa01{
		padding-top : calc( ( 62 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 62 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa01 .title06 , #honkakugenchichosa01 .text01{
		padding-left : calc( 20 * 100% / 710 );
		padding-right : calc( 20 * 100% / 710 );
	}
	#honkakugenchichosa01 .title06{
		margin-top : calc( ( 42 - 3.2 ) * 100vw / 750 );
		margin-top : calc( ( 42 - var(--sp-title06-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa01 .title06:after{
		width : calc( 80 * 100% / 710 );
	}
	#honkakugenchichosa01 .text01{
		margin-top : calc( ( 29 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 29 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa01 picture{
		margin-top : calc( ( 38 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 38 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa01{
		overflow : hidden;
		position : relative;
		padding-top : calc( 60px - 3.4px );
		padding-top : calc( 60px - var(--pc-title08-lh) );
		padding-bottom : calc( 109px - 8px );
		padding-bottom : calc( 109px - var(--pc-text01-lh) );
	}
	#honkakugenchichosa01 picture{
		position : absolute;
		width : 827px;
		top : -25px;
		left : calc( 50% + 119px );
	}
	#honkakugenchichosa01 .title06{
		margin-top : calc( 94px - 3px );
		margin-top : calc( 94px - var(--pc-title06-lh) );
	}
	#honkakugenchichosa01 .title06:after{
		width : 120px;
	}
	#honkakugenchichosa01 .text01{
		margin-top : calc( 19px - 8px );
		margin-top : calc( 19px - var(--pc-text01-lh) );
		width : 600px;
	}
}

@media screen and (max-width: 750px){
	#honkakugenchichosa02{
		padding-top : calc( ( 80 - 3.4px ) * 100vw / 750 );
		padding-top : calc( ( 80 - var(--pc-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( 80 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa02{
		padding-top : calc( 110px - 3.4px );
		padding-top : calc( 110px - var(--pc-title08-lh) );
		padding-bottom : 114px;
	}
}

#honkakugenchichosa03{
	background-color : #6aa84f;
}

@media screen and (max-width: 750px){
	#honkakugenchichosa03{
		position : relative;
		overflow : hidden;
		padding-top : calc( ( 60 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 60 - var(--sp-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( ( 679 - 13 ) * 100vw / 750 );
		padding-bottom : calc( ( 679 - var(--sp-text01-lh) ) * 100vw / 750 );
		background : url("../images/service/honkakugenchichosa/bg03_sp.jpg") left bottom / 100% auto no-repeat #6aa84f;
	}
	#honkakugenchichosa03 .title08 + .title06{
		margin-top : calc( ( 44 - 3.2 ) * 100vw / 750 );
		margin-top : calc( ( 44 - var(--sp-title06-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa03 .text01{
		margin-top : calc( ( 22 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 22 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa03 .text01 + .title06{
		margin-top : calc( ( 83 - 3.2 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 83 - var(--sp-title06-lh) - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa03{
		position : relative;
		overflow : hidden;
		padding-top : calc( 110px - 3.4px );
		padding-top : calc( 110px - var(--pc-title08-lh) );
		padding-bottom : calc( 95px - 8px );
		padding-bottom : calc( 95px - var(--pc-text01-lh) );
	}
	#honkakugenchichosa03:after{
		content : "";
		display : block;
		background : url("../images/service/honkakugenchichosa/bg03_pc.png") 0 0 / contain no-repeat;
		width : 660px;
		height : 991px;
		top : -56px;
		left : calc( 50% + 318px );
		position : absolute;
	}
	#honkakugenchichosa03 .title08 + .title06{
		margin-top : calc( 26px - 3px );
		margin-top : calc( 26px - var(--pc-title06-lh) );
	}
	#honkakugenchichosa03 .text01{
		margin-top : calc( 14px - 8px );
		margin-top : calc( 14px - var(--pc-text01-lh) );
		width : 780px;
	}
	#honkakugenchichosa03 .text01 + .title06{
		margin-top : calc( 47px - 3px - 8px );
		margin-top : calc( 47px - var(--pc-title06-lh) - var(--pc-text01-lh) );
	}
}

@media screen and (max-width: 750px){
	#honkakugenchichosa04{
		padding-top : calc( ( 83 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 83 - var(--sp-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( 120 * 100vw / 750 );
	}
	#honkakugenchichosa04 li .text01{
		margin-top : calc( ( 30 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 30 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa04{
		padding-top : calc( 110px - 3.4px );
		padding-top : calc( 110px - var(--pc-title08-lh) );
		padding-bottom : calc( 86px - 8px );
		padding-bottom : calc( 86px - var(--pc-text01-lh) );
	}
}

@media screen and (max-width: 750px){
	#honkakugenchichosa05{
		padding-top : calc( ( 61 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 61 - var(--sp-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( ( 62 - 13 ) * 100vw / 750 );
		padding-bottom : calc( ( 62 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa05 .text01{
		margin-top : calc( ( 43 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 43 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa05{
		padding-top : calc( 88px - 3.4px );
		padding-top : calc( 88px - var(--pc-title08-lh) );
		padding-bottom : calc( 86px - 8px );
		padding-bottom : calc( 86px - var(--pc-text01-lh) );
	}
	#honkakugenchichosa05 .text01{
		margin-top : calc( 41px - 8px );
		margin-top : calc( 41px - var(--pc-text01-lh) );
		width : 894px;
		margin-left : auto;
		margin-right : auto;
	}
}

@media screen and (max-width: 750px){
	#honkakugenchichosa06{
		padding-top : calc( ( 80 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 80 - var(--sp-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( ( 83 - 13 ) * 100vw / 750 );
		padding-bottom : calc( ( 83 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa06 .title08 + .text01{
		margin-top : calc( ( 42 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 42 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa06 ul{
		margin-top : calc( ( 50 - 13 - 3.2 ) * 100vw / 750 );
		margin-top : calc( ( 50 - var(--sp-text01-lh) - var(--sp-title06-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa06 li + li{
		margin-top : calc( ( 58 - 13 - 3.2 ) * 100vw / 750 );
		margin-top : calc( ( 58 - var(--sp-text01-lh) - var(--sp-title06-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa06 li .text01{
		margin-top : calc( ( 28 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 28 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa06{
		padding-top : calc( 85px - 3.4px );
		padding-top : calc( 85px - var(--pc-title08-lh) );
		padding-bottom : calc( 79px - 8px );
		padding-bottom : calc( 79px - var(--pc-text01-lh) );
	}
	#honkakugenchichosa06 .title08 + .text01{
		margin-top : calc( 26px - 8px );
		margin-top : calc( 26px - var(--pc-text01-lh) );
	}
	#honkakugenchichosa06 ul{
		margin-top : calc( 52px - 8px - 3px );
		margin-top : calc( 52px - var(--pc-text01-lh) - var(--pc-title06-lh) );
		display : flex;
		flex-wrap : wrap;
		justify-content : space-between;
	}
	#honkakugenchichosa06 li{
		width : calc( 50% - 15px );
	}
	#honkakugenchichosa06 li:nth-child(n+3){
		margin-top : calc( 56px - 8px - 3px );
		margin-top : calc( 56px - var(--pc-text01-lh) - var(--pc-title06-lh) );
	}
	#honkakugenchichosa06 li .text01{
		margin-top : calc( 19px - 8px );
		margin-top : calc( 19px - var(--pc-text01-lh) );
	}
}

#honkakugenchichosa07 dt{
	display : flex;
	align-items : center;
	justify-content : center;
	background-color : #b7d32f;
	color : #fff;
	font-weight : 500;
}

#honkakugenchichosa07 dd{
	text-align : center;
	background-color : #fff;
}

@media screen and (max-width: 750px){
	#honkakugenchichosa07{
		padding-top : calc( ( 60 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 60 - var(--sp-title08-lh) ) * 100vw / 750 );
		padding-bottom : calc( 60 * 100vw / 750 );
	}
	#honkakugenchichosa07 .text01{
		margin-top : calc( ( 40 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 40 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa07 dl{
		margin-top : calc( ( 32 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 32 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa07 dt{
		height : calc( 100 * 100vw / 750 );
		font-size : 2.4rem;
	}
	#honkakugenchichosa07 dd{
		font-size : 2.6rem;
		padding-top : calc( 37 * 100vw / 750 );
		padding-bottom : calc( 33 * 100vw / 750 );
	}
	#honkakugenchichosa07 dd span{
		font-size : 3rem;
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa07{
		padding-top : calc( 58px - 3.4px );
		padding-top : calc( 58px - var(--pc-title08-lh) );
		padding-bottom : 80px;
	}
	#honkakugenchichosa07 .text01 , #honkakugenchichosa07 dl{
		width : 900px;
		margin-left : auto;
		margin-right : auto;
	}
	#honkakugenchichosa07 .text01{
		margin-top : calc( 26px - 8px );
		margin-top : calc( 26px - var(--pc-text01-lh) );
	}
	#honkakugenchichosa07 dl{
		margin-top : calc( 34px - 8px );
		margin-top : calc( 34px - var(--pc-text01-lh) );
	}
	#honkakugenchichosa07 dt{
		height : 102px;
		font-size : 2.4rem;
	}
	#honkakugenchichosa07 dd{
		font-size : 1.6rem;
		padding-top : 26px;
		padding-bottom : 22px;
	}
	#honkakugenchichosa07 dd span{
		font-size : 2.4rem;
	}
}

@media screen and (max-width: 750px){
	#honkakugenchichosa08{
		padding-top : calc( ( 80 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 80 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa08{
		padding-top : calc(85px - 3.4px );
		padding-top : calc(85px - var(--pc-title08-lh) );
	}
}

@media screen and (max-width: 750px){
	#honkakugenchichosa09{
		padding-top : calc( ( 73 - 9 ) * 100vw / 750 );
		padding-top : calc( ( 73 - var(--sp-title08-lh) ) * 100vw / 750 );
	}
	#honkakugenchichosa09 .text01{
		margin-top : calc( ( 40 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 40 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#honkakugenchichosa09{
		padding-top : calc( 106px - 3.4px );
		padding-top : calc( 106px - var(--pc-title08-lh) );
		padding-bottom : calc( 137px - 8px - 39px );
		padding-bottom : calc( 137px - var(--pc-text01-lh) - var(--pc-contacts-pt) );
	}
	#honkakugenchichosa09 .text01{
		margin-top : calc( 30px - 8px );
		margin-top : calc( 30px - var(--pc-text01-lh) );
		width : 892px;
		margin-left : auto;
		margin-right : auto;
	}
}

/*--------------------------------------------
FLOW
---------------------------------------------*/

#flow{
	overflow : hidden;
}

#flow .text01{
	letter-spacing : .1em;
}

#flow ol > li{
	position : relative;
}

#flow ol > li + li:before{
	content : "";
	display : block;
	position : absolute;
	background : url("../images/service/instantkakeizu/next.png") 0 0 / contain no-repeat;
}

#flow ol > li:after{
	content : "";
	display : block;
	position : absolute;
	left : 0;
	border-style : solid;
	z-index : 1;
}

#flow .customer{
	background-color : #f7f8fa;
}

#flow .company{
	background-color : #f1faea;
}

#flow ol > li > p:nth-of-type(1){
	position : absolute;
	color : #fff;
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
	left : 0;
	z-index : 2;
	display : flex;
	align-items : center;
	justify-content : center;
}

#flow h2{
	font-weight : 500;
	letter-spacing : .1em;
}

#flow h2:after{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-size : contain;
	background-position : 0 0;
	font-size : 0;
}

#flow li:nth-child(1) h2:after{
	background-image : url("../images/flow/icon01.svg");
}

#flow li:nth-child(2) h2:after{
	background-image : url("../images/flow/icon02.svg");
}

#flow li:nth-child(3) h2:after{
	background-image : url("../images/flow/icon03.svg");
}

#flow li:nth-child(4) h2:after{
	background-image : url("../images/flow/icon04.svg");
}

#flow li:nth-child(5) h2:after{
	background-image : url("../images/flow/icon05.svg");
}

#flow .contacts{
	display : flex;
	align-items : center;
	justify-content : center;
}

#flow .contacts a{
	font-weight : 700;
}

#flow .contacts a:nth-of-type(1){
	font-family : "Roboto", sans-serif;
}

#flow .contacts a:nth-of-type(n+2){
	display : flex;
	align-items : center;
	justify-content : center;
	color : #fff;
}

#flow .contacts a:nth-of-type(3){
	font-family : "Roboto", sans-serif;
}

@media screen and (max-width: 750px){
	#flow{
		padding-top : calc( ( 45 - 13 ) * 100vw / 750 );
		padding-top : calc( ( 45 - var(--sp-text01-lh) ) * 100vw / 750 );
		padding-bottom : calc( 85 * 100vw / 750 );
	}
	#flow ol{
		margin-top : calc( ( 49 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 49 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#flow ol > li:after{
		top : 0;
	}
	#flow ol > li.customer:after{
		border-width : calc( 101 * 100vw / 750 ) calc( 101 * 100vw / 750 ) 0 0;
		border-color : #84cbc5 transparent transparent transparent;
	}
	#flow ol > li.company:after{
		border-width : calc( 101 * 100vw / 750 ) calc( 101 * 100vw / 750 ) 0 0;
		border-color : #88c22c transparent transparent transparent;
	}
	#flow ol > li + li{
		margin-top : calc( 48 * 100vw / 750 );
	}
	#flow ol > li + li:before{
		width : calc( 39 * 100% / 710 );
		height : calc( 70 * 100vw / 750 );
		top : calc( -46 * 100vw / 750 );
		left : calc( 336 * 100% / 710 );
	}
	#flow ol > li > p:nth-of-type(1){
		font-size : 2.2rem;
		transform : rotate(-45deg);
		white-space : nowrap;
		top : 0;
		width : calc( ( 101 * 100 / 141 ) * 100vw / 750 );
		height : calc( ( 101 * 100 / 141 ) * 100vw / 750 );
	}
	#flow ol > li > div{
		padding-left : calc( 20 * 100% / 710 );
		padding-right : calc( 20 * 100% / 710 );
	}
	#flow h2{
		display : flex;
		align-items : center;
		justify-content : space-between;
		font-size : 3.2rem;
		padding-left : calc( 91 * 100% / 670 );
	}
	#flow li .text01{
		font-size : 2.6rem;
		line-height : 1.5;
	}
	#flow li:nth-child(1){
		padding-bottom : calc( 28 * 100vw / 750 );
	}
	#flow li:nth-child(1) h2{
		padding-right : calc( 42 * 100% / 670 );
	}
	#flow li:nth-child(1) h2:after{
		width : calc( 179 * 100% / 537 );
		height : calc( 179 * 100vw / 750 );
	}
	#flow li:nth-child(1) .text01{
		margin-top : calc( ( 6 - 6.5 ) * 100vw / 750 );
	}
	#flow li:nth-child(2){
		padding-bottom : calc( ( 23 - 6.5 ) * 100vw / 750 );
	}
	#flow li:nth-child(2) h2{
		padding-right : calc( 72 * 100% / 670 );
	}
	#flow li:nth-child(2) h2:after{
		width : calc( 180 * 100% / 513 );
		height : calc( 180 * 100vw / 750 );
	}
	#flow li:nth-child(2) .text01{
		margin-top : calc( ( 4 - 6.5 ) * 100vw / 750 );
	}
	#flow li:nth-child(3){
		padding-bottom : calc( ( 29 - 6.5 ) * 100vw / 750 );
	}
	#flow li:nth-child(3) h2{
		padding-right : calc( 72 * 100% / 670 );
	}
	#flow li:nth-child(3) h2:after{
		width : calc( 179 * 100% / 513 );
		height : calc( 179 * 100vw / 750 );
	}
	#flow li:nth-child(3) .text01{
		margin-top : calc( ( 6 - 6.5 ) * 100vw / 750 );
	}
	#flow li:nth-child(4){
		padding-bottom : calc( ( 38 - 6.5 ) * 100vw / 750 );
	}
	#flow li:nth-child(4) h2{
		padding-right : calc( 72 * 100% / 670 );
	}
	#flow li:nth-child(4) h2:after{
		width : calc( 179 * 100% / 513 );
		height : calc( 179 * 100vw / 750 );
	}
	#flow li:nth-child(4) .text01{
		margin-top : calc( ( 6 - 6.5 ) * 100vw / 750 );
	}
	#flow li:nth-child(5){
		padding-bottom : calc( ( 50 - 6.5 ) * 100vw / 750 );
	}
	#flow li:nth-child(5) h2{
		padding-right : calc( 72 * 100% / 670 );
	}
	#flow li:nth-child(5) h2:after{
		width : calc( 179 * 100% / 513 );
		height : calc( 179 * 100vw / 750 );
	}
	#flow li:nth-child(5) .text01{
		margin-top : calc( ( 13 - 6.5 ) * 100vw / 750 );
	}
	#flow .contacts{
		margin-top : calc( ( 22 - 6.5 ) * 100vw / 750 );
	}
	#flow .contacts a:nth-of-type(1){
		font-size : 3.6rem;
	}
	#flow .contacts a:nth-of-type(n+2){
		font-size : 1.8rem;
		height : calc( 40 * 100vw / 750 );
	}
	#flow .contacts a:nth-of-type(2){
		width : calc( 270 * 100% / 670 );
		margin-left : calc( 21 * 100% / 670 );
		background : linear-gradient(8.4269690214807deg, #d1a31a 0%, #d1a31a 50%, #c90 50%, #c90 100%);
	}
	#flow .contacts a:nth-of-type(3){
		background : linear-gradient(23.962488974578deg, #419d41 0%, #419d41 50%, #2b922b 50%, #2b922b 100%);
		width : calc( 90 * 100% / 670 );
	}
	#flow dt , #flow dd{
		font-size : 2.6rem;
		line-height : 1.5;
	}
}

@media print,screen and (min-width: 751px){
	#flow{
		padding-top : calc( 46px - 16px - 8px );
		padding-top : calc( 46px - var(--pc-breadcrumbs-pb) - var(--pc-text01-lh) );
		padding-bottom : calc( 112px - 39px );
		padding-bottom : calc( 112px - var(--pc-contacts-pt) );
	}
	#flow > .text01{
		margin-left : auto;
		margin-right : auto;
		display : table;
	}
	#flow ol{
		margin-top : calc( 81px - 8px );
		margin-top : calc( 81px - var(--pc-text01-lh) );
	}
	#flow ol > li{
		display : flex;
		align-items : flex-start;
		padding-top : calc( 28px - 8px );
		padding-top : calc( 28px - var(--pc-text01-lh) );
		padding-right : 74px;
	}
	#flow ol > li:after{
		bottom : 0;
	}
	#flow ol > li.customer:after{
		border-width : 71px 0 0 71px;
		border-color : transparent transparent transparent #84cbc5;
	}
	#flow ol > li.company:after{
		border-width : 71px 0 0 71px;
		border-color : transparent transparent transparent #88c22c;
	}
	#flow ol > li + li{
		margin-top : 59px;
	}
	#flow ol > li + li:before{
		width : 19px;
		height : 39px;
		top : -48px;
		left : 147px;
	}
	#flow ol > li > p:nth-of-type(1){
		font-size : 1.4rem;
		transform : rotate(45deg);
		bottom : 0;
		width : calc( 71px * 100 / 141 );
		height : calc( 71px * 100 / 141 );
	}
	#flow ol > li > div{
		flex-grow : 1;
	}
	#flow h2{
		font-size : 2.2rem;
		padding-top : 8px;
		padding-top : var(--pc-text01-lh);
		width : 305px;
		text-align : center;
		padding-left : 6px;
		flex-shrink : 0;
		text-indent : .1em;
	}
	#flow h2:after{
		width : 125px;
		height : 125px;
		margin-left : 87px;
	}
	#flow li:nth-child(1){
		padding-bottom : 14px;
	}
	#flow li:nth-child(1) h2:after{
		margin-top : 2px;
	}
	#flow li:nth-child(2){
		padding-bottom : 34px;
	}
	#flow li:nth-child(2) h2:after{
		margin-top : 1px;
	}
	#flow li:nth-child(3){
		padding-bottom : 9px;
	}
	#flow li:nth-child(3) h2:after{
		margin-top : 2px;
	}
	#flow li:nth-child(4){
		padding-bottom : calc( 42px - 11px );
	}
	#flow li:nth-child(4) h2:after{
		margin-top : -11px;
	}
	#flow li:nth-child(5){
		padding-bottom : calc( 14px - 3px );
	}
	#flow li:nth-child(5) h2:after{
		margin-top : -3px;
	}
	#flow .contacts{
		margin-top : calc( 12px - 8px );
		margin-top : calc( 12px - var(--pc-text01-lh) );
	}
	#flow .contacts a:nth-of-type(1){
		font-size : 3.6rem;
	}
	#flow .contacts a:nth-of-type(n+2){
		font-size : 1.8rem;
		height : 40px;
	}
	#flow .contacts a:nth-of-type(2){
		width : 270px;
		margin-left : 11px;
		background : linear-gradient(8.4269690214807deg, #d1a31a 0%, #d1a31a 50%, #c90 50%, #c90 100%);
	}
	#flow .contacts a:nth-of-type(3){
		background : linear-gradient(23.962488974578deg, #419d41 0%, #419d41 50%, #2b922b 50%, #2b922b 100%);
		width : 90px;
	}
	#flow dt , #flow dd{
		font-size : 1.6rem;
		line-height : 2;
	}
}

/*--------------------------------------------
FAQ
---------------------------------------------*/

#faq dl > div{
	cursor : pointer;
}

#faq dt:before , #faq dd:before{
	content : "";
	background-repeat : no-repeat;
	background-position : center;
	font-size : 0;
}

#faq dt{
	background-color : #efefef;
	position : relative;
	font-weight : 500;
}

#faq dt:before{
	position : absolute;
	background-image : url("../images/ui/icon/q.svg");
	display : block;
	background-size : contain;
}

#faq dd{
	display : flex;
	align-items : flex-start;
}

#faq dd:before{
	background-image : url("../images/ui/icon/a.svg");
	display : flex;
	align-items : center;
	justify-content : center;
	background-color : #1ead4c;
	background-color : var(--green);
	flex-shrink : 0;
}

@media screen and (max-width: 750px){
	#faq{
		padding-top : calc( ( 59 - 13 ) * 100vw / 750 );
		padding-top : calc( ( 59 - var(--sp-text01-lh) ) * 100vw / 750 );
		padding-bottom : calc( 100 * 100vw / 750 );
	}
	#faq dl{
		margin-top : calc( ( 57 - 13 ) * 100vw / 750 );
		margin-top : calc( ( 57 - var(--sp-text01-lh) ) * 100vw / 750 );
	}
	#faq dl > div + div{
		margin-top : calc( 10 * 100vw / 750 );
	}
	#faq dt{
		font-size : 2.6rem;
		line-height : 1.29;
	}
	#faq dt{
		padding-top : calc( ( 26 - 3.9 ) * 100vw / 750 );
		padding-bottom : calc( ( 26 - 3.9 ) * 100vw / 750 );
		padding-left : calc( 73 * 100% / 710 );
	}
	#faq dt:before{
		width : calc( 20 * 100% / 710 );
		height : calc( 44 * 100vw / 750 );
		top : calc( 17 * 100vw / 750 );
		left : calc( 29 * 100% / 710 );
	}
	#faq dd{
		margin-top : calc( ( 24 - 13 ) * 100vw / 750 );
	}
	#faq dd{
		font-size : 2.6rem;
		line-height : 2;
	}
	#faq dd{
		margin-bottom : calc( ( 40 - 13 ) * 100vw / 750 );
	}
	#faq dd:before{
		margin-top : calc( 13 * 100vw / 750 );
		width : calc( 70 * 100% / 710 );
		height : calc( 70 * 100vw / 750 );
		background-size : auto calc( 39 * 100vw / 750 );
		margin-right : calc( 27 * 100% / 710 );
	}
}

@media print,screen and (min-width: 751px){
	#faq{
		padding-top : calc( 46px - 16px );
		padding-top : calc( 46px - var(--pc-breadcrumbs-pb) );
		padding-bottom : calc( 100px - 39px );
		padding-bottom : calc( 100px - var(--pc-contacts-pt) );
	}
	#faq dl{
		margin-top : calc( 42px - 8px );
		margin-top : calc( 42px - var(--pc-text01-lh) );
	}
	#faq dl > div + div{
		margin-top : 10px;
	}
	#faq dt , #faq dd{
		padding-right : 15px;
	}
	#faq dt{
		font-size : 1.8rem;
		line-height : 1.2;
	}
	#faq dt{
		padding-top : calc( 21px - 1.8px );
		padding-bottom : calc( 21px - 1.8px );
		padding-left : 75px;
		padding-right : 15px;
		padding-left : 75px;
	}
	#faq dt:before{
		width : 14px;
		height : 29px;
		top : 16px;
		left : 23px;
	}
	#faq dd{
		margin-top : calc( 15px - 7px );
	}
	#faq dd{
		font-size : 1.6rem;
		line-height : 1.87;
	}
	#faq dd{
		margin-bottom : calc( 27px - 7px );
		padding-left : 15px;
	}
	#faq dd:before{
		margin-top : 3px;
		width : 50px;
		height : 50px;
		background-size : auto 26px;
		margin-right : 21px;
	}
}

/*--------------------------------------------
CONTACT
---------------------------------------------*/

#contact > p{
	letter-spacing : .1em;
}

#contact .links{
	display : flex;
	align-items : center;
	justify-content : center;
}

#contact .links a{
	font-weight : 700;
}

#contact .links .tel{
	color : #343434;
}

#contact .links .line{
	display : flex;
	align-items : center;
	justify-content : center;
	color : #fff;
}

#contact h2{
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
	font-weight : 500;
}

@media screen and (max-width: 750px){
	#contact{
		padding-top : calc( ( 54 - 13 ) * 100vw / 750 );
	}
	#contact > p{
		font-size : 2.6rem;
		line-height : 2;
	}
	#contact .links{
		margin-top : calc( ( 47 - 13 ) * 100vw / 750 );
	}
	#contact .links .tel{
		font-size : 6rem;
		margin-right : calc( 21 * 100% / 710 );
	}
	#contact .links .line{
		width : calc( 180 * 100% / 710 );
		height : calc( 60 * 100vw / 750 );
		font-size : 2.2rem;
		background : linear-gradient(18.434948822922deg, #419d41 0%, #419d41 50%, #2b922b 50%, #2b922b 100%);
	}
	#contact h2{
		margin-top : calc( 134 * 100vw / 750 );
		font-size : 3.2rem;
	}
}

@media print,screen and (min-width: 751px){
	#contact{
		padding-top : calc( 62px - 16px - 4.5px );
		padding-top : calc( 62px - var(--pc-breadcrumbs-pb) - 4.5px );
	}
	#contact > p{
		text-indent : .1em;
		text-align : center;
	}
	#contact > p{
		font-size : 1.8rem;
		line-height : 1.5;
	}
	#contact .links{
		margin-top : calc( 32px - 4.5px );
	}
	#contact .links .tel{
		font-size : 4.4rem;
		margin-right : 24px;
	}
	#contact .links .line{
		width : 180px;
		height : 60px;
		font-size : 2.2rem;
		background : linear-gradient(18.434948822922deg, #419d41 0%, #419d41 50%, #2b922b 50%, #2b922b 100%);
	}
	#contact h2{
		margin-top : 87px;
		font-size : 2.9rem;
	}
}

#contact .mw_wp_form_input dt , #contact .mw_wp_form_confirm dt{
	letter-spacing : .1em;
}

#contact .mw_wp_form_input input[type="submit"] , #contact .mw_wp_form_input button , #contact .mw_wp_form_confirm input[type="submit"] , #contact .mw_wp_form_confirm button{
	display : flex;
	align-items : center;
	justify-content : center;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
	font-weight : 700;
	border-radius : 9999px;
}

#contact .mw_wp_form_input input[type="submit"] , #contact .mw_wp_form_confirm input[type="submit"]{
	color : #fff;
	background-color : #1ead4c;
	background-color : var(--green);
}

#contact .mw_wp_form_input button , #contact .mw_wp_form_confirm button{
	border : 1px solid #1ead4c;
	border : 1px solid var(--green);
	background-color : #fff;
}

@media screen and (max-width: 750px){
	#contact .mw_wp_form_input , #contact .mw_wp_form_confirm{
		margin-top : calc( 78 * 100vw / 750 );
		padding-bottom : calc( 166 * 100vw / 750 );
	}
	#contact .mw_wp_form_input dt , #contact .mw_wp_form_confirm dt{
		font-size : 2.6rem;
	}
	#contact .mw_wp_form_input .submits , #contact .mw_wp_form_confirm .submits{
		margin-top : calc( 87 * 100vw / 750 );
	}
	#contact .mw_wp_form_input input[type="submit"] , #contact .mw_wp_form_input button , #contact .mw_wp_form_confirm input[type="submit"] , #contact .mw_wp_form_confirm button{
		width : calc( 500 * 100% / 710 );
		height : calc( 90 * 100vw / 750 );
		font-size : 3rem;
	}
}

@media print,screen and (min-width: 751px){
	#contact .mw_wp_form_input , #contact .mw_wp_form_confirm{
		margin-top : 77px;
		padding-bottom : calc( 60px - 39px );
		padding-bottom : calc( 60px - var(--pc-contacts-pt) );
	}
	#contact .mw_wp_form_input dl , #contact .mw_wp_form_confirm dl{
		padding-left : 75px;
		padding-right : 75px;
	}
	#contact .mw_wp_form_input dl > div , #contact .mw_wp_form_confirm dl > div{
		display : flex;
		align-items : flex-start;
	}
	#contact .mw_wp_form_input dt , #contact .mw_wp_form_confirm dt{
		width : 270px;
		flex-shrink : 0;
		font-size : 1.8rem;
	}
	#contact .mw_wp_form_input dd , #contact .mw_wp_form_confirm dd{
		width : 540px;
	}
	#contact .mw_wp_form_input .submits , #contact .mw_wp_form_confirm .submits{
		margin-top : 56px;
		display : flex;
		justify-content : center;
		align-items : center;
	}
}

#contact  .mw_wp_form_input dt label{
	display : flex;
	align-items : center;
}

#contact  .mw_wp_form_input dt label.required:after{
	flex-shrink : 0;
	content : "必須";
	background-color : #eb6877;
	color : #fff;
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
	display : flex;
	align-items : center;
	justify-content : center;
}

#contact  .mw_wp_form_input input[type="text"] , #contact  .mw_wp_form_input input[type="email"] , #contact  .mw_wp_form_input textarea{
	border : 0;
	background-color : #f3f4ec;
	letter-spacing : .1em;
	width : 100%;
}

#contact  .mw_wp_form_input input[type="text"]:-ms-input-placeholder , #contact  .mw_wp_form_input input[type="email"]:-ms-input-placeholder , #contact  .mw_wp_form_input textarea:-ms-input-placeholder{
	color : #b8b8b8;
}

#contact  .mw_wp_form_input input[type="text"]::placeholder , #contact  .mw_wp_form_input input[type="email"]::placeholder , #contact  .mw_wp_form_input textarea::placeholder{
	color : #b8b8b8;
}

#contact  .mw_wp_form_input dd p{
	letter-spacing : .1em;
}

#contact  .mw_wp_form_input .checkboxies label , #contact  .mw_wp_form_input .check label{
	display : flex;
}

#contact  .mw_wp_form_input .checkboxies label span , #contact  .mw_wp_form_input .check label span{
	cursor : pointer;
	display : flex;
	align-items : center;
	position : relative;
}

#contact  .mw_wp_form_input .checkboxies label span:before , #contact  .mw_wp_form_input .check label span:before{
	content : "";
	flex-shrink : 0;
	display : flex;
	align-items : center;
	justify-content : center;
}

#contact  .mw_wp_form_input .checkboxies label input[type="checkbox"] , #contact  .mw_wp_form_input .check label input[type="checkbox"]{
	opacity : 0;
	position : absolute;
	visibility : hidden;
}

#contact  .mw_wp_form_input .checkboxies label span , #contact  .mw_wp_form_input .check label span{
	letter-spacing : .1em;
}

#contact  .mw_wp_form_input .checkboxies label span:before , #contact  .mw_wp_form_input .checkboxies label span:after , #contact  .mw_wp_form_input .check label span:before , #contact  .mw_wp_form_input .check label span:after{
	font-size : 0;
	letter-spacing : 0;
}

#contact  .mw_wp_form_input .checkboxies label span:before , #contact  .mw_wp_form_input .check label span:before{
	background-color : #f3f4ec;
}

#contact  .mw_wp_form_input .checkboxies input[type="checkbox"]:checked ~ span:after , #contact  .mw_wp_form_input .check input[type="checkbox"]:checked ~ span:after{
	content : "";
	display : block;
	position : absolute;
	background-repeat : no-repeat;
	background-size : contain;
}

#contact  .mw_wp_form_input .checkboxies > span{
	display : block;
}

#contact  .mw_wp_form_input .privacy > p{
	text-align : center;
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
}

#contact  .mw_wp_form_input .privacy div.policy_wrap{
	overflow-y : auto;
	border-style : solid;
	border-color : #b8b8b8;
}

#contact  .mw_wp_form_input .privacy div.policy_wrap p , #contact  .mw_wp_form_input .privacy div.policy_wrap li{
	letter-spacing : .1em;
    line-height: 1.5;
}
#contact  .mw_wp_form_input .privacy div.policy_wrap h2{
    margin: 3em 0 1em 0 ;
}
#contact  .mw_wp_form_input .privacy div.policy_wrap h3{
    margin: 2em 0 1em 0 ;
}

#contact  .mw_wp_form_input .check label{
	justify-content : center;
}

#contact  .mw_wp_form_input .error{
	padding-top : .25em;
	text-align : left;
}

#contact  .mw_wp_form_input .check .error{
	text-align : center;
}

@media screen and (max-width: 750px){
	#contact  .mw_wp_form_input dl > div + div{
		margin-top : calc( 61 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input dt label.required:after{
		font-size : 1.4rem;
		width : calc( 90 * 100% / 710 );
		height : calc( 34 * 100vw / 750 );
		margin-left : calc( 20 * 100% / 710 );
		font-size : 2rem;
	}
	#contact  .mw_wp_form_input dd{
		margin-top : calc( 21 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input input[type="text"] , #contact  .mw_wp_form_input input[type="email"] , #contact  .mw_wp_form_input textarea{
		padding-left : calc( 26 * 100vw / 750 );
		padding-right : calc( 26 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input input[type="text"] , #contact  .mw_wp_form_input input[type="email"] , #contact  .mw_wp_form_input textarea{
		font-size : 2.6rem;
		line-height : 1.2;
	}
	#contact  .mw_wp_form_input input[type="text"] , #contact  .mw_wp_form_input input[type="email"]{
		height : calc( 80 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input dd p{
		font-size : 2.6rem;
		margin-top : calc( 14 * 100vw / 750 );
		margin-bottom : calc( 15 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input .checkboxies label span , #contact  .mw_wp_form_input .check label span{
		font-size : 2.6rem;
	}
	#contact  .mw_wp_form_input .checkboxies label span:before , #contact  .mw_wp_form_input .check label span:before{
		width : calc( 40 * 100vw / 750 );
		height : calc( 40 * 100vw / 750 );
		margin-right : calc( 20 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input .checkboxies input[type="checkbox"]:checked ~ span:after , #contact  .mw_wp_form_input .check input[type="checkbox"]:checked ~ span:after{
		background-image : url("../images/ui/icon/check_sp.png");
		width : calc( 42 * 100vw / 750 );
		height : calc( 32 * 100vw / 750 );
		top : calc( 9 * 100vw / 750 );
		left : calc( -2 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input .checkboxies{
		padding-top : calc( 3 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input .checkboxies > span + span{
		margin-top : calc( 20 * 100vw / 750 );
	}
	#contact  .mw_wp_form_input textarea{
		height : calc( 186 * 100vw / 750 );
		padding-top : calc( ( 31 - 2.6 ) * 100vw / 750 );
		padding-bottom : calc( ( 31 - 2.6 ) * 100vw / 750 );
	}
	#contact  .mw_wp_form_input .privacy{
		margin-top : calc( ( 63 - 2.6 ) * 100vw / 750 );
	}
	#contact  .mw_wp_form_input .privacy > p{
		font-size : 2.2rem;
		line-height : 1.2;
	}
	#contact  .mw_wp_form_input .privacy div.policy_wrap{
		border-width : calc( 3 * 100vw / 750 );
		margin-top : calc( ( 37 - 2.6 ) * 100vw / 750 );
		padding-left : calc( 23 * 100% / 710 );
		padding-right : calc( 23 * 100% / 710 );
		max-height : calc( 160 * 100vw / 750 );
		padding-top : calc( ( 26 - 2.6 ) * 100vw / 750 );
		padding-bottom : calc( ( 26 - 2.6 ) * 100vw / 750 );
	}
	#contact  .mw_wp_form_input .privacy div.policy_wrap p{
		font-size : 2.2rem;
		line-height : 1.5;
	}
	#contact  .mw_wp_form_input .privacy div.policy_wrap h2{
		font-size : 2.6rem;
	}
	#contact  .mw_wp_form_input .check{
		margin-top : calc( 51 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#contact  .mw_wp_form_input dl > div + div{
		margin-top : 21px;
	}
	#contact  .mw_wp_form_input dt{
		padding-top : 17px;
	}
	#contact  .mw_wp_form_input dt label{
		justify-content : flex-end;
	}
	#contact  .mw_wp_form_input dt label:after{
		width : 70px;
		height : 26px;
		margin-right : 10px;
		margin-left : 19px;
	}
	#contact  .mw_wp_form_input dt label.required:after{
		font-size : 1.4rem;
	}
	#contact  .mw_wp_form_input dt label:not(.required){
		margin-right : 99px;
	}
	#contact  .mw_wp_form_input input[type="text"] , #contact  .mw_wp_form_input input[type="email"] , #contact  .mw_wp_form_input textarea{
		padding-left : 20px;
		padding-right : 20px;
	}
	#contact  .mw_wp_form_input input[type="text"] , #contact  .mw_wp_form_input input[type="email"] , #contact  .mw_wp_form_input textarea{
		font-size : 1.8rem;
		line-height : 1.5;
	}
	#contact  .mw_wp_form_input input[type="text"] , #contact  .mw_wp_form_input input[type="email"]{
		height : 60px;
	}
	#contact  .mw_wp_form_input dd p{
		text-align : center;
		text-indent : .1em;
		font-size : 1.8rem;
		margin-top : 13px;
		margin-bottom : 12px;
	}
	#contact  .mw_wp_form_input .checkboxies label span:before , #contact  .mw_wp_form_input .check label span:before{
		width : 40px;
		height : 40px;
		margin-right : 20px;
	}
	#contact  .mw_wp_form_input .checkboxies input[type="checkbox"]:checked ~ span:after , #contact  .mw_wp_form_input .check input[type="checkbox"]:checked ~ span:after{
		background-image : url("../images/ui/icon/check_pc.png");
		width : 40px;
		height : 32px;
		top : 11px;
		left : 1px;
	}
	#contact  .mw_wp_form_input .checkboxies{
		padding-top : 10px;
	}
	#contact  .mw_wp_form_input .checkboxies > span + span{
		margin-top : 10px;
	}
	#contact  .mw_wp_form_input textarea{
		height : 240px;
	}
	#contact  .mw_wp_form_input .privacy{
		margin-top : 66px;
	}
	#contact  .mw_wp_form_input .privacy > p{
		font-size : 1.8rem;
	}
	#contact  .mw_wp_form_input .privacy div.policy_wrap{
		border-width : 3px;
		width : 720px;
		margin-left : auto;
		margin-right : auto;
		margin-top : 27px;
		padding-left : 16px;
		padding-right : 16px;
		max-height : 160px;
		padding-top : calc( 14px - 4.5px );
		padding-bottom : calc( 14px - 4.5px );
	}
	#contact  .mw_wp_form_input .privacy div.policy_wrap p , #contact  .mw_wp_form_input .privacy div.policy_wrap li{
		font-size : 1.4rem;
		line-height : 1.5;
	}
	#contact  .mw_wp_form_input .privacy div.policy_wrap h2{
		font-size : 1.7rem;
		line-height : 1.5;
	}
	#contact  .mw_wp_form_input .check{
		margin-top : 20px;
	}
	#contact  .mw_wp_form_input input[type="submit"] , #contact  .mw_wp_form_input button{
		width : 500px;
		height : 90px;
		font-size : 2.6rem;
	}
}

#contact .mw_wp_form_confirm .is-input{
	display : none;
}

@media screen and (max-width: 750px){
	#contact .mw_wp_form_confirm dl > div + div{
		margin-top : calc( 48 * 100vw / 750 );
	}
	#contact .mw_wp_form_confirm dt , #contact .mw_wp_form_confirm dd{
		font-size : 2.6rem;
	}
	#contact .mw_wp_form_confirm dd{
		margin-top : calc( 24 * 100vw / 750 );
		padding-left : 1em;
	}
	#contact .mw_wp_form_confirm .submits button{
		margin-bottom : calc( 48 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#contact .mw_wp_form_confirm dl > div + div{
		margin-top : 36px;
	}
	#contact .mw_wp_form_confirm dt{
		font-size : 1.8rem;
		text-align : right;
		padding-right : 99px;
	}
	#contact .mw_wp_form_confirm input[type="submit"] , #contact .mw_wp_form_confirm button{
		width : 320px;
		height : 72px;
		font-size : 2rem;
		margin-left : 16px;
		margin-right : 16px;
	}
}

/*--------------------------------------------
CORPORATE
and
LAW
---------------------------------------------*/

#corporate dt , #law dt{
	font-weight : 500;
}
#corporate dd p strong {
    font-weight: 600;
}
    #corporate dd ul {
    }
        #corporate dd ul li {
            line-height: 1.5;
        }
            #corporate dd ul li strong {
                font-weight: 400;
            }
@media screen and (max-width: 750px){
	#corporate , #law{
		padding-top : calc( ( 59 - 13 ) * 100vw / 750 );
		padding-top : calc( ( 59 - var(--sp-text01-lh) ) * 100vw / 750 );
		padding-bottom : calc( 100 * 100vw / 750 );
	}
	#corporate dl > div , #law dl > div{
		display : block;
	}
	#corporate dl > div , #law dl > div{
		border-bottom : 1px solid #ccc;
		padding : 10px 0 ;
	}
	#corporate dt , #law dt{
		font-size : 2.6rem;
		line-height : 1.5;
		font-weight : 600;
		margin-bottom : .5em;
	}
	#corporate dd , #law dd{
		font-size : 2.6rem;
		line-height : 1.8;
		padding : 0 0 0 1em;
	}
        #corporate dd ul li {
            display: flex;
            font-weight: 2.4rem;
        }
            #corporate dd ul li strong {
                width: 5em;
            }
            #corporate dd ul li span {
                width: calc(100% - 6em);
            }

}

@media print,screen and (min-width: 751px){
	#corporate , #law{
		padding-top : calc( 46px - 16px );
		padding-top : calc( 46px - var(--pc-breadcrumbs-pb) );
		padding-bottom : calc( 100px - 39px );
		padding-bottom : calc( 100px - var(--pc-contacts-pt) );
	}
	#corporate dl > div , #law dl > div{
		display : flex;
	}
	#corporate dl , #law dl{
		margin-top : calc( 42px - 8px );
		margin-top : calc( 42px - var(--pc-text01-lh) );
	}
	#corporate dl > div , #law dl > div{
		border-bottom : 1px dotted #ccc;
	}
	#corporate dt , #corporate dd , #law dt , #law dd{
		padding : 20px 20px 20px 20px;
	}
	#corporate dt , #law dt{
		font-size : 1.6rem;
		line-height : 1.5;
		width : 30%;
		text-align : center;
	}
	#corporate dd , #law dd{
		width : 70%;
		font-size : 1.6rem;
		line-height : 1.5;
	}
        #corporate dd ul li {
            display: flex;
        }
            #corporate dd ul li strong {
                width: 5em;
            }
            #corporate dd ul li span {
                width: calc(100% - 6em)
            }
}

/*--------------------------------------------
POLICY
---------------------------------------------*/

#policy ol , #policy ul{
	margin : 0;
}

#policy ol li , #policy ul li{
	list-style : none;
	line-height : 1.8;
	display : flex;
}

#policy ol li span.c-text__num , #policy ul li span.c-text__num{
	width : 2em;
}

#policy h2{
	padding-bottom : .3em;
	margin-bottom : 1em;
	border-bottom : 1px solid #ccc;
}

#policy p{
	line-height : 1.8;
}

@media screen and (max-width: 750px){
	#policy{
		padding-top : calc( ( 59 - 13 ) * 100vw / 750 );
		padding-top : calc( ( 59 - var(--sp-text01-lh) ) * 100vw / 750 );
		padding-bottom : calc( 100 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#policy{
		padding-top : calc( 46px - 16px );
		padding-top : calc( 46px - var(--pc-breadcrumbs-pb) );
		padding-bottom : calc( 100px - 39px );
		padding-bottom : calc( 100px - var(--pc-contacts-pt) );
	}
	#policy div{
		margin-bottom : 3em;
	}
	#policy h2{
		font-size : 1.8em;
		margin-bottom : 10px;
	}
}


/*--------------------------------------------
SITEMAP
---------------------------------------------*/

@media screen and (max-width: 750px){
    .sitemap_wrap > ul:last-of-type {
    }
    .sitemap_wrap > ul > li {
        line-height: 1.3;
    }
    .sitemap_wrap > ul > li >  ul {
        margin-left: 2em; 
    }
    .sitemap_wrap > ul > li >  ul > li {
        line-height: 1.3;
        margin-bottom: 1em;
    }
    .sitemap_wrap > ul > li a {
        display: block;
        margin-bottom: 1em;
    }
}

@media print,screen and (min-width: 751px){
    .sitemap_wrap {
        display: flex;
    }
    .sitemap_wrap > ul {
        padding-right: 1em;
        border-right:  1px  dotted #ccc;
        margin-right: 1em;
    }
        .sitemap_wrap .ul_01 {
            width: 300px;
        }
        .sitemap_wrap .ul_02 {
            width: 400px;
        }
        .sitemap_wrap .ul_03 {
            width: 200px;
        }
    .sitemap_wrap > ul:last-of-type {
        border-right:  none;
        margin-right: 0px;
        padding-right: 0px;
    }
    .sitemap_wrap > ul > li {
        line-height: 1.3;
        display: block;
    }
    .sitemap_wrap > ul > li >  ul {
        margin-left: 2em; 
        display: block;
    }
    .sitemap_wrap > ul > li >  ul > li {
        line-height: 1.3;
        margin-bottom: 1em;
        display: block;
    }
    .sitemap_wrap > ul > li a {
        display: block;
        margin-bottom: 1em;
    }
}

/* 20250220 「家系図作成」サービスページの改修 css */

#service02 > li > .service-card-wrapper > picture img {
  width: 100%;
  height: auto;
}

@media print, screen and (min-width: 751px) {
  .with-detail .wrapper-pc {
	padding: 0;
  }
  #service02 > li > .service-card-wrapper {
	padding-inline: calc((100% - 1080px) / 2);
  }

  #service02 li > .service-card-wrapper > picture {
	position: relative;
	z-index: -2;
  }

  /* 永遠家系図 */
  #service02 > li:nth-child(1) > .service-card-wrapper > picture {
	width: 100%;
  }

  /* インスタント家系図 */
  #service02 > li:nth-child(2) .service-card-wrapper {
	display: flex;
	align-items: flex-end;
	padding-top: 28px;
  }
  #service02 > li:nth-child(2) .service-card-wrapper > picture {
	width: 520px;
	flex-shrink: 0;
  }

  /* 戸籍調査 */
  #service02 > li:nth-child(3) .service-card-wrapper {
	display: flex;
	align-items: flex-end;
	flex-direction: row-reverse;
	justify-content: flex-start;
	padding-bottom: 2px;
  }
  #service02 > li:nth-child(3) .service-card-wrapper > picture {
	width: 520px;
	flex-shrink: 0;
  }
  #service02 > li:nth-child(3) .service-card-wrapper .link01 {
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 10px;
  }

  /* 本格現地調査 */
  #service02 > li:nth-child(4) > .service-card-wrapper {
	padding-top: 196px;
  }
  #service02 > li:nth-child(4) > .service-card-wrapper > picture {
	width: 100%;
	height: 450px;
	left: 0;
	top: 0;
	position: absolute;
	overflow: hidden;
  }
}

@media screen and (max-width: 750px) {
  /* 永遠家系図 */
  #service02 > li:nth-child(1) > .service-card-wrapper {
	background-color: #f5f4e4;
	padding-bottom: calc(67* 100vw / 750);
  }

  /* インスタント家系図 */
  #service02 > li:nth-child(2) > .service-card-wrapper {
	background-color: #f1f6d5;
	padding-bottom: calc(66* 100vw / 750);
  }

  /* 戸籍調査 */
  #service02 > li:nth-child(3) > .service-card-wrapper {
	background-color: #f3f4ec;
	padding-bottom: calc(64* 100vw / 750);
  }
}


@media print, screen and (min-width: 751px) {
  .service-list-detail {
	margin-top: 37px;
  }
}

@media screen and (max-width: 750px) {
  .service-list-detail {
	margin-top: calc(66* 100vw / 750);
  }

  /* 永遠家系図 */
  #service02 > li:nth-child(1) {
	background-color: #fff !important;
  }
  .service-list-detail #towakakeizu01 .wrap.layout06.pc-pic420.sp-pic-500.sp-align-right {
	padding: calc((82 - var(--sp-title05-lh))* 100vw / 750) calc(20* 100% / 750);
  }

  /* インスタント家系図 */
  #service02 > li:nth-child(2) {
	background-color: #fff !important;
  }

  /* 戸籍調査 */
  #service02 > li:nth-child(3) {
	background-color: #fff !important;
  }
}

/* // 20250220 「家系図作成」サービスページの改修 css */