#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	font-weight: 700;
	box-shadow: 0 0 10px rgba(0, 0, 0, .16);
	background: #fff;
}

#header .h-inner {
	display: flex;
	padding: 10px 20px;
	align-items: center;
	justify-content: space-between;
}

#header .h-right-box {
	display: flex;
	align-items: center;
}

#menu-header-nav {
	display: flex;
}

#menu-header-nav li {
	padding: 5px 25px;
	border-left: 1px solid #ededed;
	font-size: 1.4rem;
	line-height: 1
}

#menu-header-nav li:first-child {
	border-left: none;
}

.h-account {
	margin-left: 10px;
}

.h-account a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	background: #393939;
	color: #fff;
	font-size: 1.4rem;
	padding: 13px 23px 13px 39px;
	line-height: 1
}

.h-account a::before {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	background: url(./images/h_icon_01.png) no-repeat ;
	left: 10px;
	top: 7px;
}

.h-cart {
	margin-left: 10px;
}

.h-cart a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	background: #2746B4;
	color: #fff;
	font-size: 1.4rem;
	padding: 13px 40px 13px 55px;
	line-height: 1
}

.h-cart a::before {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	background: url(./images/h_icon_02.png) no-repeat ;
	left: 24px;
	top: 7px;
}

#sp-menu {
	box-sizing: border-box;
	position: absolute;
	transition: all 0.35s ease;
	top: 70px;
	left: 0;
	background-color: #fff;
	width: 100%;
	inset-area: center;
	position-area: center;
	padding: 40px 20px;
	opacity: 0;
	pointer-events: none;
}


#sp-menu.opening {
	position: fixed;
	transition: all 0.35s ease;
	opacity: 1;
	pointer-events: auto;
	height: calc(100vh - 70px);
	z-index: 999;
}

@media screen and (min-width: 1134px) {
	#h-sp-menu {
		display: none;
	}
}

@media screen and (max-width: 1133px) {
	#header .h-right-box {
		display: none;
	}

	#menu-header-nav {
		display: block;
	}

	#menu-header-nav li {
		border-left: none;
		font-size: 2rem;
		text-align: center;
		padding: 20px 25px;
	}
	.h-account {
		margin-left: 0;
		margin-top: 30px;
		text-align: center;
	}
	.h-cart {
		margin-left: 0;
		margin-top: 30px;
		text-align: center;
	}
	.h-account a {
		padding: 14px 0 14px 20px;
		width: 100%;
		max-width: 180px;
	}
	.h-account a::before {
		left: 20px;
	}
	.h-cart a {
		padding: 14px 0 14px 20px;
		width: 100%;
		max-width: 180px;
	}
	.h-cart a::before {
		left: 48px;
	}
}

.mainvisual {
	width: 100%;
	margin: 0;
}

.mv-inner {
	height: 585px;
	padding: 135px 0 0 208px;
	background-image: url(./images/mv_pc.png) ;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}

.mv-inner .mv-text-box {
	display: inline-block;
}

.product-name-wrap {
	display: inline-block;
	position: relative;
}

.product-name-wrap::after {
	content: "";
	width: 170px;
	height: 130px;
	background: url('./images/icon_penguin_sheet.png') no-repeat center bottom / contain;
	position: absolute;
	bottom: -18px;
	right: -135px;
	pointer-events: none;
}

.mv-product-name {
	display: flex;
	padding: 10px 0;
	background: #2746B4;
	border-radius: 6px;
	font-size: 2.2rem;
	position: relative;
}

.product-txt {
	padding: 0 25px;
	color: #fff;
	border-left: 1px solid #fff;
}

.product-txt:first-child {
	border-left: none;
}

.mv-product-pickup {
	margin-top: 20px;
	font-size: 3.8rem;
	line-height: 1.29;
}

.mv-product-pickup .background {
	display: inline-block;
	background: #fff;
	padding: 8px 16px;
}

.mv-product-pickup .under-line {
	position: relative;
	z-index: 1;
	background: linear-gradient(transparent 75%, #f5e49a 0%) no-repeat;
	background-position-y: -5px;
}

.mv-product-pickup .mv-text-min {
	font-size: 3.8rem;
}

.mv-product-pickup .mv-text-max {
	font-size: 5.8rem;
	line-height: 1.31;
	color: #2746B4;
}

.mv-product-recommend {
	margin-top: 43px;
	text-align: left;
}

.mv-product-recommend-txt {
	position: relative;
	padding-left: 55px;
	font-size: 2.6rem;
}

.mv-product-recommend-txt::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(0%);
	background: url(./images/item_check.png);
}

.mv-product-recommend-txt + .mv-product-recommend-txt {
	margin-top: 15px;
}

.mv-product-recommend-txt .text-min {
	font-size: 2.2rem;
}

.mv-product-recommend-txt .background {
	display: inline-block;
	background: #fff;
	padding: 4px 8px;
}

.mv-product-recommend-txt .underline {
	position: relative;
	background: linear-gradient(transparent 75%, #f5e49a 0%) no-repeat;
    background-position-y: -5px;
}

@media screen and (min-width: 1001px) {
	.sp-mv {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.mv-inner {
		height: auto;
		background: none;
		padding: 100px 0 0;
		text-align: center;
		overflow: hidden;
	}
	.sp-mv {
		background-size: 100%;
	}
	.mv-text-box {
		padding: 0 20px 40px;
	}
}

@media screen and (max-width: 767px) {
	.product-name-wrap {
		padding-right: 75px;
	}
	.product-name-wrap::after {
		width: 140px;
		height: 100px;
		right: -40px;
		bottom: -15px;
	}
	.mv-product-name {
		font-size: 1.6rem;
		padding: 8px 12px;
		justify-content: center;
		margin: 0 auto;
		flex-direction: column;
		align-items: flex-start;
		row-gap: 5px;
	}
	.product-txt {
		padding: 0 15px;
		border-left: none;
	}
	.mv-product-pickup {
		font-size: 2rem;
		text-align: center;
		margin-top: 30px;
		line-height: 2;
	}
	.mv-product-pickup .mv-text-min {
		font-size: 1.8rem;
	}
	.mv-product-pickup .mv-text-max {
		font-size: 2.8rem;
	}
	.mv-product-pickup .background {
		background: none;
		padding: 0;
	}
	.mv-product-recommend {
		column-gap: 30px;
		justify-content: center;
		margin: 40px auto 0;
		max-width: 320px;
	}
	.mv-product-recommend-txt {
		font-size: 2rem;
		padding-left: 50px;
	}
	.mv-product-recommend-txt::before {
		width: 30px;
		height: 30px;
		background-position: center;
		background-size: contain;
	}
	.mv-product-recommend-txt .text-min {
		font-size: 1.8rem;
	}
	.mv-product-recommend-txt .background {
		background: transparent;
		padding: 0;
	}
}

#under-mv-cta {
	background: url(./images/under_mv_cta_bg.png);
	background-size: 100% 100%;
}

#under-mv-cta .sec-inner {
	padding: 30px 0;
}

