@charset "UTF-8";

.joto-section{
padding:64px 0 90px;
}

.joto-main{

max-width:960px;

margin:0 auto;

padding:42px;

border-radius:28px;

background:#ffffff;

border:1px solid rgba(15,79,143,.10);

box-shadow:
0 14px 32px rgba(15,79,143,.08);
}

.joto-date{

display:inline-flex;

margin-bottom:20px;

padding:8px 14px;

border-radius:999px;

background:
rgba(15,79,143,.08);

color:
var(--color-primary);

font-size:14px;
font-weight:900;
}

.joto-main h2{

margin:0 0 28px;

color:
var(--color-primary-dark);

font-size:34px;

line-height:1.5;
}

.joto-main p{

margin:0 0 18px;

color:#334155;

line-height:2;
}

.joto-block{

margin-top:42px;

padding-top:32px;

border-top:
1px solid var(--color-border);
}

.joto-block h3{

margin:0 0 18px;

padding-left:16px;

border-left:
4px solid var(--color-primary);

color:
var(--color-primary-dark);

font-size:24px;

font-weight:900;
}

.joto-block ul{

margin:0;
padding-left:20px;
}

.joto-block li{

margin-bottom:12px;

line-height:1.9;

color:#334155;
}

.joto-pdf{

margin-top:40px;
}

.joto-pdf a{

display:inline-flex;

align-items:center;

justify-content:center;

min-height:52px;

padding:0 28px;

border-radius:999px;

background:
var(--color-primary);

color:#ffffff;

font-weight:800;

text-decoration:none;
}

.joto-pdf a:hover{

opacity:.85;
}

@media(max-width:700px){

.joto-section{
padding:42px 0 64px;
}

.joto-main{
padding:26px 20px;
}

.joto-main h2{
font-size:28px;
}

.joto-block h3{
font-size:20px;
}

}