@charset "UTF-8";
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }
caption { text-align: left; }
img { vertical-align: top; }
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
main {display: block;/* for IE */}
input,button,textarea,select {font-size: 100%;font-family: inherit;color: inherit;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="button"],input[type="submit"] {border-radius: 0;-webkit-appearance: none;cursor: pointer;}
textarea {overflow: auto;vertical-align: top;}
.sp {display: none !important;}

/*!
 * animsition v4.0.1
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}

/*==================================================
Body_Bace
==================================================*/
body {
	padding: 0.001px 0 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 100%;
	color: #333;
	background: #fff;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo;
	word-wrap: break-word;
  word-break: break-all;
  line-break: normal;
}
.header, .sec_inr, .footer {
	width: 1000px;
	margin: 0 auto;
}
#wapper {
  line-height: 170%;
}

/*------ link ------*/
.header a, .h_school a,
.h_info a, .kecgroup a,
.footer a, .side a {
	color: #333; text-decoration: none;
}
/*------ liststyle ------*/
.h_school li, .h_info li, .side li {
	list-style: none;
}

/*==================================================
#Header
==================================================*/
#header {
	position: fixed;
	width: 100%;
	padding: 12px 0 0;
	border-top: 5px solid #0068b7;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	z-index: 9991;
	top:0px;
	left:0px;
}

.header {
	position: relative;
}
.header h1 a {
	overflow: hidden;
	display:block;
	width: 411px;
	height: 62px;
	text-indent: 100%;
	background: url(../img/logo_pc.png) no-repeat;
	background-size: 411px auto;
	white-space: nowrap;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.header .logotxt {
	padding: 0 0 10px;
	font-size: 11px;
	line-height: 120%;
	letter-spacing: -0.05em;
}
.header .logotxt br {
	display: none;
}
.header li {
	list-style-type: none;
}
@media(min-width:800px){
	#header.fixed h1,
	#header.fixed .logotxt,
	#header.fixed .subnav {
		display: none;
	}
}

/* gnav
-------------------------------------*/
#gnav ul {
	display: table;
	width: 100%;
}
#gnav li {
	position: relative;
	display: table-cell;
	width: 155px;
	border-right: 1px solid #e0e0e0;
	vertical-align: top;
}
#gnav li.gnav01 {
	width: 60px;
	border-left: 1px solid #e0e0e0;
}
#gnav li a {
	position: relative;
	display: block;
	padding: 2px 0;
	margin: 0 auto;
	font-size: 15px;
	line-height: 125%;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	height: 80px;
}
#gnav li li a {
	height: auto;
}
#gnav li a::after {
	position: absolute;
	top: 95%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #0068B7;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
#gnav li a:hover::after,
#gnav li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
#gnav li a.current {
	border-bottom: 4px solid #0068B7;
}
#gnav li a.current::after {
	background: none;
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}
#gnav li.gnav01 a {
	color: #1d6caa;
}
#gnav li i {
	display: block;
	height: 35px;
	margin: 0 auto;
	background: url(../img/icn_gnav.png) no-repeat 0 0;
	background-size: 80px 380px;
}
#gnav li i.icon-home {
	display: inline-block;
	margin-top: -20px;
	font-size: 17px;
	vertical-align: middle;
	background: none;
}
#gnav li i.icn_g02 { width: 25px; background-position: 0 2px; }
#gnav li i.icn_g03 { width: 27px; background-position: 0 -28px; }
#gnav li i.icn_g04 { width: 26px; background-position: 0 -68px; }
#gnav li i.icn_g05 { width: 23px; background-position: 0 -101px; }
#gnav li i.icn_g06 { width: 29px; background-position: 0 -135px; }
#gnav li i.icn_g07 { width: 23px; background-position: 0 -173px; }
#gnav li i.icn_g08 { width: 23px; background-position: 0 -310px; }
#gnav li i.icn_g09 { width: 23px; background-position: 0 -345px; }

#gnav li a span {
	line-height: 2em;
}
#gnav li ul {
	display: none;
	position: absolute;
	top: 85px;
	left: -58px;
	padding: 0 5px;
	width: 240px;
	text-align: center;
	background: #fff;
	border: 2px solid #0068B7;
}
#gnav li ul:after,
#gnav li ul:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#gnav li ul:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
#gnav li ul:before {
	border-color: rgba(0, 104, 183, 0);
	border-bottom-color: #0068B7;
	border-width: 13px;
	margin-left: -13px;
}
#gnav li ul li {
	display: block;
	margin: 0;
	padding: 0;
	width: 240px;
	border: none;
}
#gnav li ul li+li {
	border-top: 1px solid #0068B7;
}
#gnav li ul li a {
	display: inline-block;
	width: 230px;
	height: 20px;
	font-size: 13px;
	padding: 10px 5px;
}
#gnav li ul li a:hover {
	background: #f6f6f6;
	color: #0068B7;
}
/* subnav
-------------------------------------*/
.subnav {
	position: absolute;
	top: 0;
	right: 0;
	width: 484px;
}
.subnav .nav01{
	padding: 0;
	text-align: right;
}
.subnav .nav01 li {
	position: relative;
	top: -10px;
}
.subnav .nav01 li.memberonly {
	position: relative;
	top: -3px;
	right: 370px;
	padding: 2px 15px;
}
.subnav .nav01 li.memberonly a {
	background-image: url("../img/kecube_logo.png");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: inline-block;
	width: 94px;
	height: 23px;
	padding: 0;
}
.subnav .nav01 li.kec_recruit {
	position: absolute;
	top: -8px;
	right: 176px;
}
.subnav .nav01 li.kec_recruit a {
	background-image: url("../img/sub_recruit.png");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: inline-block;
	width: 151px;
	height: 33px;
	padding: 0;
}
.subnav .nav01 li.kec_corp {
	position: absolute;
	top: -15px;
	right: 0px;
}
.subnav .nav01 li.kec_corp a {
	background-image: url("../img/sub_corp.png");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: inline-block;
	width: 170px;
	height: 40px;
	padding: 0;
}