#under-mv-cta .content-width {
	max-width: 920px;
}

#under-mv-cta .content-box {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.content-box a {
	position: relative;
	display: inline-block;
	color: #fff;
	text-align: center;
	align-content: center;
	width: 45.7%;
}

.content-box a::after {
	position: absolute;
	content: "";
	background: url(./images/decoration.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.content-btn01 {
	font-size: 2rem;
	background: #393939;
	letter-spacing: 0.02em;
	padding: 22px 0;
}

.content-btn01 span {
	position: relative;
	padding-left: 55px;
}

.content-btn01 span::before {
	position: absolute;
	content: "";
	background: url(./images/cta_item_01.png);
	background-repeat: no-repeat;
	width: 39px;
	height: 31px;
	top: 0;
	left: 0;
}

.content-btn02 {
	font-size: 2.2rem;
	background: #2746B4;
	letter-spacing: 0.02em;
	padding: 22px 0;
}

.content-btn02 span {
	position: relative;
	padding-left: 55px;
}

.content-btn02 span::before {
	position: absolute;
	content: "";
	background: url(./images/cta_item_02.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	top: -5px;
	left: 0;
}

@media screen and (max-width: 767px) {
	#under-mv-cta .content-box {
		flex-direction: column;
		align-items: center;
	}
	.content-box a {
		width: 100%;
	}
}


.sec-ttl-box {
	text-align: center;
	color: #2646B4;
	font-size: 8rem;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
}

.sec-ttl {
	display: inline-block;
	position: relative;
	line-height: 1;
}

.lead-box {
	text-align: center;
	margin-top: 20px;
}

.lead-txt {
	font-size: 2.2rem;
}

.trouble-lead-box .lead-txt {
	font-size: 1.8rem;
}

.trouble-lead-box .lead-sub {
	font-size: 3.2rem;
	margin-top: 5px;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
	.sec-ttl-box {
		font-size: 5rem;
	}
	.sec-ttl img {
		width: 80%;
	}
	.content-btn01 {
		font-size: 1.6rem;
	}
	.content-btn02 {
		font-size: 1.8rem;
	}
}

#trouble {
	background: #f8f8f8;
	position: relative;
}

#trouble .sec-inner {
	padding: 87px 0 0;
}

#trouble::after {
	content: "";
	position: absolute;
	height: 80px;
	width: 100%;
	clip-path: polygon(0 0,50% 100%,100% 0);
	background-color: #f8f8f8;
	left: 0;
	bottom: -80px;
}

.trouble-lead-box {
	margin-top: 35px;
}

#trouble .content-box {
	margin-top: 50px;
}

.trouble-list {
	display: flex;
	justify-content: center;
}

.trouble-item {
	padding: 0 70px 30px;
}

.trouble-item + .trouble-item {
	border-left: 1px solid #D5D5D5;
}

.trouble-item .txt-box{
	font-size: 2.2rem;
	margin-top: 35px;
	text-align: center;
}

.trouble-item .txt-box .underline {
	position: relative;
	background: linear-gradient(transparent 75%, #f5e49a 0%) no-repeat;
	background-position-y: -5px;
}

.trouble-item .txt-box .txt-blue {
	color: #2646B4;
}

.trouble-after-txt-box {
	margin-top: 45px;
	text-align: center;
}

.trouble-after-txt-sub {
	font-size: 2.6rem;
}

.trouble-after-txt {
	position: relative;
	margin-top: 40px;
	font-size: 3.6rem;
}

.trouble-after-txt .txt-blue {
	color: #2746B4;
	background: linear-gradient(transparent 75%, #f5e49a 0%) no-repeat;
	background-position-y: -5px;
}

@media screen and (max-width: 1000px) {
	.trouble-item {
		padding: 0 30px 30px;
	}
}

@media screen and (max-width: 767px) {
	.trouble-list {
		display: block;
	}
	.trouble-lead-box .lead-sub {
		font-size: 2.2rem;
	}
	.trouble-item .txt-box {
		margin-top: 0;
		font-size: 2rem;
	}
	.trouble-item {
		padding: 0 0 30px;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}
	.trouble-item + .trouble-item {
		border-left: none;
	}
	.trouble-item img {
		width: 140px;
	}
	.trouble-after-txt {
		font-size: 3rem;
	}
	.trouble-after-txt-sub {
		font-size: 2rem;
	}
	.trouble-after-txt-box {
		margin-top: 30px;
	}
}

#merit {
	margin-top: 80px;
}

#merit .sec-inner {
	padding: 88px 0 75px;
}

#merit .content-box {
	margin-top: 63px;
	border-top: 2px solid #2746B4;
	position: relative;
}

#merit .content-inner {
	padding-top: 63px;
	display: flex;
	gap: 50px;
}

#merit .merit-content-ttl {
	position: absolute;
	top: 0;
	left: 50%;
	padding: 0 45px;
	margin: 0;
	color: #2746B4;
	background-color: #fff;
	transform: translateY(-50%) translateX(-50%);
	font-size: 2.6rem;
}

