@charset "utf-8";
/* CSS Document */

@import url('https://use.fontawesome.com/releases/v5.0.9/css/all.css');

 /* 基本設定 */
 
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.onlyPc {
	display:none;
	}
	
.onlySp {
	display: block;
	}

.onlySp1 {
	display: block;
	}

.onlyPc1 {
	display:none;
	}
	


body a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	}

body {
	font-size:16px;
	line-height:1.6;
	color:#333;
	}
	
a:hover {
	opacity: 0.8;
	filter: alpha(opacity=60);
	}	

img {
	max-width:100%;
	}
	
.full {
	width: 100vw;
	}
	
.outer{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}

.outer02{
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	}

.outer03{
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	}

.outer04{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	}

	
/*　　トップバック
-----------------------------------------*/
	
#pageTop {
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 999;
}
 
#pageTop a {
  display: block;
  line-height:3;
  border-radius: 30px;
  width: 3em;
  height: 3em;
  background-color: #007440;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
	
@media only screen and (min-width: 768px) {

.onlyPc {
	display: block;
	}
	
.onlySp {
	display:none;
	}
	
.onlySp1 {
	display: block;
	}
	
.onlyPc1 {
	display:none;
	}

	
}
	
	
@media only screen and (max-width: 767px) {

 /* 基本設定 */
 
html {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	}
 
body {
	font-size:13px;
	}


}


@media only screen and (min-width: 1024px) {

.onlyPc1 {
	display:block;
	}
	
.onlySp1 {
	display: none;
	}
	
}