.subnav .nav02 li {
	display: inline-block;
}
.subnav .nav02 a {
	overflow: hidden;
	display:block;
	height: 36px;
	position: relative;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/subnav.png) no-repeat;
	background-size: 476px 80px;
	opacity: 1 !important;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.subnav .nav02_1 a {
	width: 148px;
	background-position: 0 0;
}
.subnav .nav02_2 a {
	width: 150px;
	margin: 0 0 0 4px;
	background-position: -153px 0;
}
.subnav .nav02_3 a {
	width: 168px;
	margin: 0 0 0 4px;
	background-position: -308px 0;
}
.subnav .nav02_1 a:hover {
	background-position: 0 -39px;
}
.subnav .nav02_2 a:hover {
	background-position: -153px -39px;
}
.subnav .nav02_3 a:hover {
	background-position: -308px -39px;
}

/* spnav(#menu)
-------------------------------------*/
/* button */
.menu-btn {
	display: none;
	 position: absolute;
	 top: 15px;
	 right:15px;
	 z-index: 9991;
}
.menu-btn .icon-menu {
	padding: 5px;
	font-size: 30px;
	color: #fff;
	background: #0068b7;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#menu .spnav li.close {
	border: none;
}
#menu .spnav li.close {
	border-bottom: 1px solid #b9b9b9;
}
#menu .spnav li.close a {
	background: none;
}
#menu .spnav li.close a:after {
	border: none;
}
#menu .spnav li.close a {
	width: 30%;
	min-width: 100px;
	display: block;
	padding: 10px 5%;
	margin: 0 0 0 auto;
	color: #fff;
	text-align: center;
	background: #0068b7;
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px; 
}
#menu .spnav li.close span {
	position: relative;
	padding: 0 0 0 25px;
}
#menu .spnav li.close .icon-close {
	height: auto;
	top: 50%;
	left: 0;
	font-size: 16px;
	margin-top: -8px;
}

/* menu */
#menu {
	background: url(../img/bg_b_grid.gif) repeat;
}
#menu li i {
	position: absolute;
	top: 50%;
	left: 10px;
	display: inline-block;
	height: 35px;
	margin-top: -17px;
	background: url(../img/icn_gnav_sp.png) no-repeat 0 0;
	background-size: 80px 379px;
}
#menu li i.icon-home {
	display: inline-block;
	margin-top: -12px;
	font-size: 22px;
	vertical-align: middle;
	background: none;
}
#menu li i.icn_g02 { width: 25px; background-position: 0 2px; }
#menu li i.icn_g03 { width: 27px; background-position: 0 -28px;}
#menu li i.icn_g04 { width: 26px; background-position: 0 -68px; left: 15px; }
#menu li i.icn_g05 { width: 23px; background-position: 0 -101px; left: 12px; }
#menu li i.icn_g06 { width: 29px; background-position: 0 -135px; }
#menu li i.icn_g07 { width: 23px; background-position: 0 -173px; left: 13px; }
#menu li i.icn_g08 { width: 20px; background-position: 0 -305px; left: 13px; }
#menu li i.icn_g09 { width: 25px; background-position: 0 -344px; }

#menu ul.spnav {
	width: 90%;
	/*
	margin: 5%;
	padding: 0 0 50px;
	*/
	margin: 0%;
	margin-left:5%;
	margin-right:5%;
	padding: 0 0 0px;
	box-sizing: border-box;
}
#menu .spnav > li {
	border: 1px solid #b9b9b9;
	border-top: none;
}
#menu .spnav > li:after {
	border: none;
}
#menu .spnav li:last-child {
	border-bottom: none;
}
#menu .spnav li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 5% 30px 5% 50px;
	color: #0068b7;
	font-weight: bold;
	background: #fff;
	box-sizing: border-box;
}
#menu .spnav li a.mm-subopen,
#menu .spnav li a.mm-next {
	position: absolute;
	width: 100%;
	padding: 0 0 17%;
	background: none !important; 
}
#menu .spnav li a.mm-subopen:before,
#menu .spnav li a.mm-next:before {
	border: none;
}
#menu .mm-vertical .mm-listview .mm-panel,
#menu .mm-listview .mm-vertical .mm-panel {
	padding-right: 10px;
}
#menu .mm-listview > li:not(.mm-divider):after {
	left: 0;
}
#menu .mm-vertical .mm-listview > li > .mm-next,
#menu .mm-listview > li.mm-vertical > .mm-next {
	height: auto;
}
#menu .spnav li a::after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: 3px solid #0068b7;
	border-right: 3px solid #0068b7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu .spnav li a.mm-next:after {
	display: none;
}

/* subnav01 & subnav02 */
#menu .spnav li.subnav01,
#menu .spnav li.subnav02,
#menu .spnav li.subnav03{
	overflow: hidden;
	border: none;
}
#menu .spnav .subnav01 a,
#menu .spnav .subnav02 a,
#menu .spnav .subnav03 a{
	display: block;
	width: auto;
	padding: 3% 2%;
	background: none;
	text-align: center;
}
#menu .spnav .subnav01 a:after,
#menu .spnav .subnav02 a:after,
#menu .spnav .subnav03 a:after{
	border: none;
}
#menu .spnav li.subnav01 {
	padding: 5% 0;
}
#menu .spnav .subnav01 p {
	display: block;
	margin: 1% 1% 3%;
	box-sizing: border-box; 
}
#menu .spnav .subnav01 .memberlink a {
	overflow: visible !important;
}
#menu .spnav .subnav01 p a {
	font-weight: normal;
	color: #333;
	font-size: 13px;
	border: 1px solid #b9b9b9;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px #bababa;
}
#menu .spnav .subnav02 a {
	padding: 10% 2%;
}
#menu .spnav .subnav02 p {
	display: block;
	width: 31.333%;
	float: left;
	margin: 1%;
	box-sizing: border-box; 
}
#menu .spnav .subnav02 p a {
	font-weight: normal;
	color: #333;
	font-size: 13px;
	color: #fff;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#menu .spnav .subnav02 .nav02_1 a {
	background: #f1972c;
	box-shadow: 2px 2px #cf8226;
}
#menu .spnav .subnav02 .nav02_2 a {
	background: #2fb8a0;
	box-shadow: 2px 2px #289e89;
}
#menu .spnav .subnav02 .nav02_3 a {
	background: #eb7091;
	box-shadow: 2px 2px #ca607d;
}

