@charset "UTF-8";

/*** トップページ ***/
#main_blcok {
    text-align: center;
    background: url(../img/main_img.jpg)no-repeat top center;  
    background-size: 100%;
    padding: 20px 0 56px;    
}
#main_blcok .txt{
    margin-bottom: 42px;
    /*padding-left: 3%;*/    
	font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 3.2rem;
    font-weight: 600;
    color: #fff;
    text-shadow: 3px 4px 4px #c3d5d2;
    text-align: left;
}

#main_blcok .txt p{
    margin-bottom: 30px;
}

ul.main_btn_block {
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
}
ul.main_btn_block li{
    margin: 0 20px;}

.home .bnr_block{
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0 20px;
    text-align: center;    
}
.home .bnr_block > div{
    max-width: 1300px;    
    margin: 0 auto 46px;}

.home #top_block {
    max-width: 1400px;
    margin: 0 auto 120px;
    display: flex;    
    justify-content: center;
}

.home #top_block > div{
    width: 357px;
    margin: 0 40px;
}
.home #top_block > div h2{
    margin: 52px 0 44px;    
    text-align: center;}
.home #top_block > div p.txt_blcok {
    font-size: 2.0rem;
    margin-bottom: 64px;
    min-height: 289px;    
}

.home #top_block > div .btn_blcok {
    width: 235px;
    margin: 0 auto;
    background: #F778A2;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}
.home #top_block > div .btn_blcok a{
    width: 100%;
    color: #fff;
    display: block;
    border-radius: 5px;
    padding: 12px 0 14px;    
}

section#t_news{
    max-width: 1400px;
    margin: 125px auto 0;    
    /*background: url(../img/news_bnr.jpg)no-repeat top center;
    background-size: 100%;*/
}

#t_news .box_block{
    max-width: 1400px;
    margin: 0 auto;    
    padding: 0 20.5px; 
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#t_news .box_block > div{
    max-width: 430px;
    width: 31%;    
    margin: 0 11.5px 80px;
}
#t_news .box_block .img-wrap{
    max-width: 430px;
    width: 100%;    
    height: 260px;
    position: relative;
    overflow: hidden;
}
#t_news .box_block .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
#t_news .box_block .txt_blcok{
    background: #ECECEC;
    padding: 21px 22px 42px;    
}

#t_news .box_block .txt_blcok span{
    display: block;
}

#t_news .box_block .txt_blcok span.time {
    margin-bottom: 23px;
}

#t_bnr ul {
    display: flex;
    margin-bottom: 90px;
    justify-content: center;
}

#t_bnr ul li{margin: 0 10px;}

/*** 2階層 共通 ***/
section#t_inter{
    max-width: 1400px;
    margin: 0 auto 70px;
   /* background: url(../img/interview_bnr.jpg)no-repeat top center;*/}
#t_inter ul{
    display: flex;
    justify-content: center;
}
#t_inter ul li{
    width: 430px;    
    margin: 0 11.5px;
    text-align: center;
}

.home h1.ttl {
    max-width: 1400px;
    margin: 0 auto 60px;
  /*  padding: 500px 0 24px; */
}

section#page {
    max-width: 1340px;
    margin: 32px auto 126px;}

#page #content_block{
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
}

#page main {
    width: 995px;
    font-size: 2.0rem;}

#page main p {
    margin-bottom: 20px;
    line-height: 2;}

#page main p img{height: 100%;}

#page main h2.ttl{
    padding: 10px 0;
    margin-bottom: 40px;
    background: #F778A2;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;    
    color: #fff;}

#page h2.ttl2 {
    margin-bottom: 40px;    
    padding: 10px 20px;    
    background: #f778a2;
    color: #fff; 
    font-size: 2.4rem;
    font-weight: bold;}
#page h2.ttl2 span{
    border-left: 4px solid #fff;
    padding-left: 25px;}


