@charset "utf-8";
/* CSS Document */

.img_title {
    background: url(../img/flow_image.png) top left no-repeat;
    background-size: cover;
}
.img_title p{
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}
.flow {
    margin-bottom: 30px;
}
.flow h2 {
    margin: 20px 0 10px 0;
}
.flow h2 img {
    max-width: 599px;
}
.flow .box h3 {
    font-size: 16px;
    font-weight: bold;
    color: #FF6600;
}
.flow .box .s_txt {
    font-size: 14px;
}
.flow ul {
    border: 4px solid #FF9900;
    margin-top: 10px;
    padding: 10px;
}
.flow ul li {
    padding-left: 1em;
    text-indent: -1em;
    text-justify: inter-ideograph;
    text-align: justify;
    font-size:12px;
}
#copy_fee {
    margin-bottom: 20px;
    border: 1px solid #F60;
    padding: 5px;
    width: 688px;
    margin: 0 auto 30px;
}
.top30 {
    margin-top: 30px;
    color: #666;
    text-align: center;
}
#pagekink {
    margin: 0 0 150px;
    padding-top: 20px;
}
.flow .box02 h3 {
    font-size: 16px;
    font-weight: bold;
    color: #FF6600;
}
.flow .box02 .s_txt {
    font-size: 14px;
}
.s_txt2 {
    font-size: 14px;
}

/* ########### 599px以下 ########### */
@media only screen and (max-width: 599px){
.flow h2 img {
    max-width: 100%;
}
.box .inbox_L {
    float: none;
    width: 100%;
    margin-right:0%;
}
.flow .box .s_txt {
    font-size: 13px;
}
.box .inbox_R {
    float: none;
    width: 100%;
    margin: 10px auto 0px;
}
.box .inbox_R p {
    text-align: center;
}
.flow .box02 .s_txt {
    font-size: 13px;
}
.s_txt2 {
    font-size: 13px;
}

}

/* ########### 768px以下 ########### */
@media only screen and (max-width: 768px){
.flow {
    width: 100%;
}
.flow .box,
.flow .box02 {
    width: 100%;
    overflow: hidden;
}
.flow .box h3,
.flow .box02 h3 {
    margin-bottom: 5px;
}
.inbox_L {
    float: left;
    width: 65%;
    margin-right:2%;
}
.inbox_R {
    float: left;
    width: 33%;
}
#main #copy_fee {
    width: 100%;
}
}

/* ########### 769px以上 ########### */
@media (min-width: 769px){

#main .flow {
    width: 750px;
}
#main .flow .box {
    background: url(../img/arrow.gif)no-repeat bottom left;
    height: 174px;
    width: 750px;
    position: relative;
}
.flow .box h3 {
    position: absolute;
    left: 75px;
    top: 0px;
}
.flow .box .s_txt {
    height: 140px;
    width: 443px;
    position: absolute;
    left: 75px;
    top: 34px;
}
.flow .box .s_img {
    position: absolute;
    left: 536px;
    top: 0px;
}
.flow ul {
    width: 750px;
}
#main .flow .box02 {
    height: 80px;
    width: 750px;
    position: relative;
}
.flow .box02 h3 {
    position: absolute;
    top: 0px;
}
.flow .box02 .s_txt {
    width: 386px;
    position: absolute;
    top: 34px;
}
.s_txt2 {
    width: 750px;
    position: absolute;
    top: 34px;
}
.flow .box02 .s_img {
    position: absolute;
    left: 409px;
    top: 15px;
}
#main #main_title {
    height: 80px;
    width: 750px;
    margin-bottom: 15px;
}
#main #copy_fee {
    width: 688px;
}
}