@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap');

/*
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-family: 'Zen Old Mincho', serif;
	font-family: 'Shippori Mincho', serif;
	font-family: 'Zen Kurenaido', sans-serif;
	font-family: 'Jost', sans-serif;
	font-family: 'Figtree', sans-serif;
*/

/*
brand green
rgba(50,167,131,1)
#32A783

red
rgba(196,77,105,1)
#C44D69
rgba(151,37,64,1)
#972540
*/

* html body {
  height: 100%;
  overflow: hidden;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	color: rgba(51,51,51,1);
}

a:link, a:visited {
	color: rgba(51,51,51,1);
	text-decoration: underline;
}
a:hover, a:active {
	color: rgba(153,153,153,1);
	text-decoration: underline;
}

img {
 vertical-align: bottom;
}

/* h, p, txt
------------------------------------------------------------ */
h1 {
	
}

.marker_yel {
	background: linear-gradient(transparent 60%, rgba(255,255,192,1) 60%);
}

p.hd_taxi {
	position: relative;
	margin: 3.2rem 0 0;
	padding: 0;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.04em;
	text-align: center;
	color: rgba(119,111,86,1);
}
p.hd_taxi::before {
	position: absolute;
	display: inline-block;
	content: "";
	top: -40px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 92px;
	height: 32.375px;
	background: url("../img/fig_wing.svg") no-repeat;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 

			}

			@media screen and (max-width: 599px){

			}



/* mission
------------------------------------------------------------ */
.mission {
	padding: 4.8rem 0;
	background: url("../img/fig_mission.png") no-repeat;
	background-size: 64%;
	background-position: 100% 100%;
}
.mission > .wrap {
	width: 1280px;
	margin: 0 auto;
}
.mission > .wrap > h2 {
	width: 680px;
	margin: 0 0 1rem;
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.6em;
}
.mission > .wrap > p {
	width: 680px;
	font-size: 1em;
	font-weight: 400;
	line-height: 2.4em;
}
.mission > .wrap > h2,
.mission > .wrap > p {
	filter: 
		drop-shadow(0 0 4px rgba(255,255,255,1))
		drop-shadow(0 0 4px rgba(255,255,255,1))
		drop-shadow(0 0 4px rgba(255,255,255,1))
		drop-shadow(0 0 4px rgba(255,255,255,1))
		drop-shadow(0 0 4px rgba(255,255,255,1));
}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.mission {
					padding: 3.2rem 0;
					background-size: 136%;
					background-position: 100% 100%;
				}
				.mission > .wrap {
					width: 100%;
				}
				.mission > .wrap > h2 {
					width: 92%;
					margin: 0 auto;
				}
				.mission > .wrap > p {
					width: 92%;
					margin: 2.8rem auto 0;
				}

			}

			@media screen and (max-width: 599px){
				.mission {
					padding: 3.2rem 0;
					background-size: 100%;
					background-position: 100% 0%;
				}
				.mission > .wrap {
					width: 100%;
				}
				.mission > .wrap > h2 {
					width: 92%;
					margin: 0 auto;
				}
				.mission > .wrap > p {
					width: 92%;
					margin: 4.4rem auto 0;
				}

			}

/* mv
------------------------------------------------------------ */
.mv {
	width: 100%;
	height: 480px;
	padding: 2rem 4% 0;
	background: rgba(86,196,214,1);
}

.mv > .brand {
	text-align: center;
}
.mv > .brand > h1 {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1em;
	color: #FFF;
}
.mv > .brand > h1 span {
	display: inline-block;
	margin: 0 1rem 0 0;
	padding: 0.4rem 1rem;
	background: #FFF;
	border-radius: 56px;
	line-height: 1em;
	color: rgba(32,140,157,1);
}

.mv > .wrap {
	position: relative;
	width: 1024px;
	height: 90%;
	margin: 1rem auto 0;
}

.mv > .wrap > .anytime {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.8rem 5.6rem;
	background: rgba(32,140,157,1);
	border-radius: 128px;
	font-size: 1.4em;
	font-weight: 900;
	line-height: 1.4em;
	color: #FFF;
	z-index: 1;
}
.mv > .wrap > .img_mv {
	position: absolute;
	bottom: 24px;
	right: 0;
	width: 600px;
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8));
	z-index: 2;
}

.mv > .wrap > .content {
	position: relative;
	width: 58%;
	padding: 2rem 2rem 3.6rem;
	background: rgba(255,255,255,1);
	border-radius: 16px;
}
.mv > .wrap > .content > .box_medal {
	position: absolute;
	top: 28px;
	right: 48px;
}
.mv > .wrap > .content > .box_medal img {
	width: 220px;
}

.mv > .wrap > .content > .box_header {
	width: 68%;
}
.mv > .wrap > .content > .box_header > p.name_area {
	display: inline-block;
	padding: 0.8rem 2rem;
	background: rgba(196,77,105,1);
	border-radius: 56px;
	font-size: 1.6em;
	font-weight: 900;
	line-height: 1em;
	color: #FFF;
}
.mv > .wrap > .content > .box_header > p.lead1 {
	margin: 1.6rem 0 2.4rem;
	font-size: 1.2rem;
	/*font-size: 2rem;*/
	font-weight: 900;
	line-height: 1rem;
}
.mv > .wrap > .content > .box_header > span.lead2 {
	position: relative;
	font-size: 2.8rem;
	font-weight: 900;
	line-height: 1rem;
	color: rgba(196,77,105,1);
}
.mv > .wrap > .content > .box_header > span.lead3 {
	display: inline-block;
	padding: 0 0 0 0.6rem;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1rem;
}
.mv > .wrap > .content > .box_header > span.lead2::after {
	position: absolute;
	bottom: -24px;
	left: 0;
	content: "";
	width: 240px;
	height: 26px;
	background: url("../img/line_mv.svg") no-repeat;
}

.mv > .wrap > .charge {
	position: absolute;
	bottom: 96px;
	left: 24px;
	padding: 1rem 1.6rem 1rem;
	background: #FFF;
	filter: drop-shadow(0 0 4px rgba(32,140,157,1));
}
.mv > .wrap > .charge p {
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: 0.05em;
	color: rgba(32,140,157,1);
	text-align: center;
}
.mv > .wrap > .charge p span.tax {
	display: inline-block;
	margin: 0 -0.4rem;
	font-size: 0.6em;
	line-height: 1em;
	letter-spacing: 0;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.mv {
					height: 32vh;
					padding: 1.2rem 4% 0;
				}
				.mv > .wrap {
					width: 100%;
					height: 84%;
					margin: 1.2rem auto 0;
				}
				.mv > .wrap > .anytime {
					top: 24px;
					padding: 0.8rem 2rem;
					font-size: 1.2em;
				}
				.mv > .wrap > .img_mv {
					bottom: 0;
					right: 0;
					width: 360px;
				}

				.mv > .wrap > .content {
					width: 72%;
					padding: 2rem 2rem 3.6rem;
				}

				.mv > .wrap > .content > .box_medal {
					top: 24px;
					right: 52px;
				}
				.mv > .wrap > .content > .box_medal img {
					width: 200px;
				}

				.mv > .wrap > .content > .box_header {
					width: 64%;
				}
				.mv > .wrap > .content > .box_header > p.name_area {
					font-size: 1.2em;
				}
				.mv > .wrap > .content > .box_header > p.lead1 {
					margin: 1rem 0 2rem;
					font-size: 1.1em;
				}
				.mv > .wrap > .content > .box_header > span.lead2 {
					font-size: 2.4em;
				}
				.mv > .wrap > .content > .box_header > span.lead3 {
					font-size: 1.6em;
				}
				.mv > .wrap > .content > .box_header > span.lead2::after {
					bottom: -16px;
					width: 160px;
					height: 20px;
				}

				.mv > .wrap > .charge {
					bottom: 32px;
					left: 32px;
				}
				.mv > .wrap > .charge p {
					font-size: 1.4em;
				}

			}

			@media screen and (max-width: 599px){
				.mv {
					height: 52vh;
					padding: 0.6rem 4%;
				}

				.mv > .brand > h1 span {
					display: block;
					margin: 0 0 0.4rem 0;
					padding: 0.4rem 0.6rem;
					letter-spacing: -0.05em;
				}

				.mv > .wrap {
					width: 100%;
					height: 32vh;
					margin: 0.6rem auto 0;
				}
				.mv > .wrap > .anytime {
					top: auto;
					bottom: -24px;
					right: auto;
					left: 0;
					width: 84px;
					height: 84px;
					padding: 0.8rem 0 0;
					border-radius: 128px;
					font-size: 1em;
					line-height: 1.2em;
					text-align: center;
				}
				.mv > .wrap > .img_mv {
					bottom: -24px;
					right: 0;
					width: 240px;
				}

				.mv > .wrap > .content {
					width: 100%;
					padding: 1rem 1rem 3.2rem;
				}

				.mv > .wrap > .content > .box_medal {
					top: 16px;
					right: 8px;
				}
				.mv > .wrap > .content > .box_medal img {
					width: 128px;
				}

				.mv > .wrap > .content > .box_header {
					width: 100%;
				}
				.mv > .wrap > .content > .box_header > p.name_area {
					padding: 0.6rem 1rem;
					font-size: 1.2em;
				}
				.mv > .wrap > .content > .box_header > p.lead1 {
					margin: 0.6rem 0 1rem;
					font-size: 0.85em;
					/*font-size: 1.2em;*/
				}
				.mv > .wrap > .content > .box_header > span.lead2 {
					font-size: 2em;
				}
				.mv > .wrap > .content > .box_header > span.lead3 {
					padding: 0 0 0 0.2rem;
					font-size: 1.2em;
				}
				.mv > .wrap > .content > .box_header > span.lead2::after {
					bottom: -16px;
					width: 160px;
					height: 20px;
				}

				.mv > .wrap > .charge {
					bottom: -52px;
					left: 0;
					width: 100%;
					padding: 0.2rem 0 0.3rem;
				}
				.mv > .wrap > .charge p {
					font-size: 1em;
				}
				.mv > .wrap > .charge p span.tax {
					margin: 0 -0.2rem;
					font-size: 0.6em;
				}

			}