#page h3.ttl {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
}
#page h3.ttl span{
    margin: 26px auto 25px;    
    display: block;
}

strong{font-weight: 600;}

.cGreen{color: #00CCBE;}
.cPink{color: #F778A0;}

ul.list{
    width: 876px;
    margin: 0 auto 65px;
    padding-top: 10px;
}
ul.list li {
    display: flex;
    line-height: 2;  
    align-items: baseline;    
}
ul.list li:before{
    content: '●';
    color: #F7789F;
    font-size: 2.0rem;
    padding-right: 10px;}

ul.list li > span {
    display: block;
    margin-bottom: 23px;}

ul.list li span > span {
    font-weight: bold;
    font-size: 2.4rem;
}


.more-btn {
    width: 235px;
    background: #00CCBE;
    text-align: center;
    border-radius: 5px;
}
.more-btn a{
    width: 100%;
    color: #fff;
    padding: 12px 0;      
    font-size: 2.2rem;
    font-weight: bold;
    display: block;
}
.more-btn a:before{    
    content: '▶';
    font-size: 2.0rem;
    padding-right: 10px;}





/** サイド **/
#page #sidebar{
    width: 300px;}

#sidebar .more-btn {
    margin: 0 auto 54px;
}

#sidebar ul{
    padding: 0 10px 40px;
    font-size: 2.0rem;
}
#sidebar ul li{ 
    margin-bottom: 10px;
    line-height: 1.2;
    display: flex;}
#sidebar ul li:before{    
    content: '・';
    font-size: 2.0rem;}

#sidebar ul.side li:before{ 
    display: none;
}

#page #sidebar ul.side li{
    margin-bottom: 40px;}

#sidebar h2{
	margin-bottom: 40px;
    padding: 10px 20px;
    background: #f778a2;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
	display:flex;
	align-items:cneter;
}
#sidebar h2:before {
    content: '';
    margin-right: 25px;	
    display: block;
    width: 4px;
    height: 32px;
    background: #fff;
}


/** bnr **/
#page #contact_block  {
    background: #00CCBE;
    padding: 10px;
    margin-bottom: 45px;
}

#page #contact_block > div{
    width: 1315px;
    padding: 46px 60px;    
    display: flex;
    justify-content: space-between;
    align-items: center;    
    border: 4px solid #fff;
    border-radius: 40px;
}

#page #contact_block h2 {
    font-size: 3.1rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#page #contact_block h2 span{
    display: block;
    margin-top: 10px;    
}

#page #contact_block > div > div > div{
    width: 707px;
    font-weight: bold;    
    border: 3px solid #fff;    
    border-radius: 50px;   
    line-height: 1;}

#page #contact_block .mail{
    margin-bottom: 18px;    
    font-size: 2.6rem;}
#page #contact_block .mail span{
    margin-right: 90px;}

#page #contact_block .tel{
    font-size: 3.4rem;}
#page #contact_block .tel span{
    margin-right: 140px;}

#page #contact_block .mail a{
    width: 100%;
    padding: 13px 35px; 
    color: #fff;
    display: block;}

#page #contact_block .tel a{
    width: 100%;
    padding: 10px 35px; 
    color: #fff;
    display: block;}





/*** work ***/
#work .header_img ul {
    margin-bottom: 45px;
    display: flex;
    justify-content: space-between;
}

.home #movie, 
#work #movie {
    width: 767px;
    height: 424px;
    background: #000;
    margin: 60px auto 70px;
}


/*** contact ***/
#contact dl,
#entry dl{
    width: 884px;
    margin: 65px auto;
    display: flex;
    flex-wrap: wrap;
}
#contact dt,
#entry dt{
    width: 357px;
    margin-bottom: 45px;
    font-size: 2.4rem;
    font-weight: bold;    
}
#contact dt span,
#entry dt span{
    display: block;
    font-size: 2.0rem;
    line-height: 1;    
}