.merit-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.merit-list li {
	position: relative;
	padding-left: 50px;
	font-size: 2.2rem;
}

.merit-list li span {
	color: #2746b4;
	background: linear-gradient(transparent 75%, #f5e49a 0%) no-repeat;
	background-position-y: -5px;
}

.merit-list li::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: 17px;
	left: 0;
	transform: translateY(-50%) translateX(0%);
	background: url(./images/item_check.png);
}

.merit-under-content-box {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

.merit-under-content-box .under-content {
	display: flex;
	gap: 30px;
	align-items: flex-end;
}

.merit-under-content-box .under-content:first-child {
	padding-left: 0;
}

.merit-under-content-box .under-content:last-child {
	padding-right: 0;
}

.merit-under-content-box .head {
	font-size: 2.2rem;
}

.merit-under-content-box .body {
	font-size: 3.2rem;
	color: #2746B4;
	background: linear-gradient(transparent 90%, #f5e49a 0%) no-repeat;
	background-position-y: -20px;
}

.merit-under-content-box .body .large {
	font-size: 4.8rem;
	font-weight: 700;
	font-family: "Poppins", sans-serif;
}

.merit-under-content-box .body .small {
	font-size: 3.2rem;
}

.under-content02::before ,
.under-content03::before {
	content: "";
	width: 2px;
	height: 120px;
	background: #EDEDED;
	transform: rotate(15deg);
}
@media screen and (max-width: 1012px) {
	.merit-under-content-box {
		flex-direction: column;
		align-items: center;
	}
	.under-content02::before, .under-content03::before {
		content: none;
	}
	.merit-under-content-box .under-content {
	}
}

@media screen and (max-width: 1000px) {
	#merit .content-inner {
		align-items: center;
	}
	.merit-list li + li {
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	#merit .content-box {
		border-top: none;
		margin-top: 40px;
	}
	#merit .content-inner {
		padding-top: 0;
	}
	#merit .merit-content-ttl {
		position: relative;
		text-align: center;
		padding: 0;
		margin: 20px 0 20px;
		transform: translate(0, 0);
		top: unset;
		left: unset;
	}
	.merit-under-content-box .under-content {
		align-items: center;
		gap: 15px;
		width: 100%;
		max-width: 320px;
		justify-content: space-between;
	}
	.merit-under-content-box .under-content + .under-content {
		margin-top: 40px;
	}
	.merit-under-content-box .body .large {
		font-size: 3.8rem;
	}
	.merit-under-content-box .body {
		font-size: 3rem;
	}
	.merit-list li {
		font-size: 2rem;
		padding-left: 42px;
	}
	.merit-list li::before {
		width: 30px;
		height: 30px;
		top: 17px;
		background-position: center;
		background-size: contain;
	}
}

#cta {
	background: url(./images/cta_bg.png) no-repeat;
	background-size: 100% 100%;
}

#cta .sec-inner {
	padding: 53px 0 60px;
}

#cta .content-width {
	max-width: 920px;
}

.cta-catch {
	font-size: 3.2rem;
	text-align: center;
}

.cta-note {
	font-size: 1.8rem;
	text-align: center;
	margin-top: 23px;
	font-weight: normal;
}

#cta .content-box {
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
	flex-wrap: wrap;
}

#cta .content-box a {
	width: 100%;
}

#cta .content-box .content-txt {
	font-size: 1.8rem;
}

#cta .content-box01 ,
#cta .content-box02 {
	display: inline-block;
	text-align: center;
	width: 45.7%;
}

#cta .content-box01 a {
	padding: 24px 0
}

@media screen and (max-width: 767px) {
	.cta-catch {
		font-size: 2.4rem;
	}
	#cta .content-box {
		flex-direction: column;
		align-items: center;
	}
	#cta .content-box01, #cta .content-box02 {
		width: 100%;
	}
	#cta .content-box02 {
		margin-top: 20px;
	}
}

#feature {
	background: #2746B4;
}

#feature .sec-inner {
	padding: 107px 0 100px;
}

#feature .content-width {
	max-width: 1124px;
}

#feature .sec-ttl ,
#feature .lead-txt {
	color: #fff;
}

.feature-list {
	margin-top: 50px;
}

.feature-item {
	padding: 50px;
	display: flex;
	justify-content: space-between;
	background: #fff;
	gap: 40px;
}

.feature-item + .feature-item {
	margin-top: 50px;
}

.feature-item .feature-item-note {
	font-size: 1.4rem;
	line-height: 1.2;
	margin: 8px 0 0;
}

.feature-item-ttl-box {
	display: flex;
	align-items: center;
}

.feature-item-ttl-num {
	font-size: 5.6rem;
	padding-right: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	color: #2746B4;
	border-right: 2px solid #EDEDED;
}

.feature-item-ttl {
	font-size: 3.2rem;
	padding-left: 20px;
}

