@charset "UTF-8";

.line-satei-section {
padding-top: 80px;
max-width: 1080px;
margin: 0 auto;
}
.line-satei-text{
text-align: center;
font-size: 1.25rem;
font-weight: bold;
}
.line-green{
color: #00B900;
}
.line-add-btn {
padding-top: 40px;
text-align: center;
}
.line-3step {
max-width: 320px;
text-align: center;
font-size: 1.5rem;
margin: 60px 0;
border-bottom:thick double #E90841 ;
}
.line-flow-content {
background-color:#f7efe7 ;
padding: 60px 20px;
margin: 40px 0;
}
.line-flow-lists {
background-color: #fff;
padding: 20px;
margin-bottom: 40px;
}
.flow-list{
position: relative;
max-width: 150px;
text-align: center;
background-color: #00B900;
color: #fff;
font-weight: bold;
border-radius: 16px;
font-size: 1.25rem;
padding-top: 10px;
padding-bottom: 10px;
}
.flow-list-text {
padding-top: 20px;
}
.line-send-lists {
max-width: 300px;
background-color: #FFFFE0;
margin-top: 20px;
padding: 10px;
border: 1px solid #444;
}
.flow-list::before {
content: "";
position: absolute;
width: 30px;
height: 30px;
background-size: contain;
top: 6px;
left: 10px;
} .blod-text {
font-weight: bold;
}
.flow-list-text-02 {
padding-top: 10px;
}
.lists-2 {
display: flex;
}
@media (max-width: 768px) {
.lists-2 {
flex-direction: column;
}
.line-send-lists  {
max-width: 100%;
margin-bottom: 10px;
}
}  .line-main-wrapper{
display:flex;
align-items:flex-start;
gap:40px;
margin-top:24px;
}
.line-main-left{
flex:1;
min-width:0;
}
.line-sidebar{
width:300px; flex-shrink:0;
} @media (max-width: 480px){
.line-main-wrapper{
display:block;
}
.line-sidebar{
width:100%;
margin-top:24px;
}
.line-add-btn {
padding-top: 40px;
padding-left: 75px;
}
.line-satei-section .section-title{
margin-top: 50px;
}
}  @media (min-width: 769px) {
.lists-2 {
display: flex;
align-items: flex-start;
gap: 40px;
} .lists-2 > div:first-child {
flex: 1;
min-width: 0;
} .line-geman {
flex-shrink: 0;
width: 300px; text-align: center;
}
.line-geman img {
width: 100%;
height: auto;
object-fit: contain;
border-radius: 6px;
}
}
.line-satei-textsmall {
text-align: left;
}