/* flow
------------------------------------------------------------ */
.flow {
}
.flow > .wrap {
	width: 1280px;
	margin: 0 auto;
	padding: 3.2rem 0;
}
.flow > .wrap > h2 {
	margin: 0 0 1rem;
	font-size: 2em;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
}
.flow > .wrap > p {
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1em;
	color: rgba(11,110,129);
	text-align: center;
}
.flow > .wrap_flow {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1280px;
	margin: 0 auto;
	padding: 0 0 3.2rem;
}

.flow > .wrap_flow > .box_flow {
	position: relative;
	width: 30%;
	background: rgba(227,242,244,1);
}
.flow > .wrap_flow > .box_flow::before {
  content: "";
  position: absolute;
  top: 68%;
  left: 100%;
  margin-top: -32px;
  border: 32px solid transparent;
  border-left: 32px solid rgba(227,242,244,1);
}
.flow > .wrap_flow > .box_flow:nth-child(4)::before {
	display: none;
}

.box_flow > p.num {
	position: absolute;
	content: "";
	top: 9px;
	left: 9px;
	display: inline-block;
	font-family: 'Figtree', sans-serif;
	font-weight: 800;
	line-height: 1em;
	color: #FFF;
	text-align: center;
	z-index: 9999;
}
.box_flow > p.num span {
	display: block;
	margin: 0.2rem 0 0;
	font-size: 1.6em;
}

.box_flow > .box_fig {
	position: relative;
	width: 100%;
	height: 176px;
}
.box_flow > .box_fig::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 96px 96px 0 0;
	border-color: rgba(86,196,214,1) transparent transparent transparent;
}
.box_fig img {
	width: 100%;
	height: 176px;
	object-fit: cover;
}

.box_flow > p.hd,
.box_flow > p.lead,
.box_flow > p.desc {
	width: 88%;
	margin: 0 auto;
}
.box_flow > p.hd {
	padding: 1.4rem 0 0;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1em;
}
.box_flow > p.lead {
	padding: 0.6rem 0 0;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.6em;
}
.box_flow > p.desc {
	padding: 0.6rem 0 1.4rem;
	line-height: 2em;
}

.box_flow > .area_tel {
	width: 88%;
	margin: 1.2rem auto 0;
	padding: 1rem 1rem;
	background: #FFF;
	border-radius: 8px;
}
.box_flow > .area_tel > h3 {
	font-size: 1em;
	font-weight: 700;
	letter-spacing: -0.08em;
	color: rgba(196,77,105,1);
	text-align: center;
}

.box_flow > .area_tel > p {
	position: relative;
	margin: 0.4rem 0 0;
	padding: 0 0 0 24px;
	font-family: 'Figtree', sans-serif;
	font-size: 2em;
	font-weight: 500;
	line-height: 1em;
	color: rgba(196,77,105,1);
	text-align: center;
}
.box_flow > .area_tel > p::before {
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0.3rem 0 0 -28px;
	content: "";
	background: url("../img/common/ico/ico_tel_red.svg") no-repeat;
	vertical-align: middle;
}
.box_flow > .area_tel > span {
	display: block;
	margin: 0.4rem 0 0;
	padding: 0.2rem 0;
	background: rgba(196,77,105,1);
	border-radius: 56px;
	font-size: 0.7em;
	font-weight: 600;
	line-height: 1em;
	color: #FFF;
	text-align: center;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.flow > .wrap {
					width: 92%;
				}

				.flow > .wrap_flow {
					width: 92%;
				}
				.flow > .wrap_flow > .box_flow {
					width: 60%;
					margin: 0 auto 32px;
				}

				.flow > .wrap_flow > .box_flow::before {
					display: none;
				}
				.flow > .wrap_flow > .box_flow::after {
					content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -32px;
					border: 32px solid transparent;
					border-top: 32px solid rgba(227,242,244,1);
				}
				.flow > .wrap_flow > .box_flow:nth-child(3)::after,
				.flow > .wrap_flow > .box_flow:nth-child(4)::after {
					display: none;
				}

			}

			@media screen and (max-width: 599px){
				.flow > .wrap {
					width: 92%;
				}
				.flow > .wrap > p {
					line-height: 1.4em;
				}

				.flow > .wrap_flow {
					width: 92%;
				}
				.flow > .wrap_flow > .box_flow {
					width: 100%;
					margin: 0 0 32px;
				}
				.flow > .wrap_flow > .box_flow:last-child {
					margin: 0;
				}

				.flow > .wrap_flow > .box_flow::before {
					display: none;
				}
				.flow > .wrap_flow > .box_flow::after {
					content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -32px;
					border: 32px solid transparent;
					border-top: 32px solid rgba(227,242,244,1);
				}
				.flow > .wrap_flow > .box_flow:nth-child(3)::after,
				.flow > .wrap_flow > .box_flow:nth-child(4)::after {
					display: none;
				}

				.box_flow > .area_tel > .btn {
					width: 100%;
					margin: 1rem auto 0;
				}
				.box_flow > .area_tel > .btn a {
					display: block;
					width: 100%;
					padding: 0.6rem 1.4rem;
					background: linear-gradient(to top, rgba(151,37,64,1) 0%, rgba(196,77,105,1) 100%);
					filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
					border-radius: 128px;
					text-decoration: none;
				}
				.box_flow > .area_tel > .btn a > p {
					position: relative;
					padding: 0 0 0 24px;
					font-size: 1.4em;
					font-weight: 700;
					line-height: 1em;
					color: #FFF;
					text-align: center;
				}
				.box_flow > .area_tel > .btn a > p::before {
					position: absolute;
					display: inline-block;
					width: 24px;
					height: 24px;
					margin: 0 0 0 -28px;
					content: "";
					background: url("../img/common/ico/ico_tel_whi.svg") no-repeat;
					vertical-align: middle;
				}
				.box_flow > .area_tel > .btn a > span {
					display: block;
					margin: 0.4rem 0 0;
					padding: 0.2rem 0;
					background: #FFF;
					border-radius: 56px;
					font-size: 0.7em;
					font-weight: 600;
					line-height: 1em;
					color: rgba(151,37,64,1);
					text-align: center;
				}

			}

/* cta
------------------------------------------------------------ */
.cta {
	width: 100%;
	background: rgba(226,242,220,1);
}

.cta > .cta_pc {
	border-bottom: 12px solid rgba(50,167,131,1);
}
.cta_pc > p.lead {
	padding: 0.8rem 0;
	background: rgba(50,167,131,1);
	font-size: 1em;
	font-weight: 800;
	line-height: 1em;
	color: #FFF;
	text-align: center;
}
.cta_pc > p.lead span {
	position: relative;
	padding: 0 0 0 52px;
	font-weight: 600;
}
.cta_pc > p.lead span::before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	margin: 4px 0 0 -32px;
	background: #FFF;
	transform: rotate(45deg);
}

