@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: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
background: #fff;
color: #0c0c0c;
line-height: 1.6;
word-wrap: break-word;
overflow-wrap: break-word;
}

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; }

img{
vertical-align: top;
max-width: 100%;
height: auto;
}

a{ color: #00a0e9; text-decoration: none; }
a:hover{ color: #5fc6ff; }
a img,:link img,:visited img{ border: none; }

a,
a::before,
a::after{
-webkit-transition: all .3s;
transition: all .3s;
}


/* 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; }

.red{ color: #e34014; }

.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;
}

/* ====================================================================
    ICON
====================================================================== */
.linkArrow a{
color: #1e59a1;
}
.linkArrow:after{
font-family: 'icomoon';
content: "\e90f";
color: #1e59a1;
margin-left: .25em;
}

.icnLink:after{
font-family: 'icomoon';
content: "\e911";
margin-left: .25em;
font-weight: normal;
font-size: 80%;
}
.icnPDF:after{
font-family: 'icomoon';
content: "\e922";
margin-left: .25em;
vertical-align: middle;
}
.icnKey:after{
font-family: 'icomoon';
content: "\e91a";
margin-left: .25em;
vertical-align: middle;
}

.icnArrow{
position: relative;
}
.icnArrow:after{
position: absolute;
top: 0; bottom: 0; left: 16px;
font-family: 'icomoon';
content: "\e900";
color: #ffe036;
font-size: 80%;
height: 50%;
margin: auto;
}


/* Web Fonts ---------------------------------------------------- */
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?ngmlvs');
src:url('../fonts/icomoon.eot?ngmlvs#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?ngmlvs') format('truetype'),
url('../fonts/icomoon.woff?ngmlvs') format('woff'),
url('../fonts/icomoon.svg?ngmlvs#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-arrow01:before {
content: "\e900";
}
.icon-arrow02:before {
content: "\e901";
}
.icon-arrow03_down:before {
content: "\e902";
}
.icon-arrow03_up:before {
content: "\e903";
}
.icon-arrow03:before {
content: "\e904";
}
.icon-arrow04:before {
content: "\e905";
}
.icon-arrow05-1:before {
content: "\e906";
}
.icon-arrow05-2:before {
content: "\e907";
}
.icon-arrow05-down:before {
content: "\e908";
}
.icon-arrow05-up:before {
content: "\e909";
}
.icon-arrow06_down:before {
content: "\e90a";
}
.icon-arrow06_up:before {
content: "\e90b";
}
.icon-arrow07:before {
content: "\e90c";
}
.icon-arrow08:before {
content: "\e90d";
}
.icon-arrow09:before {
content: "\e90e";
}
.icon-arrow10:before {
content: "\e90f";
}
.icon-arrow11-1:before {
content: "\e910";
}
.icon-arrow11-2:before {
content: "\e911";
}
.icon-blank1:before {
content: "\e912";
}
.icon-blank2:before {
content: "\e913";
}
.icon-border:before {
content: "\e914";
}
.icon-border2:before {
content: "\e915";
}
.icon-border3:before {
content: "\e916";
}
.icon-doc1:before {
content: "\e917";
}
.icon-doc2:before {
content: "\e918";
}
.icon-dot:before {
content: "\e919";
}
.icon-download1:before {
content: "\e91a";
}
.icon-download2:before {
content: "\e91b";
}
.icon-download3:before {
content: "\e91c";
}
.icon-freedial:before {
content: "\e91d";
}
.icon-key1:before {
content: "\e91e";
}
.icon-key2:before {
content: "\e91f";
}
.icon-key3:before {
content: "\e920";
}
.icon-mail1:before {
content: "\e921";
}
.icon-mail2:before {
content: "\e922";
}
.icon-mail3:before {
content: "\e923";
}
.icon-map1:before {
content: "\e924";
}
.icon-map2:before {
content: "\e925";
}
.icon-pagetop:before {
content: "\e926";
}
.icon-pdf1:before {
content: "\e927";
}
.icon-pdf2:before {
content: "\e928";
}
.icon-pdf3:before {
content: "\e929";
}
.icon-plus01:before {
content: "\e92a";
}
.icon-plus02:before {
content: "\e92b";
}
.icon-plus03:before {
content: "\e92c";
}
.icon-plus04:before {
content: "\e92d";
}
.icon-slash:before {
content: "\e92e";
}
.icon-slash01:before {
content: "\e92f";
}
.icon-slash02:before {
content: "\e930";
}
.icon-slash03:before {
content: "\e931";
}
.icon-slash04:before {
content: "\e932";
}
.icon-sp:before {
content: "\e933";
}
.icon-tel1:before {
content: "\e934";
}
.icon-tel2:before {
content: "\e935";
}
.icon-xls1:before {
content: "\e936";
}
.icon-zip1:before {
content: "\e937";
}
.icon-facebook:before {
content: "\ea90";
}
.icon-twitter:before {
content: "\ea96";
}