#contact dd,
#entry dd{
    width: 526px;
    font-size: 2.0rem;
}
#contact dd input,
#contact dd textarea,
#entry dd input,
#entry dd textarea{
    width: 100%;
    background: #FAF9F9;
    font-size: 2.0rem;
    padding: 13px 20px;
    border: none;
}
#contact dd input,
#entry dd input{
    width: 100%;
    border-radius: 50px;
}

#contact dd input[type="radio"],
#entry dd input[type="radio"]{
    width: 10%;
}

#contact dd textarea,
#entry dd textarea{
    width: 100%;
    border-radius: 10px;   
    border: none;
}

#contact dd input::placeholder,
#entry dd input::placeholder {color: #DDDDDD;}

#contact p.txt,
#entry p.txt{
    margin-bottom: 56px;    
    font-size: 1.6rem;
    text-align: center;}

input.wpcf7-form-control.wpcf7-submit {
    margin: 0 auto;
    padding: 17px 0;
    width: 410px;
    background: #f778a2;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    display: block;
}

input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
    border: 1px solid #E1E1E1;
    border-radius: 50px;
    font-size: 2.0rem;
    padding: 13px 20px;
}
select.wid100{
    width: 100%;
    padding: 13px 30px;}

select::-ms-expand {
	display: none;
}

body#entry #content_block a.lineLink {
    color: #00b900;
    border-bottom: 1px solid;
}


/*** news ***/

#page .list_block {
    margin-bottom: 140px;
}
#page .list_block h2.ttl2 {
    margin-bottom: 15px;
}

#page .list_block .img-wrap {
    position: relative;
    margin-bottom: 30px;
}

#page span.article-date {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    color: #fff;
    background: #00CCBE;
    padding: 0 10px;
}
#page .list_block article .more-btn{
    float: right;
    margin: 27px 0 47px;   
}
#page .list_block article{
    clear: both;
}
#info_single .txt_block {
	padding-top:50px;
    position: relative;
}

#info_single .txt_block h2,
#page h2.ttl3{
    margin: 66px 0 13px;
    padding: 24px 0 7px;
    font-size: 2.8rem;
    line-height: 1.4;
    font-weight: bold;
    color: #F5568B;
    border-bottom: 3px solid #F5568B;
    display: flex;
}
#info_single .txt_block h2:before,
#page h2.ttl3:before{
    content: '';
    border-left: 10px solid #F5568B; 
    padding: 10px 16px;
    display: block;
    min-height: 10px;
}

.blog .info_link {
    margin-top: 67px;    
    display: flex;
    justify-content: center;
}

span.pink_btn, span.green_btn{
    width: 235px;    
    margin: 0 12px;
    font-size: 2.2rem;   
    text-align: center;  
    display: block;
}

span.pink_btn a, span.green_btn a{
    color: #fff;
    display: block;
    padding: 14px 0; 
}

span.pink_btn {
    background: #F778A2;
}
span.green_btn {
    background: #00CCBE;
}


.pagination-next{
    background: #F778A2;
    width: 410px;
    margin: 0px auto 35px;
    font-size: 2.2rem;
    text-align: center;
    border-radius: 3px;
}
.pagination-next a {
    color: #fff;
    padding: 15px 0;
    width: 100%;
    display: block;
}

.pagenation_wrap {
    display: flex;
    justify-content: center;
}

.pagenation span.page-numbers.current {
    margin: 0px 3px;    
    width: 63px;
    height: 63px;
    background: #E1E1E1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9B9B9B;
    font-weight: bold;    
}
.pagenation a.page-numbers{
    margin: 0px 3px;
    width: 63px;
    height: 63px;
    background: #fff;
    border: 1px solid #E1E1E1;
    display: flex;
    align-items: center;
    justify-content: center;  
    color: #9B9B9B;
    font-weight: bold;    
}


/*** qa ***/
.qa_block {
    padding-bottom: 32px;
    margin-bottom: 33px;    
    background: url(../img/line.jpg)no-repeat bottom;    
    font-size: 2.0rem;}

