@charset "utf-8";
/* ------------------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

/* ------------------------------------------------ */
.pc {}.sp {display: none;}.none {display: none;}
@media screen and (max-width: 767px) {
.pc {display: none;}.sp {display: block;}
}
.drawer .none {display: block!important;}
/* ------------------------------------------------ */
:root {
	--text: #4d4d4d;
	--white: #fff;
	--black: #000;
	--gray1: #333;
	--gray2: #666;
	--gray3: #999;
	--gray4: #ccc;
	--gray5: #e6e6e6;
	--gray6: #f2f2f2;
	--color1: #07a5b2;
	--red: #c00;
	--font1: 'Noto Sans JP', sans-serif;
	--font2: 'Noto Serif JP', serif;

	--foam1: #89b5e4;
	--foam2: #bf8ebd;
	--foam3: #7a4f72;
	--foam4: #4482b5;
	--foam5: #925895;
	--foam6: #5b4888;
	--foam1bg: #faeeef;
	--foam2bg: #dce9f7;
	--foam3bg: #ecdced;
}
/* ------------------------------------------------ */
.anim {
}
/* ----------------- */
.fade {
	opacity:0;
}
.fade.animated {
	animation-fill-mode:forwards;
	animation-duration: 1s;
	opacity:0;
	animation-name:fades;
	animation-delay:0s;
}
@media screen and (min-width: 768px) {
	.fade.animated {
		animation-name:fades-pc;
	}
	.fade1.animated {animation-delay:0s;}
	.fade2.animated {animation-delay:0.5s;}
	.fade3.animated {animation-delay:1s;}
}
@keyframes fades-pc {
	from {opacity: 0;transform: translateY(100px) scale(0.95, 0.95);}
	to {opacity: 1;transform: translateY(0) scale(1, 1);}
}
@media screen and (max-width: 767px) {
	.fade.animated {
		animation-name:fades-sp;
	}
}
@keyframes fades-sp {
	from {opacity: 0;transform: translateY(20px) scale(0.99, 0.99);}
	to {opacity: 1;transform: translateY(0) scale(1, 1);}
}
/* ------------------------------------------------ */
.item {
	opacity:0;
}
.shadow {
	opacity:0;
}
.item.animated {
	animation-fill-mode:forwards;
	animation-duration: 1s;
	opacity:0;
	animation-name:items;
	animation-delay:0s;
}
.shadow.animated {
	animation-fill-mode:forwards;
	animation-duration: 1s;
	opacity:0;
	animation-name:shadows;
	animation-delay:0.1s;
}
@media screen and (min-width: 768px) {
	.item.animated {
		animation-name:items-pc;
	}
	.shadow.animated {
		animation-name:shadows-pc;
	}
}
@keyframes items-pc {
	from {opacity: 0;transform: translateY(200px) scale(0.8, 0.8);}
	to {opacity: 1;transform: translateY(0) scale(1, 1);}
}
@keyframes shadows-pc {
	from {opacity: 0;transform: translateX(80px) translateY(300px) scale(0.5, 0.5);}
	to {opacity: 1;transform: translateY(0) scale(1, 1);}
}
@media screen and (max-width: 767px) {
	.item.animated {
		animation-name:items-sp;
	}
	.shadow.animated {
		animation-name:shadows-sp;
	}
}
@keyframes items-sp {
	from {opacity: 0;transform: translateY(50px) scale(0.9, 0.9);}
	to {opacity: 1;transform: translateY(0) scale(1, 1);}
}
@keyframes shadows-sp {
	from {opacity: 0;transform: translateX(40px) translateY(100px) scale(0.5, 0.5);}
	to {opacity: 1;transform: translateY(0) scale(1, 1);}
}

