@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
guide
---------------------------------------- */
body#guide #guide_area{
    margin-bottom: 80px;
}
body#guide .guide_inner{
    position: relative;
    color: #5f5f5f;
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    box-shadow: 2px 2px 2px #e5e5e5;
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 20px;
}
body#guide div.guide_inner div.guide_detail{
    margin-top: 10px;
}
body#guide div.guide_inner div.guide_detail p{
    color: #5f5f5f;
    line-height: 140%;
    margin-bottom: 5px;
    text-align: justify;
}
body#guide #cnt03 div.guide_detail p{
    margin-bottom: 15px;
}
body#guide .guide_inner .guide_inner_headig{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 150%;
    position: relative;
    padding-right: 30PX;
    cursor: pointer;
}
body#guide .guide_inner .guide_inner_headig::after{
    content: '\25BC';
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 5px;
}
body#guide .guide_inner .guide_inner_headig:active {
    color: #c95d81;
}
body#guide .guide_inner .guide_inner_headig.open{
    color: #c95d81;
}
body#guide .guide_inner .guide_inner_headig.open::after{
    color: #c95d81;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
/*flow*/
body#guide ul.flow{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    border: 1px solid #cccccc;
}
body#guide ul.flow li{
    position: relative;
    width: 25%;
    display: flex;
     -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
body#guide ul.flow li div.flow_list_inner{
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 7% 5%;
}
body#guide ul.flow li:not(:last-child){
    border-right: 1px solid #cccccc;
}
body#guide ul.flow li:not(:last-child):before,
body#guide ul.flow li:not(:last-child):after{
    content: "";
    border: solid transparent;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
body#guide ul.flow li:not(:last-child):before{
    border-width: 6px;
    border-left-color: #cccccc;
}
body#guide ul.flow li:not(:last-child):after{
    border-width: 5px;
    border-left-color: #fff;
}
body#guide div.guide_detail ul li p.step{
    background-color: #e79899;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    padding: 5px;
    padding-top: 3px;
    line-height: 100%;
}
body#guide .guide_detail ul li p.item_name{
    color: #e79899;
    letter-spacing: 0;
    font-weight: 700;
    text-align: center;
    font-size: 13px;
}
body#guide ul.flow li div.flow_list_inner .icon_img{
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
body#guide ul.flow li div.flow_list_inner .icon_img img{
    width: 100%;
}
/*flow_detail*/
body#guide .guide_detail ul.flow_detail li {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}
body#guide .guide_detail ul.flow_detail li .flow_detail_list_inner{
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
body#guide ul.flow_detail li div.detail{
    width: 30%;
    text-align: center;
    margin-right: 10px;
}
body#guide ul.flow_detail li div.description{
    width: 100%;
}
body#guide ul.flow_detail li div.detail .heading{
    text-align: center;
}
body#guide ul.flow_detail li div.detail .heading p.stepL{
    margin: 0 auto;
    margin-bottom: 5px;
}
body#guide ul.flow_detail li div.detail .heading p.item_nameL{
    margin-bottom: 0;
}
body#guide .guide_inner .BTN01,
body#guide .guide_inner .BTN02{
    cursor:pointer;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
body#guide .guide_inner .BTN01 a,
body#guide .guide_inner .BTN02 a{
    background-color: #c95d81;
    -webkit-box-shadow: 0 0px 4px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0px 4px 0 rgb(0 0 0 / 20%);
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    position: relative;
    padding: 10px;
    width: 100%;
}
body#guide .guide_inner .BTN01:active a,
body#guide .guide_inner .BTN02:active a{
   opacity: 0.7;
}
body#guide .guide_inner .BTN01 span.link_name{
    padding-right: 20px;
    background: url(/images/guide/btn.png) no-repeat right center;
    background-size: 8%;
    content: "";
    display: inline-block;
    letter-spacing: 1px;
    color: #fff;
    font-size: 1.6rem;
}
body#guide .guide_inner .BTN02 span.link_contacts{
    padding-right: 25px;
    background: url(/images/guide/btn02.png) no-repeat right center;
    background-size: 12%;
    content: "";
    display: inline-block;
    letter-spacing: 1px;
    font-size: 1.6rem;
}
body#guide .txt_link a,
body#guide .guide_detail  ul.site_link li a{
    text-decoration: none;
    border-bottom: dashed;
    border-color: #c95d81;
    border-width: 1px;
    margin-right: 1%;
    margin-bottom: 2%;
    color: #c95d81;
    font-size: 14px;
    line-height: 180%;
}
body#guide .txt_link a.txt_link_inline{
    display: inline;
}
body#guide .guide_inner .description_inner:first-child{
    margin-bottom: 20px;
}
body#guide .guide_inner .telephone{
    text-align: center;
    margin: 0 auto;
}
body#guide .guide_inner .telephone a{
    background: url(/images/guide/icon.png) no-repeat;
    background-size: 20px;
    background-position-y: 4px;
    font-weight: 700;
    font-size: 1.8rem;
    letter-spacing: 1px;
    color: #c95d81;
    text-align: center;
    text-decoration: none;
    padding-left: 25px;
}
body#guide .guide_inner .cnt_hd_s{
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.6rem;
}
body#guide .guide_detail  ul.site_link li{
    margin-right: 10px;
    display: inline;
}
body#guide .guide_inner ul.site_link li a{
    margin-bottom: 8px;
}
body#guide .guide_inner table.cash tr td{
    padding: 5px;
    border:1px solid;
    border-color: #9f9f9f;
}
body#guide .guide_inner table.cash tr th{
    padding: 5px;
    border:1px solid;
    border-color: #9f9f9f;
    font-weight: 700;
}
body#guide .guide_inner .group{
    margin-bottom: 20px;
}
body#guide .guide_inner a.payeasy_link{
    word-break: break-all;
    color: #c95d81;
}
/*span*/
body#guide span.s{
    font-size: 12px;
    line-height: 140%;
    display: block;
    margin-top: 5px;
}
body#guide span.L{
    font-size: 13px
}
/*------------ 共通 PC  ------------*/
@media screen and (min-width: 950px) {
    body#guide ul.flow_detail li div.detail {
        width: 13%;
    }
    body#guide .guide_inner .guide_inner_headig:hover {
        color: #c95d81;
    }
    body#guide .guide_inner .BTN01:hover a,
    body#guide .guide_inner .BTN02:hover a{
       opacity: 0.7;
    }
}