.feature-item-ttl span {
	color: #2746b4;
	background: linear-gradient(transparent 80%, #f5e49a 0%) no-repeat;
	background-position-y: -5px;
}

.feature-item-text-box {
	width: 50%;
}

.feature-item .img-box {
	width: 48%;
}

.feature-item-txt {
	margin-top: 50px;
	font-weight: normal;
	line-height: 2.125;
}

.feature-item-txt span {
	background: linear-gradient(transparent 80%, #e0e7ff 0%) no-repeat;
	background-position-y: -5px;
	font-weight: 700;
}

.feature-item-txt p + p {
	margin-top: 10px;
}

/* feature-item_04_style */
.feature-item.flex-column {
	flex-direction: column;
	gap: 50px;
}

.feature-item.flex-column .feature-item-text-box {
	width: 100%;
}

.feature-item.flex-column .feature-item-illust-box {
	display: flex;
	justify-content: space-between;
	gap: 40px 24px;
}

.feature-item.flex-column .feature-item-illust-box .illust-item .img-box {
	width: 100%;
}

.feature-item.flex-column .feature-item-illust-box .illust-item .text-box {
	margin-top: 30px;
}

.feature-item.flex-column .feature-item-illust-box .illust-item .text-box h3 {
	font-size: 2rem;
	font-weight: bold;
}

.feature-item.flex-column .feature-item-illust-box .illust-item .text-box h3 span {
	color: #2746b4;
    background: linear-gradient(transparent 80%, #f5e49a 0%) no-repeat;
    background-position-y: -5px;
}

.feature-item.flex-column .feature-item-illust-box .illust-item .text-box p {
	font-size: 1.6rem;
	font-weight: normal;
}

.feature-item.flex-column .feature-item-illust-box .illust-item .text-box p span {
	font-size: 1.3rem;
}

@media screen and (max-width: 1000px) {
	.feature-item {
		flex-direction: column;
	}
	.feature-item-text-box {
		width: 100%;
	}
	.feature-item .img-box {
		width: 100%;
		text-align: center;
	}
	.feature-item-txt {
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.feature-item-ttl-box {
		display: block;
	}
	.feature-item-ttl-num {
		padding-right: 0;
		border-right: none;
	}
	.feature-item-ttl {
		font-size: 2.4rem;
		padding-left: 0;
	}
	.feature-item {
		padding: 15px;
	}
	.feature-item-txt {
		margin-top: 20px;
	}
	/* feature-item_04_style */
	.feature-item.flex-column .feature-item-illust-box {
		flex-direction: column;
		max-width: 500px;
		margin: 0 auto;
	}
}

#products {
	background: url(./images/products_bg.png) no-repeat;
	background-size: cover;
}

#products .sec-inner {
	position: relative;
	padding: 107px 0 0;
	margin-bottom: -100px;
}

#products .content-width {
	max-width: 1024px;
}

#products .products-wrap {
	margin-top: 70px;
	margin-bottom: 50px;
}

#products .products-option-box {
	margin-top: 100px;
}

.products-wrap .products-main {
	display: flex;
	width: 100%;
	position: relative;
}

.products-wrap .products-main-note {
	font-size: 1.4rem;
	width: 48%;
	text-indent: -1em;
	padding-left: 1em;
	box-sizing: border-box;
	margin-top: 20px;
	margin-left: auto;
}

.products-wrap .products-option {
	position: relative;
    width: 85%;
    padding: 40px;
    box-sizing: border-box;
    border: 2px solid #2746B4;
    border-radius: 0 10px 10px 10px;
    margin: 0 auto;
}
.products-wrap .products-option::before {
	content: "専用オプション";
	color: #fff;
	padding: 8px 24px;
	background: #2746B4;
	border-radius: 10px 10px 0 0;
	position: absolute;
	top: 0;
	left: -2px;
	transform: translateY(-100%);
}

.products-wrap .products-option-list {
	margin-top: 100px;
	display: flex;
	gap: 50px 30px;
	position: relative;
    padding: 40px;
    box-sizing: border-box;
    border: 2px solid #2746B4;
    border-radius: 0 10px 10px 10px;
}

.products-wrap .products-option-list::before {
	content: "専用オプション";
	color: #fff;
	padding: 8px 24px;
	background: #2746B4;
	border-radius: 10px 10px 0 0;
	position: absolute;
	top: 0;
	left: -2px;
	transform: translateY(-100%);
}

.products-wrap .products-option-list .products-option-item {
	width: calc((100% - 60px) / 3);
	max-width: 350px;
	display: flex;
	flex-direction: column;
}

.products-wrap .products-option-list .products-option-item .text-box {
	margin-bottom: 30px;
}

.products-wrap .products-option-list .products-option-item .text-box .option-name {
	margin-top: 10px;
}

.products-wrap .products-option-list .products-option-item .option-link-box {
	margin-top: auto;
	text-align: center;
}

.products-wrap .products-option-list .products-option-item .option-link-box .option-link {
	display: inline-block;
	text-decoration: underline;
	position: relative;
	padding-right: 40px;
}

.products-wrap .products-option-list .products-option-item .option-link-box .option-link::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background:url(./images/arrow_right.png);
	background-repeat: no-repeat;
	top: 50%;
	right: 0;
	transform: translateY(-50%) translateX(0%);
}

.cartjs_box {
	padding: 0!important;
}

.cartjs_product_form {
	display: flex;
	flex-direction: column;
}

.cartjs_product_img {
	width: 100%!important;
	margin: 0 auto 30px!important;
}

.cartjs_cart_in {
	width: 100%!important;
	margin: 0 auto!important;
}

.cartjs_product_img + .cartjs_cart_in,
.cartjs_cart_in:first-child {
	text-align: left!important;
}

.cartjs_cart_in input {
	margin-bottom: 0!important;
}

.cartjs_product_name {
	display: inline-block;
	font-size: 2rem!important;
	margin-bottom: 30px;
}

.cartjs_product_explain {
	width: 100%!important;
	margin: 0 0 30px!important;
	font-weight: 400!important;
	font-size: 1.4rem!important;
}

.cartjs_product_table table {
	width: 100%!important;
	margin: 0 auto 30px!important;
}

.cartjs_product_table table tbody {
	display: flex;
	flex-direction: column;
}

.cartjs_product_table table th,
.cartjs_product_table table td {
	display: block!important;
}

.cartjs_product_table table th {
	font-size: 1.4rem!important;
}

