@charset "UTF-8";

/* Base Theme ============================================================= */
/* Reset ------------------------------------------------------------------ */
html{
font-size: 100%;
-webkit-text-size-adjust: none;
}
*, *: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;
}
*{
margin: 0;
padding: 0;
}
body{
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
color: #333;
line-height: 1.6;
}
h1,h2,h3,h4,h5,h6{
font-size: 100%;
font-weight: normal;
}
ol, ul{
list-style-type: none;
}
table {
border-spacing: 0;
}
caption,th{
text-align: left;
}
fieldset,img,abbr,acronym{
border: 0;
}
address{
font-style: normal;
display: inline;
}
img{
vertical-align: top;
max-width: 100%;
height: auto;
}
a{
color: #027ae8;
text-decoration: none;
}
a:hover{
color: #7abfff;
}
a img,:link img,:visited img{
border: none;
}
a,
a::before,
a::after{
-webkit-transition: all .3s;
transition: all .3s;
}

/* Utilities ----------------------------------------------------------------- */
.pkg:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
*:first-child+html .pkg{
display: inline-table;
min-height: 1%;
}
.pkg{ display: block; }
/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */

/* Common Classes ---------------------------------------------------- */
.left{ float: left; }
.right{ float: right; }
.center{ margin-left: auto; margin-right: auto; }
.kome{ font-size: .9em; text-indent: -1em; margin-left: 1em; }

.txt-right{ text-align: right; }
.txt-left{ text-align: left; }
.txt-center{ text-align: center; }

.inline { display: inline; }
.hidden { display: none; }

.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }

.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }

.kerning1{ letter-spacing: .1em;}

.thumb a:hover{
filter:alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
a.thumb:hover{
filter:alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

ul.icnPDF li:after{
font-family: 'icomoon';
content: "\e915";
font-size: 26px;
vertical-align: middle;
margin-left: 6px;
color: #027ae8;
}
ul.icnPDF li:hover:after{
color: #7abfff;
-webkit-transition: all .3s;
transition: all .3s;
}

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

[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-arrow1:before {
content: "\e900";
}
.icon-arrow2:before {
content: "\e901";
}
.icon-arrow3_down:before {
content: "\e902";
}
.icon-arrow3_up:before {
content: "\e903";
}
.icon-arrow3:before {
content: "\e904";
}
.icon-arrow4:before {
content: "\e905";
}
.icon-arrow5-1:before {
content: "\e906";
}
.icon-arrow5-2:before {
content: "\e907";
}
.icon-arrow6_down:before {
content: "\e908";
}
.icon-arrow6_up:before {
content: "\e909";
}
.icon-blank:before {
content: "\e90a";
}
.icon-border:before {
content: "\e90b";
}
.icon-border2:before {
content: "\e90c";
}
.icon-border3:before {
content: "\e90d";
}
.icon-dot:before {
content: "\e90e";
}
.icon-key1:before {
content: "\e90f";
}
.icon-key2:before {
content: "\e910";
}
.icon-key3:before {
content: "\e911";
}
.icon-mail1:before {
content: "\e912";
}
.icon-mail2:before {
content: "\e913";
}
.icon-mail3:before {
content: "\e914";
}
.icon-pdf:before {
content: "\e915";
}
.icon-tel1:before {
content: "\e916";
}
.icon-tel2:before {
content: "\e917";
}
.icon-download2:before {
content: "\e8fe";
}
.icon-download1:before {
content: "\e8ff";
}