/*====================================================
                       LINE
======================================================*/
 
    .line-bg{  
        height: 350px;
        background-image: url(../img/mon1920_img.jpg);  
        padding:0;
        margin: 0;
    } 
 
    .overlay-line{
        position: absolute;
        width: 100%;
        height: 350px;
        background: rgba(59, 59, 60, 0.53);
    }
	
	.line-resist {
	max-width: 1045px;
	margin: 0 auto;
	width: 90%;
	position: relative;
	}
	.line-resist__column {
              text-align: center;
              padding: 50px 0;
	}
	.line-resist__img {
              max-width: 100%;
	}
	@media(min-width: 768px){
              .line-resist {
                            display: flex;
                            justify-content: space-between;
              }
              .line-resist__column:first-child {
                            margin-right: 2%;
              }
	}	
		
/*@media (min-width: 767px) and (max-width: 991px) {*/
  
@media (max-width: 991px) {
       .line-bg{  
        height: 350px;
        background-image: url(../img/mon1920_img.jpg);  
        padding:0;
        margin: 0;
    } 
    .overlay-line{
        position: absolute;
        width: 100%;
        height: 350px;
        background: rgba(59, 59, 60, 0.53);
    }
}

@media(max-width: 767px){

    .line-bg{  
        height: 550px;
        background-image: url(../img/mon1920_img.jpg);  
        padding:0;
        margin: 0;
    } 
    .overlay-line{
        position: absolute;
        width: 100%;
        height: 550px;
        background: rgba(59, 59, 60, 0.53);
    }
	.line-resist__column {
              text-align: center;
              padding: 20px 0;
	}
}

@media (max-width: 420px){
    .line-bg{  
        height: 520px;
        background-image: url(../img/mon1920_img.jpg);  
        padding:0;
        margin: 0;
    }

    .overlay-line{
        position: absolute;
        width: 100%;
        height: 520px;
        background: rgba(59, 59, 60, 0.53);
    } 
}


/*====================================================
                       LINE ボタン
======================================================*/
@media screen and (min-width: 767px){
.sponly{display:none;}}

.line_bt p {
font-size: 14px; 
color: #fff;
line-height:1.9;
}

.line_bt p a {
    text-decoration: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}

.line_bt p a:hover {
color:#D8FFA7;
border-bottom: 1px #53A006 solid;
}

.line_bt i.fa-line {
	padding: 6px 10px;
    }

.line_bt {
	margin-top: 15px;
	text-align: center;
	width: 100%;
}


/* line_pnyu  */
.line_pnyu {
    display: block;
    width: 50%;
    margin: 20px auto; 
    border-bottom: 8px solid #53A006;
    border-radius: 10px;
    background: #53b635;
    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
    /* background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); */
    /* background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
    color: #ffffff;
    padding: 4px 1px;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: line_pnyu ;
    animation-timing-function: ease;
    transform: scale(1);
    transform-origin: center bottom 0;
}
@keyframes line_pnyu  {
  0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  88% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  90%  { transform: scale(1.0, 1.05) translate(0%, -3%); }
  92%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  94%  { transform: scale(1.0, 1.05) translate(0%, -3%); }
  96%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  98%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@media only screen and (max-width: 480px) {
.line_pnyu  {
    width: 85%;
    font-size: 30px;
}
.linearrow{
    color:yellow;
    display: inline-block;
    padding-right:1px;
    position: relative;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: linearrow;
    animation-timing-function: ease;
    transform: scale(1);
    transform-origin: center bottom 0;
}
@keyframes linearrow{
        0% { left: 0px;}
        25% { left: 5px; }
        50% { left: 0px; }
        75% { left: 5px; }
        100% { left: 0px;}
}