.cartjs_cart_in input[type=submit] {
	width: 100%!important;
	max-width: 320px;
	background-color: #2746B4!important;
	background-image: url('./images/deco_btn_bg.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding-left: 30px!important;
}

.cartjs_product_table + .cartjs_cart_in {
	position: relative;
	max-width: 320px;
}

.cartjs_product_table + .cartjs_cart_in::before {
	content: "";
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background: url('./images/icon_btn_cart.png') no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: calc(50% - 65px);
}

.cartjs_product_table table .cartjs_sales_price {
	order: 1;
}

.cartjs_product_table table .cartjs_sales_price th {
	padding-bottom: 5px!important;
}

.cartjs_product_table table .cartjs_sales_price th::selection {
	background-color: transparent;
}

.products-main .cartjs_product_table table .cartjs_sales_price th::before {
	content: "幅 1m x 長さ 2mあたりの";
	cursor: text;
}

.cartjs_product_table table .cartjs_sales_price td {
	padding-bottom: 20px!important;
	font-size: 2.8rem!important;
}

.cartjs_product_table table .cartjs_product_num {
	display: flex;
	align-items: center;
	order: 3;
}

.cartjs_product_table table .cartjs_product_num th,
.cartjs_product_table table .cartjs_product_num td {
	padding-bottom: 0!important;
}

.cartjs_product_table table .cartjs_product_num td {
	display: flex!important;
	align-items: center;
}

.cartjs_product_table table .cartjs_product_num th {
	font-size: 1.6rem!important;
	font-weight: bold!important;
	min-width: 100px;
}

.cartjs_product_table table .cartjs_product_num th::selection {
	background-color: transparent;
}

.products-main .cartjs_product_table table .cartjs_product_num th {
	font-size: 0!important;
}

.products-main .cartjs_product_table table .cartjs_product_num th::before {
	content: "必要個数";
	font-size: 1.6rem;
	cursor: text;
}

.cartjs_product_table table .cartjs_product_num td input {
	text-align: center!important;
	background-color: #FCFCFC!important;
	border-color: #DDDDDD!important;
	padding: 4px 6px!important;
	margin-right: 10px;
}

.cartjs_product_table table .cartjs_option {
	display: flex;
	align-items: center;
	order: 2;
	margin-bottom: 20px;
	flex-direction: column;
	row-gap: 10px;
}

.cartjs_product_table table .cartjs_option th,
.cartjs_product_table table .cartjs_option td {
	padding-bottom: 0!important;
	width: 100%!important;
}

.cartjs_product_table table .cartjs_option th {
	font-size: 1.4rem!important;
	font-weight: bold!important;
	min-width: 100px;
}

.cartjs_product_table table .cartjs_option th::selection {
	background-color: transparent;
}

.cartjs_product_table table .cartjs_option td select {
	width: auto!important;
	font-size: 1.6rem!important;
	font-weight: bold!important;
	line-height: 1.64!important;
	height: auto!important;
	padding: 8px 6px!important;
	background-color: #FCFCFC!important;
	border-color: #DDDDDD!important;
	border-radius: 0!important;
}

.cartjs_product_table + .cartjs_cart_in {
	transition: all .3s ease;
}

.cartjs_product_table + .cartjs_cart_in:active,
.cartjs_product_table + .cartjs_cart_in:hover {
	text-decoration: none;
	opacity: 0.7;
}

.products-main .cartjs_product_table + .cartjs_cart_in {
	margin: 0 auto 0 0!important;
}

@media screen and (min-width: 768px) {
	.products-main .cartjs_box {
		margin: 0 0 0 auto !important;
		width: 48% !important;
	}
	.products-main .cartjs_product_img {
		position: absolute;
		left: 0;
		width: 48% !important;
	}

	.products-option .cartjs_box {
		margin: 0 0 0 auto !important;
		width: 48% !important;
	}
	.products-option .cartjs_product_img {
		position: absolute;
		left: 40px;
		width: calc(48% - 40px) !important;
		padding: 0 30px !important;
        box-sizing: border-box;
	}
}

@media screen and (max-width: 767px) {
	#products .products-wrap {
		flex-direction: column!important;
		row-gap: 50px;
		margin-top: 40px;
	}
	.products-wrap .products-main {
		display: block;
		width: 100%;
	}

	.products-wrap .products-main-note {
		width: 100%;
	}

	.products-wrap .products-option {
		width: 90%;
		padding: 30px;
	}
	.products-wrap .products-option::before {
		font-size: 1.4rem;
	}
	.products-wrap .products-option-list {
		flex-direction: column;
		align-items: center;
		padding: 40px 30px;
	}
	.products-wrap .products-option-list .products-option-item {
		width: 100%;
	}

	/* カラーミー */
	.cartjs_box {
		border: none!important;
	}
	.cartjs_header {
		display: flex;
		flex-direction: column;
		border: none!important;
	}
	.cartjs_header h2 {
		order: 2;
		background: transparent!important;
		margin: 20px 0 20px!important;
	}
	.products-option .cartjs_header h2 {
		font-size: 1.5rem!important;
	}
	.cartjs_header p {
		order: 1;
		padding: 0!important;
	}
	.cartjs_form {
		display: flex;
		flex-direction: column;
	}
	.cartjs_form .cartjs_block {
		order: 2;
	}
	.products-option .cartjs_form .cartjs_block {
		margin-top: auto!important;
	}
	.cartjs_form .cartjs_description {
		order: 1;
		padding: 0!important;
		margin-bottom: 30px;
		font-size: 1.4rem;
	}
	.products-option .cartjs_form .cartjs_description {
		font-size: 1.3rem!important;
	}
	.cartjs_block {
		padding: 0!important;
	}
	.cartjs_block table tbody {
		display: flex;
		flex-direction: column;
	}
	.cartjs_block table tbody .cartjs_sales_price {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
		order: 1;
	}
	.cartjs_block table tbody .cartjs_sales_price th {
		background: transparent!important;
		width: 100%!important;
		padding: 0!important;
		margin-bottom: 10px;
		font-size: 1.4rem;
	}
	.cartjs_block table tbody .cartjs_sales_price th::selection {
		background: transparent;
	}
	.products-main .cartjs_block table tbody .cartjs_sales_price th::before {
		content: "幅 1m x 長さ 2mあたりの";
		cursor: text;
	}
	.cartjs_block table tbody .cartjs_sales_price td {
		width: 100%!important;
		padding: 0!important;
	}
	.cartjs_block table tbody .cartjs_sales_price td p {
		font-size: 2.4rem!important;
		color: #333!important;
	}
	.products-option .cartjs_block table tbody .cartjs_sales_price td p {
		font-size: 1.8rem!important;
	}
	.cartjs_block table tbody .cartjs_product_num {
		display: flex;
		align-items: center;
		order: 3;
	}
	.cartjs_block table tbody .cartjs_product_num th {
		background: transparent!important;
		padding: 0!important;
		width: 100px!important;
		font-weight: bold!important;
	}
	.cartjs_block table tbody .cartjs_product_num th::selection {
		background-color: transparent;
	}
	.products-main .cartjs_block table tbody .cartjs_product_num th {
		font-size: 0!important;
	}
	.products-main .cartjs_block table tbody .cartjs_product_num th::before {
		content: "必要個数";
		font-size: 1.6rem;
		cursor: text;
	}
	.cartjs_block table tbody .cartjs_product_num td {
		padding: 0!important;
	}
	.cartjs_block table tbody .cartjs_product_num td input {
		width: 60px!important;
		text-align: center!important;
		background-color: #FCFCFC!important;
		border-color: #DDDDDD!important;
		padding: 4px 6px!important;
	}
	.cartjs_block table tbody .cartjs_option {
		display: flex;
		align-items: center;
		order: 2;
		margin-bottom: 10px;
		flex-direction: column;
		row-gap: 10px;
	}
	.cartjs_block table tbody .cartjs_option th {
		background: transparent!important;
		padding: 0!important;
		width: 100%!important;
		font-weight: bold!important;
		font-size: 1.4rem;
	}
	.cartjs_block table tbody .cartjs_option td {
		padding: 0!important;
		width: 100%!important;
	}
	.cartjs_block table tbody .cartjs_option td select {
		font-size: 1.6rem!important;
		font-weight: bold!important;
		line-height: 1.64!important;
		width: auto!important;
		height: auto!important;
		padding: 8px 6px!important;
		background-color: #FCFCFC!important;
		border-color: #DDDDDD!important;
		border-radius: 0!important;
	}
	.cartjs_dtl_tbl {
		margin-bottom: 30px!important;
	}
	.cartjs_buy p {
		position: relative;
	}
	.cartjs_buy p::before {
		content: "";
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
		background: url('./images/icon_btn_cart.png') no-repeat center / contain;
		position: absolute;
		top: 50%;
		left: calc(50% - 65px);
	}
	.cartjs_buy p input[type=submit] {
		line-height: 1!important;
		width: 100%!important;
		max-width: 335px;
		margin: 0 auto!important;
		background-color: #2746B4!important;
		background-image: url('./images/deco_btn_bg.png')!important;
		padding: 22px 10px 22px 45px!important;
		box-shadow: none!important;
		border: none!important;
		border-radius: 0!important;
		text-shadow: none!important;
	}
	.products-option .cartjs_buy p input[type=submit] {
		font-size: 1.5rem!important;
	}
	.products-option .cartjs_buy p::before {
		left: calc(50% - 55px);
	}

}

