@charset "utf-8"; 

@media screen and (min-width: 640px) {}
.imgChange{}

@font-face {
font-family: gadugi;
src: url(../font/gadugi.woff);
}

/*=============================================================
 common
=============================================================*/

body{ margin:0; padding:0; text-align:center; font-size:1.5rem; line-height:2.0; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; font-weight: 500; color:#FFF; height:100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #1C263C; position:relative;}
@media all and (-ms-high-contrast:none){
body { font-family: "メイリオ",Meiryo,'游ゴシック体', 'Yu Gothic', YuGothic,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;}
}
a{color:#0085B2; text-decoration:underline;}
a:hover{color:#E6423D; text-decoration:none;}

/*-------- clearfix ---------*/
.clearfix { zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;}

/*---------- margin ----------*/
.mt-none{ margin-top:0px !important}
.mt-05{ margin-top:5px !important}
.mt-10{ margin-top:10px !important}
.mt-20{ margin-top:20px !important}
.mt-30{ margin-top:30px !important}
.mt-40{ margin-top:40px !important}
.mt-50{ margin-top:50px !important}
.mt-60{ margin-top:60px !important}
.mt-70{ margin-top:70px !important}
.mt-80{ margin-top:80px !important}
.mt-90{ margin-top:90px !important}
.mt-100{ margin-top:100px !important}

/*---------- align ----------*/
.align-left{ text-align: left;}
.align-right{ text-align: right;}
.align-center{ text-align: center;}

/*---------- float ----------*/
.float-left{ float:left;}
.float-right{ float:right;}

/*---------- image ----------*/
.img-left{ float:left; margin: 1.0em 4% 0 0;}
.img-right{ float:right; margin: 1.0em 0 0 4%;}

/*----- clearfix -----*/
.clearfix { zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;}

#wrapper{ width: 1000px; margin: 0px auto; padding-top: 10vw;}
#wrapper h1{ width: 40%; margin: 0px auto 0.5em;}
#wrapper h1 img{ width: 100%; height: auto;}
#wrapper h2{ font-family: gadugi; font-size: 2.0rem; text-align: center; line-height: 1.1;}
#wrapper h3{ font-family: gadugi; font-size: 5.0rem; text-align: center; line-height: 1.1;}
#wrapper p{ margin-top: 2.0em; text-align: center;}
#wrapper ul{ margin-top: 4.0em; text-align: center; letter-spacing: -0.4em;}
#wrapper ul li{ width: 25%; line-height: 1.1; display: inline-block; vertical-align: top; letter-spacing: 0; border: solid 1px rgba(255,255,255,0.3); border-radius: 50px; margin: 0 1.0em; overflow: hidden;}
#wrapper ul li.mail a{ display: block; padding: 1.0em 0; text-align: center; color: #FFF; text-decoration: none;}
#wrapper ul li.mail a span{ display: inline-block; padding: 0 0 0 1.5em; position: relative;}
#wrapper ul li.mail a span:before{ content: "\f0e0"; font-family: FontAwesome; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#wrapper ul li.mail a:hover{ background: rgba(255,255,255,1.0); transition: all 0.2s ease 0s; color: #1C263C;}
#wrapper ul li.foriio a{ display: block; padding: 1.0em 0; text-align: center; color: #FFF; text-decoration: none;}
#wrapper ul li.foriio a span{ display: inline-block; padding: 0 0 0 1.5em; position: relative;}
#wrapper ul li.foriio a span:before{ content: "\f0ac"; font-family: FontAwesome; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#wrapper ul li.foriio a:hover{ background: rgba(255,255,255,1.0); transition: all 0.2s ease 0s; color: #1C263C;}
#wrapper ul li.skype{ padding: 1.0em 0; text-align: center;}
#wrapper ul li.skype span{ display: inline-block; padding: 0 0 0 1.5em; position: relative;}
#wrapper ul li.skype span:before{ content: "\f17e"; font-family: FontAwesome; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.copyright{ font-size: 1.2rem; line-height: 1.1; margin-top: 5.0em !important; padding-bottom: 2.0em;}