@charset "UTF-8";

/*----------------------------------------

layout

-----------------------------------------*/

.l-container {
	min-width: 1040px;
}

@media screen and (max-width: 750px) {
	.l-container {
		min-width: 320px;
	}
}

.l-inner {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 1;
}

.l-inner .l-inner {
	padding-left: 0;
	padding-right: 0;
}

.l-container,
.l-inner {
	position: relative;
}

.l-container:after,
.l-inner:after {
	content: " ";
	display: block;
	clear: both;
}

.l-black{
	background:#222;
	color:#fff;
}


.l-gray{
	background:#F4F4F4;
}

[data-js-tel] a {
	color: inherit;
	text-decoration: underline;
}

/*----------------------------------------

component

-----------------------------------------*/

/*c-hl01*/

.c-hl01{
	position: relative;
	font-size: 30px;
	letter-spacing: 0.1em;
	line-height:1.666;
	font-weight: bold;
	/*padding-left:50px;*/

	text-align: center;
}

/*.c-hl01:before{
	content: "";
	display: block;
	width:40px;
	height:2px;
	background:#222;
	position: absolute;
	top:23px;
	left:0;
}*/

.c-hl01__marker{
	color:#fff;
	background: linear-gradient(0deg, #222 100%, transparent 100%);

	padding: 0 5px;
}

@media screen and (max-width: 750px) {

	.c-hl01{
		font-size: 25px;
		line-height:1.6;
		/*padding-left:25px;*/
	}

	/*.c-hl01:before{
		width:20px;
		top:15px;
	}*/

}

/*c-hl02*/

.c-hl02{
	text-align: center;
	margin-bottom:45px;
}

.c-hl02__text01{
	display: inline-block;
	position: relative;
	padding:0 70px;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 0.1em;
	line-height:1.6666;
}

.c-hl02__text01:before,
.c-hl02__text01:after{
	content: "";
	display: block;
	width:40px;
	height:2px;
	background:#222;
	position: absolute;
	top:0;
	bottom:0;
	margin:auto 0;
}

.c-hl02__text01:before{
	left:0;
}

.c-hl02__text01:after{
	right:0;
}

@media screen and (max-width: 750px) {
	.c-hl02{
		margin-bottom:20px;
	}

	.c-hl02__text01{
		padding:0 30px;
		font-size: 25px;
	}

	.c-hl02__text01:before,
	.c-hl02__text01:after{
		width:20px;
	}

}

/*c-deco*/
.c-deco{
	position: relative;
	z-index: 1;
}

.c-deco__image01{
	position: absolute;
	z-index: -1;
	width:476px;
}

.c-deco._right .c-deco__image01{
	right:0;
	top:0;
}


@media screen and (max-width: 750px) {
	.c-deco__image01{
		width:238px;
	}
}

/*c-btn01*/

.c-btn01{
	box-sizing:border-box;
	display: block;
	background:#222;
	color:#E0D800;
	text-align: center;
	font-size: 16px;
	border-radius:100px;
	padding:13px 10px;
	line-height:1.6;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.c-btn01._green{
	background:#00B900;
	color:#fff;
}

.c-btn01__ico01{
	display: inline-block;
	position: relative;
}

.c-btn01__ico01:before{
	content: "";
	display: block;
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}

.c-btn01__ico01._mail01:before{
	width:26px;
	height:16px;
	background-image: url(../img/ico_mail01.png);
}


.c-btn01__ico01._mail01{
	padding-left:34px;
}

.c-btn01__ico01._line:before{
	width:26px;
	height:24px;
	background-image: url(../img/ico_line.png);
}

.c-btn01__ico01._line{
	padding-left:40px;
}

.c-btn01:hover{
	text-decoration: none;
}



@media screen and (min-width: 751px) {
	.c-btn01:hover{
		opacity: 0.6;
	}
}

@media screen and (max-width: 750px) {
	.c-btn01{
		font-size: 14px;
	}
	
	.c-btn01__ico01._mail01{
		padding-right: 10px;
	}
	
	.c-btn01__ico01._line{
		padding-right: 15px;
	}
	
}

/*----------------------------------------

全画面

-----------------------------------------*/

.g-wrapper {
	overflow: hidden;
}

/*下層ヘッダー*/

.sub-header .l-inner{
	padding-top:30px;
	padding-bottom:30px;
}

.sub-header .logo{
	text-align: center;
}

.sub-header .logo img{
	width:56px;
}

@media screen and (max-width: 750px) {
	
	.sub-header .l-inner{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.sub-header .logo img{
		width:28px;
	}
}


/*フッター*/

.g-footer{
	background:#222;
	color:#fff;
}


.g-footer .copy{
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
}

@media screen and (max-width: 750px) {

}

/*メイン*/

.g-main {
	display: block;
}

.g-main:after {
	content: " ";
	display: block;
	clear: both;
}


/*----------------------------------------

mv

-----------------------------------------*/

.mv .l-black{
	position: relative;
	z-index: 1;
}

.mv .l-inner{
	padding-top:20px;
	padding-bottom:66px;
	z-index: 1;
}

.mv .logo{
	text-align: center;
	margin-bottom:40px;
}

.mv .logo img{
	width:56px;
}

.mv .deco01{
	position: absolute;
	left:0;
	top:0;
	width:476px;
	z-index: -1;
}

.mv .deco02{
	position: absolute;
	right:-163px;
	top:105px;
	margin:auto 0;
	width:336px;
	z-index: -1;
}

.mv .catch01{
	text-align: center;
	margin-bottom:57px;
}

.mv .catch01 img{
	width:689px;
}

.mv .point:after {
	content: " ";
	display: block;
	clear: both;
}

.mv .point{
	text-align: center;
}

.mv .point li{
	display: inline-block;
	margin:0 20px;
	width:200px;
	padding-left:30px;
}

.mv .point__inner{
	border:1px solid #707070;
	box-sizing:border-box;
	position: relative;
	padding:26px 0 10px 45px;
	text-align: left;
}

.mv .point__inner:before,
.mv .point__inner:after{
	content: "";
	display: block;
	position: absolute;
	left:-2px;
	top:-2px;
	background:#222;
}

.mv .point__inner:before{
	width:81px;
	height:4px;
}


.mv .point__inner:after{
	width:4px;
	height:calc(100% + 2px);
}

.mv .point__num{
	font-family: 'Nothing You Could Do', cursive;
	color:#fff;
	opacity: 0.43;
	font-size: 32px;
	position: absolute;
	left:-25px;
	top:-5px;
	line-height:1.1;
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	z-index: 4;
}

.mv .point__ico{
	position: absolute;
	left:-9px;
	top:33px;
	margin:auto 0;
	width:47px;
	z-index: 3;
}

.mv .point__text01{
	font-weight: bold;
	font-size: 20px;
	line-height:1.28;
}

.mv .point__text01--big01{
	font-size: 25px;
}

.mv .scroll{
	position: absolute;
	width:11px;
	height:234px;
	right:46px;
	bottom:-90px;
	z-index: 2;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.mv .scroll:hover img{
	opacity: 1;
}

.mv .scroll:before,
.mv .scroll:after{
	content: "";
	display: block;
	width:1px;
	height:90px;
	position: absolute;
	left:0;
	right:0;
	margin:0 auto;
}

.mv .scroll:before{
	background:#fff;
	bottom:90px;
}

.mv .scroll:after{
	background:#5C5C5C;
	bottom:0;
}

@media screen and (min-width: 751px) {
	.mv .scroll:hover{
		opacity: 0.6;
	}
}

@media screen and (max-width: 750px) {

	.mv .l-inner{
		padding-top:10px;
		padding-bottom:28px;
	}

	.mv .logo{
		margin-bottom:17px;
	}
	
	.mv .logo img{
		width:28px;
	}

	.mv .deco01{
		width:238px;
	}

	.mv .deco02{
		right:0;
		top:auto;
		bottom:0;
		width:170px;
	}

	.mv .catch01{
		margin-bottom:37px;
	}

	.mv .catch01 img{
		width:91.64%;
	}

	.mv .point{
		max-width:400px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.mv .point li{
		display: block;
		margin:0;
		width:auto;
		padding-left:20px;
	}
	
	.mv .point li+li{
		margin-top:19px;
	}

	.mv .point__inner{
		padding:15px 0 12px 75px;
	}

	.mv .point__inner:before{
		width:52px;
	}

	.mv .point__num{
		font-size: 20px;
		top:-3px;
		left:-18px;
	}

	.mv .point__ico{
		left:30px;
		top:9px;
		width:31px;
	}

	.mv .point__text01{
		font-size: 12px;
	}

	.mv .point__text01--big01{
		font-size: 15px;
	}

}


/*----------------------------------------

cta01

-----------------------------------------*/

.cta01 .l-inner{
	padding-top:48px;
	padding-bottom:45px;
}

.cta01__hl01{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 16px;
	position: relative;
	margin-bottom:10px;
	letter-spacing: 0.2em;
}

.cta01__hl01:before{
	content: "";
	display: block;
	width:837px;
	height:1px;
	background:#ddd;
	position: absolute;
	top:0;
	bottom: 0;
	margin:auto 0;
	left:113px;
}

.cta01__text01{
	font-weight: bold;
	font-size: 19px;
	line-height:2;
	margin-bottom:8px;
}

.cta01__desc{
	float:left;
	width:60%;
}

.cta01__btn{
	float:right;
	width:33.9%;
	margin-right:5%;
}

.cta01__btn .c-btn01+.c-btn01{
	margin-top:15px;
}

.cta01__free{
	color:#C60000;
	display: table;
	width:100%;
}

.cta01__free--mark,
.cta01__free--text{
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	vertical-align: middle;
}

.cta01__free--mark{
	width:90px;
}

.cta01__free--mark > span{
	box-sizing:border-box;
	background:#C60000;
	color:#fff;
	font-size: 12px;
	position: relative;
	line-height:1.3;
	display: block;
	padding:3px 0;
	text-align: center;
	height:22px;
}

.cta01__free--mark > span:before{
	content: "";
	display: block;
	position: absolute;
	right:-14px;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 0 11px 14px;
	border-color: transparent transparent transparent #C60000;
}

.cta01__free--text{
	padding-left:0;
	font-size: 16px;
}

@media screen and (max-width: 750px) {

	.cta01 .l-inner{
		padding-top:45px;
		padding-bottom:48px;
	}

	.cta01__hl01{
		overflow:hidden;
		margin-bottom:7px;
	}

	.cta01__hl01:before{
		width:100%;
		left:128px;
	}

	.cta01__text01{
		line-height:1.5;
		margin-bottom: 13px;
	}

	.cta01__desc{
		float:none;
		width:auto;
		margin-bottom:25px;
	}

	.cta01__btn{
		float:none;
		width:auto;
		padding-left:7px;
		padding-right:7px;
		max-width:400px;
		margin:0 auto;
	}

	.cta01__btn .c-btn01+.c-btn01{
		margin-top:17px;
	}
	
	.cta01__free--mark,
	.cta01__free--text{
		line-height:1.5625;
	}

	.cta01__free--mark > span{
		padding:0;
		height:42px;
		line-height:42px;
	}

	.cta01__free--mark > span:before{
		border-width: 21px 0 21px 14px;
	}

	.cta01__free--text{
		padding-left:0;
	}
	
}

/*----------------------------------------

section-case

-----------------------------------------*/

.section-case .box01 .l-inner{
	padding-top:100px;
	padding-bottom:98px;
}

.section-case .case{
	margin-top:50px;
}

.section-case .case li:after {
	content: " ";
	display: block;
	clear: both;
}

.section-case .case li+li{
	margin-top:70px;
}

.section-case .case__prof{
	position: relative;
	z-index: 1;
	width:44.5%;
}

.section-case .case__prof:before{
	content: "";
	display: block;
	width:10000px;
	height:342px;
	background:#222;
	position: absolute;
	top:0;
	z-index: -1;
}

.section-case .case__num{
	color:#D3D3D3;
	font-size: 70px;
	font-family: 'Nothing You Could Do', cursive;
	line-height:1.1;
	position: absolute;
	left:0;
	top:-18px;
	letter-spacing: -0.04em;
}

.section-case .case__num .case__num--size01{
	font-size: 100px;
}

.section-case .case__num .case__num--size02{
	font-size: 92px;
}

.section-case .case__type{
	margin-left:237px;
	margin-bottom:15px;
	padding-top:20px;
}

.section-case .case__type--child{
	color:#fff;
	display: table;
	width:100%;
	font-size: 12px;
	line-height:1.666;
}

.section-case .case__type--child dt,
.section-case .case__type--child dd{
	display: table-cell;
}

.section-case .case__type--child dt{
	width:35px;
	text-align: center;
}

.section-case .case__type--child dd{
	padding-left:10px;
}

.section-case .case__type--child dt > span{
	display: block;
	border:1px solid #707070;
}

.section-case .case__type--child+.case__type--child{
	margin-top:5px;
}

.section-case .case__text01{
	position: relative;
	padding-top:12px;
	font-weight: bold;
	font-size: 20px;
	line-height:1.4583;
	z-index: 1;
	margin-right:50px;
	margin-bottom:10px;
	color:#222;
}

.section-case .case__text01--accent{
	font-size: 24px;
	background: linear-gradient(0deg, #EFE82E 5%, transparent 5%);
}

.section-case .case__text01:before{
	content: "";
	display: block;
	position: absolute;
	left:-20px;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 67px 67px 0 0;
	border-color: #EFE82E transparent transparent transparent;
	z-index: -1;
}

.section-case .case__text02{
	margin-right:50px;
}

.section-case .case__result{
	margin-top:25px;
	margin-right:-13px;
	margin-left: -5px;
}


.section-case .case li:nth-child(odd) .case__prof{
	float:left;
}

.section-case .case li:nth-child(odd) .case__desc{
	float:right;
	width:48%;
}

.section-case li:nth-child(odd) .case__text01{
	margin-right:50px;
}

.section-case li:nth-child(odd) .case__text02{
	margin-right:50px;
}


.section-case .case li:nth-child(odd) .case__prof:before{
	right:-20px;
}

.section-case .case li:nth-child(even) .case__prof{
	float:right;
}

.section-case .case li:nth-child(even) .case__desc{
	float:left;
	width:45%;
	margin-left:5%;
}

.section-case .case li:nth-child(even) .case__prof:before{
	left:-20px;
}
.section-case li:nth-child(even) .case__text01{
	margin-right:20px;
}

.section-case li:nth-child(even) .case__text02{
	margin-right:20px;
}

.section-case li:nth-child(1) .case__num{
	letter-spacing: 0;
}

.section-case li:nth-child(2) .case__num{
	left: 8px;
}
.section-case li:nth-child(2) .case__type{
	margin-left:247px;
}


.section-case li:nth-child(3) .case__result{
	margin-right: 15px;
}


.section-case .catch .bg-wrap{
	background:url(../img/case_bg02_pc.jpg) center center no-repeat;
	background-size:cover;
}

.section-case .catch{
	overflow:hidden;
	text-align: center;
	color:#fff;
}

.section-case .catch .l-inner{
	padding-top:56px;
	padding-bottom:45px;
	z-index: 1;
}

.section-case .catch .logo{
	position: absolute;
	z-index: -1;
	width:248px;
	left:20px;
	top:0;
	bottom:0;
	margin:auto 0;
}

.section-case .text01{
	font-size: 24px;
	line-height:1.5;
}

.section-case .text01__accent{
	font-size: 30px;
	background:rgba(255,255,255,0.16);
}

.section-case .text02{
	font-size: 16px;
	line-height:1.625;
	margin-top:15px;
}

@media screen and (max-width: 750px) {
	
	.section-case .box01 .l-inner{
		padding-top:30px;
		padding-bottom:50px;
	}

	.section-case .case{
		margin-top:10px;
	}


	.section-case .case li+li{
		margin-top:35px;
	}

	.section-case .case__prof{
		width:auto;
		margin-bottom:33px;
	}

	.section-case .case__prof:before{
		width:calc(100% + 20px);
		height:calc(93.32% - 15px);
		top:17px;
	}

	.section-case .case__num{
		font-size: 45px;
		position: relative;
		top:0;
		margin-top:0;
		letter-spacing: 0;
		margin-bottom: -5px;
	}

	.section-case .case__num .case__num--size01{
		font-size: 60px;
	}
	.section-case .case__num .case__num--size02{
		font-size: 45px;
	}

	.section-case .case__type{
		margin-left:0;
		margin-bottom:13px;
		padding-top:0;
	}


	.section-case .case__type--child dt{
		width:30px;
	}

	.section-case .case__type--child dd{
		padding-left:6px;
	}

	.section-case .case__text01{
		padding-top:8px;
		font-size: 18px;
		line-height:1.5;
		margin-right:0;
		margin-bottom:13px;
	}

	.section-case .case__text01--accent{
		font-size: 20px;
		background: linear-gradient(0deg, #EFE82E 8%, transparent 8%);
	}

	.section-case .case__text01:before{
		left:-20px;
		border-width: 60px 60px 0 0;
	}

	.section-case .case__text02{
		margin-right:0;
	}

	.section-case .case__result{
		margin-top:10px;
		margin-right: -1.7%;
		margin-left: -1%;
		text-align: center;
	}


	.section-case .case li:nth-child(odd) .case__prof{
		float:none;
		padding-right:20px;
	}

	.section-case .case li:nth-child(odd) .case__desc{
		float:none;
		width:auto;
	}

	.section-case li:nth-child(odd) .case__text01{
		margin-right:0;
	}

	.section-case li:nth-child(odd) .case__text02{
		margin-right:0;
	}


	.section-case .case li:nth-child(odd) .case__prof:before{
		left:-20px;
		right:auto;
	}

	.section-case .case li:nth-child(even) .case__prof{
		float:none;
		padding-left:20px;
	}

	.section-case .case li:nth-child(even) .case__desc{
		float:none;
		width:auto;
		margin-left:0;
	}

	.section-case .case li:nth-child(even) .case__prof:before{
		right:-20px;
		left:auto;
	}
	.section-case li:nth-child(even) .case__text01{
		margin-right:0;
	}

	.section-case li:nth-child(even) .case__text02{
		margin-right:0;
	}

	.section-case li:nth-child(2) .case__num{
		left: 0;
	}
	
	.section-case li:nth-child(2) .case__type{
		margin-left:0;
	}
	
	.section-case li:nth-child(3) .case__result{
		margin-right: 0;
	}
	
	.section-case .catch .bg-wrap{
		background-image:url(../img/case_bg02_sp.jpg);
	}

	.section-case .catch .l-inner{
		padding-top:40px;
		padding-bottom:35px;
	}

	.section-case .catch .logo{
		width:124px;
		bottom:auto;
	}

	.section-case .text01{
		font-size: 20px;
		line-height:1.2;

	}

	.section-case .text01+.text01{
		margin-top:15px;
	}
	
	.section-case .text01__accent{
		font-size: 25px;
		background:rgba(255,255,255,0.16);
	}

	.section-case .text02{
		margin-top:12px;
	}
	
}

/*----------------------------------------

section-reason

-----------------------------------------*/

.section-reason .l-inner{
	padding-top:100px;
	padding-bottom:95px;
}

.section-reason .reason{
	margin-top:38px;
	margin-bottom:70px;
}

.section-reason .reason li:after {
	content: " ";
	display: block;
	clear: both;
}

.section-reason .reason li+li{
	margin-top:80px;
}

.section-reason .reason__num{
	color:#D3D3D3;
	font-size: 100px;
	font-family: 'Nothing You Could Do', cursive;
	line-height:1.1;
	margin-bottom: 10px;
}

.section-reason .reason__num > span{
	font-size: 92px;
}



.section-reason .reason__text01{
	position: relative;
	padding-left:20px;
	font-size: 20px;
	font-weight: bold;
	line-height:1.75;
	margin-bottom:10px;
	color:#222;
}

.section-reason .reason__text01:before{
	content: "";
	display: block;
	position: absolute;
	left:0;
	top:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 67px 67px 0 0;
	border-color: #EFE82E transparent transparent transparent;
	z-index: -1;
}

.section-reason .reason__text02{
	padding-left:20px;
}

.section-reason .reason__desc{
	padding-bottom:65px;
	position: relative;
	z-index: 1;
}

.section-reason .reason__desc:before{
	content: "";
	display: block;
	width:10000px;
	height:calc(100% - 60px);
	position: absolute;
	bottom:0;
	background:#F4F4F4;
	z-index: -1;
}

.section-reason .reason__image{
	position: relative;
	z-index: 2;
	width:65%;
	margin-top:20px;
}

.section-reason .reason li:nth-child(odd) .reason__desc{
	float:left;
	width:48%;
}

.section-reason .reason li:nth-child(odd) .reason__desc:before{
	right:-98px;
}
.section-reason .reason li:nth-child(odd) .reason__image{
	float:right;
	margin-right:-18.3%;
}

.section-reason .reason li:nth-child(odd) .reason__text01,
.section-reason .reason li:nth-child(odd) .reason__text02{
	margin-left:29px;
}

.section-reason .reason li:nth-child(even) .reason__desc{
	float:right;
	width:50%;
}
.section-reason .reason li:nth-child(even) .reason__desc:before{
	left:-78px;
}
.section-reason .reason li:nth-child(even) .reason__image{
	float:left;
	margin-left:-18.3%;
}

.section-reason .reason li:nth-child(even) .reason__text01,
.section-reason .reason li:nth-child(even) .reason__text02{
	margin-right:50px;
}

.section-reason .gallery__hl01{
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	line-height:1.666;
	letter-spacing: 0.1em;
	padding-top:105px;
	margin-bottom:45px;
	color:#222;
}

.section-reason .gallery__hl01:before{
	content: "";
	display: block;
	width:376px;
	height:45px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	background:url(../img/reason_deco01.png) center top no-repeat;
	background-size:100% auto;
}

.section-reason .gallery__pic01{
	text-align: center;
	margin: 0 -10px;
}

@media screen and (max-width: 750px) {
	
	.section-reason .l-inner{
		padding-top:75px;
		padding-bottom:37px;
	}

	.section-reason .reason{
		margin-top:53px;
		margin-bottom:56px;
	}

	.section-reason .reason li+li{
		margin-top:40px;
	}
	
	.section-reason .reason li{
		position: relative;
	}

	.section-reason .reason li:before{
		content: "";
		display: block;
		width:calc(100% + 20px);
		height:calc(100% - 34px);
		background:#F4F4F4;
		position: absolute;
		top:17px;
	}
	
	.section-reason .reason__num{
		font-size: 50px;
		margin-bottom: 15px;
	}
	
	.section-reason .reason__num > span{
		font-size: 46px;
	}

	.section-reason .reason__text01{
		padding-left:20px;
		font-size: 18px;
		line-height:1.666;
		margin-bottom:15px;
	}

	.section-reason .reason__text01:before{
		border-width: 60px 60px 0 0;
	}

	.section-reason .reason__text02{
		padding-left:0;
	}

	.section-reason .reason__desc{
		padding-bottom:15px;
	}

	.section-reason .reason__desc:before{
		display: none;
	}

	.section-reason .reason__image{
		width:auto;
		margin-top:0;
	}
	
	.section-reason .reason li:nth-child(odd):before{
		left:-20px;
	}

	.section-reason .reason li:nth-child(odd) .reason__desc{
		float:none;
		width:auto;
		padding-right:25px;
	}
	
	.section-reason .reason li:nth-child(odd) .reason__image{
		float:none;
		margin-right:-20px;
		text-align: right;
		padding-left:9%;
	}

	.section-reason .reason li:nth-child(odd) .reason__text01,
	.section-reason .reason li:nth-child(odd) .reason__text02{
		margin-left:0;
	}

	.section-reason .reason li:nth-child(even):before{
		right:-20px;
		height:calc(100% - 54px);
	}

	
	.section-reason .reason li:nth-child(even) .reason__desc{
		float:none;
		width:auto;
		padding-left:20px;
	}

	.section-reason .reason li:nth-child(even) .reason__image{
		float:none;
		margin-left:-20px;
		padding-right:9%;
	}

	.section-reason .reason li:nth-child(even) .reason__text01,
	.section-reason .reason li:nth-child(even) .reason__text02{
		margin-right:0;
	}
	
	.section-reason .reason li:nth-child(even) .reason__num{
		text-align: right;
		margin-right:-15px;
	}

	.section-reason .gallery__hl01{
		font-size: 25px;
		line-height:1.4;
		padding-top:50px;
		margin-bottom:33px;
	}

	.section-reason .gallery__hl01:before{
		width:189px;
		height:43px;
	}
	
	.section-reason .gallery__pic01{
		margin:0 -1%;
	}
	
	.section-reason .gallery__pic01 img{
		width:450px;
	}
}

/*----------------------------------------

section-knowhow

-----------------------------------------*/

.section-knowhow .l-inner{
	padding-top:107px;
	padding-bottom:110px;
}

.section-knowhow .hl01{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height:1.666;
	margin-bottom:50px;
}

.section-knowhow .intro{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}


.section-knowhow .intro__inner{
	background:#fff;
	color:#000;
	border-radius:10px;
	padding:43px 50px 50px;
	position: relative;
	z-index: 1;
}

.section-knowhow .intro__inner:after {
	content: " ";
	display: block;
	clear: both;
}

.section-knowhow .intro__num{
	font-family: 'Nothing You Could Do', cursive;
	font-size: 105px;
	line-height:1.1;
	color:#D3D3D3;
	position: absolute;
	opacity: 0.53;
	z-index: -1;
	top:10px;
	right:25px;
}

.section-knowhow .intro__num > span{
	font-size: 139px;
}

.section-knowhow .intro__title01{
	font-weight: bold;
	font-size: 20px;
	line-height:1.75;
	position: relative;
	z-index: 1;
	margin-bottom:25px;
	color:#222;
}

.section-knowhow .intro__title01:before{
	content: "";
	position: absolute;
	top:-10px;
	left:-20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 67px 67px 0 0;
	border-color: #EFE82E transparent transparent transparent;
	z-index: -1;
}

.section-knowhow .intro__desc{
	float:left;
	width:49.85%;
}

.section-knowhow .intro__image{
	float:right;
	width:45.74%;
}

.section-knowhow .slick-dots{
	text-align: center;
	font-size: 0;
	margin-top:31px;
}


.section-knowhow .slick-dots li{
	display: inline-block;
	margin:0 5px;
}

.section-knowhow .slick-dots button{
	display: block;
	padding: 0;
	width:8px;
	height:8px;
	border-radius:100%;
	background:#fff;
	opacity: 0.3;
	border: none;
	font-size: 0;
	cursor:pointer;
}

.section-knowhow .slick-dots .slick-active button{
	opacity: 1;
}

.section-knowhow .slick-arrow{
	position: absolute;
	top:38.5%;
	margin:auto 0;
	width:50px;
	height:50px;
	cursor:pointer;
	border:none;
	font-size: 0;
}


.section-knowhow .slick-prev{
	left: -100px;
	background:url(../img/ico_prev.png) center center no-repeat;
	background-size:100%;
}

.section-knowhow .slick-next{
	right: -100px;
	background:url(../img/ico_next.png) center center no-repeat;
	background-size:100%;
}

.intro__remodal{
	padding: 0 !important;
}

@media screen and (max-width: 750px) {
	
	.section-knowhow .l-inner{
		padding-top:50px;
		padding-bottom:100px;
	}

	.section-knowhow .hl01{
		font-size: 25px;
		line-height:1.4;
		margin-bottom: 42px;
	}

	.section-knowhow .intro__inner{
		color:#222;
		padding:40px 15px calc(58% + 25px);
	}

	.section-knowhow .intro__num{
		font-size: 52px;
		top:0;
		right:13px;
	}
	
	.section-knowhow .intro__num > span{
		font-size: 69px;
	}

	.section-knowhow .intro__title01{
		font-size: 18px;
		line-height:1.666;
		margin-bottom:10px;
		padding-top:10px;
		padding-left:20px;
	}

	.section-knowhow .intro__title01:before{
		top:0;
		left:0;
		border-width: 60px 60px 0 0;
	}

	.section-knowhow .intro__desc{
		float:none;
		width:auto;
		margin-bottom:13px;
		line-height:1.857;
	}

	.section-knowhow .intro__image{
		float:none;
		width:89.82%;
		position: absolute;
		bottom:25px;
		left:0;
		right:0;
		margin:0 auto;
	}
	
	.section-knowhow .intro__glass{
		position: absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
	}
	
	.section-knowhow .intro__glass img{
		position: absolute;
		bottom:10px;
		right:7px;
		width:40px;
	}

	.section-knowhow .slick-dots{
		margin-top:38px;
	}


	.section-knowhow .slick-dots li{
		margin:0 6px;
	}

	.section-knowhow .slick-dots button{
		width:10px;
		height:10px;
	}

	.section-knowhow .slick-arrow{
		top:auto;
		bottom:-20px;
	}


	.section-knowhow .slick-prev{
		left: 0;
	}

	.section-knowhow .slick-next{
		right: 0;
	}
	
}

/*----------------------------------------

section-flow

-----------------------------------------*/

.section-flow .l-inner{
	padding-top:100px;
	padding-bottom:110px;
}

.section-flow .flow{
	display: -webkit-flex;
	display: flex;
}

.section-flow .flow li{
	box-sizing:border-box;
	width:25%;
	position: relative;
	padding:14px 25px 170px;
}

.section-flow .flow__ico{
	width:104px;
	position: absolute;
	bottom:36px;
	left:0;
	right:0;
	margin:0 auto;
}

.section-flow .flow li:before{
	content: "";
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	right:-20px;
	margin: auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 0 22px 22px;
	z-index: 1;
}

.section-flow .flow li:nth-child(odd){
	background:#222;
	color:#fff;
}

.section-flow .flow li:nth-child(odd):before{
	border-color: transparent transparent transparent #222;
}

.section-flow .flow li:nth-child(even){
	background:#F4F4F4;
}

.section-flow .flow li:nth-child(even):before{
	border-color: transparent transparent transparent #F4F4F4;
}

.section-flow .flow li:first-child{
	border-radius:10px 0 0 10px;
}

.section-flow .flow li:last-child{
	border-radius:0 10px 10px 0;
}

.section-flow .flow li:last-child:before{
	display: none;
}


.section-flow .flow__hl01{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom:8px;
}



@media screen and (max-width: 750px) {
	
	.section-flow .l-inner{
		padding-top:45px;
		padding-bottom:56px;
	}

	.section-flow .flow{
		display: block;
		max-width:400px;
		margin-left:auto;
		margin-right:auto;
	}

	.section-flow .flow li{
		width:auto;
		padding:20px 18px 30px;
	}

	.section-flow .flow__ico{
		position: static;
		margin-top:10px;
	}

	.section-flow .flow li:before{
		top:auto;
		bottom:-20px;
		left:0;
		right:0;
		margin:0 auto;
		border-width: 20px 22px 0 22px;
	}

	.section-flow .flow li:nth-child(odd):before{
		border-color: #222 transparent transparent transparent;
	}

	.section-flow .flow li:nth-child(even):before{
		border-color: #F4F4F4 transparent transparent transparent;
	}

	.section-flow .flow li:first-child{
		border-radius:5px 5px 0 0;
	}

	.section-flow .flow li:last-child{
		border-radius:0 0 5px 5px;
	}

	
}

/*----------------------------------------

section-qa

-----------------------------------------*/

.section-qa .l-inner{
	padding-top:95px;
	padding-bottom:100px;
}

.section-qa .c-hl02{
	margin-bottom:60px;
}

.section-qa .qa{
	max-width: 900px;
	margin: 0 auto;
}

.section-qa .qa__child+.qa__child{
	margin-top:48px;
}


.section-qa .qa dt,
.section-qa .qa dd{
	position: relative;
}

.section-qa .qa dt{
	background:#222;
	color:#fff;
	font-weight: bold;
	font-size: 16px;
	line-height:1.5625;
	border-radius:100px;
	padding:23px 40px 23px 70px;
}


.section-qa .qa dd{
	padding:22px 40px 0 70px;
}

.section-qa .qa__mark img{
	position: absolute;
	width:41px;
	left:8px;
}


.section-qa .qa dt .qa__mark img{
	top:0;
	bottom:0;
	margin:auto 0;
}

.section-qa .qa dd .qa__mark img{
	top:17px
}

@media screen and (max-width: 750px) {
	
	
	.section-qa .l-inner{
		padding-top:50px;
		padding-bottom:55px;
	}
	
	.section-qa .c-hl02{
		margin-bottom:20px;
	}

	
	.section-qa .qa__child+.qa__child{
		margin-top:35px;
	}


	.section-qa .qa dt{
		padding:11px 25px 11px 49px;
	}


	.section-qa .qa dd{
		padding:14px 0 0 49px;
	}

	.section-qa .qa__mark img{
		left:0;
	}

	.section-qa .qa dd .qa__mark img{
		top:20px
	}

}

@media screen and (max-width: 374px) {
	.section-qa .qa dt{
		padding: 11px 15px 11px 49px;
	}
}
	
/*----------------------------------------

section-contact

-----------------------------------------*/

.section-contact .box01 .bg-wrap{
	background:url(../img/contact_bg01.png) center top;
	background-size:240px auto;
}

.section-contact .box01 .l-inner{
	padding-top:113px;
	padding-bottom:104px;
}

.section-contact .h01{
	box-sizing:border-box;
	max-width:684px;
	margin:0 auto 50px;
	text-align: center;
	border-left:2px solid #E0D800;
	border-right:2px solid #E0D800;
	font-weight: bold;
	font-size: 30px;
	line-height:1.666;
	letter-spacing: 0.1em;
	position: relative;
	color:#222;
}

.section-contact .h01__inner{
	padding: 3px 10px 5px;
}

.section-contact .h01:before,
.section-contact .h01:after,
.section-contact .h01__inner:before,
.section-contact .h01__inner:after{
	content: "";
	display: block;
	position: absolute;
	width:16px;
	height:2px;
	background:#E0D800;
}

.section-contact .h01:before,
.section-contact .h01:after{
	left:0;
}

.section-contact .h01:before{
	top:0;
}

.section-contact .h01:after{
	bottom:0;
}

.section-contact .h01__inner:before,
.section-contact .h01__inner:after{
	right:0;
}

.section-contact .h01__inner:before{
	top:0;
}

.section-contact .h01__inner:after{
	bottom:0;
}

.section-contact .contact{
	box-sizing:border-box;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	border-radius:12px;
	box-shadow:3px 3px 6px rgba(0,0,0,0.33);
	-moz-box-shadow:3px 3px 6px rgba(0,0,0,0.33);
	-webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.33);
	padding:50px;
}

.section-contact .formTable{
	width:100%;
	margin-bottom:5px;
	word-break:break-all;
}

.section-contact .contact th,
.section-contact .contact td{
	vertical-align: top;
	padding-bottom:25px;
}

.section-contact .contact th{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	width:148px;
}

.section-contact .contact__req{
	color:#C60000;
	font-size: 10px;
	vertical-align: top;
}

.section-contact .contact__inptextarea textarea,
.section-contact .contact__inptext input{
	box-sizing:border-box;
	border-radius:3px;
	width:100%;
	border:1px solid #000;
	padding:7px 10px;
	font-family:inherit;
	font-size:inherit;
	-webkit-appearance: none;
	font-size: 16px;
}

.section-contact .contact__inptextarea textarea{
	resize:vertical;
	min-height:120px;
}

.section-contact .contact__inptextarea textarea:focus,
.section-contact .contact__inptext input:focus{
	outline: 2px solid rgba(0, 0, 0, 0.8);
}

.section-contact .contact__submit{
	max-width:340px;
	margin:0 auto;
}

.section-contact .contact__submit input{
	border-radius: 100px;
	-webkit-appearance: none;
	font-size:14px;
	color:#fff;
	background:#222;
	border:none;
	cursor: pointer;
	margin:10px 0 0;
	font-family:inherit;
	width:100%;
	padding:15px 10px;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.section-contact .box01 .btn01{
	max-width:420px;
	margin:50px auto 0;
}

.section-contact .box01 .btn01 .c-btn01{
	font-size: 20px;
	padding:24px 10px;
}

.section-contact .catch .bg-wrap{
	background:url(../img/contact_bg02_pc.jpg) center center no-repeat;
	background-size:cover;
	color:#fff;
}

.section-contact .catch .text01{
	text-align: center;
	font-weight: bold;
	font-size:24px;
	line-height:1.7;
}

.section-contact .catch .l-inner{
	padding-top:65px;
	padding-bottom:62px;
}

.section-contact .catch .text01__accent{
	color:#222;
	font-size: 30px;
	background: linear-gradient(0deg, #fff 100%, transparent 100%);
}

@media screen and (min-width: 751px) {
	.section-contact .contact__submit input:hover{
		opacity: 0.6;
	}
}

@media screen and (max-width: 750px) {
	
	.section-contact .box01 .bg-wrap{
		background-size:120px auto;
	}

	.section-contact .box01 .l-inner{
		padding-top:56px;
		padding-bottom:55px;
	}

	.section-contact .h01{
		max-width:500px;
		margin:0 auto 19px;
		font-size: 22px;
		line-height:1.5;
		letter-spacing: 0.05em;
	}

	.section-contact .h01:before,
	.section-contact .h01:after,
	.section-contact .h01__inner:before,
	.section-contact .h01__inner:after{
		width:15px;
	}

	.section-contact .contact{
		padding:20px 18px 28px;
	}
	
	.section-contact .formTable{
		margin-bottom:0;
	}

	.section-contact .contact th,
	.section-contact .contact td{
		display: block;
	}

	.section-contact .contact th{
		width:auto;
		padding-bottom:0;
	}
	
	.section-contact .contact td{
		padding-bottom:10px;
	}
	
	.section-contact .contact__inptextarea textarea,
	.section-contact .contact__inptext input{
		padding:8px 10px;
	}

	.section-contact .contact__inptextarea textarea{
		min-height:150px;
	}
	
	.section-contact .contact__submit{
		max-width:300px;
	}


	.section-contact .box01 .btn01{
		max-width:320px;
		margin:35px auto 0;
	}

	.section-contact .box01 .btn01 .c-btn01{
		font-size: 14px;
		padding:12px 10px;
	}

	.section-contact .catch .bg-wrap{
		background-image:url(../img/contact_bg02_sp.jpg);
	}

	.section-contact .catch .text01{
		font-size:20px;
		line-height:1.6;
	}

	.section-contact .catch .l-inner{
		padding-top:52px;
		padding-bottom:50px;
	}

	.section-contact .catch .text01__accent{
		font-size: 25px;
	}
	
}

/*----------------------------------------

section-company

-----------------------------------------*/

.section-company .l-inner{
	padding-top:100px;
	padding-bottom:110px;
}

.section-company .c-hl02{
	margin-bottom:60px;
}

.section-company .company{
	max-width:690px;
	margin-left:auto;
	margin-right:auto;
}

.section-company .company__child{
	box-sizing:border-box;
	display: table;
	width:100%;
	background:#F4F4F4;
	font-size: 16px;
	padding:20px 20px;
}

.section-company .company__child+.company__child{
	margin-top:10px;
}

.section-company .company__child dt,
.section-company .company__child dd{
	display: table-cell;
	line-height:1.25;
}

.section-company .company__child dt{
	font-weight: bold;
	width:122px;
}


.section-company .company__list li+li{
	margin-top:10px;
}

@media screen and (max-width: 750px) {
	
	
	.section-company .l-inner{
		padding-top:50px;
		padding-bottom:57px;
	}
	
	.section-company .c-hl02{
		margin-bottom:25px;
	}

	.section-company .company__child{
		display: block;
		padding:10px 15px;
	}

	.section-company .company__child dt,
	.section-company .company__child dd{
		display: block;
		line-height:1.5625;
	}

	.section-company .company__child dt{
		width:auto;
	}


	.section-company .company__list li+li{
		margin-top:0;
	}
	
}


/*conform*/

.section-contact .conform__text01{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom:20px;
}

.section-contact .conform__error{
	text-align: center;
	color:#C60000;
	font-weight: bold;
	margin-bottom:30px;
}

@media screen and (max-width: 750px) {
	
	.section-contact .conform__text01{
		font-size: 16px;
	}
}

/*----------------------------------------

section-thanks

-----------------------------------------*/

.section-thanks .bg-wrap{
	background:url(../img/contact_bg01.png) center top;
	background-size:240px auto;
}

.section-thanks .l-inner{
	padding-top:150px;
	padding-bottom:150px;
}

.section-thanks .hl01{
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	margin-bottom:20px;
	line-height:1.6;
}

.section-thanks .text01{
	text-align: center;
	margin-bottom:40px;
	font-size: 18px;
}

.section-thanks .c-btn01{
	max-width:420px;
	margin: 0 auto;
}

.section-thanks .c-btn01{
	font-size: 20px;
	padding:20px 10px;
}

@media screen and (max-width: 750px) {
	
	.section-thanks .l-inner{
		padding-top:60px;
		padding-bottom:60px;
	}
	
	.section-thanks .hl01{
		font-size: 30px;
	}
	
	.section-thanks .text01{
		font-size: 16px;
	}
	
	.section-thanks .c-btn01{
		font-size: 16px;
		padding:15px 10px;
	}
}


/* add_20210915 */

.real{
}
.real .l-inner{
	padding: 100px 20px 180px 20px;
	box-sizing: border-box;
}
.real .l-inner::after{
	content: "";
	width: 376px;
	height: 45px;
	background: url(../img/reason_deco01.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute; bottom: 0; left: calc(50% - 188px);
}
.real h3{
	padding: 40px 0 10px 0;
	background: url(../img/h3_bg.png) no-repeat center bottom;
	background-size: 390px 14px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.real .slide_wrap{
	padding-top: 23px;
}
.real .slide_inner{
	position: relative;
}
.real .slide_item{
}
.real .slide_item .title{
	background: #222;
	border-radius: 8px 8px 0 0;
	font-size: 20px;
	line-height: 2;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.real .slide_item .table{
}
.real .slide_item table{
	width: 100%;
}
.real .slide_item tr{
	border: 1px solid #CCC;
}
.real .slide_item th,
.real .slide_item td{
	width: calc(100% / 9);
	padding: 0 12px;
	border: 1px solid #CCC;
	font-size: 12px;
	line-height: 34px;
	color: #222;
	font-weight: bold;
	text-align: right;
}
.real .slide_item th{
	background: #222;
	font-size: 14px;
	color: #FFF;
	text-align: center;
}
.real .slide_item tr th.red{
	background: #904646;
}
.real .slide_item tr td:first-child{
	background: #F7F7F7;
}
.real .slide_item tr td.red{
	background: #FFD1D1;
}
.real .slide_item tr td.sum_black{
	background: #222;
	color: #FFF;
}
.real .slide_item tr td:first-child.sum_black{
	text-align: center;
}
.real .slide_item tr td.sum_red{
	background: #904646;
	color: #FFF;
}
.real .btn_box{
	padding-top: 33px;
	font-size: 0;
	text-align: center;
}
.real .prev_btn,
.real .next_btn{
	width: 105px;
	margin: 0 30px;
	background: #222;
	border-radius: 28px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 34px;
	color: #E0D800;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease-in 0s;
}
.real .prev_btn:hover,
.real .next_btn:hover{
	opacity: 0.6;
}
.prev_btn svg,
.next_btn svg{
	padding-top: 11px;
	vertical-align: top;
}
.prev_btn svg{
	margin-right: 10px;
}
.next_btn svg{
	margin-left: 10px;
}
.prev_btn svg *,
.next_btn svg *{
	fill: #E0D800;
}
.prev_btn.disable,
.next_btn.disable{
	background: #ADADAD;
	color: #FFF;
	pointer-events: none;
}
.prev_btn.disable svg *,
.next_btn.disable svg *{
	fill: #FFF;
}

.voice{
}
.voice .l-inner{
	padding: 100px 20px 95px 20px;
	box-sizing: border-box;
}
.voice h3{
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.voice .voice_inner{
	padding-top: 50px;
}
.voice .thum_box{
	width: 445px;
	padding: 0 0 50px 60px;
	float: right;
	position: relative;
}
.voice .thum_box .thum{
	position: relative;
}
.voice .thum_box .thum::before{
	content: "";
	width: 100vw;
	height: calc(100% - 45px);
	background: #222;
	position: absolute; top: 45px; left: -25px;
}
.voice .thum_box .thum img{
	position: relative;
	z-index: 10;
}
.voice .thum_box .name{
	padding: 14px 0;
	position: relative;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}
.voice .thum_box .name::before{
	content: "";
	width: 100vw;
	height: 100%;
	background: #222;
	position: absolute; top: 0; left: -25px;
}
.voice .thum_box .name span{
	position: relative;
	z-index: 10;
}
.voice .voice_text{
	font-size: 14px;
	font-weight: bold;
}
.voice .voice_text span{
	background: linear-gradient(transparent 85%, #E0D800 85%);
}
.voice_name{
	padding-top: 30px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.example{
}
.example .l-inner{
	padding: 100px 20px 205px 20px;
	box-sizing: border-box;
}
.example .example_box{
	position: relative;
}
.example .example_inner{
	width: 665px;
	padding-top: 30px;
}
.example .example_item{
	padding-top: 28px;
	font-size: 0;
}
.example .example_item .balloon{
	margin: 4px 0 0 20px;
	padding: 10px 20px;
	border-radius: 28px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 18px;
	line-height: 2;
	color: #FFF;
	font-weight: bold;
}
.example .example_item .balloon span{
	color: #E0D800;
}
.example .example_inner .example_item.odd .balloon{
	width: 570px;
	background: #656565;
}
.example .example_inner .example_item.even .balloon{
	width: 550px;
	margin-right: 20px;
	background: #3B3B3B;
}
.example .example_inner .example_item.odd .balloon::after,
.example .example_inner .example_item.even .balloon::after{
	content: "";
	width: 20px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
}
.example .example_inner .example_item.odd .balloon::after{
	background-image: url(../img/balloon_1.png);
	top: 42px; left: -4px;
}
.example .example_inner .example_item.odd .balloon.long::after{
	top: 25px; left: -12px;
}
.example .example_inner .example_item.even .balloon::after{
	background-image: url(../img/balloon_2.png);
	top: 42px; right: -4px;
}
.example .example_item .icon{
	width: 75px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.example .example_inner .example_item.odd .icon::after,
.example .example_inner .example_item.even .icon::after{
	font-size: 14px;
	color: #333;
}
.example .example_inner .example_item.odd .icon::after{
	content: "お客様";
}
.example .example_inner .example_item.even .icon::after{
	content: "弊社担当";
}
.example .example_big{
	margin: 45px 0 50px 0;
	padding: 30px;
	background: #3B3B3B;
	border: 3px solid #C9C9C9;
	border-radius: 28px;
	position: relative;
	box-sizing: border-box;
	font-size: 0;
}
.example .example_big::before,
.example .example_big::after{
	content: "・・・";
	width: 5px;
	position: absolute; left: calc(50% - 2.5px);
	font-size: 19px;
	line-height: 1.2;
	color: #222;
	font-weight: bold;
}
.example .example_big::before{
	top: -80px;
}
.example .example_big::after{
	bottom: -80px;
}
.example .example_big .text{
	width: calc(100% - 242px);
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 1.5;
	color: #FFF;
	font-weight: bold;
}
.example .example_big .text span{
	color: #E0D800;
}
.example .example_big .thum{
	width: 232px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
}
.example .example_site{
	width: 424px;
	position: absolute; top: 112px; right: -185px;
}
.example .example_site .example_site_img{
	height: 1200px;
	overflow-y: auto;
}
.example .example_site::after{
	content: "";
	width: 270px;
	height: 116px;
	background: url(../img/example_acc.png) no-repeat;
	background-size: 100% 100%;
	position: absolute; top: -86px; left: -30px;
}

.step{
}
.step .l-inner{
	padding: 0 50px 50px 50px;
	box-sizing: border-box;
	position: relative;
}
.step .triangle{
	text-align: center;
}
.step h2{
	width: calc(100% - 100px);
	position: absolute; top: -50px; left: calc(50% -50px);
}
.step h3{
	padding-top: 40px;
	font-size: 0;
	text-align: center;
}
.step h3 span{
	margin: 0 30px;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	font-weight: bold;
}
.step h3::before,
.step h3::after{
	content: "";
	width: 40px;
	height: 2px;
	background: #222;
	display: inline-block;
	vertical-align: middle;
}
.step .step_box{
	padding-top: 70px;
}
.step .step_inner{
	width: 430px;
	background: #FFF;
	border-radius: 10px;
	float: right;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.18);
	box-sizing: border-box;
	position: relative;
	text-align: center;
}
.step .step_box .step_inner:last-child{
	margin-right: 40px;
}
.step .step_box .step_inner:last-child::after{
	content: "";
	width: 490px;
	height: 317px;
	background: url(../img/step.png) no-repeat;
	background-size: 100% 100%;
	position: absolute; top: 865px; right: -470px;
}
.step .step_inner .title{
	background: #F4F4F4;
	border-radius: 10px 10px 0 0;
	font-size: 26px;
	line-height: 64px;
	font-weight: bold;
}
.step .step_box .step_inner:last-child .title{
	background: #222;
	color: #FFF;
}
.step .step_inner .step_item_inner{
	padding: 5px 35px 35px 35px;
}
.step .step_inner .item{
	margin-top: 30px;
	padding: 10px 20px;
	border: 3px solid #E8E8E8;
	border-radius: 28px;
	position: relative;
}
.step .step_inner .item.border{
	border-color: #EFE82E;
}
.step .step_inner .item.bg{
	background: #EFE82E;
	border-color: #EFE82E;
}
.step .step_inner .item.gap{
	margin-top: 60px;
}
.step .step_inner .item::before{
	content: "";
	width: 2px;
	height: 30px;
	background: #2B2B2B;
	position: absolute; top: -33px; left: calc(50% - 1px);
}
.step .step_inner .item.gap::before{
	height: 60px;
	top: -63px;
}
.step .step_inner .step_item_inner .item:first-child::before{
	display: none;
}
.step .step_inner .item .number{
	position: absolute; top: -25px; left: 10px;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 60px;
	line-height: 1;
	color: #BABABA;
}
.step .step_box .step_inner:last-child .item .number{
	color: #B7B107;
}
.step .step_inner .item .text{
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
}
.step .step_inner .item p{
	padding-top: 5px;
	font-size: 14px;
	line-height: 1.7;
	font-weight: bold;
	text-align: left;
}
.step .step_caution{
	margin-top: 65px;
	padding: 30px 30px 20px 30px;
	border: 2px solid #E0D800;
	border-radius: 20px;
	position: relative;
}
.step .step_caution .title{
	width: 300px;
	background: #FFF;
	position: absolute; top: -16px; left: calc(50% - 150px);
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
.step .step_caution .text{
	font-size: 14px;
	font-weight: bold;
}
.step .step_bottom{
	margin-top: 140px;
	position: relative;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.step .step_bottom::before{
	content: "";
	width: 376px;
	height: 45px;
	background: url(../img/reason_deco01.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute; top: -80px; left: calc(50% - 188px);
}

.googleform{
	width: 100%;
	height: 1305px;
	position: relative;
}
.googleform iframe{
	width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;
}

.reason_gallery{
	width: 900px;
	margin: 0 auto;
	font-size: 0;
}
.reason_gallery div{
	width: 163px;
	padding: 45px 21.25px 10px 0;
	display: inline-block;
	vertical-align: top;
}
.reason_gallery div:nth-child(5n){
	padding-right: 0;
}
.reason_gallery div:nth-child(2),
.reason_gallery div:nth-child(4),
.reason_gallery div:nth-child(7),
.reason_gallery div:nth-child(9){
	padding-top: 65px;
}
.reason_gallery img{
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

.scroll_notice{
}
#scroll_notice.scroll_notice{
	display: none;
}
.scroll_notice{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: 0.5s;
}
.scroll_notice.active{
	opacity: 1;
}
.scroll_notice_bg{
	width: 130px;
	padding: 20px 0;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	position: absolute; top: calc(50% - 60px); left: calc(50% - 65px);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
#scroll_notice_2 .scroll_notice_bg{
	top: 150px;
}
.scroll_notice_text{
	font-size: 10px;
	line-height: 1.2;
	display: block;
	text-align: center;
	padding-top: 0;
	box-sizing: border-box;
}
.scroll_notice_text::before{
	content: "";
	width: 56.4px;
	height: 38.8px;
	display: block;
	margin: 0 auto 15px auto;
	background: url(../img/scroll_notice.png) no-repeat;
	background-size: 100% 100%;
}
#scroll_notice_2 .scroll_notice_text::before{
	transform: rotateZ(90deg);
}

@media screen and (max-width: 750px) {
	.real .l-inner{
		padding: 30px 20px 60px 20px;
	}
	.real .l-inner::after{
		width: 189px;
		height: 21px;
		position: absolute; bottom: 0; left: calc(50% - 94.5px);
	}
	.real h3{
		padding: 20px 0 15px 0;
		background-size: 240px 8px;
		line-height: 1.5;
	}
	.real .slide_inner{
		overflow-x: auto;
	}
	.real .slide_item{
		width: 960px;
	}

	.voice .l-inner{
		padding: 30px 20px 50px 20px;
	}
	.voice h3{
		font-size: 18px;
	}
	.voice .thum_box{
		width: 90%;
		padding: 0 0 20px 10%;
		float: none;
	}

	.example .l-inner{
		padding: 30px 20px 150px 20px;
	}
	.example .example_inner{
		width: auto;
		padding-top: 0;
	}
	.example .example_item .balloon{
		border-radius: 20px;
		line-height: 1.7;
	}
	.example .example_inner .example_item.odd .balloon{
		width: calc(100% - 80px);
	}
	.example .example_inner .example_item.even .balloon{
		width: calc(100% - 80px);
		margin: 4px 20px 0 0;
	}
	.example .example_inner .example_item.odd .balloon::after,
	.example .example_inner .example_item.even .balloon::after{
		width: 24px;
		height: 18px;
	}
	.example .example_inner .example_item.odd .balloon::after{
		top: 15px; left: -14px;
	}
	.example .example_inner .example_item.odd .balloon.long::after{
		top: 15px; left: -14px;
	}
	.example .example_inner .example_item.even .balloon::after{
		top: 15px; right: -14px;
	}
	.example .example_item .icon{
		width: 60px;
	}
	.example .example_big{
		margin: 80px 0 55px 0;
		padding: 30px;
		background: #3B3B3B;
		border: 3px solid #C9C9C9;
		border-radius: 28px;
		position: relative;
		box-sizing: border-box;
		font-size: 0;
	}
	.example .example_big::before,
	.example .example_big::after{
		content: "・・・";
		width: 5px;
		position: absolute; left: calc(50% - 2.5px);
		font-size: 19px;
		line-height: 1.2;
		color: #222;
		font-weight: bold;
	}
	.example .example_big::before{
		top: -75px;
	}
	.example .example_big::after{
		bottom: -80px;
	}
	.example .example_big .text{
		width: auto;
		display: block;
	}
	.example .example_big .thum{
		width: 90%;
		margin: 20px auto 0 auto;
		display: block;
	}
	.example .example_site{
		width: auto;
		margin-top: 90px;
		position: relative; top: 0; right: 0;
	}
	.example .example_site .example_site_img{
		height: 500px;
	}
	.example .example_site::after{
		width: 210px;
		height: 91px;
		position: absolute; top: -70px; left: 0;
	}

	.step{
	}
	.step .l-inner{
		padding: 0 20px 50px 20px;
	}
	.step .triangle svg{
		width: 317px;
		height: 50px;
	}
	.step h2{
		width: calc(100% - 40px);
		position: absolute; top: -110px; left: calc(50% -20px);
	}
	.step h3{
		padding-top: 10px;
	}
	.step h3 span{
		margin: 0 20px;
		font-size: 24px;
	}
	.step .step_box{
		padding-top: 0;
	}
	.step .step_inner{
		width: auto;
		margin-top: 30px;
		float: none;
	}
	.step .step_box .step_inner:last-child{
		margin-right: 0;
	}
	.step .step_box .step_inner:last-child::after{
		display: none;
	}
	.step .step_inner .step_item_inner{
		padding: 5px 15px 35px 15px;
	}
	.step .step_inner .item.gap{
		margin-top: 30px;
	}
	.step .step_inner .item.gap::before{
		height: 30px;
		top: -33px;
	}
	.step .step_caution{
		padding: 20px;
	}
	.step .step_bottom{
		margin-top: 100px;
		font-size: 26px;
		line-height: 1.7;
	}
	.step .step_bottom::before{
		width: 189px;
		height: 21px;
		position: absolute; top: -50px; left: calc(50% - 94.5px);
	}

	.googleform{
		height: 1500px;
	}

	.reason_gallery{
		width: 100%;
		margin: -4vw 0 0 0;
	}
	.reason_gallery div{
		width: 48%;
		padding: 5vw 4% 0 0;
	}
	.reason_gallery div:nth-child(5n){
		padding-right: 4%;
	}
	.reason_gallery div:nth-child(2),
	.reason_gallery div:nth-child(4),
	.reason_gallery div:nth-child(7),
	.reason_gallery div:nth-child(9){
		padding-top: 5vw;
	}
	.reason_gallery div:nth-child(even){
		padding: 9vw 0 0 0;
	}

	#scroll_notice.scroll_notice{
		display: block;
	}
	.scroll_notice_bg{
		left: calc(50vw - 85px);
	}
	#scroll_notice_2 .scroll_notice_bg{
		left: calc(50% - 65px);
	}
}