.products-txt-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;
}

.products-txt01 {
	font-weight: normal;
}

.products-txt02 {
	text-decoration: underline;
}

.products-txt02 a {
	position: relative;
	padding-right: 40px;
}

.products-txt02 a::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background:url(./images/arrow_right.png);
	background-repeat: no-repeat;
	top: 50%;
	right: 0;
	transform: translateY(-50%) translateX(0%);
}

.products-catch-cta {
	position: relative;
	max-width: 1024px;
	padding: 50px;
	display: flex;
	gap: 50px;
	align-items: center;
	background: #fff;
	bottom: -50px;
	outline: 6px solid #ededed;
	outline-offset: -6px;
}

.products-catch-cta .txt-box .ttl {
	font-size: 2.6rem;
	color: #2746b4;
	background: linear-gradient(transparent 80%, #f5e49a 0%) no-repeat;
	background-position-y: -5px;
	display: inline;
}

.products-catch-cta .txt-box .txt {
	font-size: 1.6rem;
	margin-top: 22px;
	font-weight: normal;
}

.products-catch-cta .txt-box .txt span {
	background: linear-gradient(transparent 80%, #e0e7ff 0%) no-repeat;
	background-position-y: -5px;
	font-weight: bold;
}

@media screen and (max-width: 1000px) {
	.products-catch-cta {
		flex-direction: column;
	}
}

@media screen and (max-width: 767px) {
	.products-catch-cta {
		padding: 30px;
	}
}


#banner-blue {
	width: 100%;
	height: 196px;
	background: #2746b4;
}

#works {
	background: #f8f8f8;
}

#works .sec-inner {
	padding: 80px 0 100px;
}

#works .works-img {
	margin-top: 50px;
}

#works .content-width {
	max-width: 1024px;
	margin-top: 50px;
}

#works .content-box {
	display: flex;
	justify-content: center;
	gap: 20px;
}

#works .content01 ,
#works .content02 {
	padding: 30px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	gap: 30px;
	width: 42.39%;
}

#works .content01 {
	position: relative;
	background: #FAD7D8;
	border: 4px solid #D91815;
}

#works .content01::after {
	content: "";
	position: absolute;
	width: 75px;
	height: 58px;
	top: 50%;
	right: 0;
	transform: translateY(-50%) translateX(100%);
	background: url(./images/item_arrow.png);
}

#works .content01 .txt-box {
	color: #d91815;
}

#works .content02 {
	background: #e5eafa;
	border: 4px solid #2746B4;
}

#works .content02 .txt-box {
	color: #2746b4;
}

#works .txt-head {
	font-size: 1.8rem;
	font-family: "Noto Sans JP", serif;
	font-weight: 700;
}

#works .txt-head span {
	font-size: 2.6rem;
}

#works .txt-body {
	font-size: 3.2rem;
}

#works .txt-body .poppins-large {
	font-size: 4.8rem;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 1;
	position: relative;
	top: 3px;

}

#works .txt-body .poppins-small {
	font-size: 3.2rem;
	font-family: "Poppins", sans-serif;
	line-height: 1;
}