.q_block, .a_block {
    display: flex;
    align-items: center;}

.q_block {
    color: #F778A2;
    font-weight: bold;
    margin-bottom: 20px;}

.q_block span.icon, .a_block span.icon  {
    width: 88px;
    padding: 13px 0;
    margin-right: 10px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 50px;
}

.q_block span.icon {
    background: #F778A2;}
.a_block span.icon{
    background: #00CCBE;}

.q_block span.txt,
.a_block span.txt{
    width: 890px;
}


/*** company ***/
#company dl {
    width: 100%;
    text-align: center;
    font-size: 2.4rem;
    color: #212121;
    border-bottom: 1px solid #D6D6D6;
    display: flex;
    flex-wrap: wrap;
}

#company dt {
    width: 30%;
    background: #F6F6F6;
    padding: 7px 0;
    border-left: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
}

#company dd {
    width: 70%;
    padding: 7px 0;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
}

map {
    margin-bottom: 30px;
    display: block;
}
#company #contact_block{display: none;}

/*** qualification ***/
#qualification .header_img{margin-bottom: 45px;}
#qualification .txt_block {
    width: 872px;
    margin: 0px auto 55px;
}

.pay_block_green {
    background: #00CCBE;
    margin-bottom: 40px;
}
.pay_block_pink {
    background: #F778A2;
    margin-bottom: 40px;
    
}

.pay_block_inner {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    color: #fff;
    text-align: center;
    font-size: 2.2rem;
}
.pay_block_inner h4{
    margin-bottom: 10px;    
    color: #FFFFCC;
    font-size: 3.1rem;
    font-weight: bold;
}
.pay_block_inner h4 span{
    font-size: 2.6rem;
    letter-spacing: -4px;
}

.pay_block_inner > div {
    padding-top: 10px;
    width: 49%;
    border-radius: 35px;
    border: 4px solid #fff;
}

#qualification p.txt {
    font-size: 2.0rem;
    text-align: center;
    font-weight: bold;
    color: #F778A1;
}

    .sp_img img, .pc_img img{
        height: 143px;
    }
    #overview_block{
        padding: 26px 0;  
        margin: 20px 20px 40px;
    }
    #overview_block h3{
        font-size: 1.8rem;
        margin-left: 20px;}
    #overview_block dl {
    margin: 0 20px 60px;
    }
    .caption_block {
        margin: 0 20px 60px;
        color: #707070;
        }
    .caption_L,.caption_s{width: 100%;
        height: 166px;}
    .caption_block_s {
        width: 100%;
        margin-left: 0px;
        padding: 20px;
        margin-bottom: 0;
    }
    
    #related_w{padding: 60px 20px 0;}


/* modal */
#ss_block {
    display: flex;
    justify-content: space-between;
    margin: 60px 0;}

#ss_block > div{
    width: 50%;
}

.mini_img {
    width: 80%;
    margin: 0 auto;
    position: relative;}

.mini_img img,
.mini_img img{
    width: 100%;
    height: 518px;
    object-position: top;}

#ss_block a:hover {
    opacity: 0.8;
}


.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width: 50%;
    margin:30px;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
    text-align: center;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index: 999999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open:hover {
    cursor:pointer;
    color:#fff;
    opacity: 0.8;
}

.modal-close {
    color:#fff;
    background: rgba(0, 0, 0, 0.74901);
    text-decoration:none;
    width: 100px;
    height: 80px;
    font-size: 12px;
    display: block;
    padding:1% 0;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    position: fixed;
    top: 0;
    right: 0;
}
.modal-close span {
    display: block;
    font-size: 2.4vw;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
.modal-content img{width: 100%;}

.ofimg {
  object-fit: cover;
  font-family: 'object-fit: contain;'
}

#ss_block .more-btn {
    margin: 30px auto 0;}