/* ------------------------------------------------ */
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
*{
margin:0;
padding:0;
}
html,body {
	height: 100%;
	font-size: 62.5%;
	margin: 0px auto;
}
body {
	color: var(--text);
	font-size: 18px;
	font-size: clamp(15px, 1.8vw, 18px);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	background-color: var(--white);
}
@media screen and (max-width: 767px) {
	body {
		font-size: 15px;
		font-size: 1.5rem;
		-webkit-text-size-adjust: 100%;
	}
}
#container {
	position: relative;
	height: 100%;
	min-height: 100%;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
}
body > #container {height: auto;}
a {
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:link {color: var(--text);}
a:visited {color: var(--text);}
a:active {color: var(--foam1);}
a:hover {color: var(--foam1);}
a img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:active img,
a:hover img {
	opacity: 0.8;
}
a svg rect,
a svg path,
a svg circle,
a svg polygon{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
h1,h2,h3,h4,h5,h6 {font-size:1em;}
strong,b {font-weight: 700;}
em,i,address {font-style: normal;}
a[href^='tel'] {pointer-events: none;text-decoration: none;}
a[href^='tel'] img {display:inline-block;}
@media screen and (max-width: 767px) {
	a[href^='tel'] {pointer-events: auto;}
	a[href^='tel'] img {display:block;}
}
img {display:block;max-width:100%;border:none;-ms-interpolation-mode: bicubic;backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}
@media screen and (max-width: 767px) {
	img {max-width:100%;height:auto;}
}
.clear {clear: both;}
.clearfix::after {
	display: block;
	content: "";
	clear: both;
	height: 0px;
	visibility: hidden;
}
ul {list-style-type:none;}
.attention,.error {color: #c00;font-weight: 700;}
.red {color: #f00;}

/* ------------------------------------------------ */
.width {
	width: 1100px;
	margin: 0px auto;
}
.widths {
	width: 700px;
	margin: 0px auto;
}
@media screen and (max-width: 1100px) {
	.width {
		width: auto;
	}
}
@media screen and (max-width: 700px) {
	.widths {
		width: auto;
	}
}
/* ------------------------------------------------ */
#header {
}
/* ------------------------------------------------ */
#footer {
}
.footer {
}
.footer-inner {
}

.copyright {
	font-weight: 400;
	text-align: center;
	padding: 5px;
}
.copyright small {
	font-size: 10px;
}
/* ------------------------------------------------ */
.gotop{
	position: fixed;
	bottom: -50px;
	right: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.gotop.block {
	bottom: 0;
	visibility: visible;
	opacity: 1;
}
.gotop a,
.gotop a::before,
.gotop a::after {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.gotop a {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	background-color: var(--foam1);
	background: linear-gradient(to right,  rgba(248,213,219,1) 0%,rgba(161,208,230,1) 50%,rgba(163,156,203,1) 100%);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: auto;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gotop a::before,
.gotop a::after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 50%;
}
.gotop a::before {
	bottom: 10px;
	z-index: 1;
	width: 10px;
	height: 10px;
	border-top: 1px solid;
	border-left: 1px solid;
	border-color: var(--white);
	transform: rotate(45deg);
	margin-left: -5px;
}
.gotop a::after {
	bottom: -10px;
	z-index: 0;
	width: 1px;
	height: 31px;
	background-color: var(--white);
}
.gotop a:hover {
	background-color: var(--color2);
}
.gotop a:hover::before {
	bottom: 20px;
	border-color: #fff;
}
.gotop a:hover::after {
	bottom: 0px;
	background-color: #fff;
}
.gotop a span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/* ------------------------------------------------ */
#wrap {
}
#main {
	line-height: 1.8em;
}
.main {
	padding: 100px 0px;
}
@media screen and (max-width: 767px) {
	.main {
		padding: 20px 0px;
	}
}
/* ------------------------------------------------ */
#lp-main {
	margin: 0px auto;
}
@media screen and (min-width: 768px) {
	#lp-main {
		width: 750px;
	}
}
@media screen and (max-width: 767px) {

}
.lp-main {
}
.lp-bloc {
}
.outer {
}
.inner {
}
.lp-bloc img {
	margin: 0px auto;
}
.lp-bloc u {
	display: inline-block;
	position: relative;
	text-decoration: none;
}
.lp-bloc u::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: -10px;
	width: 100%;
	height: 10px;
	mask-image: url("./img/line.svg");
	mask-repeat: no-repeat;
	mask-position: center;
}
/* ------------------------------------------------ */
.title {
	text-align: center;
	background: linear-gradient(to right,  rgba(248,213,219,1) 0%,rgba(161,208,230,1) 50%,rgba(163,156,203,1) 100%);
}
.title h2 {
/*
	color: var(--white);
	font-size: 26px;
	font-size: clamp(22px, 2.6vw, 26px);
	font-family: var(--font2);
	font-weight: 400;
	line-height: 1em;
	padding: 40px 10px;
*/
}
/* ------------------------------------------------ */
#lp-top {
}
.lp-top {
	position: relative;
}
.lp-top-img {
}
.lp-top-btn {
}
@media screen and (min-width: 768px) {
	.lp-top-btn img {
		position: absolute;
		z-index: 0;
		left: 50%;
		bottom: 60px;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 767px) {
	.lp-top-btn {
		padding: 0px 10px 40px 10px;
	}
}
/* ------------------------------------------------ */
#lp-nayami {
	position: relative;
	z-index: 5;
	background-color: #a1c7eb;
	padding: 60px 0px;
}
#lp-nayami::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -59px;
	width: 100%;
	height: 60px;
	background-color: #a1c7eb;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