.cta_pc > .wrap_cta_pc {
	width: 960px;
	margin: 0 auto;
	padding: 1rem 0;
}
.cta_pc > .wrap_cta_pc > h2 {
	width: 100%;
	margin: 0 0 1rem;
	padding: 0 0 0 144px;
	font-size: 1.2em;
	color: rgba(46,131,105,1);
}
.cta_pc > .wrap_cta_pc > h2 span {
	display: block;
	font-size: 0.8em;
}

.cta_pc > .wrap_cta_pc > .area_tel {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 1.6rem 3.2rem 1.6rem 11.6rem;
	background: #FFF;
	border-radius: 12px;
}
.cta_pc > .wrap_cta_pc > .area_tel > img.fig_cta {
	position: absolute;
	content: "";
	bottom: -2px;
	left: 36px;
	width: 104px;
}
.cta_pc > .wrap_cta_pc > .area_tel > h3 {
	width: 40%;
	font-size: 2em;
	line-height: 1em;
	color: rgba(196,77,105,1);
}
.cta_pc > .wrap_cta_pc > .area_tel > h3 span {
	display: block;
	margin: 0 0 0.4rem;
	font-size: 0.6em;
	line-height: 1em;
}
.cta_pc > .wrap_cta_pc > .area_tel > .box_tel {
	width: 56%;
}
.cta_pc > .wrap_cta_pc > .area_tel > .box_tel > p {
	position: relative;
	padding: 0 0 0 32px;
	font-family: 'Figtree', sans-serif;
	font-size: 3.2em;
	line-height: 1em;
	letter-spacing: -0.02em;
	color: rgba(196,77,105,1);
	text-align: center;
}
.cta_pc > .wrap_cta_pc > .area_tel > .box_tel > p::before {
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 2px 0 0 -44px;
	content: "";
	background: url("../img/common/ico/ico_tel_red.svg") no-repeat;
	vertical-align: middle;
}
.cta_pc > .wrap_cta_pc > .area_tel > .box_tel > p rt {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 0.3em;
	font-weight: 600;
}
.cta_pc > .wrap_cta_pc > .area_tel > .box_tel > span {
	display: block;
	margin: 0.4rem 0 0;
	padding: 0.3rem 0;
	background: rgba(196,77,105,1);
	border-radius: 56px;
	font-size: 0.9em;
	line-height: 1em;
	color: #FFF;
	text-align: center;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.cta_pc > .wrap_cta_pc {
					width: 92%;
				}

				.cta_pc > .wrap_cta_pc > h2 {
					padding: 0 0 0 112px;
				}

				.cta_pc > .wrap_cta_pc > .area_tel {
					padding: 1.6rem 3.2rem 1.6rem 8.8rem;
				}
				.cta_pc > .wrap_cta_pc > .area_tel > img.fig_cta {
					left: 16px;
				}

				.cta_pc > .wrap_cta_pc > .area_tel > h3 {
					width: 40%;
					font-size: 1.6em;
				}
				.cta_pc > .wrap_cta_pc > .area_tel > .box_tel > p {
					font-size: 2.4em;
				}

			}

			@media screen and (max-width: 599px){
				.cta > .cta_sp {
					width: 100%;
				}
				.cta_sp > p.lead1,
				.cta_sp > p.lead2 {
					padding: 0.5rem 0;
					font-size: 0.9em;
					font-weight: 800;
					line-height: 1em;
					color: #FFF;
					text-align: center;
				}
				.cta_sp > p.lead1 {
					background: rgba(50,167,131,1);
				}
				.cta_sp > p.lead2 {
					background: rgba(46,131,105,1);
				}

				.cta_sp > .area_tel {
					padding: 1.2rem 4% 1.6rem;
				}
				.cta_sp > .area_tel > p.lead {
					font-size: 1.8em;
					font-weight: 900;
					line-height: 1em;
					color: rgba(96,96,96,1);
					text-align: center;
				}
				.cta_sp > .area_tel > p.lead span {
					display: block;
					margin: 0 0 0.4rem;
					font-size: 0.75em;
				}
				.cta_sp > .area_tel > .btn_tel {
					width: 100%;
					margin: 1rem auto 0;
				}
				.cta_sp > .area_tel > .btn_tel a {
					display: block;
					width: 100%;
					padding: 1rem 2rem;
					background: linear-gradient(to top, rgba(151,37,64,1) 0%, rgba(196,77,105,1) 100%);
					filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
					border-radius: 128px;
					text-decoration: none;
				}
				.cta_sp > .area_tel > .btn_tel p {
					position: relative;
					padding: 0 0 0 24px;
					font-size: 2em;
					font-weight: 700;
					line-height: 1em;
					color: #FFF;
					text-align: center;
				}
					.cta_sp > .area_tel > .btn_tel p::before {
						position: absolute;
						display: inline-block;
						width: 32px;
						height: 32px;
						margin: 2px 0 0 -36px;
						content: "";
						background: url("../img/common/ico/ico_tel_whi.svg") no-repeat;
						vertical-align: middle;
					}
				.cta_sp > .area_tel > .btn_tel span {
					display: block;
					margin: 0.6rem 0 0;
					padding: 0.2rem 0;
					background: #FFF;
					border-radius: 56px;
					font-size: 0.9em;
					font-weight: 600;
					line-height: 1em;
					color: rgba(151,37,64,1);
					text-align: center;
				}

				.cta_sp > .area_notice {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
					padding: 2rem 4% 1.2rem;
					background: rgba(46,131,105,1);
				}
					.cta_sp > .area_notice::before{
						position: absolute;
						display: inline-block;
						content: "";
						top: 0;
						left: 50%;
						transform: translate(-50%, 0);
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 24px 28px 0 28px;
						border-color: rgba(226,242,220,1) transparent transparent transparent;
					}
				.cta_sp > .area_notice .box_img {
					width: 24%;
				}
				.cta_sp > .area_notice .box_img img {
					width: 100%;
				}
				.cta_sp > .area_notice > p {
					width: 72%;
					line-height: 1.4em;
					font-weight: 800;
					color: #FFF;
				}
				.cta_sp > .area_notice > p span {
					display: block;
					margin: 0.4rem 0 0;
					font-weight: 500;
				}

			}

/* company-info
------------------------------------------------------------ */
.company-info {
	padding: 2.8rem 0;
	border-top: 12px solid rgba(86,196,214,1);
	border-bottom: 12px solid rgba(86,196,214,1);
}
.company-info > .wrap {
	width: 560px;
	margin: 0 auto 2rem;
}
.company-info > .wrap > h2 {
	font-size: 1.6em;
	font-weight: 900;
	line-height: 1em;
	text-align: center;
	color: #666;
}
.company-info > .wrap > h2 > img {
	display: block;
	width: 160px;
	margin: 0 auto 1rem;
}

.company-info > dl {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	width: 560px;
	margin: 0 auto;
}
.company-info > dl > dt,
.company-info > dl > dd {
	padding: 1.6rem 0.6rem;
	font-weight: 900;
	line-height: 1.6em;
	border-bottom: 1px dotted rgba(208,208,208,1);
}
.company-info > dl > dt {
	width: 28%;
}
.company-info > dl > dd {
	width: 72%;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.company-info > .wrap {
					width: 92%;
				}
				.company-info > dl {
					width: 92%;
				}

			}

			@media screen and (max-width: 599px){
				.company-info > .wrap {
					width: 92%;
				}
				.company-info > .wrap > h2 {
					font-size: 1.4em;
				}
				.company-info > dl {
					width: 92%;
				}
				.company-info > dl > dt,
				.company-info > dl > dd {
					font-size: 0.9em;
				}

			}

/* faq
------------------------------------------------------------ */
.faq {
	padding: 3.6rem 0;
}
.faq > h2 {
	margin: 0 0 3.2rem;
	font-size: 2em;
	font-weight: 600;
	line-height: 1em;
	text-align: center;
}
.faq > .wrap {
	width: 960px;
	margin: 0 auto;
}

.faq > .wrap > p.txt_q {
	position: relative;
	margin: 0 0 1.6rem;
	padding: 0 0 0 40px;
	font-weight: 600;
	color: rgba(32,140,157,1);
}
.faq > .wrap > span.ico_q {
	position: absolute;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: rgba(32,140,157,1);
	border-radius: 4px;
	color: #FFF;
	text-align: center;
}