#works .content-emphasis {
	font-size: 3.2rem;
	color: #fff;
	font-family: "Noto Sans JP", serif;
	background: #2746B4;
	width: 100%;
	display: inline-block;
	position: relative;
	margin-top: 40px;
	text-align: center;
	font-weight: normal;
}

#works .content-emphasis::before {
	content: "";
	position: absolute;
	top: -65px;
	left: 50%;
	margin-left: -38px;
	border: 38px solid transparent;
	border-bottom: 31px solid #2746B4;
}

#works .content-emphasis .poppins-large {
	font-size: 4.8rem;
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	padding-left: 8px;
}

#works .content-emphasis .poppins-small {
	font-size: 4.2rem;
	font-family: "Poppins", sans-serif;
	font-weight: bold;
}

@media screen and (max-width: 1000px) {
	#works .content-box {
		flex-direction: column;
		align-items: center;
	}
	#works .content01, #works .content02 {
		width: 100%;
		box-sizing: border-box;
	}
	#works .txt-body .poppins-large {
		font-size: 3.8rem;
	}
	#works .txt-body .poppins-small {
		font-size: 2.2rem;
	}
	#works .content-box {
		gap: 80px;
	}
	#works .content01::after {
		top: 108%;
		right: 50%;
		margin-right: -37.5px;
		transform: rotate(90deg)
	}
	#works .content-emphasis {
		font-size: 2.4rem;
	}
	#works .content-emphasis .poppins-large {
		font-size: 3.6rem;
	}
	#works .content-emphasis .poppins-small {
		font-size: 3rem;
	}
}

#how-to .sec-inner {
	padding: 107px 0 100px;
}

#how-to .content-width {
	max-width: 1024px;
}

#how-to .how-to-step {
	margin-top: 54px;
}

#how-to .method-list {
	margin-top: 54px;
}

#how-to .method-item {
	width: 100%;
}

.how-to-note {
	color: #2746B4;
	font-size: 1.3rem;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.how-to-note span {
	font-size: 2.4rem;
	margin-left: 3px;
	margin-top: -2px;
}

.how-to-ttl {
	font-size: 2.2rem;
}

.how-to-txt {
	font-size: 1.4rem;
	margin-top: 17px;
	font-weight: normal;
}

.how-to-txt span {
	background: linear-gradient(transparent 80%, #e0e7ff 0%) no-repeat;
	background-position-y: -5px;
	font-weight: 700;
}

.how-to-txt .how-to-link-box {
	margin-top: 15px;
}

.how-to-txt .how-to-link-box .how-to-link-btn {
	font-weight: bold;
	text-decoration: underline;
	position: relative;
	padding-right: 40px;
}

.how-to-txt .how-to-link-box .how-to-link-btn::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background:url(./images/arrow_right.png);
	background-repeat: no-repeat;
	top: 50%;
	right: 0;
	transform: translateY(-50%) translateX(0%);
}

.how-to-option {
	position: relative;
	margin-top: 50px;
	padding: 50px 30px 30px;
	background: #2746b4;
}

.how-to-option::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25px;
	border: 25px solid transparent;
	border-top: 31px solid #fff;
}

.how-to-option-ttl {
	color: #fff;
	text-align: center;
	font-size: 2.6rem;
}

.how-to-list {
	margin-top: 35px;
}

.how-to-item {
	background: #fff;
	width: 100%;
	display: flex;
}

.how-to-item .img-box {
	width: 48%;
	padding: 20px;
	box-sizing: border-box;
}

.how-to-item .txt-box {
	width: 48%;
	padding: 20px;
	box-sizing: border-box;
	align-content: center;
}

.how-to-item .head {
	display: inline;
	font-size: 2.2rem;
	color: #2746b4;
	background: linear-gradient(transparent 80%, #f5e49a 0%) no-repeat;
	background-position-y: -5px;
}

.how-to-item .body {
	font-size: 1.8rem;
	color: #333;
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	.how-to-list {
		display: flex;
		justify-content: space-between;
	}
	#how-to .method-item {
		display: flex;
		justify-content: center;
	}
	#how-to .method-item .img-box {
		width: 49%;
	}
	#how-to .method-item .method-txt {
		width: 49%;
		margin-left: 2%;
	}
}

@media screen and (max-width: 767px) {
	#how-to .method-list {
		flex-direction: column;
		gap: 30px;
	}
	#how-to .method-item {
		width: 100%;
	}
	.how-to-item {
		display: block;
	}
	.how-to-option {
		padding: 50px 15px 30px;
	}
	.how-to-item .img-box {
		width: 100%;
		padding: 15px;
	}
	.how-to-item .txt-box {
		width: 100%;
		padding: 0 15px 15px;
	}
}

#faq {
	background: #2746b4;
}

#faq .sec-inner {
	padding: 107px 0 100px;
}

#faq .sec-ttl-box {
	color: #fff;
}

#faq .lead-txt {
	color: #fff;
}

.accordion-list {
	margin-top: 54px;
}

.accordion-item {
	background: #fff;
	padding: 0 30px;
}

.accordion-item + .accordion-item {
	margin-top: 20px;
}

.accordion-content {
	display: none;
}

.accordion-header {
	position: relative;
	cursor: pointer;
	transition: background .3s ease;
}

.accordion-header::before ,
.accordion-header::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	width: 30px;
	height: 3px;
	background: #2746b4;
}

.accordion-header::after {
	transform: rotate(-90deg);
	transition: transform 0.3s;
}

.accordion-header.active::after {
	transform:rotate(0deg);
}

.question-txt {
	position: relative;
	padding: 24px 64px;
	font-size: 1.8rem;
}

.question-txt::before {
	position: absolute;
	content: "Q";
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	left: 0;
	font-size: 4.2rem;
	top: 50%;
	transform: translateY(-50%) translateX(0%);
	color: #2746b4;
}

