@charset "utf-8";#st27{background-color:#ffffff;}#st27 {
    background-color: rgb(255 255 255 / 0%) !important;
}


.top_concept {
    width: 90vw;
    padding-left: 11vw;
    position: relative;
    overflow: inherit;
}

.top_concept .common_hd {/* text-align: right; */margin-top: 25px;font-size: 12rem;font-family: 'Rock 3D', cursive;}

.top_concept h2 {
    font-size: 2rem;
    font-weight: bold;
    /* text-align: right; */
}

.top_concept .txt {
    width: 100%;
    /* max-height: 380px; */
    /* text-align: right; */
    /* -webkit-writing-mode: vertical-rl; */
    -ms-writing-mode: tb-rl;
    /* writing-mode: vertical-rl; */
    position: relative;
    z-index: 2;
    /* margin-top: 90px; */
}

.top_concept .txt>div {
    display: inline-block;
    text-align: left;
}

.top_concept .txt p {
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.2;
}

.top_concept .txt p+p {
    margin-right: 30px;
}



.top_concept .h-btn {
    position: relative;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    overflow: hidden;
    margin: 50px 0 0 0vw;
}

.btn_ph img {
    width: 100%;
}

.btn_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    font-size: 1.7rem;
    width: 90px;
    height: 90px;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.btn_txt:after {
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid #333;
    background: #fff;
    box-sizing: border-box;
}

.btn_txt span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}


.btn_txt:after,
.page_nav a:after {
    -webkit-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), background 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), background 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.h-btn a:hover .btn_txt:after,
.item:hover .btn_txt:after,
.page_nav a:hover:after {
    background: #333;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
}

.btn_txt span,
.page_nav a span {
    -webkit-transition: color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.h-btn a:hover .btn_txt span,
.item:hover .btn_txt span,
.page_nav a:hover span {
    color: #fff;
}

.top_concept .bg01 {width: 50vw;position: absolute;right: -12vw;top: 0px;}
.top_concept .bg01 img { width: 100%; }
.top_concept .bg02 {width: 21.05vw;position: absolute;left: -7.12vw;top: -300px;}
.top_concept .bg02 img { width: 100%; }
.top_concept .btn { position: relative; width: 285px; height: 285px; border-radius: 50%; overflow: hidden; margin: -60px 0 0 3.6vw; }


@media screen and (max-width: 768px) {
 .top_concept {
    width: 90vw;
    padding-left: 5vw;
    position: relative;
    overflow: inherit;
    padding-top: 300px;
}
    .top_concept .common_hd { text-align: right;     font-size: 5rem;}
    .top_concept h2 { font-size: 2rem; font-weight: bold; text-align: right; }
    .top_concept .txt {
    width: 100%; 
    max-height: auto; 
    text-align: right; 
    -webkit-writing-mode: horizontal-tb; 
    -ms-writing-mode: lr-tb; 
    writing-mode: horizontal-tb; 
    position: relative; 
    z-index: 2; 
    margin: 45px auto 80px;
    }

    .top_concept .txt > div { 
    display: inline-block; 
     text-align: right; 
    }

    .top_concept .txt p {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2; }

    .top_concept .txt p + p { 
    margin-right: 0; 
    margin-top: 30px; 
    }

    .top_concept .bg01 { 
    width: 100vw;
    max-width: 450px;
    position: absolute;
    right: -10vw;
    /* top: -180px; */
    /* top: auto; */
    transform: translate3d(0px, 0, 0px)!important;
}
.top_concept .bg01 img { width: 100%; }
    .top_concept .bg02 { width: 40vw; position: absolute; right:0vw; bottom: 0px; }
.top_concept .bg02 img { width: 100%; }
    .top_concept .btn { position: relative; width: 221px; height: 221px; border-radius: 50%; overflow: hidden; margin: -60px 0 0 0; z-index: 1; }

.top_concept .h-btn {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0px 0 0 3.6vw;
    z-index: 1;
}


}#st25{background-color:#ffffff;}#st25 {
    background-color: rgb(255 255 255 / 0%) !important;
}
.h-testim {
		width: 100%;
		position:relative;
		
}
.h-testim .plate{
	    position: absolute;
    z-index: 10;
    width: 250px;
    left: 500px;
    bottom: 150px;	
		
}
.h-testim .wrap {
    position: relative;
    width: 100%;
    padding: 100px 0px 100px ;
    margin: auto;
}