.faq > .wrap > p.txt_a {
	position: relative;
	margin: 0 0 3.2rem;
	padding: 0 0 0 40px;
	line-height: 2em;
}
.faq > .wrap > p.txt_a:last-child {
	margin: 0 0 0;
}
.faq > .wrap > span.ico_a {
	position: absolute;
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0.2rem 0 0;
	background: rgba(32,140,157,1);
	border-radius: 4px;
	color: #FFF;
	text-align: center;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.faq > .wrap {
					width: 92%;
				}

			}

			@media screen and (max-width: 599px){
				.faq > .wrap {
					width: 92%;
				}

			}

/* voice
------------------------------------------------------------ */
.voice {
	padding: 2.8rem 0;
	background: rgba(247,228,232,1);
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
.voice > .header_voice {
	width: 440px;
	margin: 0 auto 2rem;
}
.voice > .header_voice img {
	width: 100%;
}

.wrap_voice {
	width: 960px;
	margin: 0 auto 1.6rem;
	padding: 2rem 2rem;
	background: #FFF;
	border-radius: 12px;
}
.wrap_voice:last-child {
	margin: 0 auto;
}
.wrap_voice > .label_plan {
	display: inline-block;
	padding: 0.2rem 1rem;
	border-radius: 4px;
	font-weight: 700;
	color: #FFF;
}
.wrap_voice > h3 {
	margin: 1.2rem 0;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.6em;
}
.wrap_voice > p {
	font-size: 1em;
	font-weight: 500;
	line-height: 2em;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.voice > .header_voice {
					width: 40%;
				}

				.wrap_voice {
					width: 92%;
				}

			}

			@media screen and (max-width: 599px){
				.voice > .header_voice {
					width: 80%;
				}

				.wrap_voice {
					width: 92%;
					padding: 1.6rem 1.6rem;
				}

			}

/* concierge
------------------------------------------------------------ */
.concierge {
	width: 960px;
	margin: 0 auto 2.8rem;
	background: rgba(227,242,244,1);
	border-radius: 20px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

.concierge > .wrap {
	width: 88%;
	margin: 0 auto;
	padding: 3.2rem 0;
}

.concierge > .wrap > p.lead {
	margin: 0 0 2rem;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 2em;
	text-align: center;
}
.concierge > .wrap > .header_content {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}
.concierge > .wrap > .header_content > .box_fig {
	width: 240px;
	height: auto;
	padding: 0 0 0 40px;
}
.concierge > .wrap > .header_content > .box_fig > img {
	width: 200px;
	height: auto;
}
.concierge > .wrap > .header_content > h2 {
	width: calc(100% - 240px);
	padding: 0 2rem 2rem;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: -0.05em;
}
.concierge > .wrap > .header_content > h2 > img {
	width: 80%;
	margin: 0.6rem 0 0;
}

.concierge > .wrap > .box_content {
	width: 100%;
	padding: 1.6rem 1.6rem;
	background: #FFF;
	border-radius: 8px;
}
.concierge > .wrap > .box_content > p {
	font-size: 1em;
	font-weight: 500;
	line-height: 2em;
}

/* tab */
p.tab_sub_concierge {
	position: relative;
	width: 260px;
	margin: 3.2rem auto 1.2rem;
	/*margin: 0 auto 1.2rem; プランが復活したらこちらを使用 */
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.1em;
	color: rgba(32,140,157,1);
	text-align: center;
}
p.tab_sub_concierge::before,
p.tab_sub_concierge::after {
	position: absolute;
	top: 4px;
	content: "";
	width: 4px;
	height: 90%;
	background: rgba(32,140,157,1);
	border-radius: 3px;
}
p.tab_sub_concierge::before {
	left: 0;
	transform: rotate(-25deg);
}
p.tab_sub_concierge::after {
	right: 0;
	transform: rotate(25deg);
}
.tab_concierge {
	width: 480px;
	margin: 0 auto;
	padding: 1rem 0 0;
	background: rgba(227,242,244,1);
	border-radius: 20px 20px 0 0;
	text-align: center;
}
.tab_concierge img {
	width: 56%;
	margin: 0 auto;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.concierge {
					width: 92%;
					padding: 2rem 0;
				}
				.concierge > .wrap {
					padding: 0;
				}

			}

			@media screen and (max-width: 599px){
				.concierge {
					width: 100%;
					padding: 2rem 0;
				}
				.concierge > .wrap {
					padding: 0;
				}
				.concierge > .wrap > p.lead {
					font-size: 1em;
					text-align: left;
				}

				.concierge > .wrap > .header_content > .box_fig {
					width: 40%;
					padding: 0 0 0 1rem;
				}
				.concierge > .wrap > .header_content > .box_fig > img {
					width: 100%;
					height: auto;
				}
				.concierge > .wrap > .header_content > h2 {
					width: 60%;
					padding: 0 0 1rem 0;
					font-size: 1em;
					letter-spacing: -0.1em;
					text-align: center;
				}
				.concierge > .wrap > .header_content > h2 > img {
					width: 72%;
					margin: 0.6rem auto 0;
				}

				/* tab */
				.tab_concierge {
					width: 72%;
					font-size: 1.2em;
				}
				.tab_concierge img {
					width: 72%;
				}
				p.tab_sub_concierge {
					width: 60%;
					font-size: 1.2em;
				}

			}

/* plan
------------------------------------------------------------ */
.plan {
	padding: 3.2rem 0;
}
.plan > .wrap {
	width: 1280px;
	margin: 0 auto;
}

.plan > .wrap > h2 {
	padding: 1.6rem 0 3.6rem;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 2.8em;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.2em;
	text-align: center;
}

.plan > .wrap > .box_embalming {
	width: 100%;
	margin: 1rem auto 0;
	padding: 1.6rem 2rem;
	background: rgba(242,242,239,1);
	border-radius: 12px;
}
.plan > .wrap > .box_embalming > h3 {
	margin: 0 0 0.6rem;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 700;
	line-height: 1em;
}
.plan > .wrap > .box_embalming > p {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	line-height: 1.6em;
}

.plan > .wrap_plan {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1280px;
	margin: 0 auto;
}
.wrap_plan > .box_plan {
	width: 28.5%;
	border-radius: 12px;
}
.wrap_plan > .box_plan img {
	width: 100%;
	height: 176px;
	object-fit: cover;
}
.box_plan > h3 {
	padding: 0.6rem 1rem;
	border-radius: 8px 8px 0 0;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 700;
	color: #FFF;
}
.box_plan > p.lead {
	padding: 1rem 1rem 1rem;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 700;
	line-height: 1.4em;
}
.box_plan > .area_detail {
	padding: 0 1rem 1rem;
}
.area_detail > .wrap_detail {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 0.8rem;
}
.area_detail > .wrap_detail:last-child {
	margin: 0;
}
.wrap_detail > p.item_label {
	margin: 0 0.8rem 0 0;
	padding: 0.4rem 0.8rem;
	border-radius: 56px;
	font-weight: 600;
	line-height: 1em;
	color: #FFF;
}
.wrap_detail > p.item {
	padding: 0 1rem 0 0;
	font-weight: 500;
	line-height: 1.6em;
	letter-spacing: -0.05em;
}
.wrap_detail > p.item > span.txt_price {
	display: inline-block;
	margin: 0 0.2rem 0 0.2rem;
	font-family: 'Figtree', sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.wrap_detail > p.item > span.txt_tax {
	display: inline-block;
	margin: 0 0 0 -0.3rem;
	font-size: 0.65em;
}

.border_hansou {border: 2px solid rgba(129,97,11,1)}
.border_shochi {border: 2px solid rgba(11,129,11,1)}
.border_kasou {border: 2px solid rgba(11,110,129,1)}
.bg_hansou {background: rgba(129,97,11,1);}
.bg_shochi {background: rgba(11,129,11,1);}
.bg_kasou {background: rgba(11,110,129,1);}
.txt_hansou {color: rgba(129,97,11,1);}
.txt_shochi {color: rgba(11,129,11,1);}
.txt_kasou {color: rgba(11,110,129,1);}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.plan > .wrap {
					width: 92%;
				}
				.plan > .wrap > .box_embalming {
					padding: 1.2rem 1.6rem;
				}
				.plan > .wrap_plan {
					width: 92%;
				}
				.wrap_plan > .box_plan {
					width: 49.5%;
					margin: 0 0 1rem;
				}
				.wrap_plan > .box_plan:nth-child(3) {
					margin: 0;
				}

			}

			@media screen and (max-width: 599px){
				.plan > .wrap {
					width: 92%;
				}
				.plan > .wrap > .box_embalming {
					padding: 1.2rem 1.6rem;
				}
				.plan > .wrap_plan {
					width: 92%;
				}
				.wrap_plan > .box_plan {
					width: 100%;
					margin: 0 0 1rem;
				}
				.wrap_plan > .box_plan:nth-child(3) {
					margin: 0;
				}

			}

/* number-one
------------------------------------------------------------ */
.number-one {
	padding: 3.2rem 0;
}
.number-one > .wrap {
	position: relative;
	width: 720px;
	height: 600px;
	margin: 0 auto;
}

.number-one > .wrap > .box_header {
	position: absolute;
	top: 64px;
	left: 0;
	font-family: 'Zen Old Mincho', serif;
	z-index: 3;
}
.number-one > .wrap > .box_header > img.logo {
	width: 256px;
	margin: 0 0 1rem;
}
.number-one > .wrap > .box_header > p.txt_header {
	font-size: 2em;
	font-weight: 900;
	line-height: 1.4em;
}
.number-one > .wrap > .box_header > p.txt_header span {
	display: inline-block;
	margin: 0 0 0 0.4rem;
	font-size: 1.6em;
	line-height: 1em;
	color: rgba(151,37,64,1);
}
.number-one > .wrap > .box_header > p.txt_notes {
	margin: 0.6rem 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.7em;
	line-height: 1em;
}

.number-one > .wrap > .box_facility {
	position: absolute;
	bottom: 172px;
	left: 0;
	z-index: 4;
}
.box_facility > .box_addition {
	display: inline-block;
	margin: 0 0 0.8rem;
	padding: 0.6rem 3.2rem;
	background: rgba(196,77,105,1);
	border-radius: 64px;
	font-size: 2em;
	font-weight: 900;
	line-height: 1em;
	color: #FFF;
	text-align: center;
}
.box_facility > p {	
	font-size: 1.6em;
	font-weight: 900;
	line-height: 1.4em;
}

.number-one > .wrap > .fig_chiba {
	position: absolute;
	top: 0;
	right: 0;
	width: 440px;
	z-index: 1;
}
.number-one > .wrap > .fig_number-one {
	position: absolute;
	bottom: 128px;
	right: 64px;
	width: 272px;
	z-index: 2;
}
.number-one > .wrap > .fig_chiba img,
.number-one > .wrap > .fig_number-one img {
	width: 100%;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.number-one .wrap {
					width: 72%;
					height: 400px;
				}

				.number-one > .wrap > .box_header {
					top: 28px;
				}
				.number-one > .wrap > .box_facility {
					bottom: 48px;
				}
				.box_facility > .box_addition {
					display: inline-block;
					margin: 0 0 0.4rem;
					padding: 0.6rem 2.4rem;
					font-size: 1.6em;
				}
				.box_facility > p {	
					font-size: 1.2em;
				}

				.number-one > .wrap > .fig_chiba {
					width: 280px;
				}
				.number-one > .wrap > .fig_number-one {
					bottom: 32px;
					right: 32px;
					width: 232px;
				}

			}

			@media screen and (max-width: 599px) {
				.number-one .wrap {
					width: 92%;
					height: 480px;
				}

				.number-one > .wrap > .box_header {
					top: 0px;
				}

				.number-one > .wrap > .box_header > p.txt_header {
					font-size: 1.6em;
				}
				.number-one > .wrap > .box_header > p.txt_header span {
					font-size: 1.6em;
				}

				.number-one > .wrap > .box_facility {
					bottom: 0;
				}
				.box_facility > .box_addition {
					display: inline-block;
					margin: 0 0 0.4rem;
					padding: 0.6rem 2.4rem;
					font-size: 1.4em;
				}
				.box_facility > p {	
					font-size: 1.2em;
					text-align: center;
				}

				.number-one > .wrap > .fig_chiba {
					width: 100%;
				}
				.number-one > .wrap > .fig_number-one {
					bottom: 112px;
					right: 0;
					width: 248px;
				}

			}

/* carrier
------------------------------------------------------------ */
.carrier {
	width: 960px;
	margin: 0 auto 2rem;
	padding: 2rem 2rem;
	border: 2px solid rgba(196,77,105,1);
	border-radius: 12px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
.carrier > .wrap {
	display: grid;
	grid-template-columns: 50% 50%;
}
.carrier > .wrap > .fig_carrier {
	grid-area: 1 / 1 / 3 / 2;
	display: flex;
	align-items: center;
	padding: 0 1rem 0 0;
}
.carrier > .wrap > .hd_carrier {
	grid-area: 1 / 2 / 2 / 3;
	margin: 0 0 1rem;
}
.carrier > .wrap > .lead_carrier {
	grid-area: 2 / 2 / 3 / 3;
}
.carrier > .wrap > .desc_carrier {
	grid-area: 3 / 1 / 4 / 3;
	margin: 1rem 0 0;
	padding: 1.2rem 1.6rem;
	background: rgba(247,228,232,0.6);
	border-radius: 12px;
}

.carrier > .wrap > .fig_carrier img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}
.carrier > .wrap > .hd_carrier > h2 {
	position: relative;
	padding: 0 0 0 48px;
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1.2em;
	color: rgba(196,77,105,1);
}
.carrier > .wrap > .hd_carrier > h2::before {
	position: absolute;
	content: "";
	top: 12px;
	left: 0;
	width: 36px;
	height: 36px;
	background: url("../img/common/ico/ico_notice_square_red.svg") no-repeat;
}

.carrier > .wrap > .lead_carrier > p {
	font-weight: 600;
	line-height: 2em;
}
.carrier > .wrap > .lead_carrier > p span {
	font-weight: 900;
	color: rgba(196,77,105,1);
}

.carrier > .wrap > .desc_carrier > p {
	font-weight: 600;
	line-height: 2em;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.carrier {
					width: 92%;
					padding: 2rem 2rem;
				}
				.carrier > .wrap {
					grid-template-columns: 40% 60%;
				}

				.carrier > .wrap > .fig_carrier img {
					object-position: 84% 0;
				}
				.carrier > .wrap > .hd_carrier > h2 {
					padding: 0 0 0 40px;
					font-size: 1.4em;
					letter-spacing: -0.04em;
				}
				.carrier > .wrap > .hd_carrier > h2::before {
					top: 11px;
					width: 32px;
					height: 32px;
				}

			}

			@media screen and (max-width: 599px){
				.carrier {
					width: 92%;
					padding: 1rem 1rem;
				}
				.carrier > .wrap {
					grid-template-columns: 100%;
				}

				.carrier > .wrap > .fig_carrier {
					grid-area: 2 / 1 / 3 / 2;
					margin: 0 0 1rem;
					padding: 0;
				}
				.carrier > .wrap > .hd_carrier {
					grid-area: 1 / 1 / 2 / 2;
				}
				.carrier > .wrap > .lead_carrier {
					grid-area: 3 / 1 / 4 / 2;
				}
				.carrier > .wrap > .desc_carrier {
					grid-area: 4 / 1 / 5 / 2;
					margin: 1rem 0 0;
					padding: 1rem 1rem;
				}

				.carrier > .wrap > .hd_carrier > h2 {
					padding: 0 0 0 36px;
					font-size: 1.2em;
					letter-spacing: -0.04em;
				}
				.carrier > .wrap > .hd_carrier > h2::before {
					top: 9px;
					width: 28px;
					height: 28px;
				}

			}

/* choose
------------------------------------------------------------ */
.choose {
	padding: 2rem 0;
}
.choose > h2 {
	padding: 1.6rem 0 0;
	font-size: 1.6em;
	line-height: 1em;
	color: rgba(119,111,86,1);
	text-align: center;
}
.choose > h3 {
	width: 800px;
	margin: 1.2rem auto 0;
	padding: 0.4rem 0;
	border-top: 1px solid rgba(119,111,86,1);
	border-bottom: 1px solid rgba(119,111,86,1);
	font-size: 1.2em;
	line-height: 1em;
	color: rgba(119,111,86,1);
	text-align: center;
}
.choose > p.count_choose {
	font-family: 'Zen Old Mincho', serif;
	font-size: 6em;
	line-height: 1em;
	letter-spacing: -0.05em;
	color: rgba(119,111,86,1);
	text-align: center;
}
.choose > p.count_choose span {
	display: inline-block;
	margin: 0 0 0 0.4rem;
	font-family: 'Zen Old Mincho', serif;
	font-size: 0.4em;
	font-weight: 900;
}
.choose > p.notice_choose {
	width: 800px;
	margin: 0 auto;
	font-size: 0.6em;
	line-height: 1em;
	color: rgba(119,111,86,1);
	text-align: right;
}

/* reason-choose */
.reason-choose {
	width: 960px;
	margin: 2rem auto 0;
	padding: 4px 4px;
	border: 2px solid rgba(119,111,86,1);
}
.reason-choose > .inner_reason-choose {
	width: 100%;
	padding: 2rem 2rem;
	border: 1px solid rgba(119,111,86,1);
	text-align: center;
}
.inner_reason-choose > h2 {
	position: relative;
	display: inline-block;
	margin: 1.6rem 0 0;
	font-family: 'Zen Old Mincho', serif;
	font-size: 2.4em;
	font-weight: 400;
	line-height: 1em;
	color: rgba(119,111,86,1);
}
.inner_reason-choose > h2::before {
	position: absolute;
	content: "";
	top: -8px;
	left: -36px;
	width: 21px;
	height: 56px;
	background: url("../img/img_reason_header_l.svg") no-repeat;
}
.inner_reason-choose > h2::after {
	position: absolute;
	content: "";
	top: -8px;
	right: -36px;
	width: 21px;
	height: 56px;
	background: url("../img/img_reason_header_r.svg") no-repeat;
}
.inner_reason-choose > .wrap_reason-choose {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}
.wrap_reason-choose > .box_reason-choose {
	width: 32%;
	padding: 1rem 1rem;
}
.box_reason-choose > .fig_reason_choose {
	width: 100%;
}
.box_reason-choose > .fig_reason_choose img {
	width: 100%;
	margin: 1rem 0;
	border-radius: 12px 0 12px 0;
}
.wrap_reason-choose > .box_reason-choose > h4 {
	position: relative;
	margin: 1rem 0 0;
	padding: 2rem 0 0;
	line-height: 1.4em;
}
.wrap_reason-choose > .box_reason-choose > h4::before {
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 36px;
	height: 27.5px;
	background: url("../img/fig_crown_gold.svg") no-repeat;
}
.wrap_reason-choose > .box_reason-choose > p {
	font-size: 1em;
	line-height: 1.6em;
	text-align: left;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.choose > h2 {
					padding: 2rem 0 0;
					font-size: 1.4em;
					line-height: 1.4em;
				}
				.choose > h2 span {
					margin: 0 0 0.4rem;
					font-size: 0.9em;
				}
				.choose > h2 span::before {
					top: -30px;
					width: 64px;
					height: 26px;
				}
				.choose > h3 {
					width: 80%;
				}
				.choose > p.notice_choose {
					width: 80%;
				}

				/* reason-choose */
				.reason-choose {
					width: 92%;
				}
				.reason-choose > .inner_reason-choose {
					padding: 1.2rem 1.2rem;
				}

				.wrap_reason-choose > .box_reason-choose {
					width: 33%;
					padding: 1rem 0.6rem;
				}

			}

			@media screen and (max-width: 599px) {
				.choose {
					padding: 2rem 0;
				}
				.choose > h2 {
					padding: 2.4rem 0 0;
					font-size: 1.4em;
					line-height: 1.4em;
				}
				.choose > h2 span {
					margin: 0 0 0.8rem;
					font-size: 0.9em;
				}
				.choose > h2 span::before {
					top: -30px;
					width: 64px;
					height: 26px;
				}
				.choose > h3 {
					width: 92%;
					font-size: 1em;
				}
				.choose > p.notice_choose {
					width: 92%;
				}

				/* reason-choose */
				.reason-choose {
					width: 92%;
				}
				.reason-choose > .inner_reason-choose {
					padding: 1rem 1rem;
				}
				.inner_reason-choose > h2 {
					font-size: 2em;
				}

				.wrap_reason-choose > .box_reason-choose {
					width: 100%;
					padding: 1rem 0.6rem;
				}

			}

/* feature1
------------------------------------------------------------ */
.feature1 {
	padding: 3.2rem 0;
	background: rgba(227,242,244,1);
}
.feature1 > h2 {
	margin: 0 0 2.4rem;
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1.4em;
	color: rgba(32,140,157,1);
	text-align: center;
}

.feature1 > .wrap_feature1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1280px;
	margin: 0 auto;
}
.wrap_feature1 > .box_feature1 {
	position: relative;
	width: 22%;
}
.wrap_feature1 > .box_feature1 img {
	border-radius: 24px 0 24px 0;
}
.wrap_feature1 > .box_feature1 > span {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	padding: 0.8rem 1rem;
	background: rgba(255,255,255,0.8);
	border-radius: 0 0 24px 0;
	font-weight: 600;
}

.wrap_feature1 > .notice_feature1 {
	width: 100%;
	margin: 1.6rem 0 0;
	padding: 1rem 1rem;
	background: #FFF;
	border-radius: 12px;
}
.wrap_feature1 > .notice_feature1 > h3 {
	margin: 0 0 0.4rem;
	font-size: 1em;
}
.wrap_feature1 > .notice_feature1 > p {
	font-size: 0.9em;
	line-height: 1.6em;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.feature1 > .wrap_feature1 {
					width: 72%;
				}
				.wrap_feature1 > .box_feature1 {
					width: 48%;
				}
				.wrap_feature1 > .box_feature1:nth-child(1),
				.wrap_feature1 > .box_feature1:nth-child(2) {
					margin: 0 0 1rem 0;
				}

			}

			@media screen and (max-width: 599px){
				.feature1 > .wrap_feature1 {
					width: 80%;
				}
				.wrap_feature1 > .box_feature1 {
					width: 100%;
					margin: 0 0 1rem 0;
				}
				.wrap_feature1 > .box_feature1:nth-child(4) {
					margin: 0;
				}

			}

/* intro
------------------------------------------------------------ */
.intro {
	padding: 2.8rem 0;
	background: rgba(242,242,239,1);
}
.intro > h2 {
	font-size: 1.6em;
	font-weight: 500;
	line-height: 1.6em;
	text-align: center;
}
.intro > h3 {
	padding: 1rem 0 2rem;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1em;
	color: rgba(119,111,86,1);
	text-align: center;
}
.intro > h4 {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.6em;
	text-align: center;
}
.intro > h4 span {
	display: inline-block;
	font-weight: 400;
}

.intro > p.hd_taxi {
	position: relative;
	margin: 4.8rem 0 0;
	padding: 0;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.04em;
	text-align: center;
	color: rgba(119,111,86,1);
}
.intro > p.hd_taxi::before {
	position: absolute;
	display: inline-block;
	content: "";
	top: -40px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 92px;
	height: 32.375px;
	background: url("../img/fig_wing.svg") no-repeat;
}

.intro > .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 800px;
	margin: 0 auto;
	padding: 2rem 0 0;
}

