@charset "utf-8";

html {
	font-size: 10px;
}

/*@media screen and (min-width:1000px){*/
/*	html {*/
/*		font-size: 1vw;*/
/*	}*/
/*}*/

@media screen and (max-width:960px){
	html {
		font-size: 1.04166667vw;
	}
}

@media screen and (max-width:767px){
	html {
		font-size: 2.66666667vw;
		/*font-size: 10px;*/
	}
}

/**********************************

 fonts

***********************************/
@font-face {
	font-family: 'Rational Text Book';
	src: url('../fonts/RationalText-Book.eot');
	src: local('Rational Text Book'), local('RationalText-Book'),
	url('../fonts/RationalText-Book.eot?#iefix') format('embedded-opentype'),
	url('../fonts/RationalText-Book.woff2') format('woff2'),
	url('../fonts/RationalText-Book.woff') format('woff'),
	url('../fonts/RationalText-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Rational Text';
	src: url('../fonts/RationalText-Medium.eot');
	src: local('Rational Text Medium'), local('RationalText-Medium'),
	url('../fonts/RationalText-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/RationalText-Medium.woff2') format('woff2'),
	url('../fonts/RationalText-Medium.woff') format('woff'),
	url('../fonts/RationalText-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Rational Text';
	src: url('../fonts/RationalText-SemiBold.eot');
	src: local('Rational Text SemiBold'), local('RationalText-SemiBold'),
	url('../fonts/RationalText-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/RationalText-SemiBold.woff2') format('woff2'),
	url('../fonts/RationalText-SemiBold.woff') format('woff'),
	url('../fonts/RationalText-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Rational Text';
	src: url('../fonts/RationalText-Bold.eot');
	src: local('Rational Text Bold'), local('RationalText-Bold'),
	url('../fonts/RationalText-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/RationalText-Bold.woff2') format('woff2'),
	url('../fonts/RationalText-Bold.woff') format('woff'),
	url('../fonts/RationalText-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

.rational-text-book {
	font-family: 'Rational Text Book';
}

.rational-text {
	font-family: 'Rational Text';
}

.Inter {
	font-family: "Inter", sans-serif;
}


/**********************************

 wrapper

***********************************/
#wrapper {
}

@media screen and (min-width:768px){
	#wrapper {
		min-width: auto;
	}
}

@media screen and (max-width:767px){
	#wrapper {
		padding-top: 0;
	}
}

/**********************************

 pagetop

***********************************/
#pagetop {
	display: none !important;
}

@media screen and (min-width:768px){
}

/**********************************

 l-header

***********************************/
.l-header {

}

.l-header__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}

.l-header__inner-logo {
	width: 182px;
	margin: 0;
}

.l-header__inner-logo a {
	display: block;
}

.l-header__inner-logo a img {
	display: block;
	width: 100%;
}

.l-header__inner-right {
	display: flex;
	align-items: center;
}

.l-header__inner-right-lang {
	display: flex;
	align-items: center;
	margin: 0 20px 0 0;
	list-style: none;
	font-size: 16px;
	font-weight: 600;
}

.l-header__inner-right-lang li {
	margin-right: .1em;
}

.l-header__inner-right-lang li:last-child {
	margin-right: 0;
}

.l-header__inner-right-lang li:after {
	content: "/";
	display: inline-block;
	margin-left: .2em;
}

.l-header__inner-right-lang li:last-child:after {
	display: none;
}

.l-header__inner-right-lang li a {
	color: #010F3B;
	text-decoration: underline;
}

.l-header__inner-right-lang li a:hover {
	text-decoration: none;
}

.l-header__inner-right-btn {
	font-size: 16px;
	font-weight: 600;
}

.l-header__inner-right-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 148px;
	height: 44px;
	color: #000E3E;
	background-color: #FEC847;
	text-align: center;
	border-radius: 6px;
	position: relative;
	z-index: 1;
}

