@charset "UTF-8";
/* CSS Document */
body,
section p{
	line-height: 1.6em;
}
@media (max-width: 768px) {
    body,
section p,
.problem li,
.problem .add_text .strong,
.problem .que,
.problem .add_text,
.problem .add_text p,
.problem .add_text li,
.problem .add_text .strong{
	font-family: sans-serif !important;
}
.problem li,
.problem .add_text .strong {
    font-weight: bold;
}
.voice-title,
.problem h3,
.problem .box p,
.problem .read,
.offer .strong,
.answer .read,
.answer .conclusion p span,
.itasaka_info .box li,
.reason .point-box h3,
.itasaka_info .box li {
	font-family: sans-serif !important;
	font-weight: bold;
}
.main {
	padding: 0;
}
}
  
.problem ul {
	z-index: 100;
	position: relative;
}
.problem li {
	color: #fff;
	font-size: 1.8rem;
	line-height: 2.5em;
	border-bottom: 1px solid #fff;
	font-family: "FOT-ニューロダン Pro B";
}
.problem .que {
	padding: 10vh 0 20vh;
}
.problem .add_text {
	font-size: 1.8rem;
}
.problem .add_text p {
	margin-bottom: 0;
}
.problem .add_text li {
	color: #000;
	border-bottom: 1px solid #999;
}
.problem .add_text .strong {
	font-size: 1.5em;
	background: #cd3200;
	color: #fff;
	text-align: center;
	font-family: "FOT-ニューロダン Pro B";
	transform: rotate(-3deg);
	margin: 7vh 0;
	padding: 0.5em;
	line-height: 1.35em;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}
.problem .que-bg {
	background-color: #000000;
}
.offer {
	background: #cd3200;
}
.offer .strong {
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-family: "FOT-マティス Pro EB";
	
}
.offer .price {
	text-align: center;
	font-size:2rem;
	color: #fff;
	margin-bottom:5vh;
}
.tokuten {
}
.tokuten .strong {
	background: linear-gradient(transparent 50%, #000 50%);
    font-family: "FOT-ニューロダン Pro B";
	
	font-size: 2em;
	padding:0 0.5em;
}
.offer .s-strong {
	color: #f9ff21;
	font-size: 1.5em;
	background: linear-gradient(transparent 50%, #000 50%);
	padding:0 0.5em;
}
.offer .date {
	padding: 3em 3vw;
	background:#fff;
	border-radius: 10px;
	margin-bottom: 5vh;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}
.offer .date h2 {
	text-align: center;
	background: #000;
	color: #fff;padding: 0.5em;
	margin-bottom: 1em;
	font-size: 1.8rem;
}
.offer .date li {
	font-family: "FOT-ニューロダン Pro B";
	font-size: 1.5rem;
	padding: 1em 0.5em;
	border-bottom: 1px dashed #999;
}
.offer .date li span {
	font-size: 1.5em;
}
.offer .date .note {
	background: #eee;
	margin-top: 2em;
	padding: 1.5em;
	border-radius: 8px;
}
.offer .date .note p {
	margin-bottom: 0;
}
.offer .date .note span{
	color: #cd3200;
}
.offer .btn_area {
	text-align: center;
	margin-bottom: 5vh;
	font-size: 2rem;
}
.offer .btn_area .offer_btn {
	color: #cd3200;
	font-size:1em;
	padding: 0.75em 1em;
	border-radius: 100vh;
	font-family: "FOT-ニューロダン Pro B";
	display: block;
	margin: 0 auto 5vh;
	width: 80%;
}
.offer .btn_area .offer_btn {
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1e767), to(#feb645));
  background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}

.offer .btn_area .offer_btn:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#f1e767), to(#feb645));
  background: -webkit-linear-gradient(bottom, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to top, #f1e767 0%, #feb645 100%);
}

.offer .note2{
	color: #fff;
	
}
.reason {
	width: 100vw;
}
.reason .photo {
	display:none;
}
.footer-menu {
	padding: 10vh 0;
}
@media screen and (max-width:480px) {
	.problem .que {
		padding: 0;
	}
.problem li {
	color: #000;
	font-size: 1.15rem;
	line-height: 1.5em;
	border-bottom: 1px solid #999;
	padding:0 0em;
	font-family: "FOT-ニューロダン Pro B";
}
.problem .add_text {
	font-size: 1.15rem;
}

.problem .add_text li {
	color: #000;
	border-bottom: 1px solid #999;
}
.problem .add_text .strong {
	font-size: 1.35em;
	transform: rotate(-3deg);
	margin: 5vh 0;
	padding: 0.5em;
	line-height: 1.35em;
	
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}
.offer .strong {
	font-size: 1.5rem;
	
}
.offer .price {
	font-size:1.25rem;
	margin-bottom:5vh;
}

.tokuten .strong {
	font-size: 2em;
	padding:0 0.5em;
}
.offer .s-strong {
	font-size: 1.5em;
	padding:0 0.5em;
}
.offer .date {
	padding: 2em 5vw;
	background:#fff;
	margin-bottom: 3vh;
}
.offer .date h2 {
	margin-bottom: 1em;
	font-size: 1.3rem;
}
.offer .date li {
	font-size: 0.9rem;
	padding: 1em 0;
}
.offer .date li span {
	font-size: 1.5em;
}

.offer .btn_area {
	text-align: center;
	margin-bottom: 5vh;
	font-size:1.75rem;
}
.offer .btn_area .offer_btn {
	font-size:0.9em;
	margin: 0 auto 5vh;
	width: 100%;
}
.offer .btn_area .offer_btn {
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1e767), to(#feb645));
  background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
}

.offer .btn_area .offer_btn:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#f1e767), to(#feb645));
  background: -webkit-linear-gradient(bottom, #f1e767 0%, #feb645 100%);
  background: linear-gradient(to top, #f1e767 0%, #feb645 100%);
}

.offer .note2{
	color: #fff;
	
}

}