/* menu--in  */
#menu .spnav li.menuin a::after {
	border: none;
	border-right: 3px solid #1b64a2;
	border-bottom: 3px solid #1b64a2;
}
#menu .spnav li.menuin ul {
	padding: 0;
}
#menu .spnav li.menuin ul li a {
	width: 100%;
	padding: 3% 30px 3% 3%;
	font-weight: normal;
	background: #fff;
	box-sizing: border-box;
}
#menu .spnav li.menuin ul li:after {
	border-bottom-style: dotted;
}
#menu .spnav li.menuin ul li a:after {
	border: none;
	border-top: 2px solid #1b64a2;
	border-right: 2px solid #1b64a2;
}

#menu .spnav .subnav03 li {
	border: none;
	margin-top: 25px;
}
#menu .spnav .subnav03 li a {
	padding: 0;
	background: none;
	box-sizing: border-box;
}

/* breadcrumb
-------------------------------------*/
.breadcrumb {
	padding: 20px 0 3px;
	background: #f4f2f1 url(../img/line.gif) repeat-x;
}
.breadcrumb ol {
	width: 1000px;
	margin: 0 auto;
	font-size: 12px;
}
.breadcrumb li {
	display: inline-block;
	padding: 10px 10px 10px 0;
	line-height: 100%;
}
.breadcrumb li+li {
	padding-left: 5px;
}
.breadcrumb li a {
	padding: 0 10px 0 0;
	color: #0068b7;
}

/*==================================================
#main
==================================================*/
#main {
	position: relative;
	padding-top: 175px;
}
.main {
	width: 1000px;
	margin: 40px auto 50px;
}