@media screen and (min-width:768px){

	.l-header__inner-right-btn a:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-radius: 100%;
		background-color: rgba(255,255,255,.15);
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: -1;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-header__inner-right-btn a:hover:before {
		width: 40px;
		height: 40px;
		opacity: 1;
	}
}

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

	.l-header__inner {
		height: 75px;
		/*height: 85px;*/
	}

	.l-header__inner-logo {
		width: 103px;
		margin-right: 13px;
	}

	.l-header__inner-right {
		display: block;
	}

	.l-header__inner-right-lang {
		justify-content: flex-end;
		padding: 0;
		margin: 0 0 3px 0;
		font-size: 13px;
	}

	.l-header__inner-right-lang li {
		margin-right: .1em;
	}

	.l-header__inner-right-lang li:last-child {
		margin-right: 0;
	}

	.l-header__inner-right-lang li:after {
		content: "/";
		display: inline-block;
		margin-left: .2em;
	}

	.l-header__inner-right-lang li:last-child:after {
		display: none;
	}

	.l-header__inner-right-lang li a {
		color: #010F3B;
		text-decoration: underline;
	}

	.l-header__inner-right-lang li a:hover {
		text-decoration: none;
	}

	.l-header__inner-right-btn {
		font-size: 16px;
	}

	.l-header__inner-right-btn a {
		width: 149px;
		height: 44px;
		border-radius: 3px;
	}
}

/**********************************

 hd-fixed

***********************************/

@media screen and (min-width:768px){
	.hd-fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		/*height: 57px;*/
		background-color: #ffffff;
		z-index: 999;
	}
}

@media screen and (max-width:767px){
	.hd-fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		/*height: 57px;*/
		background-color: #ffffff;
		z-index: 999;
	}

}

/**********************************

 footer

***********************************/
.footer {

}

.footer_bottom {

}

.footer_bottom .container {
	width: 1190px;
	max-width: 100%;
}

.footer_bottom_link li a {
	color: #2C2C2C;
}

@media screen and (max-width:767px){
	.footer_contact {
		display: none !important;
	}

	.footer_bottom {
		padding-top: 0;
	}

	.footer_bottom_link_wrap {
		background: #fff;
	}
}

/**********************************

 l-main

***********************************/
.l-main {
	font-family: 'Rational Text', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #000f3c;
	font-size: 18px;
	line-height: 1.444444444444444;
	background: #f2f3f5;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.l-main img {
	max-width: 100%;
}

@media screen and (min-width:768px){
	.l-main {
		/*padding-top: 80px;*/
	}

	.l-main .sp-only {
		display: none !important;
	}
}

@media screen and (max-width:767px){
	.l-main {
		/*padding-bottom: 10px;*/
		/*margin-bottom: -10px;*/
		font-size: 15px;
		line-height: 1.733333333333333;
	}

	.l-main .pc-only {
		display: none !important;
	}

}

/**********************************

 define

***********************************/
.define-wrap {
	padding: 0 5rem;
}

.define-inner {
	width: 86rem;
	max-width: 100%;
	margin: 0 auto;
}

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

	.define-wrap {
		padding: 0 3rem;
	}
}


