/* SP用 */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a{
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
 -webkit-tap-highlight-color: transparent;
}

em,strpng{
font-style: normal;
}

p{
line-height: 2.0em;
font-size: 11pt;
}


/*p margin調整*/
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb80{
	margin-bottom:80px;
}
.mb100{
	margin-bottom:100px;
}

.mt20{
	margin-top:20px;
}


.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
display:inline-block;
min-height: 1px;
}

img.center{
	margin-left:auto;
	margin-right:auto;
	display:block;
}


/*文字装飾*/

.font_bold{
	font-weight:bold;
}

.font_red{
	color:#b80101;
}

.font_small{
	font-size:8.5pt;
}

a{
	color:#333;
	text-decoration:none;
}

a.link{
	color:#666;
	text-decoration: underline;
}

a.link:hover{
	color:#009B40;
}

.tel{
text-decoration: underline;
}


/* アニメーション設定 */
.scrollin{
    transform : translate(0, 40px);
    transition : all 600ms;
}
 
.scrollin_on {
    transform : translate(0, 0);
}

.scrollin:nth-of-type(2) {
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
}

.scrollin:nth-of-type(3) {
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
}

.scrollin:nth-of-type(4) {
    -moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
}

.scrollin:nth-of-type(5) {
    -moz-transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
}

@keyframes large {
    0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@-webkit-keyframes large {
     0% {transform: scale(1.1)}
    100% {transform: scale(1.0)}
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes opacity {
  0% { opacity: 1.0;}
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}
@-webkit-keyframes bg-color {
  0% { opacity: 1.0;}
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}


/* 各ページ共通 */

body{
color:#333;
font-size:10pt;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
font-weight: 500;
background-color: #eee;
}

header{
width: 100%;
background-color: #fff;
position: fixed;
z-index: 19;
}

h1{
margin-left: 10px;
}

#logo a{ /* h1 */
width:160px;
height:50px;
display:block;
color:#fff;
}

#logo a img{
border:none;
display:block;
width:160px;
height:50px;
}

div#wrapper{
width: 100%;
}


/* メニュー出現 */

.btn {
  background-image: url(../image/sponly/menu.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:36px 36px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  margin-right:10px;
  display:inline-block;
  float: right;
  margin-top: -40px;
}

.btn.on {
  background-image: url(../image/sponly/menu_on.png);
  }

nav{
border: 5px solid #ddd;
height: 160px;
}

nav ol li{
padding:15px 10px 15px 10px;
border-bottom:dashed #ccc 1px;
list-style-type: none;
float: left;
width: 25%;
}

nav ol li a{
display: block;
}

nav ol li:last-child{
}

nav ul:first-of-type{
clear: both;
}

nav ul li {
float: left;
width: 25%;
}

nav ul li a{
	display:block;
	text-decoration:none;
	border-bottom:dashed #ccc 1px;
	padding:15px 10px;
	color:#333;
	font-weight: 600;
	font-size: 11pt;
}

nav ul:last-of-type li:nth-last-child(-n+3) a{
	border-bottom:0;
}

/*スマホ縦のみ */
@media screen and (max-width:480px){
nav{
height: auto;
}
nav ol li{
padding:15px 10px 0px 10px;
border-bottom: 0;
float: none;
width: 100%;
}
nav ol li:last-child{
padding-bottom: 15px;
border-bottom:dashed #ccc 1px;
}
nav ul li {
float: none;
width: 100%;
}
nav ul:last-of-type{
padding-bottom: 10px;
}
nav ul:last-of-type li:nth-last-child(-n+3) a{
border-bottom:dashed #ccc 1px;
}
nav ul:last-of-type li:last-child a{
border-bottom:0;
}
}

#nav_li01text a{ 
width:97px;
height:15px;
display:block;
color:#fff;
}

#nav_li01text a img{
border:none;
display:block;
width:97px;
height:15px;
}

#nav_li02text a{ 
width:160px;
height:16px;
display:block;
color:#fff;
}

#nav_li02text a img{
border:none;
display:block;
width:160px;
height:16px;
}

#nav_li03text a{ 
width:124px;
height:16px;
display:block;
color:#fff;
}

#nav_li03text a img{
border:none;
display:block;
width:124px;
height:16px;
}

#nav_li04text a{ 
width:79px;
height:15px;
display:block;
color:#fff;
}

#nav_li04text a img{
border:none;
display:block;
width:79px;
height:15px;
}




/* フッター */
footer{
position: relative;
}

footer small{
text-align: center;
font-size: 7pt;
color: #999;
display: block;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
line-height: 1.5em;
}

footer ul{
width: 90%;
margin: 0 auto;
padding-bottom: 20px;
}

footer ul li{
list-style-type: none;
display: inline-block;
margin-top: 20px;
}

footer ul li a{
text-align: center;
display: block;
color: #000;
padding-right: 15px;
font-size: 9pt;
}

footer ul li a:after{
content:"|";
color: #aaa;
margin-left: 15px;
}

footer ol{
width: 100%;
}

footer ol li{
list-style-type: none;
}

footer ol li a{
display: block;
text-align: center;
padding: 15px 0;
color: #000;
border-top: 1px solid #ccc;
}

#totop{
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #2aa738;
border: 2px solid #fff;
z-index: 20;
display:none;
position:fixed;
right:5px;
bottom:5px;
padding-top: 7px;
}

#totop img{
display: block;
margin: 0 auto;
width: 30px;
height: 29px;
}

.sp_none{
	display:none;
}

.pc_none{
	display:none;
}

/*スマホ縦のみ */
@media screen and (max-width:480px){
.pc_none{
	display:block;
}
}