@media screen and (min-width: 768px) {
	#lp-nayami::after {
		bottom: -99px;
		height: 100px;
	}
}
#lp-nayami h2 {
	display: inline-block;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: -20px;
	transform: translateX(-50%);
	color: var(--white);
	font-size: 32px;
	font-size: clamp(24px, 3.2vw, 32px);
	font-weight: 700;
	line-height: 1em;
	word-break: keep-all;
	background-color: var(--gray1);
	padding: 10px 20px;
}
#lp-nayami h2::after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: -18px;
	transform: translateX(-50%);
	width: 20px;
	height: 20px;
	background-color: var(--gray1);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.lp-nayami-img {
}
.lp-nayami-img img {
}
#lp-nayami b {
	display: inline-block;
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: -30px;
	transform: translateX(-50%);
	color: var(--white);
	font-size: 32px;
	font-size: clamp(24px, 3.2vw, 32px);
	font-weight: 700;
	line-height: 1em;
	word-break: keep-all;
	background-color: var(--black);
	padding: 10px 20px;
}
#lp-nayami b em {
	font-size: 46px;
	font-size: clamp(24px, 4.6vw, 46px);
}
/* ------------------------------------------------ */
#lp-genin {
	position: relative;
	z-index: 4;
	color: var(--white);
	text-align: center;
	background-color: var(--black);
	background-image: url("./img/genin-bg.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-size: contain;
	padding: 200px 10px 0px 10px;
}
#lp-genin::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: -59px;
	width: 100%;
	height: 60px;
	background-color: var(--black);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
