@charset "utf-8";

/* CSS Document */

.lp-content {
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}
.lp-content .lp-container  {
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	text-align: center;
	margin-top: 5%;
}
.lp-content .lp-container .cp-kikan   {
	background-color: #137853;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	border-radius: 30px;
	transition: opacity 0.3s ease;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	font-size: 1.1em;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 50%;
}
.lp-content .lp-container .cp-date {
	margin-top: 3%;
	font-size: 1.8em;
	font-weight: bold;
}
.lp-content .lp-container .cp-date strong {
	font-size: 2em;
}

/*---------ボタン-----------*/
.btn-minimal {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	padding-top: 8px;
	padding-right: 18px;
	padding-left: 28px;
	padding-bottom: 8px;
	background: #EF5D5A;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	border-radius: 999px;
	transition: background 0.3s ease;
	margin-top: 3%;
}

.btn-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

/* ホバーで矢印が右へ動く */
.btn-minimal:hover .btn-arrow {
  transform: translateX(6px);
}

/* ボタン自体も少し明るく */
.btn-minimal:hover {
  background: #F49895;
}

/* キーボード操作時 */
.btn-minimal:focus-visible {
  outline: 2px solid #EF5D5A;
  outline-offset: 4px;
}

/*--------------------------*/



.lp-content .lp-container .obi {
	background-color: #FBD97F;
	text-align: center;
	margin-top: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 1.3em;
	border-top: 1px solid #EF5D5A;
	border-bottom: 1px solid #EF5D5A;
	color: #EF5D5A;
}
.lp-content .lp-container .txtl {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-top: 3%;
}
.lp-content .lp-header .etc-ttl {
	text-align: center;
	color: #13835D;
	font-size: 1.3em;
}
.lp-container .txtl a {
	text-decoration: none;
	color: #13835D;
	font-weight: bold;
  transition: opacity 0.3s ease;
  overflow-wrap: anywhere;
}
.lp-container .txtl a:hover  {
  opacity: 0.7;
}

.lp-container .page-container{
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
	width: 90%;
	text-align: left;
	font-size: 0.9em;
}
.back-wrap {
	text-align: center;
	margin-top: 30px;
}

.back {
	display: inline-block;
	background: #666;
	color: #fff;
	padding: 10px 40px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: bold;
	transition: opacity 0.3s ease;
}

.back:hover {
	opacity: 0.7;
}


.fontdown {
	font-size: 80%;
}
.green {
	color: #13835D;
}
.spt10   {
	margin-top: 10px;
}
.out {
	margin-top: 5px;
	font-size: 0.8em;
}

.sp-show{
	display: none;
}


@media screen and (max-width: 480px){ /*480px以下のcss*/
	
	.sp-show{
	display: block;
}
.lp-content {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.lp-content .lp-container  {
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	text-align: center;
	margin-top: 5%;
	width: 95%;
}

	
.lp-content .lp-container .cp-date {
	margin-top: 3%;
	font-size: 1.2em;
	font-weight: bold;
}
.lp-content .lp-container .cp-date strong {
	font-size: 1.4em;
}
.lp-content .lp-container .obi {
	background-color: #FBD97F;
	text-align: center;
	margin-top: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 1.1em;
	border-top: 1px solid #EF5D5A;
	border-bottom: 1px solid #EF5D5A;
	color: #EF5D5A;
}
}