#main{width: 1280px;  margin: 0 auto 0 auto;height: auto;background-repeat: repeat;padding-top: 90px;display: block}
.test-slick {
    width: 100%;
    max-width: 1280px;
    margin: 15px auto;
    position: relative;
    overflow: hidden; 
}
.test-slick2 {
    width: 100%;
    max-width: 300px;
    margin: 15px auto;
    position: relative;
    overflow: hidden; 
}

.add-anime2 {
    animation: zoom-anime2 10s linear 0s normal both;
}

@keyframes zoom-anime2 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1); 
    }
}

#contents{}


#contents h2{
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 0px;
    margin: 0 auto 30px auto;
    display: block;
   position: relative;
}
#contents h2::after{
    background-color: #bdad1f;
    display: block;
    position: absolute;
    height: 2px;
    width: 70px;
    top: 20px;
    left: -20px;
    content: "";
}
#contents h2::before{
     background-color: #bdad1f;
    display: block;
    position: absolute;
    height: 2px;
    width: 70px;
    top: 20px;
    right: -20px;
    content: "";   
}

.about{margin-bottom: 0px;padding: 50px 0px 50px 0px;font-size: 18px;line-height: 38px;text-align: center}
.sub_img{width: 100%; max-width: 960px;margin: 0 auto 100px auto;display: flex;justify-content: space-between;}
.sub_img .sub_img_inner{width: 100%; max-width: 960px;margin: 0 auto 0px auto;display: flex;justify-content: space-between;}

.to_shokunin{text-align: center;padding: 50px 0px 100px 0px}
.choice{width: 100%;max-width: 960px;margin: 0 auto 100px auto}
.choice h2{width: 20em;}
.choice h2 span{ font-weight: normal;font-size: 18px;}
.choice h2 span::before {
	content: "\A" ;
	white-space: pre ;
}

.choice .choice_list{}
.choice .choice_list ul{padding-top: 50px;}
.choice .choice_list ul li{margin-bottom: 60px;position: relative;display: flex;
justify-content: space-between;background-image: url(../common/contents_bg.png);background-repeat: repeat;margin-left: 50px;}

.choice .choice_list ul li .icon{position: absolute;top:0px;left: -49px;width:186px}
.choice .choice_list ul li .icon img{width:186px}
.choice .choice_list ul li .img{width: 400px;}
.choice .choice_list ul li .img img{width: 400px;margin-top: -20px;margin-left: -25px;}
.choice .choice_list ul li .text{padding: 40px 40px 0px 40px;height: 280px;}