@media screen and (min-width: 768px) {
	#lp-genin::after {
		bottom: -99px;
		height: 100px;
	}
}
#lp-genin h2 {
	font-size: 32px;
	font-size: clamp(24px, 3.2vw, 32px);
	text-align: center;
	margin-bottom: 50px;
}
#lp-genin h2 u {
	font-size: 46px;
	font-size: clamp(24px, 4.6vw, 46px);
}
#lp-genin h2 u::after {
	background-color: var(--white);
}
.lp-genin-tex {
}
.lp-genin-tex p {
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 700;
	line-height: 1.8em;
	margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
	.lp-genin-tex p {
		line-height: 2em;
	}
}
@media screen and (max-width: 767px) {

}
.lp-genin-tex:last-child p {
	margin-bottom: 0px;
}
.lp-genin-tex u {
}
.lp-genin-tex u::after {
	background-color: var(--white);
}
.lp-genin-tex b {
	font-size: 40px;
	font-size: clamp(30px, 4vw, 40px);
	font-weight: 700;
}
.lp-genin-tex em {
	color: #ff0;
}
.lp-genin-tex p span {
	display: inline-block;
	position: relative;
	padding-top: 40px;
}
@media screen and (min-width: 768px) {
	.lp-genin-tex p span::after {
		content: "";
		position: absolute;
		z-index: 0;
		right: -80px;
		top: 50%;
		transform: translateY(-50%);
		width: 70px;
		height: 116px;
		background-image: url("./img/genin4.webp");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100%;
	}
}
/* ------------------------------------------------ */
#lp-irenai {
	position: relative;
	z-index: 3;
	text-align: center;
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 90%,rgba(184,226,249,1) 100%);
}
#lp-irenai::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: -59px;
	width: 100%;
	height: 60px;
	background-color: #b8e2f9;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