/**********************************

 ov

***********************************/
.ov {
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ov:hover {
	opacity: .7;
}

/**********************************

 c-btn01

***********************************/
a.c-btn01 {
	display: inline-block;
	min-width: 17.4rem;
	padding: 1.3rem 1.5rem;
	/*padding: 1.3rem 2.5rem;*/
	color: #000f3c;
	font-size: 1.667rem;
	font-weight: 600;
	text-decoration: none;
	background: #ffc945;
	border-radius: .8rem;
}

a.c-btn01 .icon {
	padding-right: 2.4rem;
	position: relative;
	z-index: 1;
}

a.c-btn01 .icon:before {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../img/lp/icon_blank01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

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

	a.c-btn01 {
		display: inline-block;
		min-width: auto;
		padding: .8rem 1.2rem;
		/*padding: .8rem 3rem;*/
		font-size: 1.389rem;
		border-radius: .5rem;
	}

	a.c-btn01 .icon {
		padding-right: 2.2rem;
	}

	a.c-btn01 .icon:before {
		width: 1.4rem;
		height: 1.4rem;
	}
}

/**********************************

 c-bg01

***********************************/
.c-bg01 {
	background: #000f3c;
}

/**********************************

 c-hero

***********************************/
.c-hero {
	background: url(../img/lp/hero_bg01_pc.jpg?1) no-repeat center center / cover;
	border-radius: 0 0 19rem 0;
	position: relative;
	z-index: 1;
}

.c-hero__inner {
	display: flex;
	justify-content: right;
	width: 90vw;
	height: 56.4vw;
}

.c-hero__inner-content {
	padding-top: 4vw;
}

.c-hero__inner-content img {
	width: 100%;
	max-width: none;
}

.c-hero__inner-content-head {
	display: flex;
	align-items: flex-end;
}

.c-hero__inner-content-head-logo {
	width: 16.4vw;
	margin: 0 3vw 0 0;
}

.c-hero__inner-content-head-sentry-glas {
	width: 23.2vw;
	margin: 0;
}

.c-hero__inner-content-head-sentry-glas img {
	display: block;
}

.c-hero__inner-content-txt01 {
	margin: 9vw 0 0 0;
	color: #fff;
	font-size: 3.6vw;
	font-weight: 600;
	line-height: 1.0963722;
}

.c-hero__inner-content-txt02 {
	margin: 2vw 0 0 0;
	color: #fff;
	font-size: 1.8vw;
	line-height: 1.2;
}

.c-hero__inner-txt01 {
	margin-top: 30.8vw;
	margin-left: 25vw;
	color: #fff;
	font-size: 1.035vw;
	font-style: italic;
	line-height: 1.3;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

@media screen and (max-width:767px){
	.c-hero {
		background: url(../img/lp/hero_bg01_sp.png?1) no-repeat center center / cover;
		border-radius: 0;
		position: relative;
		z-index: 1;
	}

	.c-hero__inner {
		display: block;
		width: auto;
		height: 67.9rem;
	}

	.c-hero__inner-content {
		padding-top: 3rem;
	}

	.c-hero__inner-content-head {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.c-hero__inner-content-head-logo {
		width: 10.4rem;
		margin: 0;
	}

	.c-hero__inner-content-head-sentry-glas {
		width: 15.3rem;
	}

	.c-hero__inner-content-txt01 {
		margin-top: 3rem;
		font-size: 2.7rem;
		line-height: 1.2;
	}

	.c-hero__inner-content-txt02 {
		margin: 1.5rem 0 0 0;
		font-size: 1.4rem;
		line-height: 1.2;
	}

	.c-hero__inner-txt01 {
		margin-top: 0;
		margin-bottom: 22rem;
		margin-left: 18rem;
		font-size: .833rem;
		top: auto;
		bottom: 0;
		left: 0;
	}

}



/**********************************

 c-discover

***********************************/
.c-discover {
	background: url(../img/lp/discover_bg01_pc.png) no-repeat center center / cover;
}

.c-discover__inner {
	padding: 3rem 0 4rem;
}

.c-discover__inner-ttl {
	margin: 0;
	color: #fff;
	font-size: 2.1rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
}

.c-discover__inner-list {
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	margin-top: 4rem;
}

.c-discover__inner-list-sec {
	width: 18.1rem;
	position: relative;
	z-index: 1;
}

.c-discover__inner-list-sec .plus {
	width: 2.2rem;
	margin-top: 1.1rem;
	margin-left: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.c-discover__inner-list-sec .pic {
	text-align: center;
	position: relative;
	z-index: 1;
}

.c-discover__inner-list-sec .pic:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: .6rem solid #ffc845;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
}

.c-discover__inner-list-sec .pic img {
	width: 100%;
	max-width: none;
	border-radius: 50%;
}

.c-discover__inner-list-sec .ttl {
	margin: 2rem -2em 0;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
}

.c-discover__inner-btn-area {
	display: flex;
	justify-content: center;
	gap: 0 2.5rem;
	margin-top: 5.5rem;
}

.c-discover__inner-btn-area .btn01 {
}

.c-discover__inner-btn-area .btn01 a.c-btn01 {
	min-width: 25rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
}

.c-discover__inner-btn-area .btn02 {
}

.c-discover__inner-btn-area .btn02 a.c-btn01 {
	min-width: 25rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
}

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

	.c-discover {
		background: url(../img/lp/discover_bg01_sp.png) no-repeat center center / cover;
	}

	.c-discover__inner {
		padding: 2.5rem 0 3.5rem;
	}

	.c-discover__inner-ttl {
		font-size: 1.389rem;
		line-height: 1.3;
	}

	.c-discover__inner-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 1.5rem 0;
		width: 29rem;
		padding: 0;
		margin: 3rem auto 0;
	}

	.c-discover__inner-list-sec {
		width: 13.3rem;
	}

	.c-discover__inner-list-sec .plus {
		width: 1.6rem;
		margin-top: .9rem;
		margin-left: 1.4rem;
	}

	.c-discover__inner-list-sec .plus img {
		display: block;
		width: 100%;
		max-width: none;
	}

	.c-discover__inner-list-sec .ttl {
		margin: 1.5rem -1em 0;
		font-size: 1.197rem;
		line-height: 1.3;
	}

	.c-discover__inner-btn-area {
		display: flex;
		justify-content: center;
		gap: 1rem;
		margin-top: 3rem;
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.c-discover__inner-btn-area .btn01 a.c-btn01 {
		min-width: 15rem;
		padding: .7rem .8rem;
		font-size: 1rem;
	}

	.c-discover__inner-btn-area .btn02 a.c-btn01 {
		min-width: 15rem;
		padding: .7rem .8rem;
		font-size: 1.032rem;
	}
}



/**********************************

 c-icons

***********************************/
.c-icons {
	background: url(../img/lp/icons_bg01_pc.jpg) no-repeat center center / cover;
}

.c-icons__inner {
	padding: 3rem 0 4rem;
}

.c-icons__inner-ttl {
	margin: 0;
	font-size: 3.6rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
}

.c-icons__inner-list {
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	margin-top: 4rem;
}

.c-icons__inner-list-sec {
	width: 19.3rem;
	position: relative;
	z-index: 1;
}

.c-icons__inner-list-sec .pic {
	text-align: center;
}

.c-icons__inner-list-sec .pic img {
	width: 100%;
	max-width: none;
	border-radius: 1.5rem;
}

.c-icons__inner-list-sec .ttl {
	margin: 1.2rem 0 0;
	color: #000000;
	font-size: 1.731rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
}

.c-icons__inner-btn {
	margin-top: 3rem;
	text-align: center;
}

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

	.c-icons {
		background: url(../img/lp/icons_bg01_sp.jpg) no-repeat center center / cover;
		overflow: hidden;
	}

	.c-icons__inner {
		padding: 2.5rem 0 3.5rem;
	}

	.c-icons__inner-ttl {
		font-size: 2.361rem;
		line-height: 1.2;
	}

	.c-icons__inner-list {
		display: block;
		padding: 0;
		margin-top: 3rem;
		margin-right: calc(50% - 50vw);
		margin-bottom: 0 !important;
		/*overflow: hidden;*/
	}

	.c-icons__inner-list .slick-prev {
		display: none !important;
		width: 2.8rem;
		height: 5.3rem;
		background: url(../img/lp/icon_prev01.png) no-repeat center / contain;
		position: absolute;
		top: 10.5rem;
		left: -1.8rem;
		z-index: 2;
		transform: none;
		-webkit-transform: none;
	}

	.c-icons__inner-list .slick-prev:before {
		display: none;
	}

	.c-icons__inner-list .slick-next {
		width: 2.8rem;
		height: 5.3rem;
		background: url(../img/lp/icon_next01.png) no-repeat center / contain;
		position: absolute;
		top: 10.5rem;
		left: 30rem;
		right: auto;
		z-index: 2;
		transform: none;
		-webkit-transform: none;
	}

	.c-icons__inner-list .slick-next:before {
		display: none;
	}

	.c-icons__inner-list .slick-dots {
		padding-right: 3rem;
		font-size: 0;
		bottom: -2rem;
		z-index: 2;
	}

	.c-icons__inner-list .slick-dots li {
		width: .4rem;
		height: .4rem;
		margin: 0 .15rem;
		/*background: #000;*/
		background: rgba(255,200,69,.4);
		border-radius: 50%;
		transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.c-icons__inner-list .slick-dots li.slick-active {
		width: 2.3rem;
		border-radius: 20rem;
	}

	.c-icons__inner-list .slick-dots li button {
		display: none;
	}

	.c-icons__inner-list .slick-list {
		margin-right: -2.5rem;
	}

	.c-icons__inner-list .slick-track {
	}

	.c-icons__inner-list-sec {
		width: auto;
		margin-right: 2.5rem;
		position: relative;
		z-index: 1;
	}

	.c-icons__inner-list-sec .pic {
		width: 29rem;
		text-align: center;
	}

	.c-icons__inner-list-sec .pic img {
		width: 100%;
		max-width: none;
		border-radius: 1.5rem;
	}

	.c-icons__inner-list-sec .ttl {
		margin: 1.5rem 0 0;
		font-size: 1.667rem;
	}

	.c-icons__inner-btn {
		margin-top: 5rem;
	}
}



/**********************************

 c-limits

***********************************/
.c-limits {
	background: url(../img/lp/limits_bg01_pc.jpg) no-repeat center center / cover;
	position: relative;
	z-index: 1;
}

.c-limits:before {
	content: "";
	display: block;
	width: 150rem;
	height: 100%;
	background: url(../img/lp/limits_bg02_pc.png) no-repeat center -6.5rem;
	background-size: 150rem auto;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.c-limits__inner {
	padding: 5rem 0 5.5rem;
}

.c-limits__inner-ttl {
	color: #fff;
	font-size: 3.6rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
}

.c-limits__inner-txt01 {
	margin-top: 1em;
	color: #fff;
	font-size: 2.083rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.05;
}

.c-limits__inner-txt01:first-of-type {
	margin-top: 4.5rem;
}

.c-limits__inner-btn {
	margin-top: 7rem;
	text-align: center;
}

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

	.c-limits {
		background: url(../img/lp/limits_bg01_sp.jpg) no-repeat center top / cover;
	}

	.c-limits:before {
		display: none;
	}

	.c-limits__inner {
		padding: 5.5rem 0 5rem;
	}

	.c-limits__inner-ttl {
		font-size: 2.361rem;
		line-height: 1.05;
	}

	.c-limits__inner-txt01 {
		width: 27rem;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		font-size: 1.389rem;
		/*text-align: left;*/
		line-height: 1.6;
	}

	.c-limits__inner-txt01:first-of-type {
		margin-top: 2.5rem;;
	}

	.c-limits__inner-btn {
		margin-top: 5rem;
		text-align: center;
	}
}



/**********************************

 c-cv

***********************************/
.c-cv {
	background: #000f3c;
}

.c-cv__inner {
	padding-top: 4rem;
	padding-bottom: 3rem;
	position: relative;
	z-index: 1;
}

.c-cv__inner:before {
	content: "";
	display: block;
	width: calc(100% + 100vw);
	height: 100%;
	margin-right: 76.5rem;
	background: url(../img/lp/cv_bg01_pc.png) repeat right 1.8rem;
	background-size: 2.2rem 2.2rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.c-cv__inner:after {
	content: "";
	display: block;
	width: calc(100% + 100vw);
	height: 100%;
	margin-left: 76.5rem;
	background: url(../img/lp/cv_bg01_pc.png) repeat right -.2rem;
	background-size: 2.2rem 2.2rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.c-cv__inner-ttl {
	margin: 0;
	color: #fff;
	font-size: 3.54rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
}

.c-cv__inner-txt01 {
	margin-top: 1.5rem;
	color: #fff;
	font-size: 1.667rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.33293341;
}

.c-cv__inner-btn {
	margin-top: 3.5rem;
	text-align: center;
}

.c-cv__inner-logo {
	width: 14.4rem;
	margin: 3.5rem auto 0;
}

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

	.c-cv__inner {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}

	.c-cv__inner:before {
		margin-right: 30rem;
		background: url(../img/lp/cv_bg01_sp.png) repeat right 1.4rem;
		background-size: 1.8rem 1.8rem;
	}

	.c-cv__inner:after {
		margin-left: 30rem;
		background: url(../img/lp/cv_bg01_sp.png) repeat right 1.8rem;
		background-size: 1.8rem 1.8rem;
	}

	.c-cv__inner-ttl {
		margin: 0;
		font-size: 2.361rem;
		line-height: 1.2;
	}

	.c-cv__inner-txt01 {
		margin-top: 1.5rem;
		font-size: 1.389rem;
		text-align: left;
		line-height: 1.33293341;
	}

	.c-cv__inner-btn {
		margin-top: 4rem;
	}

	.c-cv__inner-logo {
		width: 14.4rem;
		margin: 3.5rem auto 0;
	}
}


/**********************************

 c-fixed-btn

***********************************/
.c-fixed-btn {
	width: 8.5rem;
	position: fixed;
	bottom: 5.2rem;
	right: 5.2rem;
	z-index: 10;
}

.c-fixed-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 8.5rem;
	height: 8.5rem;
	text-decoration: none;
	background: rgba(255,201,69,.75);
	border: .3rem solid rgba(255,255,255,.75);
	border-radius: 50%;
	transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-fixed-btn a:hover {
	background: rgba(255,219,132,.75);
}

.c-fixed-btn a .icon {
	display: block;
	padding-top: 2.2rem;
	font-size: 1.389rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.28571429;
	position: relative;
	z-index: 1;
}

.c-fixed-btn a .icon:before {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../img/lp/icon_blank01.png) no-repeat center / contain;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

@media screen and (max-width:767px){
	.c-fixed-btn {
		width: 87px;
		bottom: 1.2rem;
		right: 1.2rem;
	}

	.c-fixed-btn a {
		width: 87px;
		height: 87px;
		border: 2px solid rgba(255,255,255,.75);
	}

	.c-fixed-btn a:hover {
		background: rgba(255,201,69,.75);
	}

	.c-fixed-btn a .icon {
		padding-top: 22px;
		font-size: 13.89px;
	}

	.c-fixed-btn a .icon:before {
		width: 16px;
		height: 16px;
	}

}


/**********************************

 xxx

***********************************/

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

}