.choice .choice_list ul li .text .title{    font-size: 22px;
    font-weight: 600;border-bottom: 2px solid #bdad1f;padding: 0px 10px 10px 10px;}
.choice .choice_list ul li .text p{padding: 0px 10px 10px 10px;font-size: 16px;}

.choice .choice_list ul li:nth-child(even){margin-right: 50px;margin-left: 0px;}
.choice .choice_list ul li:nth-child(even) .icon{position: absolute;top:0px;right: -49px;width:186px;left: auto;}

.choice .choice_list ul li:nth-child(even) .img{order: 2}
.choice .choice_list ul li:nth-child(even) .img img{width: 400px;margin-top: -20px;margin-left: 25px;}

.choice .choice_list ul li:nth-child(even) .text{order: 1}

.choice .choice_list ul li:last-of-type{margin-bottom: 0px}


.raeson h2{width: 16em;}

.raeson .raeson_list{width: 100%;max-width: 960px;margin: 0 auto 100px auto}
.raeson .raeson_list ul{}
.raeson .raeson_list ul li{border: 1px solid #bdad1f;display: flex;justify-content: space-between;margin-bottom: 20px;}
.raeson .raeson_list ul li:last-of-type{margin-bottom: 0px}
.raeson .raeson_list ul li .img{width: 383px}
.raeson .raeson_list ul li .img img{width: 100%}
.raeson .raeson_list ul li .text{width: calc(100% - 383px)}
.raeson .raeson_list ul li .text h3{text-align: center;font-size: 18px;margin-bottom: 10px}
.raeson .raeson_list ul li p{width: 350px;margin: 0 auto 0 auto;font-size: 16px}

.raeson .raeson_list ul li:first-of-type .text{padding-top: 45px}
.raeson .raeson_list ul li:nth-of-type(2) .text{padding-top: 40px}
.raeson .raeson_list ul li:nth-of-type(3) .text{padding-top: 45px}

.raeson .raeson_list ul li:nth-of-type(2) .text{order: 1}
.raeson .raeson_list ul li:nth-of-type(2) .img{order: 2}


.voice{width: 100%; max-width: 960px;margin: 0 auto 100px auto;}
.voice h2{width: 10em;}
.voice_inner{position: relative;}
.voice_inner .img{width: 475px;position: absolute}
.voice_inner .img img{width: 100%}
.voice_inner .list{}
.voice_inner .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.voice_inner .list ul li{width: 405px;height: 173px;margin-bottom: 10px;padding: 20px 35px 20px 35px;}

.voice_inner .list ul li .profile{background-image: url(../img/top/voice_icon_l.png);background-repeat: no-repeat;background-position: left top;background-size: 60px;height: 60px;padding-left: 70px;margin-bottom: 5px;}

.voice_inner .list ul li .profile .name{font-size: 20px;font-weight: bold;padding-top: 5px;}
.voice_inner .list ul li .profile .status{}
.voice_inner .list ul li .text{}


.voice_inner .list ul li:first-of-type{margin-left: 485px;background-color: #edf3f3}
.voice_inner .list ul li:first-of-type .profile{background-image: url(../img/top/voice_icon_m.png)}


.voice_inner .list ul li:nth-of-type(2){margin-left: 485px}
.voice_inner .list ul li{background-color: #f3eaed}


.service{width: 100%; max-width: 960px;margin: 0 auto 100px auto;}
.service .title{
        text-align: center;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 0px;
    margin: 0 auto 30px auto;
    display: block;
   position: relative;
    
}

.service .list{background-image: url(../common/contents_bg.png);background-repeat: repeat}
.service .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 20px 0px 20px;}
.service .list ul li{border-radius: 15px;background-color: #FFF;margin-bottom: 20px;
padding: 25px 0px 25px 0px;
width: 49%;
height: 250px;
    text-align: center
   
}

.service .list ul li .img{ width: 100%;height: 60px;text-align: center;}
.service .list ul li .img img{width: 60px;height: 60px;}
.service .list ul li .text{font-size: 14px;padding: 10px 0px 0px 0px;width: 100%;}

.news{width: 100%; max-width: 680px;margin: 0 auto 100px auto;}
.news h2{width: 9em}
.news ul {border-top: 1px solid #cccccc;}
.news ul li {border-bottom: 1px solid #cccccc;}
.news ul li a{font-size: 16px;display: block;padding: 20px;}



@media screen and (max-width: 479px){
    
    

#contents h2{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 0px;
    margin: 0 auto 20px auto;
    display: block;
   position: relative;
}
#contents h2::after{
    background-color: #bdad1f;
    display: block;
    position: absolute;
    height: 2px;
    width: 25px;
    top: 13px;
    left: -20px;
    content: "";
}
#contents h2::before{
     background-color: #bdad1f;
    display: block;
    position: absolute;
    height: 2px;
    width: 25px;
    top: 13px;
    right: -20px;
    content: "";   
}    
    
    
#main{width: 100%;  margin: 0 auto 0 auto;height: auto;background-repeat: repeat;padding-top: 0px;display: block}
#main img{width: 100%}
.test-slick {
margin: 0px auto;
}
.test-slick2 {
margin: 0px auto;
}
.about{margin-bottom: 0px;padding: 20px 20px 20px 20px;font-size: 14px;line-height: 22px;text-align: left}
    
.about br {
    display: none;
  }
    
.sub_img{    margin: 0px 0px 0px 0px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 180px;
    overflow-y: hidden;
    padding: 0px;
    max-width: 500px; 
    } 
.sub_img_inner{
    display: flex;
    align-items: center;
    animation: loop infinite linear 20s both;    
    } 

.sub_img_inner img{margin-right: 15px}    
    
    
@keyframes loop {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
}
    
    
.sub_img_inner img{min-width: 150px;}
    
    
.to_shokunin{text-align: center}
.to_shokunin a{display: block;width: 350px;margin: 0 auto 0 auto}
.to_shokunin a img{width: 100%}
    
    
.choice{width: 100%;max-width: 960px;margin: 0 auto 100px auto}
.choice h2{width: 16em;}
.choice h2 span{ font-weight: normal;font-size: 14px;}
    
.choice .choice_list ul{padding-top: 30px;}    
.choice .choice_list ul li{margin-bottom: 60px;position: relative;display: block;background-image: url(../common/contents_bg.png);background-repeat: repeat;margin-left:0px;}
.choice .choice_list ul li .icon{position: absolute;top:-10px;left: 25px;width:160px}
.choice .choice_list ul li .icon img{width:160px}
.choice .choice_list ul li .img{width: 300px;margin: 0 auto 0 auto}
.choice .choice_list ul li .img img{width: 300px;margin-top: -20px;margin-left: 0px;}
.choice .choice_list ul li .text{padding: 20px;height: auto;} 
.choice .choice_list ul li .text .title{    font-size: 20px;
    font-weight: 600;border-bottom: 2px solid #bdad1f;padding: 0px 10px 10px 10px;text-align: center}
.choice .choice_list ul li .text p{padding: 0px 10px 10px 10px;font-size: 14px;}
    
    
.choice .choice_list ul li:nth-child(even){margin-right: 0px;margin-left: 0px;}
.choice .choice_list ul li:nth-child(even) .icon{position: absolute;top:-10px;left: auto;width:160px;right: 25px;}

.choice .choice_list ul li:nth-child(even) .img{order: 2;margin: 0 auto 0 auto}
.choice .choice_list ul li:nth-child(even) .img img{width: 300px;margin-top: -20px;margin-left: 0px;}

.choice .choice_list ul li:nth-child(even) .text{order: 1}
    
    
    
    
.raeson h2{width: 14em;}
.raeson .raeson_list{width: 90%;max-width: 960px;margin: 0 auto 100px auto}
.raeson .raeson_list ul li{display: block}
.raeson .raeson_list ul li .img{width: auto}
.raeson .raeson_list ul li .text{width: 100%;}
.raeson .raeson_list ul li .text h3{text-align: center;font-size: 16px;margin-bottom: 10px}
.raeson .raeson_list ul li p{width: 310px;margin: 0 auto 0 auto;font-size: 14px}
.raeson .raeson_list ul li:first-of-type .text{padding-top: 30px;padding: 20px 0px 20px 0px;}
.raeson .raeson_list ul li:nth-of-type(2) .text{padding-top: 40px;padding:  20px 0px 20px 0px;}
.raeson .raeson_list ul li:nth-of-type(3) .text{padding-top: 45px;padding:  20px 0px 20px 0px;}
.raeson .raeson_list ul li:nth-of-type(2) .text{order: 1}
.raeson .raeson_list ul li:nth-of-type(2) .img{order: 2}
    
.voice{width: 90%;}
.voice h2{width: 7em;}
.voice_inner .img{width: 100%;position: static;margin-bottom: 10px;}
.voice_inner .list ul{display: block;justify-content: space-between;flex-wrap: wrap;}
.voice_inner .list ul li{width: auto;height: auto;margin-bottom: 10px;padding: 20px 20px 20px 20px;}
.voice_inner .list ul li .profile{background-image: url(../img/top/voice_icon_l.png);background-repeat: no-repeat;background-position: left top;background-size: 60px;height: 60px;padding-left: 70px;margin-bottom: 5px;}
.voice_inner .list ul li .profile .name{font-size: 20px;font-weight: bold;padding-top: 5px;}
.voice_inner .list ul li .profile .status{}
.voice_inner .list ul li .text{}
.voice_inner .list ul li:first-of-type{margin-left: 0px;background-color: #edf3f3}
.voice_inner .list ul li:first-of-type .profile{background-image: url(../img/top/voice_icon_m.png)}
.voice_inner .list ul li:nth-of-type(2){margin-left: 0px}

    
    
.service{width: 90%}
.service .title{
        text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 0px;
    margin: 0 auto 30px auto;
    display: block;
   position: relative;
    
}

.service .list ul{padding: 10px 10px 0px 10px}
.service .list ul li{border-radius: 15px;;background-color: #FFF;text-align: center;margin-bottom: 10px;
padding: 20px 10px 20px 10px;
width: 100%;
height: auto;
}
    
.news{width: 80%; }
.news h2{width: 7em}
.news ul {border-top: 1px solid #cccccc;}
.news ul li {border-bottom: 1px solid #cccccc;}
.news ul li a{font-size: 14px;display: block;padding: 20px;}
    
    
}