@media screen and (min-width: 768px) {
	#lp-irenai::after {
		bottom: -99px;
		height: 100px;
	}
}
.lp-irenai1 {
	background-image: url("./img/irenai-bg1.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-size: contain;
	padding: 150px 10px 0px 10px;
}
.lp-irenai2 {
	background-image: url("./img/irenai-bg2.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-size: contain;
}
.lp-irenai3 {
	background-image: url("./img/irenai-bg3.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-size: contain;
	padding: 0px 10px;
}
.lp-irenai-img {
	margin-bottom: 30px;
}
.lp-irenai3 .lp-irenai-img:first-child {
	margin-bottom: 70px;
}
.lp-irenai3 .lp-irenai-img:last-child {
	margin-bottom: 0px;
}
.lp-irenai-tex {
	margin-bottom: 30px;
}
.lp-irenai-tex h2 {
	font-size: 36px;
	font-size: clamp(24px, 3.6vw, 36px);
	margin-bottom: 20px;
}
.lp-irenai-tex h2 b {
	font-size: 46px;
	font-size: clamp(32px, 4.6vw, 46px);
}
.lp-irenai-tex p {
	font-size: 24px;
	font-size: clamp(18px, 2.4vw, 24px);
	font-weight: 500;
}
.lp-irenai-tex h3 {
	font-size: 36px;
	font-size: clamp(24px, 3.6vw, 36px);
}
.lp-irenai-tex h3 u {
	color: #0071bc;
	font-size: 46px;
	font-size: clamp(32px, 4.6vw, 46px);
}
.lp-irenai-tex h3 u::after {
	background-color: #0071bc;
}
/* ------------------------------------------------ */
#lp-poreA {
	position: relative;
	z-index: 2;
	text-align: center;
	background-color: #d3edfb;
	padding: 0px 0px 0px 0px;
}
.lp-poreA1 {
}
.lp-poreA2 {
	padding: 10px;
}
.lp-poreA2-inner {
	background-color: var(--white);
	border-radius: 10px;
	padding: 10px;
}
.lp-poreA2 h3 {
	color: var(--white);
	font-size: 28px;
	font-size: clamp(22px, 2.8vw, 28px);
	background-color: #0071bc;
	margin-bottom: 10px;
	padding: 10px 10px;
	border-radius: 10px;
}
.lp-poreA2 h3 b {
	color: #00ebff;
	font-size: 48px;
	font-size: clamp(30px, 4.8vw, 48px);
}
.lp-poreA2 dl {
	text-align: left;
	border-bottom: 1px dashed #0071bc;
	margin-bottom: 10px;
	padding: 10px 10px;
}
.lp-poreA2 dl:last-child {
	border-bottom: none;
}
.lp-poreA2 dl dt {
	color: #0071bc;
	font-size: 28px;
	font-size: clamp(22px, 2.8vw, 28px);
	font-weight: 700;
}
.lp-poreA2 dl dd {
}
.lp-poreA3 {
}
/* ------------------------------------------------ */
#lp-voice {
	background-image: url("./img/voice-bg.webp");
	background-repeat: no-repeat;
	background-position: center top;
	padding: 50px 10px;
}
#lp-voice h2 {
	margin-bottom: 40px;
}
.lp-voice-bloc {
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	margin-bottom: 40px;
	padding: 10px 10px;
}
.lp-voice-bloc dl {
}
.lp-voice-bloc dl dt {
}
.lp-voice-bloc dl dd {
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {
	.lp-voice-bloc dl dt {
		position: relative;
		height: 340px;
	}
	.lp-voice-bloc dl dt img {
		position: absolute;
		z-index: 0;
		left: 50%;
		top: -50px;
		transform: translateX(-50%);
	}
	.lp-voice-bloc dl dd {
		padding: 10px 30px;
	}
}
.lp-voice-bloc dl dd p {
	font-size: 18px;
	font-size: clamp(15px, 1.6vw, 16px);
	line-height: 40px;
	background-image: url("./img/note.webp");
	background-repeat: repeat;
	background-position: left top;
}
#lp-voice span {
	display: block;
	font-size: 12px;
	line-height: 1em;
	text-align: right;
	padding: 0px 30px;
}
/* ------------------------------------------------ */
#lp-poreB {
	position: relative;
	padding: 0px 0px 100px 0px;
}
.lp-poreB-img {
	position: relative;
	z-index: 0;
}
.lp-poreB-btn {
	padding: 0px 10px 10px 10px;
}
.lp-poreB-teiki {
	padding: 30px 10px 10px 10px;
}
.lp-poreB-teiki-btn {
	padding: 0px 10px 10px 10px;
}
/* ------------------------------------------------ */
#lp-others {
}
#lp-others .title {
	padding: 20px 10px;
}
#lp-others .title em {
	display: block;
	font-size: 28px;
	font-size: clamp(20px, 2.8vw, 28px);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
}
#lp-others .title b {
	display: block;
	font-size: 38px;
	font-size: clamp(30px, 3.8vw, 38px);
	font-weight: 700;
  -webkit-text-stroke: 6px #fff;
  text-stroke: 6px #fff;
  paint-order: stroke;
}
.lp-others-bloc {
	position: relative;
	padding: 40px 10px;
}
@media screen and (min-width: 768px) {
	.lp-others-bloc {
		padding: 50px 40px 20px 40px;
	}
}
.lp-others-bloc#lp-moist {
	background-color: #faeeef;
}
.lp-others-bloc#lp-rich {
	background-color: #ecdced;
}
.lp-others-tex {
}
.lp-others-tex img {
	margin: 0px auto 30px auto;
}
.lp-others-img {
}
@media screen and (min-width: 768px) {
	.lp-others-tex img {
		margin: 0px auto 30px 0px;
	}
	.lp-others-img {
		position: absolute;
		z-index: 0;
		right: 20px;
		top: 30px;
	}
}
.lp-others-btn {
	text-align: center;
}
.lp-others-btn img {
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.lp-others-btn {
		padding: 10px 10px 0px 10px;
	}
}
/* ------------------------------------------------ */
#lp-all {
	margin-bottom: 80px;
}
/* ------------------------------------------------ */
#lp-teiki {
	background-color: #f998a9;
	margin-bottom: 80px;
	padding: 10px;
}
.lp-teiki {
}
.lp-teiki-inner {
	position: relative;
	background-color: var(--white);
	border-radius: 10px;
	padding: 20px 20px;
}
.lp-teiki img {
	margin: 0px auto;
}
.lp-teiki-img {
}
.lp-teiki-tex {
	padding: 20px 0px 10px 0px;
}
	.lp-teiki-img img {
		width: 200px;
	}
