@charset "utf-8";


/* mt
---------------------------------------------------- */
.mt-0 {
	margin-top: 0!important;
}


/* text-align
---------------------------------------------------- */
.center {
	text-align: center;
}
.right {
	text-align: right;
}


/* lyt-img-b
---------------------------------------------------- */
.lyt-img-b {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.lyt-img-b > * {
    width: 100%;
}


/*  コンポーネント
---------------------------------------------------- */
/* GIG5.1 Image Banner 公式テンプレート カスタマイズ */
.lf-hero-a {
	display: flex;
	/* max-height: 450px; */
	max-height: 400px;
	position: relative;
	overflow: hidden;
}
.lf-hero-a::after {
	content: "";
	display: block;
	width: 440px;
	height: 350px;
	margin-left: -200px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translateY(50%);
	font-size: 0vw;
}
.lf-hero-contents {
	display: flex;
	width: 50%;
	color: #fff;
	align-items: center;
	justify-content: flex-end;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left top;
}
.lf-hero-visual {
	width: 50%;
	height: 450px;
	position: relative;
	overflow: hidden;
}
.lf-hero-visual img {
	width: 100%;
	height: auto;
	min-width: 100%;
	max-width: none;
	max-width: initial;
	min-height: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.lf-hero-contents-inner {
	width: 600px;
	margin-right: 40px;
/* 	width: 365px; */
/* 	margin-right: 275px; */
	text-align: left;
}

.lf-hero-hdg {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	font-size: 2.625rem;
/* 	font-size: 4.5rem; */
	font-family: FujitsuInfinityPro-Bold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	line-height: 1.1;
/* 	line-height: 1.3; */
	font-weight: 700;
	min-height: 0vw;
	width: 100%;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.fjcloud-campaign .lf-hero-hdg {
	font-size: 2.5rem;
}
.lf-hero-sub {
	font-weight: 700;
}
.lf-hero-sub + .lf-hero-hdg {
	margin-top: 10px !important;
}
.fjcloud-campaign .lf-hero-sub + .lf-hero-hdg {
	margin-top: 0 !important;
}
.fjcloud-campaign .lf-hero-sub {
	font-size: 2rem;
}
.fjcloud-campaign .lf-hero-sub span {
	display: flex;
	align-items: center;
	font-weight: 700;
}
.fjcloud-campaign .lf-hero-sub span img {
	margin: 0 10px 16px 0;
}

.lf-hero-desc {
	margin-top: 20px;
/* 	margin-top: 10px; */
	font-size: 1.875rem;
/* 	font-size: 1.6rem; */
	line-height: 1.3;
	font-weight: 700;
}
.lf-hero-btns {
	margin-top: 1em !important;
}
.lf-hero-btns a {
	display: inline-block;
/* 	padding: .8125em .8125em .8125em 3.75em; */
	padding: .8125em .8125em .8125em 3em;
	color: inherit;
	text-decoration: none;
	position: relative;
	line-height: 1.5;
}
.lf-hero-btns a::before,
.lf-hero-btns a::after {
	content: "";
	display: block;
	position: absolute;
}
.lf-hero-btns a::before {
	/* width: 50px; */
	/* height: 50px; */
	width: 34px;
	height: 34px;
	border: 1px solid;
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.lf-hero-btns a::after {
	/* width: 16px; */
	/* height: 16px; */
	width: 12px;
	height: 12px;
	border-top: 1px solid;
	border-right: 1px solid;
	/* left: 12px; */
	left: 9px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.lf-hero-badge {
	position: absolute;
	right: calc((100% - 1264px)/2);
	bottom: 16px;
	padding: 4px 8px;
	background: rgba(0,0,0,.7);
	color: #fff;
	font-weight: 700;
}
.lf-hero-badge.lf-diff-black {
	background: rgba(255,255,255,.8);
	color: #000;
}
.breadcrumb-wrapper + #main .lf-hero-a {
	margin-top: 16px;
}

/* for global custom css */
.lf-hero-hdg,
.lf-hero-btns a {
	color: inherit !important;
}

/* symbol pattern */
.lf-hero-a.lf-rd-mg::after {background-image: url(/image/lf-magenta);}
.lf-hero-a.lf-mg-rd::after {background-image: url(/image/lf-red);}
.lf-hero-a.lf-rd-or::after {background-image: url(/image/lf-orange);}
.lf-hero-a.lf-or-rd::after {background-image: url(/image/lf-red);}
.lf-hero-a.lf-bl-cy::after {background-image: url(/image/lf-cyan);}
.lf-hero-a.lf-cy-bl::after {background-image: url(/image/lf-cyan);}
.lf-hero-a.lf-dg-lg::after {background-image: url(/image/lf-lightgreen);}
.lf-hero-a.lf-lg-dg::after {background-image: url(/image/lf-darkgreen);}
.lf-hero-a.lf-or-yl::after {background-image: url(/image/lf-yellow);}
.lf-hero-a.lf-yl-or::after {background-image: url(/image/lf-orange);}
.lf-hero-a.lf-cy-yl::after {background-image: url(/image/lf-yellow);}
.lf-hero-a.lf-yl-cy::after {background-image: url(/image/lf-cyan);}
.lf-hero-a.lf-lg-cy::after {background-image: url(/image/lf-cyan);}
.lf-hero-a.lf-cy-lg::after {background-image: url(/image/lf-lightgreen);}
.lf-hero-a.lf-mg-cy::after {background-image: url(/image/lf-cyan);}
.lf-hero-a.lf-cy-mg::after {background-image: url(/image/lf-magenta);}
.lf-hero-a.lf-rd-yl::after {background-image: url(/image/lf-yellow);}
.lf-hero-a.lf-yl-rd::after {background-image: url(/image/lf-red);}
.lf-hero-a.lf-mg-or::after {background-image: url(/image/lf-orange);}
.lf-hero-a.lf-or-mg::after {background-image: url(/image/lf-magenta);}
.lf-hero-a.lf-dg-yl::after {background-image: url(/image/lf-yellow);}
.lf-hero-a.lf-yl-dg::after {background-image: url(/image/lf-darkgreen);}
.lf-hero-a.lf-dg-cy::after {background-image: url(/image/lf-cyan);}
.lf-hero-a.lf-cy-dg::after {background-image: url(/image/lf-darkgreen);}
.lf-hero-a.lf-rd-bl::after {background-image: url(/image/lf-blue);}
.lf-hero-a.lf-bl-rd::after {background-image: url(/image/lf-red);}
.lf-hero-a.lf-bl-dg::after {background-image: url(/image/lf-darkgreen);}
.lf-hero-a.lf-dg-bl::after {background-image: url(/image/lf-blue);}
.lf-hero-a.lf-bl-mg::after {background-image: url(/image/lf-magenta);}
.lf-hero-a.lf-mg-bl::after {background-image: url(/image/lf-blue);}
.lf-hero-a.fjcloud-campaign::after {display: none;}

/* background pattern */
.lf-hero-a.lf-rd-mg .lf-hero-contents {background-image: url(/image/lf-bgg-rd-mg); background-position: bottom;}
.lf-hero-a.lf-mg-rd .lf-hero-contents {background-image: url(/image/lf-bgg-mg-rd);}
.lf-hero-a.lf-rd-or .lf-hero-contents {background-image: url(/image/lf-bgg-rd-or);}
.lf-hero-a.lf-or-rd .lf-hero-contents {background-image: url(/image/lf-bgg-or-rd);color: #000;}
.lf-hero-a.lf-bl-cy .lf-hero-contents {background-image: url(/image/lf-bgg-bl-cy);}
.lf-hero-a.lf-cy-bl .lf-hero-contents {background-image: url(/image/lf-bgg-cy-bl);color: #000;}
.lf-hero-a.lf-dg-lg .lf-hero-contents {background-image: url(/image/lf-bgg-dg-lg);}
.lf-hero-a.lf-lg-dg .lf-hero-contents {background-image: url(/image/lf-bgg-lg-dg);color: #000;}
.lf-hero-a.lf-or-yl .lf-hero-contents {background-image: url(/image/lf-bgg-or-yl);color: #000;}
.lf-hero-a.lf-yl-or .lf-hero-contents {background-image: url(/image/lf-bgg-yl-or);color: #000;}
.lf-hero-a.lf-cy-yl .lf-hero-contents {background-image: url(/image/lf-bgg-cy-yl);color: #000;}
.lf-hero-a.lf-yl-cy .lf-hero-contents {background-image: url(/image/lf-bgg-yl-cy);color: #000;}
.lf-hero-a.lf-lg-cy .lf-hero-contents {background-image: url(/image/lf-bgg-lg-cy);color: #000;}
.lf-hero-a.lf-cy-lg .lf-hero-contents {background-image: url(/image/lf-bgg-cy-lg);color: #000;}
.lf-hero-a.lf-mg-cy .lf-hero-contents {background-image: url(/image/lf-bgg-mg-cy);}
.lf-hero-a.lf-cy-mg .lf-hero-contents {background-image: url(/image/lf-bgg-cy-mg);color: #000;}
.lf-hero-a.lf-rd-yl .lf-hero-contents {background-image: url(/image/lf-bgg-rd-yl);}
.lf-hero-a.lf-yl-rd .lf-hero-contents {background-image: url(/image/lf-bgg-yl-rd);color: #000;}
.lf-hero-a.lf-mg-or .lf-hero-contents {background-image: url(/image/lf-bgg-mg-or);}
.lf-hero-a.lf-or-mg .lf-hero-contents {background-image: url(/image/lf-bgg-or-mg);color: #000;}
.lf-hero-a.lf-dg-yl .lf-hero-contents {background-image: url(/image/lf-bgg-dg-yl);}
.lf-hero-a.lf-yl-dg .lf-hero-contents {background-image: url(/image/lf-bgg-yl-dg);color: #000;}
.lf-hero-a.lf-dg-cy .lf-hero-contents {background-image: url(/image/lf-bgg-dg-cy);}
.lf-hero-a.lf-cy-dg .lf-hero-contents {background-image: url(/image/lf-bgg-cy-dg);color: #000;}
.lf-hero-a.lf-rd-bl .lf-hero-contents {background-image: url(/image/lf-bgg-rd-bl);}
.lf-hero-a.lf-bl-rd .lf-hero-contents {background-image: url(/image/lf-bgg-bl-rd);}
.lf-hero-a.lf-bl-dg .lf-hero-contents {background-image: url(/image/lf-bgg-bl-dg);}
.lf-hero-a.lf-dg-bl .lf-hero-contents {background-image: url(/image/lf-bgg-dg-bl);}
.lf-hero-a.lf-bl-mg .lf-hero-contents {background-image: url(/image/lf-bgg-bl-mg);}
.lf-hero-a.lf-mg-bl .lf-hero-contents {background-image: url(/image/lf-bgg-mg-bl);}
.lf-hero-a.fjcloud-campaign .lf-hero-contents {background: #f1f1f1;color: #000;}

@media screen and (min-width: 1280px) {
	.lf-hero-a {
		/* max-height: 574px; */
		max-height: 400px;
	}
	.lf-hero-visual {
		/* height: 574px; */
		height: 400px;
	}
	.lf-hero-btns {
		margin-top: 25px !important;
	}
}
@media only screen and (max-width:1600px) {
	.lf-hero-visual img {
		width: auto;
		right: 50%;
		transform: translateX(50%) translateY(-50%);
	}
}
@media only screen and (max-width:1280px) {
	.lf-hero-a::after {
		width: calc(440vw*100/1280);
		height: calc(350vw*100/1280);
		margin-left: calc(-200vw*100/1280);
	}
	.lf-hero-visual img {
		height: 100%;
	}
	.lf-hero-contents-inner {
		width: 100%;
		margin-right: 0;
/* 		margin-right: calc(275vw*100/1280); */
		padding-left: 8px;
	}
	.lf-hero-hdg {
		font-size: calc(46vw*100/1280);
/* 		font-size: calc(45vw*100/1280); */
	}
	.fjcloud-campaign .lf-hero-hdg {
		font-size: calc(40vw*100/1280);
	}
	.lf-hero-sub,
	.lf-hero-desc {
		font-size: calc(30vw*100/1280);
/* 		font-size: 1.4rem; */
	}
	.fjcloud-campaign .lf-hero-sub {
		font-size: calc(32vw*100/1280);
	}
	.fjcloud-campaign .lf-hero-sub span img {
		width: calc(96vw*100/1280);
	}
	.lf-hero-badge {
		right: 8px;
	}
}
@media only screen and (max-width:1000px) {
	.lf-hero-a {
		max-height: calc(450vw*100/1000);
	}
	.lf-hero-contents-inner {
		padding-left: 16px;
	}
	.lf-hero-visual {
		height: calc(450vw*100/1000);
	}
}
@media only screen and (max-width:767px) {
	.lf-hero-a {
		flex-direction: column;
		max-height: none;
		max-height: initial;
	}
	.lf-hero-a::after {
		width: calc(336vw*100/767);
		height: calc(266vw*100/767);
		margin-left: calc(-144vw*100/767);
		bottom: calc(83vw*100/767);
		z-index: 1;
		transform: none;
	}
	.lf-hero-contents {
		display: block;
		width: 100%;
	}
	.lf-hero-visual {
		width: 100%;
		height: 0;
		padding-top: 56.25%;
	}
	.lf-hero-visual::before {
		content: "";
		display: block;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		z-index: 1;
	}
	.fjcloud-campaign .lf-hero-visual::before {
		display: none;
	}
	.lf-hero-visual img {
		top: 0;
		right: 50%;
		transform: translateX(50%);
	}
	.lf-hero-contents-inner {
		margin-right: 0;
		padding: 20px 16px;
	}
	.lf-hero-hdg {
		font-size: 2.25rem;
/* 		font-size: 3.5rem; */
	}
	.fjcloud-campaign .lf-hero-hdg {
		font-size: 1.625rem;
	}
	.lf-hero-sub,
	.lf-hero-desc {
		font-size: 1.625rem;
	}
	.lf-hero-a.lf-bl-cy .lf-hero-sub,
	.lf-hero-a.lf-bl-cy .lf-hero-desc,
	.lf-hero-a.lf-dg-lg .lf-hero-sub,
	.lf-hero-a.lf-dg-lg .lf-hero-desc {
		color: #fff;
	}
	.fjcloud-campaign .lf-hero-sub {
		font-size: 1.25rem;
	}
	.fjcloud-campaign .lf-hero-sub span img {
		width: 60px;
	}
	.lf-hero-badge {
		right: 16px;
	}

	/* background pattern */
	.lf-hero-a.lf-or-rd .lf-hero-contents,
	.lf-hero-a.lf-cy-bl .lf-hero-contents,
	.lf-hero-a.lf-lg-dg .lf-hero-contents,
	.lf-hero-a.lf-cy-mg .lf-hero-contents,
	.lf-hero-a.lf-yl-rd .lf-hero-contents,
	.lf-hero-a.lf-or-mg .lf-hero-contents,
	.lf-hero-a.lf-yl-dg .lf-hero-contents,
	.lf-hero-a.lf-cy-dg .lf-hero-contents {
		background-size: 140% auto;
	}
}
@media only screen and (max-width: 480px) {
	.lf-hero-contents-inner {
		min-height: calc(298vw*100/320);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.lf-hero-hdg {
		font-size: calc(26vw*100/375);
	}
	.fjcloud-campaign .lf-hero-hdg {
		font-size: calc(25vw*100/375);
	}
	.lf-hero-sub,
	.lf-hero-desc {
		font-size: calc(20vw*100/375);
	}
	.fjcloud-campaign .lf-hero-sub {
		font-size: calc(24vw*100/375);
	}
	.fjcloud-campaign .lf-hero-sub span img {
		width: calc(60vw*100/375);
	}
	.fjcloud-campaign .lf-hero-sub + .lf-hero-hdg {
		margin-top: 10px !important;
	}
}


/* ローカルナビ
----------------------------------------------- */
.campaign-fjcloud .page-index {
	display: flex;
	justify-content: center;
	margin-left: -16px;
	margin-bottom: -16px;
}
.campaign-fjcloud .page-index > li {
	margin-left: 16px;
	margin-bottom: 16px;
}
.campaign-fjcloud .page-index > li a {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.campaign-fjcloud .page-index > li a:hover {
	text-decoration: underline;
}
.campaign-fjcloud .page-index > li a svg {
	margin-right: 4px;
	fill: #777;
	width: 1em;
	height: 1em;
}
.campaign-fjcloud .section.page-index-nav {
	position: sticky;
    top: 0;
    z-index: 999;
    background: #EFEFEF;
    overflow-x: auto;
	margin-top: 0!important;
}
.campaign-fjcloud .section.page-index-nav .section-inner {
	padding: 0;
	display: flex;
	height: 56px;
	align-items: center;
	margin-top: 0!important;
	padding-top: inherit!important;
}
.campaign-fjcloud .section.page-index-nav:after {
	display: none;
}
.campaign-fjcloud .section.page-index-nav .page-index {
	min-width: 1280px;
	position: relative;
}
.campaign-fjcloud .section.page-index-nav .page-index > li {
    margin-left: 0;
	margin-bottom: 0;
    position: relative;
    padding-right: 16px;
    padding-left: 16px;
}
.campaign-fjcloud .section.page-index-nav .page-index > li a {
    font-size: 0.9rem;
}
.campaign-fjcloud .section.page-index-nav .page-index > li::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 1px;
    height: 32px;
    margin-top: -16px;
    background: #b1b1ac;
}
.campaign-fjcloud .section.page-index-nav .page-index > li:first-child::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 1px;
    height: 32px;
    margin-top: -16px;
    background: #b1b1ac;
}
@media only screen and (max-width: 1280px) {
.campaign-fjcloud .section.page-index-nav .page-index {
		justify-content: flex-start;
	}
}
@media only screen and (max-width: 767px) {
.campaign-fjcloud .section.page-index-nav .section-inner {
	height: 40px;
}
	.campaign-fjcloud .page-index {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
.campaign-fjcloud .section.page-index-nav .page-index > li::before {
    height: 24px;
    margin-top: -12px;
}
.campaign-fjcloud .section.page-index-nav .page-index > li:first-child::after {
    height: 24px;
    margin-top: -12px;
}
}

.campaign-fjcloud .section.page-index-nav + .section .section-inner {
    padding: 56px 0 64px;
}
@media only screen and (max-width: 1280px) {
.campaign-fjcloud .section.page-index-nav + .section .section-inner {
    padding: 56px 8px 64px;
}
}
@media only screen and (max-width: 1000px) {
.campaign-fjcloud .section.page-index-nav + .section .section-inner {
    padding: 56px 16px 64px;
}
}
@media only screen and (max-width: 480px) {
.campaign-fjcloud .section.page-index-nav + .section .section-inner {
    padding: 40px 16px 48px;
}
}

.section.page-index-nav {
	position: sticky;
    top: 0;
    z-index: 999;
    background: #EFEFEF;
    overflow-x: auto;
	margin-top: 0!important;
	z-index: 10;
}
.section.page-index-nav .section-inner {
	padding: 0;
	display: flex;
	height: 56px;
	align-items: center;
	margin-top: 0!important;
	padding-top: inherit!important;
}
.section.page-index-nav:after {
	display: none;
}
.section.page-index-nav .page-index {
	min-width: 1280px;
	position: relative;
}
.section.page-index-nav .page-index {
	display: flex;
	justify-content: center;
	margin-left: -16px;
	margin-bottom: -16px;
}
.section.page-index-nav .page-index > li {
	margin-left: 16px;
	margin-bottom: 16px;
}
.section.page-index-nav .page-index > li a {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.section.page-index-nav .page-index > li a:hover {
	text-decoration: underline;
}
.section.page-index-nav .page-index > li a svg {
	margin-right: 4px;
	fill: #777;
	width: 1em;
	height: 1em;
}
.section.page-index-nav .page-index > li {
    margin-left: 0;
	margin-bottom: 0;
    position: relative;
    padding-right: 16px;
    padding-left: 16px;
}
.section.page-index-nav .page-index > li a {
    font-size: 0.9rem;
}
.section.page-index-nav .page-index > li::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 1px;
    height: 32px;
    margin-top: -16px;
    background: #b1b1ac;
}
.section.page-index-nav .page-index > li:first-child::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 1px;
    height: 32px;
    margin-top: -16px;
    background: #b1b1ac;
}
@media only screen and (max-width: 1280px) {
.section.page-index-nav .page-index {
		justify-content: flex-start;
	}
}
@media only screen and (max-width: 767px) {
.section.page-index-nav .section-inner {
	height: 40px;
}
	.page-index {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
.section.page-index-nav .page-index > li::before {
    height: 24px;
    margin-top: -12px;
}
.section.page-index-nav .page-index > li:first-child::after {
    height: 24px;
    margin-top: -12px;
}
}

.section.page-index-nav + .section .section-inner {
    padding: 56px 0 64px;
}
@media only screen and (max-width: 1280px) {
.section.page-index-nav + .section .section-inner {
    padding: 56px 8px 64px;
}
}
@media only screen and (max-width: 1000px) {
.section.page-index-nav + .section .section-inner {
    padding: 56px 16px 64px;
}
}
@media only screen and (max-width: 480px) {
.section.page-index-nav + .section .section-inner {
    padding: 40px 16px 48px;
}
}

.section.page-index-nav-02 {
	position: relative;
	top: 0;
	overflow-x: auto;
	margin-top: 0!important;
	z-index: 10;
}
.section.page-index-nav-02 .section-inner {
	padding: 0!important;
	margin-top: 0!important;
	display: flex;
	height: 56px;
	align-items: center;
}
.section.page-index-nav-02:after {
	display: none;
}
.section.page-index-nav-02 .page-index {
	min-width: 1280px;
	position: relative;
	display: flex;
	justify-content: center;
	margin-left: -16px;
	margin-bottom: -16px;
}
.section.page-index-nav-02 .page-index > li {
	margin-left: 0;
	margin-bottom: 0;
	position: relative;
	padding-right: 16px;
	padding-left: 16px;
}
.section.page-index-nav-02 .page-index > li a {
	font-size: 1rem;
	color: #000;
	display: flex;
	align-items: center;
	text-decoration: none;
}
.section.page-index-nav-02 .page-index > li a:hover {
	text-decoration: underline;
}
.section.page-index-nav-02 .page-index > li::before {
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	width: 1px;
	height: 32px;
	margin-top: -16px;
	background: #b1b1ac;
}
.section.page-index-nav-02 .page-index > li:first-child::after {
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 1px;
	height: 32px;
	margin-top: -16px;
	background: #b1b1ac;
}
@media only screen and (max-width: 1280px) {
.section.page-index-nav-02 .page-index {
		justify-content: flex-start;
	}
}
@media only screen and (max-width: 767px) {
	.section.page-index-nav-02 .page-index {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}
.section.page-index-nav-02 + .section .section-inner {
	padding: 56px 0 64px;
}
@media only screen and (max-width: 1280px) {
.section.page-index-nav-02 + .section .section-inner {
	padding: 56px 8px 64px;
}
}
@media only screen and (max-width: 1000px) {
.section.page-index-nav-02 + .section .section-inner {
	padding: 56px 16px 64px;
}
}
@media only screen and (max-width: 480px) {
.section.page-index-nav-02 + .section .section-inner {
	padding: 40px 16px 48px;
}
}


/* セクション
---------------------------------------------------- */
.campaign-mobile-backend .section.inherit {
	margin-top: -56px!important;
}
.campaign-mobile-backend .section.inherit .section-inner {
	padding-top: 56px!important;
}
@media only screen and (max-width: 480px) {
.campaign-mobile-backend .section.inherit {
	margin-top: -40px!important;
}
.campaign-mobile-backend .section.inherit .section-inner {
	padding-top: 40px!important;
}
}


/* ヒーローエリア
------------------------------------- */
.lf-hero-a.lf-or-yl .lf-hero-contents {
	background-image: url(/image/lf-bgg-or-yl); /* テスト表示用に画像に拡張子を追加 本番環境では削除をしてください */
}
.lf-hero-a.lf-bl-cy .lf-hero-contents {
	background-image: url(/image/lf-bgg-bl-cy); /* テスト表示用に画像に拡張子を追加 本番環境では削除をしてください */
}
.lf-hero-a.lf-cy-bl .lf-hero-contents {
	background-image: url(/image/lf-bgg-cy-bl); /* テスト表示用に画像に拡張子を追加 本番環境では削除をしてください */
}


/* 概要
------------------------------------- */
@media only screen and (max-width: 480px) {
	.box {
		padding: 16px;
		margin-top: 16px;
	}
}


/*---------------------------------------------------------------
  フッター お問い合わせ
-----------------------------------------------------------------*/
.section.contact *,
.section.contact *::before ,
.section.contact *::after {
	box-sizing:border-box;
}
.section.contact {
	background: #fff;
	border: none;
	color: #000;
}
.section.contact .section-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 56px 0 104px;
}
@media only screen and (max-width: 1280px) {
	.section.contact .section-inner {
		padding: 56px 8px 64px;
	}
}

@media only screen and (max-width: 1000px) {
	.section.contact .section-inner {
		padding: 56px 16px 64px;
	}
}
@media only screen and (max-width: 767px) {
	.section.contact .section-inner {
		padding: 40px 16px 64px;
	}
}
.section.contact .box-b {
	background: #eee;
	border: 1px solid #c6c6c0;
	padding: 24px 40px 30px;
	margin-top: 0;
}
@media only screen and (max-width: 480px) {
	.section.contact .box-b {
		padding: 16px 24px 20px;
	}
}
.section.contact .box-b > .contact-heading {
	margin-bottom: 10px;
	font-size: 1.5rem;
	font-weight: 700;
}
@media only screen and (max-width: 480px) {
	.section.contact .box-b > .contact-heading {
		font-size: 1.25rem;
	}
}

.section.contact .list-contact-a {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-bottom: -10px;
}
.section.contact .list-contact-a > li {
	padding-left: 10px;
	margin-bottom: 10px;
	line-height: 1.3;
	font-size:1.6rem;
}
.section.contact .lyt-contact-a .list-contact-a > li {
	width:100%;
}

@media only screen and (max-width: 767px) {
	.section.contact .list-contact-a > li {
		width:100%;
	}
}
.section.contact .lyt-contact-a .list-contact-a > li.type-tel .contact-inner::before {
	background-image: url(/image/sprite2);
	background-position: -56px -25px;
	width: 20px;
	height: 20px;
	margin-top:-10px;
}
@media only screen and (max-width: 480px) {
	.section.contact .lyt-contact-a .list-contact-a > li.type-tel .contact-inner::before {
		margin-top:-20px;
	}
}
.section.contact .list-contact-a > li.type-tel a::before {
	background-position: -56px -25px;
	width: 20px;
	height: 20px;
	margin-top:-10px;
}
.section.contact .list-contact-a > li:not([class*=type-]) a {
	border: 1px solid #7b060e;
	padding: 14px 24px;
	color: #7b060e;
	justify-content:center;
}
.section.contact .list-contact-a > li:not([class*=type-]) a::before {
	top: 50%;
	left: inherit;
	right: 12px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #a30b1a;
	border-right: 2px solid #a30b1a;
	transform: rotate(45deg);
	margin-top:-4px;
}
.section.contact .list-contact-a a {
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .18);
	padding: 14px 24px 14px 58px;
	text-decoration:none;
	color: #000;
}
.section.contact .lyt-contact-a .list-contact-a a {
	justify-content: center;
	flex-direction: column;
	padding:24px 24px 24px 58px;
}
@media only screen and (max-width: 767px) {
	.section.contact .lyt-contact-a .list-contact-a a {
		padding-left:34px;
	}
}
@media only screen and (max-width: 480px){
	.section.contact .lyt-contact-a .list-contact-a a {
		padding: 24px 16px 24px 16px;
	}
}
.section.contact .lyt-contact-a .list-contact-a a::before {
	display:none;
}
@media only screen and (max-width: 767px) {
	.section.contact .list-contact-a a {
		height:auto !important
	}
}
.section.contact .list-contact-a a::before {
	display: block;
	position: absolute;
	content: "";
	left: 24px;
	top:50%;
}
.section.contact .lyt-contact-a .list-contact-a .contact-inner {
	font-size: 1.75rem;
	position: relative;
	padding-left: 32px;
	margin-left:-32px;
}
@media only screen and (max-width: 767px) {
	.section.contact .lyt-contact-a .list-contact-a .contact-inner {
		font-size:2rem;
	}
}
@media only screen and (max-width: 480px){
	.section.contact .lyt-contact-a .list-contact-a .contact-inner {
		padding-left: 24px;
		margin-left: -24px;
	}
}
.section.contact .lyt-contact-a .list-contact-a .contact-inner::before {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top:50%;
}
.section.contact .list-contact-a .supple-a {
	font-size: 1.4rem;
	display:inline;
}
@media only screen and (max-width: 767px) {
	.section.contact .lyt-contact-a .list-contact-a .supple-a {
		display: block;
		text-align:center;
	}
}
.section.contact .list-contact-a .supple-b {
	font-size: 0.75rem;
	margin-top:6px;
}

.section.contact .list-contact-a .notes-a {
	font-size: 0.8125rem;
	margin-top: 12px;
	line-height:1.6;
	text-align: center;
	
}

.section.contact .box-b .box-hdg-a {
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 12px;
}
@media only screen and (max-width: 480px) {
	.section.contact .box-b .box-hdg-a {
		font-size: 1rem;
	}
}
.section.contact .c-lyt-contact-a .c-list-contact-a {
	margin-left: 0;
	width: 100%;
}
.section.contact .c-lyt-contact-a .c-list-contact-a > li {
	padding: 2vw 2vw 0;
	width: 50%;
}
.section.contact .c-lyt-contact-a .c-list-contact-a > li:first-child {
	border-right: 1px solid #c6c6c0;
}
.section.contact .c-lyt-contact-a .c-list-contact-a > li .c-type-form {
	font-size: 1.5625rem;
}
.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .customer {
	margin-left: -34px;
	text-align: center;
	font-size: 0.875rem;
}
.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner {
	margin-top: 15px;
	font-weight: 700;
}
.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner small{
	font-size: 0.8125rem;
	font-weight: 400;
}
.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner::before {
	background-position: -56px 71px;
}
@media only screen and (max-width: 900px){
	.section.contact .c-lyt-contact-a .c-list-contact-a > li a .p-contact-inner .supple-a {
		display: block;
	}
}
@media only screen and (max-width: 768px){
	.section.contact .box-b > .contact-heading {
		margin-bottom: 10px;
	}
	.section.contact .c-lyt-contact-a .c-list-contact-a > li {
		padding: 0;
		width: inherit;
	}
	.section.contact .c-lyt-contact-a .c-list-contact-a > li:first-child {
		margin-bottom: 20px;
		border-right: none;
		border-bottom: 1px solid #c6c6c0;
		padding-bottom: 10px;
	}
	.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .customer {
		margin-left: 0;
	}
	.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner {
		font-size: 1.75rem;
	}
}
@media only screen and (max-width: 480px){
	.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner{
		text-align: center;
	}
	.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner small{
		display: block;
	}
}
@media only screen and (max-width: 374px){
	.section.contact .c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner {
		font-size: 1.5rem;
	}
}


@keyframes arrow_bg {
	0% {
		opacity:.1;
	}

	100% {
		opacity:0;
	}
}
@keyframes arrow {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform:translateX(0);
	}
	10% {
		opacity: 0;
		-webkit-transform: translateX(50%);
		transform:translateX(50%);
	}
	25% {
		opacity: 0;
		-webkit-transform: translateX(-50%);
		transform:translateX(-50%);
	}
	40% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform:translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform:translateX(0);
	}
}
@keyframes circle {
	0% {
		stroke-dasharray: 0 300;
		-webkit-transform: rotate(0);
		transform:rotate(0);
	}
	10% {
		stroke-dasharray:50 100;
	}
	20% {
		stroke-dasharray:100 200;
	}
	30% {
		stroke-dasharray:150 300;
	}
	40% {
		stroke-dasharray:200 300;
	}
	60% {
		stroke-dasharray: 300 300;
		-webkit-transform: rotate(360deg);
		transform:rotate(360deg);
	}
}