/* contents */
.contents {
	width: 720px;
	float: left;
	margin: 0 auto;
}
.contents .readtxt {
	font-size: 26px;
	color: #0068b7;
	line-height: 140%;
	letter-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contents .readtxt+p,
.contents .readtxt+p+p {
	font-size: 13.5px;
}
.cont_paragraph {
	padding: 0 20px 50px;
}
.cont_paragraph .cont_inr {
	padding: 20px;
}
.cont_paragraph h2 {
	clear: both;
	width: 680px;
	padding: 15px 20px;
	margin: 0 0 20px -20px ;
	color: #0068b7;
	font-size: 16px;
	border-right: 1px solid #e0effd;
	background: url(../img/bg_b_grid.gif) repeat 0 0;
}
.cont_paragraph h3 {
	padding: 7px 17px;
	font-size: 16px;
	border-left: 4px solid #0068b7;
	border-bottom: 1px solid #dcdcdc;
}
.cont_paragraph .bace_point dt {
	position: relative;
	padding: 5px 5px 5px 17px;
	color: #0068b7;
	border-bottom: 1px dotted #999;
}
.cont_paragraph .bace_point dt:before {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	content: "";
	width: 11px;
	height: 11px;
	background: url(../img/icn.png) no-repeat -80px -270px;
}
.cont_paragraph .bace_point dd {
	padding: 10px 18px;
}
.cont_paragraph p {
	margin: 0 0 30px;
	font-size: 13.5px;
}

/* h1 & h2 */
.cgyttl {
	padding: 50px 0;
	text-align: center;
	font-size: 21px;
	color: #fff;
	letter-spacing: 0.07em;
	background: url(../img/bg_green.gif) repeat;
}
.cgyttl span {
	position: relative;
	padding: 0 0 0 35px;
}
.cgyttl span:before {
	position: absolute;
	display: inline-block;
	content: "";
	background: url(../img/icn_gnav.png) no-repeat 0 0;
	background-size: 80px 380px;
}
h1.ttl_philosophy span:before {
	top: -7px; left: 0;
	width: 26px; height: 31px;
	background-position: -40px -173px;
}
h1.ttl_search span:before {
	top: -5px; left: 5px;
	width: 26px; height: 27px;
	background-position: -40px -68px;
}
h1.ttl_guidance span:before {
	top: -2px; left: 5px;
	width: 23px; height: 23px;
	background-position: -40px -105px;
}
h1.ttl_reason span:before {
	top: -2px; left: -1px;
	width: 29px; height: 23px;
	background-position: -40px -140px;
}
h1.ttl_contact span:before {
	top: -2px; left: -6px;
	width: 37px; height: 27px;
	background-position: -40px -220px;
}
h1.ttl_request span:before {
	top: -4px; left: -18px;
	width: 46px; height: 27px;
	background-position: -32px -259px;
}
h1.ttl_results span:before {
	top: -3px; left: 0px;
	width: 25px; height:26px;
	background-position: -40px 0;
}
h1.ttl_education span:before {
	top: 2px; left: 0px;
	width: 27px; height:18px;
	background-position: -40px -35px;
}
h1.ttl_trends span:before {
	top: 2px; left: 0px;
	width: 27px; height:35px;
	background-position: -40px -310px;
}
.pagettl {
	position: relative;
	padding: 13px 0 20px 75px;
	margin: 0 0 20px;
	font-size: 20px;
	border-bottom: 4px solid #0068b7;
}
.pagettl:before {
	position: absolute;
	top: 0;
	left: 5px;
	width: 56px;
	height: 43px;
	display: block;
	content: "";
	background: url(../img/icn.png) no-repeat 5px -140px;
	background-size: 160px 500px;
}
h2.contttl {
	width: 680px;
	padding: 15px 20px;
	margin: 0 0 20px;
	color: #0068b7;
	font-size: 16px;
	border-right: 1px solid #e0effd;
	background: url(../img/bg_b_grid.gif) repeat 0 0;
}
h4.cnt_ttl {
	padding: 15px 20px 15px 30px;
	line-height: 21px;
	color: #0068B7;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/arrow_ttl.png) no-repeat 0 50%;
}
.aform-header {
	display: none !important;
}
.tellink {
	margin-top: 50px;
}


/* side */
.side {
	width: 240px;
	float: right;
	margin: 0 auto;
}
.sidenav {
	margin: 0 0 30px;
}
.sidenav dt {
	padding: 15px 0;
	text-align: center;
	color: #fff;
	background: url(../img/bg_blue.gif) repeat 0 0;
}
.sidenav dd > ul > li {
	border-bottom: 1px solid #dcdcdc;
}
.sidenav dd > ul > li > a {
	position: relative;
	display: block;
	padding: 20px 15px 20px 30px;
	font-size: 13px;
	opacity: 1 !important;
}
.sidenav dd > ul > li > a:before {
	position: absolute;
	top: 20px;
	left: 10px;
	content: "\e903";
	padding: 0 5px 0 0;
	font-weight: bold;
	color: #0068b7;
}
.sidenav dd >ul > li.current > a,
.sidenav dd > ul > li > a:hover {
	color: #0068b7;
	background: #eff7fe;
}
.sidenav li ul {
	padding: 0 30px 20px 30px;
	font-size: 12.5px;
	background: #eff7fe;
}
.sidenav li li a {
	padding: 5px 0;
}
.sidenav li li.current a,
.sidenav li li a:hover {
	color: #0068b7;
}

.sidenav .ttl_primary,
.sidenav .ttl_middle {
	padding: 5px 7px;
	color: #fff;
	font-size: 14px;
}
.sidenav .ttl_primary a,
.sidenav .ttl_middle a {
	color: #fff;
}
.sidenav .ttl_primary { background: #5ebfdb; }
.sidenav .ttl_middle { background: #da7f97; }

.sidebnr li {
	width: 240px;
	padding: 0 0 10px;
}
.sidebnr li a {
	display: block;
}
.sidebnr li img {
	width: 100%;
}

.side_new dt,
.side_category dt,
.side_monthacv dt {
	padding: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-bottom: 4px solid #0068b7;
}
.side_new {
	margin: 27px 0 30px;
}
.side_new dd li {
	border-bottom: 1px solid #dcdcdc;
}
.side_new dd li a {
	display: block;
	padding: 15px 0;
	font-size: 12.5px;
}
.side_new dd li .icn_type {
	display: inline-block;
	padding: 0;
}
.side_new dd li time {
	padding: 0 8px 0 0;
}
.side_new dd li .icn_type+p {
	display: inline-block;
}
.side_new dd li p+p {
	padding: 5px 0 0;
	line-height: 140%;
}
.side_category {
	margin: 0 0 30px;
}
.side_category li {
	border-bottom: 1px solid #dcdcdc;
}
.side_category li a {
	position: relative;
	display: block;
	padding: 20px 15px 20px 30px;
	font-size: 13px;
	opacity: 1 !important;
}
.side_category li a:before {
	position: absolute;
	top: 20px;
	left: 10px;
	content: "\e903";
	padding: 0 5px 0 0;
	font-weight: bold;
	color: #0068b7;
}
.side_category li a.current,
.side_category li a:hover {
	color: #0068b7;
	background: #eff7fe;
}
.side_monthacv {
	margin: 0 0 50px;
}
.side_monthacv dd {
	padding: 20px 0 0;
	text-align: center;
}
.side_monthacv select {
	-webkit-appearance: button;
	-moz-appearance: button;
	width: 200px;
	text-indent: 1em;
	background:#fff url(../img/bg_select.gif) no-repeat right 0;
	background-size:20px 10px;
	background-position: right center;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	vertical-align: middle;
	border:1px solid #ccc;
	margin-bottom:5px;
	border-radius: 0;
}

/* icon-set */
.icn_type {
	display: inline-block;
	padding: 0 20px 0 0;
}
.icn_type span {
	display: inline-block;
	width: 26px;
	height: 24px;
	padding: 2px 0 0;
	margin: 0 5px 0 0;
	font-size: 12px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.icn_type .icn_primary_on { background: #5ebfdb; }
.icn_type .icn_junior_on { background: #da7f97; }
.icn_type .icn_off { color: #e6e6e6;background: #e6e6e6; }

.icn_info,
.icn_test,
.icn_course,
.icn_event,
.icn_mocks,
.icn_class {
	display: inline-block;
	width: 60px;
	padding: 1px 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.icn_info {background: #82b04c; }
.icn_test {background: #dc5b5b; }
.icn_course {background: #8b7bc6; }
.icn_event {background: #ed9935; }
.icn_mocks {background: #00BFFF; }
.icn_class {background: #FF7373; }

.type {
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	line-height: 100%;
	text-align: center;
}
.type span {
	display: inline-block;
	padding: 4px 6px;
}
.type .icn_primary { background: #5ebfdb;}
.type .icn_junior { background: #da7f97;}
.type .icn_high { background: #3fb79f;}
.type .icn_highed { background: #a181c4;}
.type .icn_university { background: #95934f;}
.type .icn_adult { background: #959595;}
.type .icn_seniority { background: #db845e;}


/* icon-pageparts */
.icn_mail , .icn_pen , .icn_school , .icn_human , .icn_point {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background: url(../img/icn.png) no-repeat 0 0;
	background-size: 160px 500px;
}
.icn_mail {
	top: -1px;
	width: 27px;
	height: 17px;
	background-position: 0 -210px;
}
.icn_pen {
	width: 22px;
	height: 23px;
	background-position: 0 -270px;
}
.icn_school {
	width: 23px;
	height: 27px;
	background-position: 0 -330px;
}
.icn_human {
	width: 38px;
	height: 36px;
	background-position: 0 -400px;
}
.icn_point {
	width: 21px;
	height: 25px;
	background-position: 0 -470px;
}


/* btn */
.btn_blue,
.home .btn_blue {
	margin-top: 25px;
}
.btn_blue a,
.home .btn_blue a {
	position: relative;
	display: inline-block;
	padding: 14px 50px 14px 20px;
/* 	margin: 25px 0 0; */
	color: #fff;
	text-decoration: none;
	line-height: 100%;
	background: #0068b7;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.btn_blue a:after,
.home .btn_blue a:after {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -6px;
	content: "\e903";
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

/* cv */
.cv .cv_trial,
.cv .cv_request {
	width: 48%;
	float: left;
}
.cv .cv_trial {
	margin: 0 2% 0 0;
}
.cv .cv_request {
	margin: 0 0 0 2%;
}
.cv {
	overflow: hidden;
	margin: 0 0 30px;
}
.cv a {
	display: block;
	padding: 20px;
	margin: 0 0 10px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	text-decoration: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.cv a span {
	position: relative;
}
.cv a span:before {
	position: absolute;
	top: 50%;
	left: 0;
	overflow: hidden;
	display:block;
	content: "";
	background: url(../img/icn02.png) no-repeat 0 0;
	background-size: 100px 300px;
}
.cv .cv_trial a {
	background: #f1972c;
	border: solid #CF8226;
	border-width: 0px 3px 3px 0px;
}
.cv .cv_trial a span {
	padding: 0 0 0 70px;
}
.cv .cv_trial a span:before {
	width: 60px;
	height: 36px;
	margin-top: -18px;
}
.cv .cv_request a {
	background: #2FB8A0;
	border: solid #289E89;
	border-width: 0px 3px 3px 0px;
}
.cv .cv_request a span {
	padding: 0 0 0 80px;
}
.cv .cv_request a span:before {
	width: 70px;
	height: 40px;
	margin-top: -20px;
	background-position: 0 -45px;
}


/* cv02 ---- 20160310 update */
.cv02 {
	margin-bottom: 70px;
}
.cv02 .sec_inr {
	background: url(../img/footcv/bg_cv.jpg) no-repeat 0 0;
}
.cv02 .sec_inr:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cv02 .cv02_read {
	padding: 0 0 40px;
	position: relative;
}
.cv02 h2 {
	padding: 45px 0 20px 40px;
	font-size: 22px;
	font-weight: bold;
}
.cv02 p.txt {
	padding: 0 0 0 40px;
	font-size: 15px;
}
.cv02 .img {
	position: absolute;
	bottom: 0;
	right: 45px;
}
.cv02 .cv02_trial,
.cv02 .cv02_request {
	width: 470px;
	float: left;
}
.cv02 .cv02_trial {
	margin: 0 10px 0 20px;
}
.cv02 .cv02_request {
	margin: 0 20px 0 10px;
}
.cv02 .cv02_trial dt ,
.cv02 .cv02_request dt {
	padding: 20px 0;
	font-size: 36px;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
.cv02 .cv02_trial dt {
	color: #f1972c;
	background: #fff0df;
	border: 2px solid #f1972c;
	border-bottom: none;
}
.cv02 .cv02_request dt {
	color: #2fb8a0;
	background: #e8f4f2;
	border: 2px solid #2fb8a0;
	border-bottom: none;
}
.cv02 .cv02_trial dd,
.cv02 .cv02_request dd {
	padding: 15px 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
.cv02 .cv02_trial dd {
	border: 2px solid #f1972c;
	border-top: none;
}
.cv02 .cv02_request dd {
	border: 2px solid #2fb8a0;
	border-top: none;
}
.cv02 .cv02_trial dt span {
	position: relative;
	padding: 0 0 0 60px;
}
.cv02 .cv02_request dt span {
	position: relative;
	padding: 0 0 0 75px;
}
.cv02 .cv02_trial dt span:before,
.cv02 .cv02_request dt span:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: "";
	background: url(../img/footcv/icn_cv.png) no-repeat 0 0;
	background-size: 65px 100px;
}
.cv02 .cv02_trial dt span:before {
	width: 53px;
	height: 31px;
	margin-top: -15.5px;
	background-position: 0 0;
}
.cv02 .cv02_request dt span:before {
	width: 62px;
	height: 36px;
	margin-top: -18px;
	background-position: 0 -50px;
}
.cv02 dd figure {
	padding: 0 0 15px;
}
.cv02 a {
	position: relative;
	display: block;
	padding: 20px 35px 20px 20px;
	margin: 0 0 10px;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.cv02 .cv02_trial a {
	background: #f1972c;
	border: solid #CF8226;
	border-width: 0px 4px 4px 0px;
}
.cv02 .cv02_request a {
	background: #2FB8A0;
	border: solid #289E89;
	border-width: 0px 4px 4px 0px;
}
.cv02 a:after {
	position:absolute;
	top: 50%;
	right: 20px;
	display: block;
	content: "\e903";
	width: 20px;
	height: 30px;
	margin-top: -18px;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
}


/*kecgroup */
.kecgroup {
	clear: both;
	padding: 25px 0 45px;
	background: #e3eef7;
}
.kecgroup h2 {
	text-align: center;
}
.kecgroup h2 span {
	display: inline-block;
	padding: 25px 0 0 80px;
	height: 68px;
	font-size: 20px;
	background: url(../img/chara.png) no-repeat 0 0;
}
.kecgroup ul {
	display: table;
}
.kecgroup li {
	position: relative;
	width: 310px;
	float: left;
	margin: 0 15px 15px 0;
	text-align: center;
	list-style: none;
}
.kecgroup li a {
	display: block;
	width: 310px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	background: #fff;
}
.kecgroup .type {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
}
.kecgroup p {
	font-size: 11px;
	font-weight: normal;
	line-height: 125%;
}

/* schoollist */
.schoollist li {
	width: 152px;
	float: left;
	margin: 0 10px 10px 0;
	background: #fff;
	list-style: none;
}
.schoollist li a {
	position: relative;
	display: block;
	padding: 15px 20px 15px 10px;
	color: #333;
	border: 2px solid #c8c8c8;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	opacity: 1 !important;
	text-decoration: none;
}
.schoollist li a:after {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -8px;
	content: "\e903";
	font-size: 16px;
	font-weight: bold;
	color: #0068b7;
}
.schoollist li a:hover {
	color: #0068b7;
	border: 2px solid #0068b7;
	background: #eff7fe;
}

/* contactbox */
.contactbox {
	padding: 20px 20px 10px;
	border: 1px dotted #b28850;
	background: #fffde5;
}
.contactbox p {
	color: #834e00;
}
.contactbox ul {
	width: 690px;
}
.contactbox li {
	width: 162px;
}

/* footpager */
.pager_wpr {
	overflow: hidden;
	text-align: center;
	font-size: 12px;
}
.pager_wpr ol.pager {
	position: relative;
	left: 50%;
	float: left;
	padding: 5px 0;
}
.pager_wpr .pager li {
	position: relative;
	left: -50%;
	float: left;
	list-style: none;
}
.pager_wpr .pager li.number {
	width: 40px;
	height: 40px;
	margin: 0 7px 0 0;
	text-align: center;
}
.pager_wpr .pager li a {
	color: #0068b7;
	text-decoration: none;
}
.pager_wpr .pager li.number a,
.pager_wpr .pager li.number span {
	display: block;
	width: 38px;
	height: 30px;
	padding: 8px 0 0 0;
	font-size: 14px;
	border: 2px solid #0068b7;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	opacity: 1 !important;
}
.pager_wpr .pager li span.current_page,
.pager_wpr .pager li.number a:hover {
	color: #fff;
	font-weight: bold;
	border: 2px solid #0068b7;
	background: #0068b7;
}
.pager_wpr .pager li.pev,
.pager_wpr .pager li.nxt {
	padding: 12px 20px 0 5px;
}

/* table */
table.row01 {
	width: 100%;
	font-size: 13.5px;
	border: 2px solid #d0e0ed;
}
table.row01 th,
table.row01 td {
	padding: 10px;
}
table.row01 th {
	width: 125px;
	background: #eff7fe;
	font-weight: normal;
	border-right: 1px solid #d0e0ed;
}
table.row01 tr+tr {
	border-top: 1px solid #d0e0ed;
}
table.row02 {
	width: 100%;
	font-size: 13.5px;
	border: 2px solid #d0e0ed;
}
table.row02 th,
table.row02 td {
	padding: 10px;
}
table.row02 th {
	width: 125px;
	background: #eff7fe;
	font-weight: normal;
	border-right: 1px solid #d0e0ed;
}
table.row02 tr+tr {
	border-top: 1px solid #d0e0ed;
}
table.row02 th {
	width: 115px;
}
table.row02 td {
	border-right: 1px solid #d0e0ed;
}

/* table */
.box_yerrow {
	padding: 25px 20px;
	text-align: center;
	border: 1px dotted #b28850;
	background: #fffde5;
}
.box_yerrow .txt {
	font-size: 20px;
	color: #834e00;
}
.box_yerrow .txt em {
	color: #dc0000;
	font-style: normal;
}

/* category_index */
.main .category_index {
	padding: 0 20px;
}
.main .category_index .cont {
	position: relative;
	width: 264px;
	padding: 50px 31px 26px;
	border: 2px solid #5ebfdb;
	float: left;
}
.main .category_index .cont h2 {
	display: inline-block;
	position: absolute;
	top: 50px;
	left: 31px;
	font-size: 16px;
	padding: 5px 8px;
	color: #fff;
	text-align: center;
}
.main .category_index .cont p {
	padding: 10px 0 20px;
	font-size: 14px;
}
.main .category_index .cont p span {
	display: block;
	font-size: 26px;
}
.main .category_index .cont li {
	list-style: none;
	margin: 0 0 5px;
}
.main .category_index .cont li a {
	position: relative;
	display: block;
	padding: 12px 20px 12px 12px;
	text-decoration: none;
	color: #333;
	border: 2px solid #c8c8c8;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	opacity: 1 !important;
}
.main .category_index .cont li a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -8px;
	content: "\e903";
	font-size: 16px;
	color: #0068b7;
}
.main .category_index .cont li a:hover {
	background: #eff7fe;
}
.main .category_index .cont_primary {
	border: 2px solid #5ebfdb;
	background: #f6fdff url(../img/bg_categoryindex01.gif) no-repeat 50% 20px;
}
.main .category_index .cont_primary h2 {
	background: #5ebfdb;
}
.main .category_index .cont_middle {
	margin: 0 0 0 20px;
	border: 2px solid #da7f97;
	background: #fef5f7 url(../img/bg_categoryindex02.gif) no-repeat 50% 20px;
}
.main .category_index .cont_middle h2 {
	background: #da7f97;
}


/*==================================================
Footer
==================================================*/
#footer {
	position: relative;
	margin-top: -20px;
	padding: 46px 0 20px;
	background: url(../img/bg_blue.gif) repeat 0 0;
	z-index: 888;
}
.footer {
	padding: 0 0 50px;
}
.footer li {
	list-style: none;
}
.footer li a {
	font-size: 11px;
	color: #ddebf5;
}
.footer > ul > li {
	float: left;
	line-height: 100%;
}
.footnav01 { width: 137px; }
.footnav02 { width: 130px; }
.footnav03 { width: 130px; }
.footnav04 { width: 130px; }
.footnav05 { width: 150px; }
.footnav06 { width: 150px; }
.footnav08 { width: 150px; }

.footer > ul > li >ul {
	margin: 10px 0 0;
	border-left: 1px solid #66a7d5;
}
.footer li li {
	padding: 0 0 8px 10px;
}
.footer li li li {
	padding: 5px 0 3px 10px;
}
#copy {
	font-size: 11px;
	color: #fff;
	text-align: center;
}
#pagetop {
	display: none !important; /* �v�����[�V�����o�i�[�f�ڂ̂��߁A�ꎞ�I�ɔ��\�� */
	position: fixed;
	overflow: hidden;
	display:block;
	white-space: nowrap;
	text-indent: 100%;
	z-index: 1000;
}
#pagetop a {
	overflow: hidden;
	display:block;
	width: 80px;
	height: 105px;
	position: relative;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/btn_pagetop.png) no-repeat;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

#fnavi {
	position: fixed;
	z-index: 9993;
	top: 50%;
	margin-top: -220px;
	right: -120px;
}
#fnavi ul li {
	list-style: none;
}
/*==================================================
form
==================================================*/
.formlist li {
	list-style: none;
}
.formlist input[type="button"],
.formlist input[type="submit"] {
	border-radius: 0;
	-webkit-appearance: none;
}
.main .formlist p {
	margin: 0;
}
.form p.necessary {
	color: #dc0000;
	font-weight: bold;
}
.formlist form {
	border-top: 1px dotted #999;
}
.formlist form > dl {
	padding: 5px 0;
	border-bottom: 1px dotted #999;
}
form dl {
	margin: 0px !important;
	width: 100%;
	display: table !important;
}
form dt {
	float: none !important;
	width: 160px !important;
	padding: 0 15px;
	display: table-cell !important;
	vertical-align: middle;
	color: #834e00;
	border-left: 3px solid #f1972c;
	background: #fff7ee;
	font-weight: normal !important;
}
.aform-content dl dt .required {
	top: auto !important;
	right: 5px !important;
}
form dt span {
	color: #834e00 !important;
}
form dd {
	display:table-cell;
	padding: 15px 0 15px 15px !important;
}
form dd p {
	padding: 0 0 9px;
}
form dd span {
	font-size: 12px;
}
form input,
form textarea,
form select {
	border: 1px solid #d9d9d9;
}
form input[type="text"] {
	padding: 8px;
	margin: 0 5px 0 0;
}
form textarea {
	width: 454px;
	height: 100px;
	padding: 8px;
}
form input#protector,
form input#protector_furi,
form input#name,
form input#name_furi,
form input#tel {
	width: 284px;
}
form input#day01,
form input#day02,
form input#day03 {
	width: 244px;
	margin-left: 5px;
}
form input#postal01,
form input#postal02 {
	width: 50px;
}
form input#address01,
form input#address02 {
	width: 400px;
}
form input#address01+span,
form input#address02+span {
	display: block;
}
form input#mail {
	width: 334px;
}
form select {
	-webkit-appearance: button;
	-moz-appearance: button;
	padding: 0 0 0 5px !important;
	background:#fff url(../img/bg_select.gif) no-repeat right 0;
	background-size:20px 10px;
	background-position: right center;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	vertical-align: middle;
	border:1px solid #ccc;
	margin-bottom:5px;
	border-radius: 0;
}
form dd li {
	width: 33.333%;
	padding: 4px 0 !important;
	float: left;
}
form dd li input {
	margin: 0 5px 0 0;
}
.form .privacy {
	padding: 20px 15px;
	margin: 20px 0 0;
	border: 3px solid #d9d9d9;
}
.form .privacy dt {
	font-weight: bold;
}
.form .privacy dd {
	padding: 0 0 10px;
	font-size: 11.5px;
	line-height: 140%;
}
.form .privacy dd p {
	padding-left:1.5em;
	text-indent:-1.5em;
}
.form .privacy p.agree {
	padding: 10px;
	display: block;
	font-size: 13px;
	text-align: center;
	background: #f6f6f6;
}
.form .privacy p input {
	margin: 0 5px 0 0;
}
form .submit {
	margin: 30px auto 0;
	text-align: center;
	background: none !important;
}
form .submit input {
	width: 180px;
	padding: 15px 5px !important;
	margin: 0 0 5px;
	color: #fff;
	text-align: center;
	border: none;
	outline: none;
	background: #f1972c;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
}
form .submit input:hover {
	background: #f1a346;
}
.btn_home a {
	display: block;
	width: 160px;
	padding: 7px 5px;
	margin: 30px 0 5px;
	color: #fff !important;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	background: #f1972c;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* change -- color */
.contact_index form dt {
	color: #eb7091;
	border-left: 3px solid #eb7091;
	background: #fef3f6;
}
.contact_index .formlist .submit input { background: #eb7091; }
.contact_index .formlist .submit input:hover { background: #ea8da6; }
.contact_index .btn_home a { background: #eb7091; }
.contact_index form dt span { color: #eb7091 !important; }
.request_index form dt {
	color: #2fb8a0;
	border-left: 3px solid #2fb8a0;
	background: #eefaf8;
}
.request_index .formlist .submit input { background: #2fb8a0; }
.request_index .formlist .submit input:hover { background: #45c9b2; }
.request_index .btn_home a { background: #2fb8a0; }
.request_index form dt span { color: #2fb8a0 !important; }
form dt span.required {
	color: #fff !important;
}
.aform-content dl .aform-calendar {
	min-width: 80px;
}
.aform-content dl #day01-mm,
.aform-content dl #day01-dd,
.aform-content dl #day02-mm,
.aform-content dl #day02-dd,
.aform-content dl #day03-mm,
.aform-content dl #day03-dd {
	min-width: 60px;
}
/*==================================================
font
==================================================*/
@font-face {
	font-family: 'icomoon';
	src:url('../font/icomoon.eot?r9vsfy');
	src:url('../font/icomoon.eot?r9vsfy#iefix') format('embedded-opentype'),
		url('../font/icomoon.ttf?r9vsfy') format('truetype'),
		url('../font/icomoon.woff?r9vsfy') format('woff'),
		url('../font/icomoon.svg?r9vsfy#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"],
.h_school li,
.btn_blue,
.parentlink a,
.schoollist li,
.cv02 a:after {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sidenav li a,
.side_category li a,
.philosophy04 .type_year li a,
.philosophy04 .type_univercity li a,
.lessonlist li a,
.faq dt,
.search_index .list li a,
.category_index .cont li a {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.icon-home:before { content: "\e900"; }
.icon-cvn-down:before { content: "\e901"; }
.icon-cvn-left:before { content: "\e902"; }
.icon-cvn-right:before { content: "\e903"; }
.icon-cvn-up:before { content: "\e904"; }
.icon-menu:before { content: "\e905"; }
.icon-close:before { content: "\e906";}
.icon-mail:before { content: "\e907"; }
.icon-feed:before { content: "\e908"; }
.icon-mobile:before { content: "\f10b";}
.icon-minus:before { content: "\e909";}
.icon-plus:before { content: "\e90a";}

/*==================================================
clearfix
==================================================*/
ul:after,
.main:after,
.kecgroup:after,
.cont_paragraph:after,
.category_index:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*==================================================
animate
==================================================*/
.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/*==================================================
parts
==================================================*/
.mb5 { margin-bottom: 5px !important;}


/*==================================================
registnav
==================================================*/
.registnav {
	display: none;
}
.registnav {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 999;
	background: rgba(255,255,255,0.9);
	padding: 10px 0;
	margin: auto;
	text-align: center;
	border-top: 3px solid #0068B7;
}
.registnav a {
	display:block;
	line-height: 40px;
	opacity: 1 !important;
}
.registnav ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px 0;
	text-align: center;
}
.registnav ul li {
	display: table-cell;
	width: 100%;
}
.registnav ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.registnav li:nth-child(1) a {
	background: #f1972c;
	border: solid #CF8226;
	border-width: 1px 3px 3px 1px;
}
.registnav li:nth-child(2) a {
	background: #2FB8A0;
	border: solid #289E89;
	border-width: 1px 3px 3px 1px;
}
.registnav li:nth-child(3) a {
	background: #EB7091;
	border: solid #CA607D;
	border-width: 1px 3px 3px 1px;
}

/*==================================================
socialarea
==================================================*/
.socialarea {
	width: 100% ;
	background: #F5F1E9;
	padding: 15px 0 ;
}
.socialarea ul {
	text-align: center;
	margin: 0 auto;
}
.socialarea ul li {
	display: inline-block;
	list-style: none;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
.sns-li img {
	height: 22px;
	vertical-align: baseline !important;
}
@media screen and ( min-width:480px ) {
	.sc-li {
		display: none ;
	}
}
/*==================================================
lightbox
==================================================*/
body:after {
	content: url(../img/lb_close.png) url(../img/lb_loading.gif) url(../img/lb_prev.png) url(../img/lb_next.png);
	display: none;
}
body.lb-disable-scrolling {
	overflow: hidden;
}
.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9991;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}
.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}
.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	border-radius: 3px;
}
.lightbox a img {
	border: none;
}
.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 4px;
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-container {
	padding: 4px;
}
.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../img/lb_loading.gif) no-repeat;
}
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
.lb-container > .nav {
	left: 0;
}
.lb-nav a {
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}
.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(../img/lb_prev.png) left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(../img/lb_next.png) right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-data {
	padding: 0 4px;
	color: #ccc;
}
.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}
.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}
.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}
.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/lb_close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}


.nowrap {
	white-space: nowrap;
}





.registnav p {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px 0;
	text-align: center;
	margin-top: 2px;
}
.registnav p a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #C10000;
	border: solid #a10000;
	border-width: 1px 3px 3px 1px;
	letter-spacing: 0;
}
/*------------------------------------------- icon */
.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}


/*------------------------------------------- form */
/*------------------------------------------- form */
/*------------------------------------------- form */
.wrapper_form #header {
	position: relative !important;
}
.wrapper_form .header {
	width: auto;
	text-align: center;
}
.wrapper_form .header h1 a {
	margin: auto;
}
.wrapper_form #main {
	padding: 0px;
}
.wrapper_form .main {
	width: 720px;
}
.wrapper_form ul.aform-radio-ul li {
	width: auto;
	float: none;
}
.wrapper_form .flow_start {
	overflow: hidden;
	margin: 30px auto;
	display: flex;
}
.wrapper_form .flow_start li {
	position: relative;
	list-style: none;
	width: calc(100% / 3);
	color: #999;
	background: #eee;
	text-align: center;
	padding: 15px 0;
}
.wrapper_form .flow_start li:not(:last-child):before,
.wrapper_form .flow_start li:not(:last-child):after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.wrapper_form .flow_start li:not(:last-child):before{
  top: 50%;
  right: -1em;
  transform: translateY(-50%);
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.wrapper_form .flow_start li:not(:last-child):after{
  top: 50%;
  right: -.8em;
  transform: translateY(-50%);
  border-style: solid;
  border-color: transparent transparent transparent #eee;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.wrapper_form .flow_start li:first-child {
	border-radius: 5px 0 0 5px;
}
.wrapper_form .flow_start li:last-child {
	border-radius: 0 5px 5px 0;
}
.wrapper_form .flow_start li.current:after{
  border-color: transparent transparent transparent #0068b7;
}
.wrapper_form .flow_start li.current {
	color: #fff;
	background: #0068b7;
}
.wrapper_form .aform-content .submit {
	padding: 15px 0;
}
.wrapper_form .formlist .submit input,
.wrapper_form .aform-content .submit input#aform_btn_submit {
	font-size: 150%;
	font-weight: bold;
}
.wrapper_form .aform-content .submit input#aform_btn_back {
	width: 60px !important;
	margin-bottom: 20px;
	color: #333;
	background: #ccc;
}
.wrapper_form .aform-content .submit input#aform_btn_submit {
	width: auto !important;
	padding: 15px 10px !important;
	margin-bottom: 20px;
}

.ckread {
	text-align: center;
	margin-bottom: 20px;
}
.ckread br {
	display: none;
}