.intro > .wrap > .wrap_intro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 30%;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

.balloon_intro_l,
.balloon_intro_r {
	width: 100%;
	padding: 0 0 28px;
}
.balloon_intro_l {
	order: 1;
}
.balloon_intro_r {
	order: 2;
}
.balloon_intro_l p,
.balloon_intro_r p {
  position: relative;
	width: 80%;
	margin: 0 auto;
	padding: 1rem 1rem;
	background: #FFF;
	border-radius: 8px;
	font-weight: 700;
	text-align: center;
}
.balloon_intro_l p::before,
.balloon_intro_r p::before {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  margin: 0 0 0 -16px;
  border: 16px solid transparent;
  border-top: 16px solid #FFF;
}

.wrap_intro > .img_circle_intro_l,
.wrap_intro > .img_circle_intro_r {
	width: 100%;
	border-radius: 50%;
}
.wrap_intro > .img_circle_intro_l {
	order: 2;
}
.wrap_intro > .img_circle_intro_r {
	order: 1;
}
.wrap_intro > .bg_circle_intro_1 {
	background: url(../img/fig_intro-01.jpg) no-repeat;
}
.wrap_intro > .bg_circle_intro_2 {
	background: url(../img/fig_intro-02.jpg) no-repeat;
}
.wrap_intro > .bg_circle_intro_3 {
	background: url(../img/fig_intro-03.jpg) no-repeat;
}
.wrap_intro > .bg_circle_intro_1,
.wrap_intro > .bg_circle_intro_2,
.wrap_intro > .bg_circle_intro_3 {
	width: 160px;
	height: 160px;
	margin: 0 auto;
	background-size: cover;
	background-position: 50% 50%;
	border: 4px solid #FFF;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.intro > .wrap {
					width: 92%;
				}
				.intro > .wrap > .wrap_intro {
					width: 30%;
				}

				.balloon_intro_l p,
				.balloon_intro_r p {
					width: 92%;
				}

			}

			@media screen and (max-width: 599px){
				.intro > h2 {
					font-size: 1.4em;
					line-height: 1.6em;
				}
				.intro > h3 {
					line-height: 1.4em;
				}
				.intro > .wrap {
					width: 92%;
				}
				.intro > .wrap > .wrap_intro {
					width: 100%;
					margin: 0 0 1rem;
				}
				.intro > .wrap > .wrap_intro:nth-child(3) {
					margin: 0;
				}

				.balloon_intro_l,
				.balloon_intro_r {
					width: calc(100% - 144px);
					margin: 0 auto;
					padding: 0;
				}
				.balloon_intro_l {
					order: 1;
				}
				.balloon_intro_r {
					order: 2;
				}
				.balloon_intro_l p,
				.balloon_intro_r p {
					width: 100%;
					padding: 0.6rem 0.6rem;
				}
				.balloon_intro_l p::before,
				.balloon_intro_r p::before {
					display: none;
				}
				.balloon_intro_l p::after {
					content: "";
					position: absolute;
					top: 50%;
					left: 100%;
					margin-top: -16px;
					border: 16px solid transparent;
					border-left: 16px solid #FFF;
								}
				.balloon_intro_r p::after {
					content: "";
					position: absolute;
					top: 50%;
					left: -32px;
					margin-top: -16px;
					border: 16px solid transparent;
					border-right: 16px solid #FFF;
				}

				.wrap_intro > .img_circle_intro_l {
					order: 1;
				}
				.wrap_intro > .img_circle_intro_r {
					order: 2;
				}

				.wrap_intro > .bg_circle_intro_1,
				.wrap_intro > .bg_circle_intro_2,
				.wrap_intro > .bg_circle_intro_3 {
					width: 112px;
					height: 112px;
				}

			}

