#hataraiki{
    font-size: 21px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 1;
}
#hataraiki b{
    font-weight: 700;
}
main {
	margin-bottom: 60px;
    background: #fff;
}
.inner{
    max-width: 1000px;
    margin: auto;
}
.sec-tit{
    color: #fff;
    background: #f6555c;
    text-align: center;
    padding: 40px 0;
    font-weight: 700;
    font-size: 50px;
}
.sec-balloon{
    max-width: 1000px;
    margin: 0 auto -30px;
    padding: 25px 80px 80px;
    background: url("baloon01.png");
    background-size: 100% 100%;
    position: relative;
    z-index: 2;
}
@media screen and (min-width:769px){
    .is-fadeIn {
        transform: translate3d(0, 40px, 0);
    }
    .u-sp{
        display: none !important;
    }
    .fadelink:hover{
        opacity: 0.6;
    }
}
@media screen and (max-width:768px){
    .u-pc{
        display: none !important;
    }
}



/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     kv
== == == == == == == == == == == == == == == == == == == == === * */
.kv {
	padding-top: 50px;
    max-width: 1000px;
    margin: 0 auto 40px;
}
/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     flow
== == == == == == == == == == == == == == == == == == == == === * */
.flow{
    margin: 0 0 100px;
}
.flow-list{
    padding: 80px 0 0;
    text-align: center;
}
.flow-list li{
	position: relative;
    border: 2px solid #f6555c;
    background: #fee5e7;
    border-radius: 20px;
    padding: 65px 0 60px;
}
.flow-list li::before{
    content: "";
    display: block;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    background-position: left bottom;
    bottom:0;
}
.flow-list li:not(:last-child)::after{
    content: "";
    display: block;
    width:132px;
    height: 66px;
    background: url(arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:calc(100% + 40px);
}
.flow-list li:not(:last-child){
    margin: 0 0 180px;
}
.flow-list-tit{
    position: absolute;
    width:370px;
    padding: 10px;
    color: #fff;
    background: #f6555c;
    font-weight: 700;
    border-radius: 100px;
    text-align: center;
    left: 50%;
    top:0;
    transform: translate(-50%,-50%);
    font-size: 37px;
}
.flow-list li:nth-child(1) p{
    max-width: 640px;
    margin: auto;
    text-align: left;
}
.flow-list li:nth-child(1)::before{
    background-image: url("flow_img01.png");
    width:calc(100% + 90px);
    height: 100%;
    right: 0;
}
.flow-list li:nth-child(2)::before{
    background-image: url("flow_img02.png");
    width:156px;
    height:250px;
    right: 15px;
}
.flow-list li:nth-child(3)::before{
    background-image: url("flow_img03.png");
    width:182px;
    height:270px;
    left: 20px;
}

/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     contact
== == == == == == == == == == == == == == == == == == == == === * */
.contact{
    margin: 0 0 50px;
}
.contact-list li {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
    position: relative;
}
.contact-list li:not(:last-child){
    border-bottom: 6px dotted #f6555c;
}
.contact-list-img{
    margin: auto;
}
.contact-list-content{
    width:64%;
    flex-shrink: 0;
}
.contact-list-tit{
    color: #f6555c;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 10px;
}
.contact-list-txt.pink{
    color: #f6555c;
}
.contact-list li:nth-child(1) .contact-list-img{
    width:265px;
}
.contact-list li:nth-child(2) .contact-list-img{
    width:116px;
}
.contact-list li:nth-child(3) .contact-list-img{
    width:96px;
}
.contact-list-tel{
    width:446px;
    display: block;
    margin: 0 0 20px;
}
.contact-list-address{
    width:597px;
    display: block;
    margin: 0 0 30px;
}
.contact-list-txt  + .contact-list-txt{
    margin: 1em 0 0;
}
.contact-list-line{
    position: absolute;
    width:116px;
    right: 30px;
    top:50px;
}
.line-txt{
    margin: 3em 0 0;
}

/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     policy
== == == == == == == == == == == == == == == == == == == == === * */
.policy{
    padding: 0 0 60px;
}
.policy-list {
	padding: 90px 0 120px;
}
.policy-list li:not(:last-child){
    margin: 0 0 1.5em;
}
.policy-list span{
    color: #f6555c;
}
.policy-list p{
    padding-left: 1em;
}
.policy-box{
    border:2px solid #f6555c;
    border-radius: 20px;
    position: relative;
    padding: 70px 0 40px;
    text-align: center;
}
.policy-box-tit{
    background: #fff;
    display: inline-block;
    white-space: nowrap;
    color: #f6555c;
    top:0;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    font-size: 50px;
    font-weight: 700;
}
.policy-box-tel{
    display: block;
    width:494px;
    margin: 0 auto 20px;
}
.policy-box-txt + .policy-box-txt{
    margin: 1em 0 0;
}


/**=== == == == == == == == == == == == == == == == == == == == =========================================== 
=>====================================================================================================                     
== == == == == == == == == == == == == == == == == == == == === * */

/*sx<=567px,sm <= 768px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 768px) {
	#hataraiki b{
        font-size: 4.5vw;
    }
    #hataraiki{
        font-size: 3.46vw;
        line-height: 1.5;
    }
    main {
        background: #fff;
        margin-bottom: 10vw;
    }
    .inner{
        max-width: 94vw;
    }
    .sec-tit{
        padding: 7vw 0;
        font-size: 9.6vw;
        position: relative;
        z-index: -2;
        line-height: 1.3;
    }
    .sec-balloon{
        max-width: 94vw;
        margin: 0 auto -4.5vw;
        padding: 5vw 8vw 16vw;
        background: url("balloon_sp.png");
        background-size: 100% 100%;

    }
    .-center{
        text-align: center;
    }

    /**=== == == == == == == == == == == == == == == == == == == == == 
    =>                     kv
    == == == == == == == == == == == == == == == == == == == == === * */
    .kv {
        padding-top: 5vw 0 0;
        max-width: 94vw;
        margin: 0 auto 5vw;
    }
    /**=== == == == == == == == == == == == == == == == == == == == == 
    =>                     flow
    == == == == == == == == == == == == == == == == == == == == === * */
    .flow{
        margin: 0 0 16vw;
    }
    .flow-list{
        padding: 24vw 0 0;
        text-align: left;
    }
    .flow-list li{
        border: 1px solid #f6555c;
        border-radius: 10px;
        padding: 16vw 8vw 8vw;
    }
    .flow-list-sp{
        display: flex;
        justify-content: center;
        margin: 0 0 4vw !important;
    }
    .flow-list li::before{
        z-index: -1;
        bottom:calc(100% - 5vw);
    }
    .flow-list li:not(:last-child)::after{
        width:20vw;
        height: 10vw;
        top:calc(100% + 10vw);
    }
    .flow-list li:not(:last-child){
        margin: 0 0 34.6vw;
    }
    .flow-list-tit{
        width:64.5vw;
        padding: 2.6vw;
        font-size: 6.6vw;
    }
    .flow-list li:nth-child(1) p{
        max-width: 100%;
    }
    .flow-list li:nth-child(1)::before{
        background-image: url("flow_img01_sp.png");
        width:100%;
        height: 36vw;
    }
    .flow-list li:nth-child(2)::before{
        width:20.8vw;
        height:33.3vw;
        right: 2.6vw;
    }
    .flow-list li:nth-child(3)::before{
        width:24.2vw;
        height:36vw;
        left: 2.6vw;
    }

    /**=== == == == == == == == == == == == == == == == == == == == == 
    =>                     contact
    == == == == == == == == == == == == == == == == == == == == === * */
    .contact{
        margin: 0 0 10vw;
    }
    .contact-list li {
        display: block;
        padding: 9vw 0;
    }
    .contact-list li:not(:last-child){
        border-bottom: 3px dotted #f6555c;
    }
    .contact-list-img{
        margin: 0 auto 8vw;
    }
    .contact-list-content{
        width:94%;
        margin: auto;
        flex-shrink: 0;
    }
    .contact-list-tit{
        font-size: 6.6vw;
        margin: 0 0 2.6vw;
        text-align: center;
    }
    .contact-list li:nth-child(1) .contact-list-img{
        width:32.5vw;
    }
    .contact-list li:nth-child(2) .contact-list-img{
        width:25.6vw;
    }
    .contact-list li:nth-child(3) .contact-list-img{
        width:21.6vw;
    }
    .contact-list-tel{
        width:74.1vw;
        margin: 0 auto 3vw;
    }
    .contact-list-address{
        width:100%;
        display: block;
        margin: 0 0 5vw;
    }
    .contact-list-txt  + .contact-list-txt{
        margin: 0.7em 0 0;
    }
    .contact-list-line{
        position: static;
        width:62.1vw;
        margin: auto;
        display: block;
    }

    /**=== == == == == == == == == == == == == == == == == == == == == 
    =>                     policy
    == == == == == == == == == == == == == == == == == == == == === * */
    .policy{
        padding: 0 0 10vw;
    }
    .policy-list {
        padding: 8vw 0 24vw;
    }
    .policy-box{
        border:1px solid #f6555c;
        border-radius: 10px;
        padding: 13.3vw 4vw 5.3vw;
        text-align: left;
    }
    .policy-box-tit{
        text-align: center;
        font-size: 6.6vw;
        line-height: 1.2;
    }
    .policy-box-tel{
        width:74.1vw;
        margin: 0 auto 5.3vw;
    }
    .policy-box-txt + .policy-box-txt{
        margin: 1em 0 0;
    }

}
@media screen and (max-width:900px) and (min-width:769px){
    .inner{
        width:94%;
    }
    .sec-balloon{
        width:94%;
        padding: 25px 30px 80px;
    }
    #hataraiki{
        font-size: 18px;
    }
    .flow-list li:nth-child(1) p{
        max-width: 60%;
    }
    .sec-tit{
        font-size: 40px;
    }
    .contact-list-address{
        width:100%;
    }
    .contact-list-content{
        padding: 0 10px;
    }
    .policy-box-tit{
        font-size: 40px;
    }
}