@charset "UTF-8";
	

@media screen and (max-width: 768px) {
	 

/* pagetop --------------------- */
#pagetop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 10px;
	width: 60px;
	margin-top: -50px;
	padding-top: 50px;
	z-index: 9999999999;
}
#pagetop img {
	width: 100%;
	height: auto;
}

/*-------------------------------------------
	header
--------------------------------------------*/

header{
    background: url("../../../../img/fv_bg.png");
    background-repeat: repeat-x;
    background-position: center;
    padding: 0 20px;

}
     
     header img{
         max-width: 100%;
         height: auto;
         
     }

h1{
    text-align: center;
    padding: 30px 0 40px;
}

/*-------------------------------------------
	CTA
--------------------------------------------*/

.cta01{
    background: url("../../../../img/cta_bg.png");
    background-repeat:repeat;
    background-position: center;
    background-size: auto;
    padding: 60px 0;
}

.cta01_set{
    background-color: #fff;
    border-radius: 20px;
    width:auto;
    margin: 0 20px;
    padding: 40px;
    border: 4px solid #9fc778;
    
}

.cta01_left{
    width:auto;
    float:none;
    
}

.cta01_right{
     width:auto;
    float:none;
    text-align: left;
    
}

.cta01_img01{
    text-align: center;
    padding: 0 0 20px;
    width: 60%;
    margin: 0 auto;
    
}
          .cta01_img01 img{
         max-width: 100%;
         height: auto;
         
     }

.cta01_img02{
    text-align: center;
    padding: 0 0 5px;
    
}
     .cta01_img02 img{
         max-width: 100%;
         height: auto;
         
     }

.cta_tbl table{
	border: 1px solid #ccc;
	border-collapse: collapse;
text-align:left;
padding:70px 0;
background-color:#FFF;
margin:40px auto;

}

.cta_tbl th{
background-color:#f1f1f1;
font-weight:normal;
	border:none;
	padding:8px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
    width:auto;
    display: block;
}

.cta_tbl td{
	border:none;
	padding:8px;
    display: block;
}

.cta_ttl{
    font-size: 24px;
    line-height: 1.4em;
    padding: 0 0 20px 0;
    
}

.cta_copy{
    font-size: 18px;
    line-height: 1.4em;
    padding: 0 0 20px 0;
    
}

.cta_btn{
    text-align: center;
    padding: 30px 0 0 0;
    
}
     
          .cta_btn img{
         max-width: 100%;
         height: auto;
         
     }

.sec01{
    padding: 20px 0 0;
}

.sec01_ttl{
    width:auto;
    margin: 0 auto;
    padding: 0 20px 10px;
    
}
      .sec01_ttl img{
         max-width: 100%;
         height: auto;
         
     }

.sec01_wrap{
    width:auto;
    margin: 0 auto;
    padding: 0 10px;

}

.sec01_set{
    width: 50%;
    float: left;
    text-align: center;
    padding: 0 0 30px 0;
    
}
     .sec01_set img{
         max-width: 95%;
         height: auto;
         
     }

.sec02{
    background-color: #e7eec2;
    padding: 30px 0 50px;
    margin-top: 20px;
}

.sec02_ttl{
    width:auto;
    margin: 0 auto;
    padding: 0 20px;
    
}
     .sec02_ttl img{
         max-width: 100%;
         height: auto;
         
     }

.sec02_img01{
    display: none;
    
}
     
     .sec02_img01_sp{
         display:block;
         padding: 0 20px;
     }
     .sec02_img01_sp img{
         max-width: 100%;
         height: auto;
         
     }

.sec02_img02{
     display: none;
}
     
     .sec02_img02_sp{
    display:block;
         padding: 20px 20px;
}
     .sec02_img02_sp img{
         max-width: 100%;
         height: auto;
         
     }

.sec03{
    background-color: #669900;
    padding: 40px 0 50px;
}

.sec03_ttl{
    text-align: center;
    padding: 0 20px 30px 20px;
    
}
      .sec03_ttl img{
         max-width: 100%;
         height: auto;
         
     }
     
     .mobile_copy{
         display: block;
         color: #fff;
         text-align: center;
         padding: 10px 0;
         
     }
     
.mobile_table {
    width: 90%;
	margin: 0 auto;
	overflow-x: scroll;
}

