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

/*--header---------------------------------------------*/
#header{position:fixed;top:0;left:0;z-index:10;background-color:#fff; width:100%;padding: 15px 20px 0 10px;transition: .3s;}
#header .topArea {padding:0; display: flex; justify-content: space-between; align-items: center;}
#header .topArea a {display:block;}
#header .topArea a.contents_logo img {width:241px; transition: .3s;}
#header .topArea a.company_logo img {width:339px; height: 48px;transition: .3s; }
#header.is-animation .topArea a.company_logo img {width:200px; height: 31px;}
#header.is-animation .topArea a.contents_logo img {width:200px; }

#content .content_inner {padding-top:80px; }

@font-face {
  font-family: 'marunichi';
  src: url("marunich.woff") format("woff");
  font-weight: normal;
  font-style: normal; }


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

/*--header---------------------------------------------*/
#header {height:55px; padding-top:12px;}
#header.is-animation{ height: 45px;}
#header .topArea a.company_logo img{width:40vw; height: auto;}
#header .topArea a.contents_logo img{ width:40vw; height: auto;}
#header.is-animation .topArea a.company_logo img {width:35vw; height: auto;}
#header.is-animation .topArea a.contents_logo img{width:35vw; height: auto;}

}