/* header
------------------------------------------------------------ */
header {
	z-index: 9999;
}
header > .header_pc {
	height: 144px;
}
.header_pc > .header_pc_above {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 72px;
	padding: 0;
	background: rgba(50,167,131,1);
}
.header_pc_above img {
	height: 20px;
}

.header_pc > .header_pc_below {
	display: flex;
	align-items: center;
	width: 100%;
	height: 72px;
	padding: 0;
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);
}

.header_pc_below > ul.nav_header_pc {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1280px;
	margin: 0 auto;
}
ul.nav_header_pc li {
	width: 25%;
	height: 72px;
}
ul.nav_header_pc li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	padding: 1.8rem 0 0;
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);
	border-left: 1px solid #AAA;
	border-bottom: 1px solid rgba(228,228,228,1);
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
	text-decoration: none;
	transition: .3s;
}
ul.nav_header_pc li a:hover {
	background: linear-gradient(0deg, rgba(252,252,252,1) 0%, rgba(228,228,228,1) 100%);
	color: #666;
}
ul.nav_header_pc li a::before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	margin: -3.2rem 0 0 0;
	vertical-align: middle;
}
ul.nav_header_pc li a.reason::before {
	background: url("../img/common/ico/ico_crown_grn.svg") no-repeat;
}
ul.nav_header_pc li a.flow::before {
	background: url("../img/common/ico/ico_flow_grn.svg") no-repeat;
}
ul.nav_header_pc li a.company::before {
	background: url("../img/common/ico/ico_company_grn.svg") no-repeat;
}