.sec03_tbl table{
	border: 1px solid #ccc;
	border-collapse: collapse;
text-align:center;
padding:70px 0;
background-color:#FFF;
    width: 1000px;
    margin: 0 auto;

}

.sec03_tbl th{
background-color:#f1f1f1;
font-weight:normal;
	border: 1px solid #ccc;
	padding:8px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
}

.sec03_tbl td{
	border: 1px solid #ccc;
	padding:8px;
	
}

.td_color01{
    background-color: #d1f3a0!important;
}

.td_color02{
    background-color: #f5fdeb!important;
    color: #000099;
    font-weight:600;
}

.sec04{
    background: url("../../../../img/sec04_bg.png");
    background-repeat:repeat-x;
    background-position: top center;
    padding: 50px 10px;
    background-color: #85c0f9;
}

.sec04_ttl{
    text-align: center;
    padding: 0 20px;
    
}
         .sec04_ttl img{
         max-width: 100%;
         height: auto;
         
     }

.sec04_iner{
    width:auto;
    margin: 0 auto;
    padding: 0 0;
    
}

.sec04_set{
    width: 50%;
    float: left;
    text-align: center;
    padding: 0 0 20px 0;
    
}
     .sec04_set img{
         max-width: 100%;
         height: auto;
         
     }

.sec05{
    background:url("../img/sec05_bg.png");
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #71ac3b;
    padding: 40px 0;
    
}

.sec05_ttl{
    text-align:center;
    padding: 0 20px 30px 20px;
    
}
     .sec05_ttl img{
         max-width: 100%;
         height: auto;
         
     }

.sec05_img01{
    text-align: center;
    padding: 0 10px 30px 10px;
    
}
     .sec05_img01 img{
         max-width: 100%;
         height: auto;
         
     }

.sec05_img02{
    text-align: center;
    padding: 0 10px 30px 10px;
    
}
     .sec05_img02 img{
         max-width: 100%;
         height: auto;
         
     }

.sec05_img03{
    text-align: center;
    padding: 0 10px 30px 10px;
    
}
     .sec05_img03 img{
         max-width: 100%;
         height: auto;
         
     }
     

.sec06{
    background: url("../../../../img/sec06_bg.png");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 30px 0 60px;
    background-color: #a6c01d;
    
}

.sec06_ttl{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    
}
     .sec06_ttl img{
         max-width: 100%;
         height: auto;
         
     }
     

.sec06_img{
    text-align: center;
    padding: 0 20px;
    
}
     .sec06_img img{
         max-width: 100%;
         height: auto;
         
     }

.sec07{
    padding: 60px 0;
    
}

.sec07_ttl{
    font-size: 30px;
    text-align: center;
    font-weight: 70px;
    color: #4d4338;
    padding: 0 0 60px 0;
    
}

.sec07_tbl table{
	border: 1px solid #ccc;
	border-collapse: collapse;
text-align:center;
padding:70px 0;
background-color:#FFF;
    width:auto;
    margin: 0 auto;
    width: 90%;

}

.sec07_tbl th{
background-color:#f1f1f1;
font-weight:normal;
	border:none;
	padding:8px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
    display: block;
}

.sec07_tbl td{
	border:none;
	padding:8px 8px 8px 20px;
    text-align: left;
	display: block;
}

.sec07_btn{
    width: 80%;
    margin: 40px auto;
    
}
     .sec07_btn img{
         max-width: 100%;
         height: auto;
         
     }

footer{
    text-align: center;
    background-color: #ececec;
    padding: 40px 0;
    
}

.foot_logo01{
    width: 70%;
    margin: 0 auto;
    display:block;
    padding: 10px 0 0 0;
    vertical-align: top;
    text-align: center;
    
}
     .foot_logo01 img{
         max-width: 100%;
         height: auto;
         
     }

.foot_logo02{
    width: 70%;
    margin: 0 auto;
    display:block;
    padding: 10px 0 30px 0;
    vertical-align: top;
    text-align: center;
}
     .foot_logo02 img{
         max-width: 100%;
         height: auto;
         
     }

.foot_copy{
    width: 90%;
    margin: 0 auto;
    text-align:center;
    display: -block;
    vertical-align: top;
}

.copyright{
    text-align: center;
    padding: 40px 30px;
    font-size: 0.6em;
    
}

     
}