.flow{
    margin-bottom: 0px;
}

@media screen and (max-width: 689px) {
    .flow table th {
        width: 30%;
    }
}

.box21{
    padding: 0.2em 0.2em;
    margin: 2px 4px;
    background: -moz-linear-gradient(#ffb03c, #ff708d);
    background: -webkit-linear-gradient(#ffb03c, #ff708d);
    background: linear-gradient(to right, #ffb03c, #ff708d);
    color: #FFF;
    border-radius: 4px;
}
.box21 p {
    margin: 0px 0px; 
    padding: 0;
    text-align: center;
    font-size: 14px;
}

.box_redgrad{
    padding: 0.2em 0.2em;
    margin: 2px 4px;
    background: -moz-linear-gradient(#dc143c, #ff6347);
    background: -webkit-linear-gradient(#dc143c, #ff6347);
    background: linear-gradient(45deg, #dc143c, #ff6347);
    color: #FFF;
    border-radius: 4px;
}
.box_redgrad p {
    margin: 0px 0px; 
    padding: 0;
    text-align: center;
    font-size: 14px;
}

.box_guide {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #250d00;
    background: #fff9f5;
    border-top: solid 10px #ff7d6e;
    border-radius: 3px;
}
.box_guide p {
    margin: 0; 
    padding: 0 0 2px 0;
    font-size: 14px;
}
.box_guide a {
    color: #ef857d;
}

.box30 {
    width: 100%;
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    border-radius: 9px;
    border-color: red;
}
.box30 .box-title {
    font-size: 1.6em;
    background: -moz-linear-gradient(#ffb03c, #ff708d);
    background: -webkit-linear-gradient(#ffb03c, #ff708d);
    background: linear-gradient(to right, #ffb03c, #ff708d);
    padding: 20px 10px;
    text-align: center;
    color: #FFF;
    font-family: "M PLUS 1p", serif;
    font-weight: 100;
    letter-spacing: 0.05em;
    border-radius: 9px 9px 0 0;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}


/*マスキングテープ風*/
.box5-5-moto{
    background-color: #F6EEEC;/*ボックス背景色*/
    padding:2.5em 2em 2em;/*ボックス内側余白*/
    position:relative;/*配置(ここを基準に)*/
    font-family: "M PLUS 1p", serif;
    font-weight: 300;
}


.box5-5{
    background-color: #FFFFFF;/*ボックス背景色*/
    padding:2.5em 2em 2em;/*ボックス内側余白*/
    position:relative;/*配置(ここを基準に)*/
    font-family: "M PLUS 1p", serif;
    font-weight: 300;
    border: solid 5px #0000cd;
}@media screen and (max-width: 689px) {
    .box5-5{
        background-color: #FFFFFF;/*ボックス背景色*/
        padding:3em 2em 2em;/*ボックス内側余白*/
        position:relative;/*配置(ここを基準に)*/
        font-family: "M PLUS 1p", serif;
        font-weight: 300;
        border: solid 5px #0000cd;
    }
}

.box5-5 .box-title {
    background-image: repeating-linear-gradient(-45deg,#0000cd 0, #0000cd 3px,#0000ff 3px,#0000ff 6px);/*ストライプ*/
    border-left: 2px dotted rgb(0 0 0 / .1);/* ギザギザ左*/
    border-right: 2px dotted rgb(0 0 0 / .1);/* ギザギザ右*/
    transform: rotate(-1deg);/*テープの傾き*/
    font-family: "M PLUS 1p", serif;
    font-weight: 400;
    font-size: 24px;
    padding: 15px 25px;/*タイトルの余白*/
    line-height: 1;/*タイトルの行の高さ*/
    position:absolute;/*配置(ここを動かす)*/
    top:  -30px; /*上からの距離*/
    left: 10px; /*左からの距離*/
    color: white;
}@media screen and (max-width: 689px) {
    .box5-5 .box-title {
        background-image: repeating-linear-gradient(-45deg,#0000cd 0, #0000cd 3px,#0000ff 3px,#0000ff 6px);/*ストライプ*/
        border-left: 2px dotted rgb(0 0 0 / .1);/* ギザギザ左*/
        border-right: 2px dotted rgb(0 0 0 / .1);/* ギザギザ右*/
        transform: rotate(-1deg);/*テープの傾き*/
        font-family: "M PLUS 1p", serif;
        font-weight: 400;
        font-size: 19px;
        padding: 15px 5px;/*タイトルの余白*/
        line-height: 1;/*タイトルの行の高さ*/
        position:absolute;/*配置(ここを動かす)*/
        top:  -30px; /*上からの距離*/
        left: 5px; /*左からの距離*/
        color: white;
    }
}


.box1-4 {
    padding:2em;/*内側余白*/
    border:dotted 5px #ff7d6e;/*線の種類・太さ・色*/
}

.box-linebox{
    padding: 0.2em 0.4em;
    margin: 0 0.4em;
    background: #06c755;
    border-radius: 6px;
    font-family: "M PLUS 1p", serif;
    font-weight: 400;
    font-size: 24px;
    color: white;
}
.box-linebox p {
    margin: 0; 
    padding: 0;
}

.box-mailbox{
    padding: 0.2em 0.4em;
    margin: 0 0.4em;
    background: #2ca9e1;
    border-radius: 6px;
    font-family: "M PLUS 1p", serif;
    font-weight: 400;
    font-size: 24px;
    color: white;
}
.box-mailbox p {
    margin: 0; 
    padding: 0;
}

.midasi_leftLine {
  padding: 0.1rem 0.5rem;
  border-left: 5px solid #ff7d6e;
}