{% extends 'default_frame.twig' %}
{% set body_class = 'front_page' %}
{% block stylesheet %}
<style>
/*いい古墳あります*/
.elementor-element-cde511d {
text-align: center;
color: var( --e-global-color-global_color_1 );
font-size: 50px;
font-weight: 600;
margin-top: 50px;
}
@media only screen and (max-width: 768px) {
.elementor-element-cde511d {
font-size: 30px;
margin-top: 30px;
}
}
/*樹木葬の新形態「古墳墓」*/
.elementor-element-a2b7db4 h2 {
text-align: center;
color: var( --e-global-color-global_color_4 );
font-size: 38px;
font-weight: 600;
}
@media only screen and (max-width: 768px) {
.elementor-element-a2b7db4 h2 {
font-size: 24px;
}
}
/*イントロ*/
.elementor-element-5da587c {
text-align: center;
font-size: 18px;
line-height: 2;
}
@media only screen and (max-width: 768px) {
.elementor-element-5da587c {
font-size: 15px;
line-height: 1.5;
padding: 10px 20px 10px 20px;
}
}
/*ボタン*/
.elementor-element-27d69a7 {
display: flex;
flex-wrap: wrap;
margin: 30px auto;
justify-content: center;
}
.elementor-element-row {
width: 50%;
text-align: center;
flex-direction: row;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.elementor-element-row {
width: 100%;
}
}
.elementor-element-row p {
margin-top: 10px;
text-align: center;
font-size: 14px;
line-height: 1.5;
}
.elementor-button span {
text-decoration: inherit;
display: inline-block;
}
.elementor-button {
display: inline-block;
line-height: 1;
font-size: 20px;
font-weight: bold;
border-radius: 3px;
color: #fff;
fill: #fff;
text-align: center;
transition: all .3s;
background-color: #000000;
width:80%;
padding-top: 30px;
padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
.elementor-button {
font-size: 17px;
padding: 20px 30px 20px 30px;
}
}
</style>
{% endblock %}
{% block main %}
<div class="elementor-element-cde511d">
<p>\ いい古墳あります!/</p>
</div>
<div class="elementor-element-a2b7db4">
<h2>樹木葬の新形態「古墳墓」</h2>
</div>
<div class="elementor-element-5da587c">
<p>墓石を建てる時代は終わりました。<br>いまや新規に販売される墓の半数以上が「樹木葬」です。<br>樹木葬は西洋式が一般的ですが、日本には日本式の樹木葬があっても良いはず。<br>それが<strong>古墳墓</strong>です!</p>
</div>
<div class="elementor-element-27d69a7">
<div class="elementor-element-row">
<a class="elementor-button" href="{{ url('product_list') }}?category_id=1">
<span>販売中の古墳はこちらから</span>
</a>
<p><strong>現在販売中の古墳墓をご希望の方は</strong><br><strong>こちらより購入申込みしていただけます。</strong></p>
</div>
{% if not is_granted('ROLE_USER') %}
<div class="elementor-element-row">
<a class="elementor-button" href="{{ url('entry') }}">
<span>お客様登録はこちらから</span>
</a>
<p><strong>古墳をお求めになりたい地域をご登録ください。</strong><br><strong>その地域に新しく古墳が完成した際にご連絡差し上げます。</strong></p>
</div>
{% endif %}
</div>
{% endblock %}