@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: #666464;
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: #5dba91; text-decoration: none; }
a:hover{ color: #76cca5; }
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;
}



/* ====================================================================
    LOADING
====================================================================== */
/* 非表示 */
.is-hide {
display: none;
}
/* ローディング画面をフェードアウト */
.fadeout-bg {
transition-property: opacity;
transition-delay: .9s;
transition-duration: .8s;
opacity: 0;
pointer-events: none;
}
/* ローダーをフェードアウト */
.fadeout-loader {
transition-property: opacity;
transition-delay: .9s;
transition-duration: .3s;
opacity: 0;
pointer-events: none;
}
/* ローディング画面 */
#loading{
position: fixed;
top: 0; left: 0;
background: #ffffff;
width: 100%;
height: 100%;
z-index: 99999;
}


#loader,
#loader:after{
border-radius: 50%;
width: 48px;
height: 48px;
}
#loader{
position: absolute;
top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 48px;
text-align: center;
font-size: 10px;
border-top: 5px solid rgba(122, 210, 217, 0.2);
border-right: 5px solid rgba(122, 210, 217, 0.2);
border-bottom: 5px solid rgba(122, 210, 217, 0.2);
border-left: 5px solid #7ad2d9;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}




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


@font-face {
font-family: 'icomoon2';
src:url('../fonts/icomoon2.eot?ndfjw');
src:url('../fonts/icomoon2.eot?ndfjw#iefix') format('embedded-opentype'),
url('../fonts/icomoon2.ttf?ndfjw') format('truetype'),
url('../fonts/icomoon2.woff?ndfjw') format('woff'),
url('../fonts/icomoon2.svg?ndfjw#icomoon2') 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: 'icomoon2' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;


.icon-icn01:before {
content: "\f900";
}
.icon-icn02:before {
content: "\f901";
}
.icon-icn03:before {
content: "\f902";
}
.icon-icn04:before {
content: "\f903";
}
.icon-icn05:before {
content: "\f904";
}
.icon-icn06:before {
content: "\f905";
}
.icon-icn07:before {
content: "\f906";
}
.icon-icn08:before {
content: "\f907";
}
.icon-icn09:before {
content: "\f908";
}
.icon-icn10:before {
content: "\f909";
}
.icon-icn11:before {
content: "\f90a";
}
.icon-icn12:before {
content: "\f90b";
}
.icon-icn13:before {
content: "\f90c";
}
.icon-icn14:before {
content: "\f90d";
}

.icon-icn:before {
content: "\f8e0";
}