.question-txt span {
	color: #2746b4;
	background: linear-gradient(transparent 80%, #f5e49a 0%) no-repeat;
	background-position-y: -2px;
}

.answer-txt {
	font-size: 1.4rem;
	padding: 30px 0;
	border-top: 1px solid #e2e2e2;
	font-weight: normal;
}

.answer-txt .faq-graph-box {
	margin-top: 20px;
}
.answer-txt .faq-graph-box img {
	max-width: 600px;
}

@media screen and (max-width: 767px) {
	.accordion-item {
		padding: 0 10px;
	}
	.question-txt {
		padding: 16px 45px;
	}
}

#contact {
	background: url(./images/contact_bg.png) repeat;
}

#contact .content-width {
	background: #fff;
}

#contact #form-wrap {
	padding: 25px 80px 0;
}

#contact #form-wrap table {
	width: 100%;
}

#form-wrap th {
	padding-top: 30px;
	vertical-align: top;
	text-align: left;
}

#form-wrap td {
	width: 65.5%;
	padding-top: 30px;
	padding-left: 30px;
}

#form-wrap .input-label {
	display: flex;
	gap: 10px;
}

#form-wrap input[type="text"], #form-wrap input[type="email"], #form-wrap input[type="tel"] {
	padding: 0 15px;
	width: 100%;
	height: 40px;
	border: 1px solid #dddbdb;
	background: #fcfcfc;
	box-shadow: none;
	font-size: 1.4rem;
	line-height: 40px;
}

#form-wrap .address1 input[type="text"] {
	width: 40%;
}

#form-wrap .address {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

#form-wrap textarea {
	width: 100%;
	height: 8em;
	border: 1px solid #dddbdb;
    background: #fcfcfc;
	box-shadow: none;
	font-size: 1.4rem;
}

#form-wrap .required {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 29px;
	border-radius: 3px;
	color: #fff;
	background-color: #d91716;
	letter-spacing: 0;
	font-weight: normal;
	font-size: 1.3rem;
	line-height: 1.2;
}

#form-wrap .any {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 29px;
	border-radius: 3px;
	color: #fff;
	background-color: #b9b9b9;
	letter-spacing: 0;
	font-weight: normal;
	font-size: 1.3rem;
	line-height: 1.2;
}

#form-wrap label.error {
	display: block;
	padding-top: 5px;
	font-size: 1.4rem;
	color: #d91716;
	font-weight: normal;
}

.agreement {
	margin-top: 50px;
	text-align: center;
}

.agreement .under-line {
	text-decoration: underline;
}

#submit-box {
	margin-top: 50px;
	text-align: center;
}

#btn-submit input {
	padding: 17px 0;
	width: 35.8%;
	display: inline-block;
	background: #2746b4;
	color: #fff;
	border: none;
	border-radius: 90px;
}

#footer {
	color: #fff;
	background: #000;
}

.f-inner {
	padding: 50px 0 50px;
}

#footer .content-width {
	max-width: 1024px;
}

.f-content-top {
	display: flex;
	justify-content: space-between;
}

.f-content-top .f-content-top-01 .img-box {
	text-align: left;
}

.f-company-name {
	font-size: 1.8rem;
	margin-top: 27px;
}

.f-company-post {
	margin-top: 15px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

.f-company-address {
	font-family: "Noto Sans JP", serif;
	font-weight: 700;
}

.f-company-tel {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 2.6rem;
	padding-left: 50px;
	position: relative;
}

.f-company-tel::before {
	content: "";
	position: absolute;
	background: url(./images/icon_tel.png);
	transform: translateY(-50%) translateX(0%);
	width: 40px;
	height: 40px;
	top: 50%;
	left: 0;
}

.f-content-bottom {
	margin-top: 40px;
}

.f-content-bottom01 {
	display: flex;
}

.f-content-bottom01 li {
	padding: 0.3em 1.5em;
	border-left: 1px solid #fff;
	font-weight: normal;
	font-size: 1.5rem;
}

.f-content-bottom01 li:first-child {
	padding-left: 0;
	border-left: none;
}

.f-content-bottom01 li a {
	text-decoration: underline;
}

.f-content-bottom02 {
	margin-top: 20px;
}

#contact .sec-inner {
	padding: 0 20px;
}

#contact .content-width {
	padding: 80px 0 100px;
}

@media screen and (max-width: 1012px) {
	#form-wrap tr {
		display: flex;
		flex-direction: column;
	}
	#form-wrap table {
		width: 100%;
	}
	#form-wrap td {
		width: 100%;
		padding-left: 0;
		padding-top: 15px;
	}
	.f-content-top {
		flex-wrap: wrap;
		row-gap: 25px;
	}
}

@media screen and (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	.f-content-bottom01 {
		flex-direction: column;
	}
	.f-content-bottom01 li {
		border-left: none;
		padding: 0.3em 0em;
	}
	#contact #form-wrap {
		padding: 25px 20px 50px;
	}
	#form-wrap .input-label {
		gap: 15px;
	}
	#btn-submit input {
		width: 100%;
	}
}

#thanks-sec {
	padding-top: 100px;
}

#chat-box {
	position: fixed;
	bottom: 20px;
	right: 0;
	/* display: flex; */
	flex-direction: column;
	align-items: flex-end;
	pointer-events: none;
	display: none;
}

#chat-box.chat-open {
	pointer-events: auto;
}

#chat-box .chat-btn {
	display: inline-block;
	padding: 12px 10px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 1px 1px 15px -5px rgba(0,0,0,0.5);
	cursor: pointer;
	transform: translateY(10px);
	transition: transform .3s;
	margin-right: 20px;
	margin-top: 20px;
	pointer-events: auto!important;
}

#chat-box .chat-btn:hover {
	transform: translateY(0);
}

#chat-box iframe {
	transition: transform .3s;
	transform: translateX(100%);
	pointer-events: none;
}

#chat-box iframe.chat-open {
	transform: translateX(0);
	pointer-events: auto;
}

@media screen and (max-width: 767px) {
	#chat-box {
		width: 100%;
	}
	#chat-box iframe {
		width: 100%!important;
		height: 400px!important;
	}
}