@charset "utf-8";

::selection {
	background-color: #333;
	color: #fff;
}

.mplus {font-family: 'M PLUS Rounded 1c', sans-serif;}

a {
	transition: all .3s;
}

a:hover {
	opacity: 0.7;
}

input,
button,
textarea {
	outline: none;
}

input:focus,
textarea:focus {
  background: #f7f7f7;
}

.top {
    margin: 0 auto;
}

.new {
	padding-bottom: 50px;
}
.tb,
.sp {
	display: none;
}


.inner {
  max-width: 1280px;
  margin: 0 auto;
}
.top_txt{
	font-size: 1.4em;
	text-align: center;
	color: #707070;
	font-weight: normal;
	line-height: 2em;
		margin:0 auto 2em;
}
.top_txt span{
	background: linear-gradient(transparent 55%, #ffff01 55%);
	font-weight: bold;
}
.innerbg_p{
	background: #fef2f4;
}
.innerbg_p2{
	background: #fe8282;
}
.img_inner{
	max-width: 1280px;
	margin: auto;
	text-align: center;
}
.dakara{
	padding: 2em 0;
}
.dakara_txt{
	font-size: 1.4em;
	text-align: center;
	color: #000;
	font-weight: normal;
	line-height: 2em;
	max-width: 1000px;
	margin:0 auto 2em;
	text-align: left;
}
.dakara_txt span{
	background: linear-gradient(transparent 0%, #ffff01 0%);
	font-weight: bold;
}
.margin_in{
	padding: 2em 0;
}
.osusume{
	margin: 2em 0;
}
.btn_area{
	margin: 0 auto 10em;    text-align: center;
}
.btn_area li {
		display: inline-block;
		margin: 0 1em;
		font-size: 2em;
		line-height: 1.3;
}
.btn_area li a{
	display: inline-block;
	border-radius: 10px;
	background-color:  #fe8282;
	text-align: center;
	padding:20px 40px;
	color: #fff;
	font-weight: bold;
}
.btn_area li a span{
		font-size: 120%;
}
.garea{
	padding: 2em 0;
}
.garea h3{
 color: #fd8282;
 line-height: 1.6;
}
.garea h3 span{
	background: linear-gradient(transparent 55%, #ffff01 55%);
	font-weight: bold;
}
.copyright {
    clear: both;
    padding: 1em 0;
    text-align: center;
    font-size: 70%;
    font-family: sans-serif;
}
footer{
	margin: 2em 0 0 0;
	padding: 1em 0;
	background-color:#fef2f4;
}

@media (max-width:640px) {
	img {
	max-width: 100%;
}
	p{font-size: 5vw;}
	.top_txt{font-size: 3vw;line-height: 1.6em;}
	.dakara_txt{margin:0 auto;
		text-align: center;padding: 2vw;line-height: 1.6em;
	font-size: 3vw;}
	.message{margin: 3vw;}
	.garea {padding: 3vw 0;}
	.dakara {padding: 5vw;}
	.img_inner{padding: 2vw 5vw;}
	.btn_area{margin: 3vw;}
	.btn_area li{margin: 2vw auto;}
	.osusume {margin:7vw 0 0;}
	.margin_in {padding: 2vw;}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}