ul.nav_header_pc li.nav_header_pc_tel {
	padding: 0.4rem 1rem;
	background: linear-gradient(0deg, rgba(151,37,64,1) 0%, rgba(196,77,105,1) 100%);
	border: 1px solid #AAA;
	border-rop: none;
}
ul.nav_header_pc li.nav_header_pc_tel p {
	position: relative;
	padding: 0 0 0 24px;
	font-family: 'Figtree', sans-serif;
	font-size: 2em;
	line-height: 1em;
	text-align: center;
	color: #FFF;
}
ul.nav_header_pc li.nav_header_pc_tel p::before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	margin: 4px 0 0 -28px;
	background: url("../img/common/ico/ico_tel_whi.svg") no-repeat;
	vertical-align: middle;
}
ul.nav_header_pc li.nav_header_pc_tel span {
	display: block;
	margin: 0.2rem 0 0;
	padding: 0.1rem 0;
	background: #FFF;
	border-radius: 56px;
	font-size: 0.85em;
	font-weight: 600;
	line-height: 1em;
	color: rgba(151,37,64,1);
	text-align: center;
}
ul.nav_header_pc li a.urgent::before {
	background: url("../img/common/ico/ico_urgent_whi.svg") no-repeat;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				header > .header_sp {
					display: none;
				}
				.header_pc_below > ul.nav_header_pc {
					width: 100%;
				}
				ul.nav_header_pc li {
					width: 20%;
				}
				ul.nav_header_pc li.nav_header_pc_tel {
					width: 40%;
				}
				ul.nav_header_pc li.nav_header_pc_tel p {
					position: relative;
					padding: 0 0 0 -24px;
					font-family: 'Figtree', sans-serif;
					font-size: 2em;
					line-height: 1em;
					text-align: center;
					color: #FFF;
				}
				ul.nav_header_pc li.nav_header_pc_tel p::before {
					position: absolute;
					display: inline-block;
					content: "";
					width: 24px;
					height: 24px;
					margin: 4px 0 0 -28px;
					background: url("../img/common/ico/ico_tel_whi.svg") no-repeat;
					vertical-align: middle;
				}

			}

			@media screen and (max-width: 599px){
				header > .header_pc {
					display: none;
				}

				header {
					height: 120px;
				}
				header > .header_sp {
					width: 100%;
					height: 120px;
					box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4);
				}

				.header_sp > .area_header_sp {
					height: 60px;
					background: #FFF;
					/*background: linear-gradient(to top, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);*/
				}
				.header_sp > .area_header_sp > .area_logo_header_sp {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 60px;
				}
				.header_sp > .area_header_sp > .area_logo_header_sp img {
					height: 16px;
				}

				.header_sp > .area_nav_header_sp {
					height: 60px;
					background: linear-gradient(to top, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);
				}
				.area_nav_header_sp > ul.nav_header_sp {
					display: flex;
					align-items: center;
					width: 100%;
					height: 60px;
					list-style-type: none;
				}
				ul.nav_header_sp li {
					width: 25%;
				}
				ul.nav_header_sp li a {
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 60px;
					padding: 1rem 0 0 0;
					background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);
					border-right: 1px solid #DDD;
					font-size: 0.75em;
					font-weight: 600;
					text-decoration: none;
				}
				ul.nav_header_sp li a.urgent {
					background: linear-gradient(0deg, rgba(151,37,64,1) 0%, rgba(196,77,105,1) 100%);
					border-right: none;
					color: #FFF;
				}
				ul.nav_header_sp li a::before {
					position: absolute;
					display: inline-block;
					width: 16px;
					height: 16px;
					margin: -2.4rem 0 0 0;
					content: "";
					vertical-align: middle;
				}
				ul.nav_header_sp li a.reason::before {
					background: url("../img/common/ico/ico_crown_grn.svg") no-repeat;
				}
				ul.nav_header_sp li a.flow::before {
					background: url("../img/common/ico/ico_flow_grn.svg") no-repeat;
				}
				ul.nav_header_sp li a.company::before {
					background: url("../img/common/ico/ico_company_grn.svg") no-repeat;
				}
				ul.nav_header_sp li a.urgent::before {
					background: url("../img/common/ico/ico_urgent_whi.svg") no-repeat;
				}

			}

/* header-fixed */
.header-fixed {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 9998;
	width: 100%;
	height: 72px;
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);
	filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.2));
}

.header_fixed_pc {
	display: flex;
	align-items: center;
	width: 100%;
	height: 72px;
	padding: 0;
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);
}

