@charset "utf-8";

#root .flow-contact-p{
    font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width: 1023px) {
#root .flow{
    padding: 50px 0px 100px;
}
#root .flow-contents-otr{
    padding: 50px;
}
#root .flow-contents-otr:last-of-type{
    margin-bottom: 0px;
}
}

@media screen and (max-width: 767px) {
#root .flow{
    padding: 50px 0px 50px;
}
#root .flow-contents-otr{
    padding: 30px 10px;
    margin-bottom: 40px;
}
#root .flow-photo{
    width: 100%;
    margin-bottom: 30px;
}
#root .flow-photo{
  	margin: 0px auto 30px;
}
#root .flow-txt{
    width: 100%;
  	margin: 0px auto;
}
#root .flow-txt-title{
    margin-bottom: 20px;
}
#root .flow-step{
    width: 80px;
}
#root .flow-title-h3{
    font-size: 18px;
    line-height: 30px;
}
#root .flow-txt-p,#root .flow-txt-p01,#root .flow-txt-p02{
    font-size: 13px;
}
#root .flow-txt-p01{
    margin-bottom: 10px;
}
#root .flow-contact-tel-otr,#root .flow-contact-bg{
    margin: 0px auto;
}
#root .flow-tel-p01,#root .flow-tel-p02{
    font-size: 24px;
}
#root .flow-contact-bg{
    height: 40px;
}
#root .flow-contact-p{
    line-height: 40px;
}
}