.h-testim .arrow {
    display: block;
    position: absolute;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.h-testim .arrow:before {
		cursor: pointer;
}

.h-testim .arrow:hover {
    color: green;
}
    

.h-testim .arrow.left {
    left: 70px;
}

.h-testim .arrow.right {
    right: 70px;
}

.h-testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.h-testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #000;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.h-testim .dots .dot.active,
.h-testim .dots .dot:hover {
      background: #b02785;
    border-color: #b02785;
}

.h-testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.h-testim .cont {
    position: relative;
		overflow: hidden;
}

.h-testim .cont > div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.h-testim .cont > div.inactive {
    opacity: 1;
}
    

.h-testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    
.h-testim .cont div .img{
    -webkit-border-top-right-radius: 250px;
    -webkit-border-bottom-right-radius: 250px;
    -moz-border-radius-topleft: 250px;
    -moz-border-radius-bottomleft: 250px;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    overflow: hidden;
    padding: 10%;
   
}
.h-testim .cont div .img img {
    display: block;
    width: 100%;
    margin: auto;
border-radius: 250px;
}
.h-testim .cont .Word  {
 width: 70%;
	 margin: 15px auto;
}

.h-testim .cont div h2 {
    margin: 50px auto 20px ; 
    font-weight: 700;
    line-height: 1.2;
    font-size: 40px;
}
.h-testim .cont div h3 {
     line-height: 1.6;
     margin: 0px auto 30px;
}
.h-testim .cont div p {
    font-size: 16px;
    line-height: 25px;
  
    margin: auto;
}

.h-testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.h-testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.h-testim .cont div.active h3 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}
.h-testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.h-testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.h-testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}
.h-testim .cont div.inactive h3 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}
.h-testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@media (max-width: 767px) {
.h-testim .cont > div {
    padding: 0 0 0px 0;

}

.h-testim .wrap {

    padding: 50px 0px 50px ;
}

.h-testim .cont div h2 {
    font-size: 3rem;
}
.h-testim .cont div h3 {
    font-size: 2rem;
}
.h-testim .plate {
    position: absolute;
    z-index: 10;
    width: 150px;
    right: 30px;
    top: -60px;
    bottom: auto;
    left: auto;
}
}





@-webkit-keyframes testim-scale {h-testim
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 500px) {
	.h-testim .arrow {
		font-size: 1.5em;
	}
	
	.h-testim .cont div p {
		line-height: 25px;
	}

}
@media (max-width: 768px) {
.h-testim .cont .Word {
    width: 90%;
    margin: 45px auto 25px;
}
}#st20{background-color:#ffffff;}#st20 {
    background-color: rgb(255 255 255 / 0%) !important;
    width: 100%;
}



#st20 .container {
    width: 100% !important;
}
#st20 .edit-news-list {
       margin: -9.7vw 0 0 0;
    float: left;
}



@media (max-width: 767px) {
#st20 {
    width: 100%;
    background-repeat: repeat-y;
    background-size: 100%;
    float: left;
    margin-block: 0%;
    background-position: bottom center;
}

}#st29{background-color:#ffffff;}#st29 {
    background-color: rgb(255 255 255 / 0%) !important;
}
#st29:after {
    bottom: 0;
    border: none;
    line-height: 1;
	    content: '';
    width: 100%;
    height: 8.3vw;
    display: block;
    background: repeat-y center top;
    background-size: 100% 100%;
  
    left: 0;
	background-image: url(../themes/images/bg_white_bottom.png);
}
.toll-box {
    text-align: center;
}

.toll-box h3 {
        font-weight: bold;
    display: block;
    position: relative;
    color: #666;
font-size: 40px;
}
.toll-box p {
        line-height: 2;
}


@media (max-width: 768px) {
.toll-box h3 {
    font-size: 30px;
}
	
}#st18{background-color:#ffffff;}#st18 {
    background-color: rgb(255 255 255 / 0%) !important;
}

@media all and (max-width: 420px) {

#st18 {
    padding-top: 10%;
}
.owl-movebox .slide-box {
    margin: 15px 0px;
    position: relative;
}
}