.lp-teiki-tex1 {
	margin-bottom: 50px;
}
.lp-teiki-tex dl {
}
.lp-teiki-tex dl dt {
}
.lp-teiki-tex dl dt h2 {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-weight: 700;
	line-height: 1.4em;
	border-bottom: 6px double #e95383;
	padding-bottom: 10px;
}
.lp-teiki-tex dl dt h2 b {
	color: #e95383;
	font-size: 48px;
	font-size: clamp(36px, 4.8vw, 48px);
}
@media screen and (max-width: 767px) {
	.lp-teiki-tex dl dt h2 {
		text-align: center;
	}
}
.lp-teiki-tex dl dd {
	padding: 30px 10px 10px 10px;
}
.lp-teiki-tex dl dd p {
	line-height: 2em;
}
.lp-teiki-maru {
	margin-bottom: 40px;
}
.lp-teiki-tex2 {
}
/* ------------------------------------------------ */
#lp-howto {
}
.lp-howto {
	padding: 80px 10px;
}
.lp-howto dl {
}
.lp-howto dl dt {
	text-align: center;
	margin-bottom: 70px;
}
.lp-howto dl dt h3 {
	font-size: 24px;
	font-size: clamp(20px, 2.4vw, 24px);
	font-weight: 500;
	line-height: 1em;
}
.lp-howto dl dd {
}
.lp-howto dl dd p {
	line-height: 2em;
}
.lp-howto img {
	margin: 0px auto;
}
/* ------------------------------------------------ */
#lp-seibun {
}

#lp-seibun .title {
	padding: 20px 10px;
}
#lp-seibun .title em {
	display: block;
	color: var(--white);
	font-size: 20px;
	font-size: clamp(16px, 2vw, 20px);
	font-weight: 700;
	line-height: 1em;
}
.lp-seibun {
	padding: 20px 10px;
}
.lp-seibun p {
	font-size: 13px;
	margin-bottom: 40px;
}

/* ------------------------------------------------ */
#lp-btm {
	font-size: 12px;
}
#lp-btm .title {
	padding: 20px 10px;
}
#lp-btm .title em {
	display: block;
	color: var(--white);
	font-size: 20px;
	font-size: clamp(16px, 2vw, 20px);
	font-weight: 700;
	line-height: 1em;
}
#lp-btm .inner {
	font-size: 12px;
	padding: 30px 10px;
}
footer {
	text-align: center;
	padding: 30px 0 0;
}
footer .footer {
	padding: 0;
}
footer .footer li {
	display: inline-block;
	padding: 0 15px;
	margin-bottom: 15px;
}
footer .footer li:last-child {
	border-right: 0;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}
.table-bordered th {
    background-color: #F0F0F0;
    font-weight: normal;
}
.table-bordered th,
.table-bordered td {
    vertical-align: middle !important;
    border: 1px solid #dee2e6;
	padding: 10px;
}
@media screen and (max-width: 767px) {
	table.sphone,
	table.sphone tbody,
	table.sphone tr,
	table.sphone th,
	table.sphone td {
		display: block;
	}
	table.sphone {
		border-bottom: 0 !important;
	}
	table.sphone th {
		border: 0 !important;
		background-color: transparent;
		padding-bottom: 0;
		font-weight: bold;
	}
	table.sphone td {
		border: 0 !important;
	}
	table.sphone tr {
		border-bottom: 1px solid #DEE2E6 !important;
	}
}
/* ------------------------------------------------ */
#sns {
	text-align: center;
	padding: 30px 10px;
}
.sns {
	display: inline-block;
}
.sns span {
	display: block;
	font-size: 16px;
	font-family: var(--font2);
	font-weight: 400;
	line-height: 1em;
	border-bottom: 1px solid var(--gray3);
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.sns ul {
}
.sns ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 10px;
}
.sns ul li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: linear-gradient(to right, rgba(248,213,219,1) 0%,rgba(161,208,230,1) 50%,rgba(163,156,203,1) 100%);
	border-radius: 100px;
	padding: 5px;
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.1);
}
.sns ul li a:hover {
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.5);
}
.sns ul li a img {
	width: 40px;
}
/* ------------------------------------------------ */