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

html{
    font-size: 62.5%;
}

body{
    font-size:1.6rem;/* 16px*/
    line-height: 1.5;	/* line-height: 1.25;旧 */
    color:#222222;
    font-family:  '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium','meiryo', 'sans-serif';
}



h1 {
    font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
    line-height: 1.3;
}

h2 {
    font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    line-height: 1.3;
}

@media (min-width: 1200px) {/* 1200px以上*/
    h1 {
        font-size: 3.6rem;/* 36px*/
    }
    h2 {
        font-size: 2.4rem;/* 24px*/
    }
}

@media screen and (max-width: 640px) {/* 640px以下*/
    body{
    line-height: 2;
    }
    h1{
        font-size: 2.4rem;/* 24px*/
    }
    h2 {
        font-size: 2rem;/* 20px*/
    }
}





a {
text-decoration: none;
}

a:link { color: #008099; }

a:visited { color: #009944; }

a:hover{
color:#E48E00;
position:relative;
top:1px;
left:1px;
}

a:active { color: #8b0000; }


/* ロールオーバー画像半透明 */
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/* ロールオーバー画像半透明 */



#footer {
	height: 150px;
	clear:both;
	background-color: #F6F6F6;
	padding: 50px 20px;
}









/* icomoon */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?j2n791');
  src:  url('fonts/icomoon.eot?j2n791#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?j2n791') format('truetype'),
    url('fonts/icomoon.woff?j2n791') format('woff'),
    url('fonts/icomoon.svg?j2n791#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-office:before {
  content: "\e903";
  font-size: 25px;
  margin: 10px;
}
.icon-facebook2:before {
  content: "\ea91";
  font-size: 25px;
  margin: 10px;
}
.icon-twitter:before {
  content: "\ea96";
  font-size: 25px;
  margin: 10px;
}
.icon-instagram:before {
  content: "\ea92";
  font-size: 25px;
  margin: 10px;
}

/* icomoon end */