@media screen and (max-width: 768px){
    .home{
        max-width: 100%;    
        background:none;}
    #main_blcok{
        background: url(../img/main_img-sp.jpg)no-repeat top center;
        background-size: cover;
        margin: 0;
        padding: 4% 0 3%;    }
    #main_blcok .txt{
		margin-bottom: 6%;
		font-size: 1.6rem;
	}
    #main_blcok .txt p{
        margin-bottom: 10px;
    }
    ul.main_btn_block{margin-bottom: 3%;}
    ul.main_btn_block li {
        margin: 0px 10px;}
    
    .home .bnr_block{
        width: 100%;
        margin: 5% auto;
        padding: 0;}
    .home .bnr_block > div{margin-bottom: 5%;}
    
    .home #top_block{
        width: 100%;
        margin: 0 auto;    
        display: block;}
    .home #top_block > div{
        width: 100%;  
        margin: 0 auto 8%;    
    }
    .home #top_block > div .btn_blcok {
        width: 50%;
        font-size: 4vw;
    }   
    
    .home h1.ttl{
        width: 100%;
        margin: 0 auto 3%;
        padding: 0;}
    
    .home #top_block .img_blcok{
        margin: 0 auto;
        width: 55%;}
    .home #top_block > div h2{
        width: 55%;
        margin: 8.5% auto 4%;}
    .home #top_block > div p.txt_blcok{
        margin-bottom: 6.3%;    
        font-size: 3.4vw;
        padding: 0 2%;
        min-height: auto;   
        letter-spacing: -1px;
        text-align: center;
    }
    
    section#t_news{
        margin: 10% 0 0;    
        max-width: 100%;
        background: none;
    }
    #t_news .box_block{
        width: 100%;
        padding: 0 1%;    }
    #t_news .box_block > div{
        width: 48%;
        margin: 1% 1% 2%}
    #t_news .box_block .img-wrap{
        width: 100%;
        height: 180px;
        overflow: hidden;}
    #t_news .box_block .txt_blcok{    
        padding: 10% 5% 9%;}
    #t_news .box_block .txt_blcok span.time{
        margin-bottom: 4%;    
        font-size: 2.8vw;
    }
    #t_news .box_block .txt_blcok span{
        font-size: 2.8vw;
    }
    #t_news .box_block .img-wrap img{
        width: 100%;
        height: 100%;
    }
    
    .home #movie, #work #movie{
        width: 96%;
        height: 230px;
        margin: 5% auto 10%;
    }
    
    #t_bnr ul {
        display: block;
        margin-top: 3%;
        margin-bottom: 5%;
    }
    #t_bnr ul li{margin-bottom: 5%;}
    
    section#t_inter{
        margin-bottom: 8%;
        max-width: 100%;
        background: none;
    }
    #t_inter ul{display: block;}
    #t_inter ul li{
        width: 98%;
        margin: 0 auto 5%;}
    
    
    section#page{
        width: 100%;
        margin: 3% auto 10%;
    }
    #page #content_block{    
        display: block;
        flex-flow: wrap;}
    #page main{
        width: 100%;
        font-size: 1.8rem; 
        margin-bottom: 10%;
    }
    #page main h2.ttl{
        padding: 1.8% 0;
        margin-bottom: 2.5%;
    }
    #page main p{
        width: 98%;
        margin: 0px auto 3%;
    }
    
    #work .header_img ul {
        width: 98%;
        margin: 0 auto;
        flex-wrap: wrap;}
    #work .header_img ul li{
        width: 48%;
        margin-bottom: 3.5%;}
    
    #work #movie{
        width: 98%;
        margin: 5% auto 8.5%;}
    
    ul.list{
        width: 98%;
        margin: 0 auto 8%;}
    
    #page #sidebar{width: 100%;}
    #page #sidebar ul.side li{margin-bottom: 5%;}
    #recent-posts-2 ul,
    #categories-2 ul{
        padding: 0 3% 4% 10%;
        font-size: 1.8rem;
    }
    #sidebar .more-btn{
        margin: 3px auto 7%;}
    
    #sidebar ul.side{
        width: 98%;
        margin: 0 auto;
        }
    
    .more-btn a{font-size: 2.0rem;}
    
    #page #contact_block{
        padding: 1.5%;    
        margin-bottom: 6.5%;    
    }
    #page #contact_block > div{
        width: 100%;
        display: block;
    }
    #page #contact_block h2{
        font-size: 4.8vw;
        margin-bottom: 9.5%;    }
    #page #contact_block h2 span{
        width: 48%;
        margin: 1% auto;    
    }
    #page #contact_block > div{
        padding: 5.5% 2% 6%;    
    }
    #page #contact_block > div > div > div{
        width: 100%;         
    }
    
    #page #contact_block .mail{
        margin-bottom: 3%;      
        font-size: 4.1vw;
    }
    #page #contact_block .mail a{
        padding: 2% 5%;    
    }
    #page #contact_block .mail span{
        margin-right: 8%;
        width: 12%;
        display: inline-block;   
    }
    
    #page #contact_block .tel{
        font-size: 5vw;}
    #page #contact_block .tel a{
         padding: 2% 5%;
    }
    #page #contact_block .tel span{
        margin-right: 17%;        
        width: 12%;
        display: inline-block;
    }
    
    #contact dl, #entry dl{
        margin-bottom: 6%;
        width: 100%;}
    
    #contact dt, #entry dt{
        margin-bottom: 0;
        font-size: 2.0rem;        
        width: 100%;}
    #contact dt span, #entry dt span{
        font-size: 1.6rem;
        display: inline-block;
    }
    #contact dd, #entry dd{
        font-size: 1.8rem;        
        margin-bottom: 0;
        width: 100%;}
    
    #contact dd input, 
    #contact dd textarea, 
    #entry dd input,
     #entry dd textarea{
        width: 89%;
        padding: 8px 20px; 
        font-size: 1.8rem;
    }
    input.wpcf7-form-control.wpcf7-submit{
        width: 60%;
    }
    
    select{
        padding: 5px 30px;}
    
    .qa_block{
        width: 98%;
        margin: 0 auto;
        padding-bottom: 6%;
        margin-bottom: 6%;
        font-size: 1.8rem;}
    .q_block span.icon, .a_block span.icon{
        width: 20%;
        max-width: 80px;
        padding: 2% 1%;
        font-size: 2.0rem;
    }
    .a_block{
      align-items: flex-start;  
    }
    .q_block span.txt, .a_block span.txt{
        width: 80%;
    }
    
    #company dl{
        width: 98%;
        margin: 0 auto;
        border-right: 1px solid #D6D6D6;
        display: block;
        font-size: 2.0rem;}
    #company dt{width: 100%;}
    #company dd{width: 100%;}
    #company map iframe{width: 100%;}
    
    span.pink_btn, span.green_btn{
        width: 100%;
        margin: 0 1%;        
        font-size: 1.8rem;
    }
    ul.list li span > span{font-size: 2.2rem;}
    #qualification .txt_block{
        width: 98%;
        margin: 0 auto;
        font-size: 1.8rem;    
    }
    
    #page h3.ttl{font-size: 5.2vw;}
    #page h3.ttl span{margin: 5% auto 6%;}
    .pay_block_inner{
        padding: 2% 2% 1px;    
        display: block;
        font-size: 1.8rem;
        }
    .pay_block_inner > div{
        width: 100%;
        margin: 2% 0 4%;}
    .pay_block_inner h4{
        font-size: 2rem;}
    .pay_block_inner h4 span{font-size: 1.8rem;}
    #qualification p.txt{font-size: 1.8rem;}
    .pay_block_green,
    .pay_block_pink{margin-bottom: 6%;}
    
    
}