@charset "utf-8";

/* CSS Document */

/*------------------------------------------
base
------------------------------------------*/


@font-face {
font-family: 'LineSeedJP_Eb';
src: url('../font/LINESeedJP_TTF_Eb.eot'),
url('../font/LINESeedJP_OTF_Eb.woff') format('woff'),
url('../font/LINESeedJP_OTF_Eb.woff2') format('woff2');
}
@font-face {
font-family: 'LineSeedJP_Bd';
src: url('../font/LINESeedJP_TTF_Bd.eot'),
url('../font/LINESeedJP_OTF_Bd.woff') format('woff'),
url('../font/LINESeedJP_OTF_Bd.woff2') format('woff2');
}
@font-face {
font-family: 'LineSeedJP_Rg';
src: url('../font/LINESeedJP_TTF_Rg.eot'),
url('../font/LINESeedJP_OTF_Rg.woff') format('woff'),
url('../font/LINESeedJP_OTF_Rg.woff2') format('woff2');
}
@font-face {
font-family: 'LineSeedJP_Th';
src: url('../font/LINESeedJP_TTF_Th.eot'),
url('../font/LINESeedJP_OTF_Th.woff') format('woff'),
url('../font/LINESeedJP_OTF_Th.woff2') format('woff2');
}

:root {
	--radius: 30px;
	--padding: 14px;
	--maxwidth: 1280px;
	--width: 1024px;
	--color: #2c2a2a;
	--bg: #fff;
	--pink: #d18188;
	--gray: #edecea;
	--gold: #958324;
	--beige: #f1efea;
	--white: #fff;
	
	
}


.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


body{
	max-width: 640px;
	padding: 0;
    margin: 0px auto;
    margin-top: 10px;
	background:var(--bg);
	color: var(--color);
	font-size: 17px;
	line-height: 200%;
	letter-spacing: 0;
	font-family: 'LineSeedJP_Rg';
}

main {
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 20px;
}

@media(min-width:640px) {
    body {
        box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.1);
    }
}


@media all and (min-width: 1024px) {
	.pc{display: block !important;}
	.sp{display: none !important;}
}

@media all and (max-width: 1023px) {
	body{
		font-size: 17px;
		line-height: 180%;
	}
	img{max-width: 100%;}
	.sp{display: block !important;}
	.pc{display: none !important;}
}


p{
    margin-bottom: 1.5em;
}

a,
a:visited{
	color: var(--white);
}

.row{
	padding-left: 0;
	padding-right: 0;
}

small{
	/*display: block;*/
	line-height: 150%;
    font-size: 0.7em;
}


* {
    margin: 0;
    padding: 0;
}

.mt10{
	margin-top: 3em;
}
.bold{
	font-weight: bold;
}
.red {
    color: red;
    font-weight: bold;
    text-align: center;
	font-size:19px;
	text-decoration:underline;
    text-decoration-color: red;
}

.orange {
    color: orange;
    font-weight: bold;
}

.black {
    color: black;
    font-weight: bold;
		font-size:18px;
}

.blue {
    color: blue;
    font-weight: bold;
}

.green {
    color: #00B900;
    font-weight: bold;
}



img {
    width: 100%;
}



li {
    list-style-position: inside;
}

.box-019 {
    position: relative;
    margin-top: 1em;
	margin-bottom: 2em;
    padding: 1.8em 1.5em 1em 1.5em;
    border: 2px solid #d02525;
}

.box-019 > div {
    position: absolute;
    top: -1.15em;
    left: -.5em;
    padding: .4em 1.4em;
    border-radius: 25px;
    background-color: #d02525;
    color: #fff;
    font-size: .9em;
}

.box-019 > div::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background-color: #d02525;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.box-019 p {
    margin: 0;

}

.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	height: 190px;/*画面いっぱいにする場合100vh*/
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	top: 50%;/*着地点（サンプルは[class:cp_arrows]height300pxの50%）*/
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	opacity: 0;
}
.cp_arrows .cp_arrowfirst {
	-webkit-animation: arrow-move08 2s ease-in-out infinite;
	        animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrowsecond {
	-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
	        animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 3px;
	content: '';
	background: #E91E63;
}
.cp_arrows .cp_arrow:before {
	-webkit-transform: rotate(30deg) translateX(-39%);
	        transform: rotate(30deg) translateX(-39%);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}
.cp_arrows .cp_arrow:after {
	-webkit-transform: rotate(-30deg) translateX(39%);
	        transform: rotate(-30deg) translateX(39%);
	-webkit-transform-origin: top right;
	        transform-origin: top right;
}
@-webkit-keyframes arrow-move08 {
	0% {
		top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes arrow-move08 {
	0% {
		top: 40%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

button{
	
}

.button-10 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	max-width: 80%;
    margin: 0 auto;
    padding: 1.5em 2em;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    background-color: #008900;
    color: #fff;
    font-weight: 600;
		font-size: 17px;
		cursor:pointer;
}

.button-10::before {
    display: block;
    position: absolute;
    top: -50%;
    left: -30%;
    transform: rotate(30deg);
    width: 70px;
    height: 200px;
    content: '';
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    animation: animation-button-10 2s infinite linear;
}

@keyframes animation-button-10 {
    17% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}

.button-10:hover {
    background-color: #007900;

}



.balloon-009 {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 0 22px;
	margin-bottom: 1em;
}

.balloon-009 img {
    max-width: 70px;
    height: 100%;
    border: 3px solid #f2f2f2;
    border-radius: 50%;
}

.balloon-009 p {
    position: relative;
     /*max-width: 300px; */
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #f2f2f2;
    color: #333333;
}

.balloon-009 p::before {
    position: absolute;
    left: -15px;
    width: 15px;
    height: 30px;
    background-color: #f2f2f2;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}
   /*あああ*/

.button-41 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 500px;
	max-width:100%;
    margin: 0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    background-color: #ffe5cc;
    color: #000;
    font-weight: 600;
    font-size: 1em;
	text-align: left;
}

.button-41:hover {
    animation: anima-button-41 2s linear infinite;
}

@keyframes anima-button-41 {
    7% {
        transform: translateY(-15px);
    }
    15% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(-7px);
    }
    25% {
        transform: translateY(0);
    }
}


.footer-2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 25px 10px 10px;
    background-color: #757575;
}

.footer-2__logo {
    width: 130px;
    height: 30px;
}

.footer-2__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 1.5em;
    list-style-type: none;
    margin: 0 0 .5em;
    padding: .5em;
}

.footer-2__sns-icon {
    width: 21px;
    height: 21px;
}

.footer-2__copyright {
    margin: 0;
    color: #ffffffb3;
    font-weight: 200;
    font-size: .8em;
}

.comment {
    color: #fff;
    background-color: #c0c0c0;
    font-weight: bold;
    padding: 10px 20px;
}

.comebox {
    border-bottom: 1px solid #c0c0c0;
    padding: 15px;
}

.comearea {
    display: flex;
    gap: 10px;
    align-items: center;
		margin-bottom: 10px;
}

.comeimg img {
    max-width: 90px;
    max-height: 90px;
}
.comename {
  font-weight: bold;

}


    /*ここから*/