.header-fixed_pc > ul.nav_header-fixed_pc {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1280px;
	margin: 0 auto;
}
ul.nav_header-fixed_pc li {
	width: 25%;
	height: 72px;
}
ul.nav_header-fixed_pc li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	padding: 1.8rem 0 0;
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);
	border-left: 1px solid #AAA;
	border-bottom: 1px solid rgba(228,228,228,1);
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
	text-decoration: none;
	transition: .3s;
}
ul.nav_header-fixed_pc li a:hover {
	background: linear-gradient(0deg, rgba(252,252,252,1) 0%, rgba(228,228,228,1) 100%);
	color: #666;
}
ul.nav_header-fixed_pc li a::before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	margin: -3.2rem 0 0 0;
	vertical-align: middle;
}
ul.nav_header-fixed_pc li a.reason::before {
	background: url("../img/common/ico/ico_crown_grn.svg") no-repeat;
}
ul.nav_header-fixed_pc li a.flow::before {
	background: url("../img/common/ico/ico_flow_grn.svg") no-repeat;
}
ul.nav_header-fixed_pc li a.company::before {
	background: url("../img/common/ico/ico_company_grn.svg") no-repeat;
}

ul.nav_header-fixed_pc li.nav_header-fixed_pc_tel {
	padding: 0.4rem 1rem;
	background: linear-gradient(0deg, rgba(151,37,64,1) 0%, rgba(196,77,105,1) 100%);
	border: 1px solid #AAA;
	border-rop: none;
}
ul.nav_header-fixed_pc li.nav_header-fixed_pc_tel p {
	position: relative;
	padding: 0 0 0 24px;
	font-family: 'Figtree', sans-serif;
	font-size: 2em;
	line-height: 1em;
	text-align: center;
	color: #FFF;
}
ul.nav_header-fixed_pc li.nav_header-fixed_pc_tel p::before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	margin: 4px 0 0 -28px;
	background: url("../img/common/ico/ico_tel_whi.svg") no-repeat;
	vertical-align: middle;
}
ul.nav_header-fixed_pc li.nav_header-fixed_pc_tel span {
	display: block;
	margin: 0.2rem 0 0;
	padding: 0.1rem 0;
	background: #FFF;
	border-radius: 56px;
	font-size: 0.85em;
	font-weight: 600;
	line-height: 1em;
	color: rgba(151,37,64,1);
	text-align: center;
}
ul.nav_header-fixed_pc li a.urgent::before {
	background: url("../img/common/ico/ico_urgent_whi.svg") no-repeat;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.header-fixed_sp {
					display: none;
				}

				.header-fixed_pc > ul.nav_header-fixed_pc {
					width: 100%;
				}
				ul.nav_header-fixed_pc li {
					width: 20%;
				}
				ul.nav_header-fixed_pc li.nav_header-fixed_pc_tel {
					width: 40%;
				}
				ul.nav_header-fixed_pc li.nav_header-fixed_pc_tel p {
					position: relative;
					padding: 0 0 0 -24px;
					font-family: 'Figtree', sans-serif;
					font-size: 2em;
					line-height: 1em;
					text-align: center;
					color: #FFF;
				}
				ul.nav_header-fixed_pc li.nav_header-fixed_pc_tel p::before {
					position: absolute;
					display: inline-block;
					content: "";
					width: 24px;
					height: 24px;
					margin: 4px 0 0 -28px;
					background: url("../img/common/ico/ico_tel_whi.svg") no-repeat;
					vertical-align: middle;
				}

			}

			@media only screen and (max-width: 599px) { 
				.header-fixed_pc {
					display: none;
				}

				.header-fixed {
					height: 56px;
				}
				.header-fixed > .header-fixed_sp {
					width: 100%;
					height: 56px;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp {
					display: flex;
					align-items: center;
					width: 100%;
					height: 56px;
					list-style-type: none;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp li {
					width: 25%;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp li a {
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 56px;
					padding: 1rem 0 0 0;
					background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(252,252,252,1) 100%);
					border-right: 1px solid #DDD;
					font-size: 0.75em;
					font-weight: 600;
					text-decoration: none;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp li a.urgent {
					background: linear-gradient(0deg, rgba(151,37,64,1) 0%, rgba(196,77,105,1) 100%);
					border-right: none;
					color: #FFF;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp li a::before {
					position: absolute;
					display: inline-block;
					content: "";
					width: 16px;
					height: 16px;
					margin: -2.4rem 0 0 0;
					vertical-align: middle;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp li a.reason::before {
					background: url("../img/common/ico/ico_crown_grn.svg") no-repeat;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp li a.flow::before {
					background: url("../img/common/ico/ico_flow_grn.svg") no-repeat;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp li a.company::before {
					background: url("../img/common/ico/ico_company_grn.svg") no-repeat;
				}
				.header-fixed_sp > ul.nav_header-fixed_sp li a.urgent::before {
					background: url("../img/common/ico/ico_urgent_whi.svg") no-repeat;
				}

			}

/* footer
------------------------------------------------------------ */
footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 0 64px;
	padding: 2rem 1rem;
	background: #FFF;
	color: #333;
}

footer > .logo_footer {
}
footer > .logo_footer img {
	display: block;
	height: 16px;
}
footer > p.copy {
	font-family: 'Figtree', sans-serif;
	font-size: 0.75em;
	font-weight: 200;
	line-height: 1em;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				footer {
					padding: 2rem 2rem;
				}

			}

			@media screen and (max-width: 599px){
				footer {
					padding: 2rem 0;
				}
				footer > .logo_footer {
					width: 100%;
				}
				footer > .logo_footer img {
					height: 64px;
					margin: 0 auto 2rem;
				}
				footer > p.copy {
					width: 100%;
					text-align: center;
				}

			}

/* footer-fixed */
.footer-fixed {
	position: fixed;
	display: none;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 100;
	width: 100%;
	height: 64px;
	background: rgba(50,167,131,1);
	/*background: linear-gradient(to top, rgba(46,131,105,1) 0%, rgba(50,167,131,1) 100%);*/
	filter: drop-shadow(0px -4px 4px rgba(0,0,0,0.4));
}

.footer-fixed .footer-fixed_pc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 80%;
	margin: 0 auto;
	height: 64px;
}

.footer-fixed_pc > .area_logo_footer-fixed_pc {
}
.footer-fixed_pc > .area_logo_footer-fixed_pc img {
	height: 20px;
}
.footer-fixed_pc > p {
	margin: 0 2rem 0 auto;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.2em;
	color: #FFF;
}
.footer-fixed_pc .area_tel {
}
.footer-fixed_pc .area_tel > p {
	position: relative;
	padding: 0 0 0 28px;
	font-family: 'Figtree', sans-serif;
	font-size: 2em;
	font-weight: 500;
	line-height: 1em;
	color: #FFF;
}
.footer-fixed_pc .area_tel > p::before {
	position: absolute;
	display: inline-block;
	top: 0.3rem;
	left: 0;
	content: "";
	width: 24px;
	height: 24px;
	margin: 0 0 0 0;
	background: url("../img/common/ico/ico_tel_whi.svg") no-repeat;
	vertical-align: middle;
}

.footer-fixed_pc .area_tel > span {
	display: block;
	margin: 0.2rem 0 0;
	padding: 0.1rem 0 0.15rem;
	background: #FFF;
	border-radius: 56px;
	font-size: 0.7em;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: 0.1em;
	color: rgba(46,131,105,1);
	text-align: center;
}

			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.footer-fixed .footer-fixed_pc {
					width: 92%;
				}

			}

			@media screen and (max-width: 599px){
				.footer-fixed {
					background: #FFF;
				}
				.footer-fixed .footer-fixed_sp {
					width: 100%;
					height: 64px;
				}
				.footer-fixed .footer-fixed_sp a {
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
					height: 64px;
					padding: 0 1rem;
					background: linear-gradient(to top, rgba(213,92,0,1) 0%, rgba(213,156,0,1) 100%);
					text-decoration: none;
				}

				.footer-fixed_sp p {
					position: relative;
					width: 64%;
					padding: 0 0 0 44px;
					font-size: 1.8em;
					font-weight: 600;
					line-height: 1em;
					color: #FFF;
				}
				.footer-fixed_sp p::before {
					position: absolute;
					display: inline-block;
					content: "";
					top: 0.1rem;
					left: 0.6rem;
					width: 28px;
					height: 28px;
					background: url("../img/common/ico/ico_tel_whi.svg") no-repeat;
				}
				.footer-fixed_sp span {
					display: block;
					width: 28%;
					border: 2px solid #FFF;
					border-radius: 4px;
					font-size: 0.8em;
					font-weight: 600;
					line-height: 1.2em;
					color: #FFF;
					padding: 0.4rem 0.4rem;
				}

			}
